@sumaris-net/ngx-components 18.25.19 → 18.26.0

package/fesm2022/sumaris-net.ngx-components.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive, Pipe, Injectable, EventEmitter, Output, Optional, Inject, inject, NgModule, forwardRef, booleanAttribute, ViewChildren, Input, ChangeDetectionStrategy, Component, HostListener, HostBinding, ElementRef, numberAttribute, ViewChild, ANIMATION_MODULE_TYPE, RendererStyleFlags2, TemplateRef, ContentChild, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectorRef, Self, ViewEncapsulation, Injector, APP_INITIALIZER, DestroyRef, input, output, Renderer2, effect, signal, SecurityContext, EnvironmentInjector, runInInjectionContext, viewChildren, viewChild, model, computed, untracked } from '@angular/core';
-import { firstValueFrom, shareReplay, tap, of, timer, Subject, merge, delay, isObservable, from, Subscription, BehaviorSubject, fromEvent, noop as noop$9, Observable, forkJoin, timeout, defer, combineLatest, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, mergeMap as mergeMap$1, switchMap as switchMap$1, EMPTY, interval } from 'rxjs';
+import { InjectionToken, Directive, Pipe, Injectable, EventEmitter, Output, Optional, Inject, inject, NgModule, forwardRef, booleanAttribute, ViewChildren, Input, ChangeDetectionStrategy, Component, HostListener, HostBinding, ElementRef, numberAttribute, ViewChild, ANIMATION_MODULE_TYPE, RendererStyleFlags2, TemplateRef, ContentChild, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectorRef, Self, ViewEncapsulation, Injector, APP_INITIALIZER, signal, DestroyRef, input, output, Renderer2, effect, SecurityContext, EnvironmentInjector, runInInjectionContext, viewChildren, viewChild, model, computed, untracked } from '@angular/core';
+import { firstValueFrom, shareReplay, tap, of, timer, Subject, merge, delay, isObservable, from, Subscription, BehaviorSubject, fromEvent, noop as noop$a, Observable, forkJoin, timeout, defer, combineLatest, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, mergeMap as mergeMap$1, switchMap as switchMap$1, EMPTY, interval } from 'rxjs';
 import { catchError, map, filter, takeUntil, first, switchMap, tap as tap$1, throttleTime, debounceTime, startWith, distinctUntilChanged, mergeMap, skip, finalize, distinctUntilKeyChanged, take } from 'rxjs/operators';
 import * as cloneImported from 'clone';
 import * as i3$1 from '@angular/common';
@@ -28,14 +28,14 @@ import { MatBadge, MatBadgeModule } from '@angular/material/badge';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule, TranslateDirective, TranslatePipe } from '@ngx-translate/core';
 import * as i2$1 from '@ionic/angular';
-import { IonicModule, Platform, ToastController, IonicSafeString, IonicRouteStrategy, IonicSlides, NavController, IonContent, IonItem, ModalController, PopoverController, AlertController, IonRouterOutlet, IonModal, IonInfiniteScroll } from '@ionic/angular';
+import { IonicModule, Platform, ToastController, IonicSafeString, IonicRouteStrategy, ModalController, IonicSlides, NavController, IonContent, IonItem, PopoverController, AlertController, IonRouterOutlet, IonModal, IonInfiniteScroll } from '@ionic/angular';
 import * as momentImported from 'moment';
 import { isMoment, locale, now } from 'moment';
 import * as i1 from '@angular/material-moment-adapter';
 import { MatMomentDateModule } from '@angular/material-moment-adapter';
 import { isMoment as isMoment$1 } from 'moment/moment';
 import * as i1$3 from '@angular/forms';
-import { AbstractControl, UntypedFormArray, UntypedFormGroup, FormGroup, FormArray, UntypedFormControl, FormControl, Validators, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormBuilder, FormsModule, NgControl } from '@angular/forms';
+import { AbstractControl, UntypedFormArray, UntypedFormGroup, FormGroup, FormArray, UntypedFormControl, FormControl, Validators, NG_VALUE_ACCESSOR, ReactiveFormsModule, FormBuilder, FormGroupDirective, FormsModule, NgControl } from '@angular/forms';
 import { maskitoWithPlaceholder, maskitoEventHandler, maskitoDateOptionsGenerator, maskitoTimeOptionsGenerator, maskitoNumberOptionsGenerator } from '@maskito/kit';
 import * as i1$2 from '@angular/platform-browser';
 import { HammerGestureConfig, HammerModule } from '@angular/platform-browser';
@@ -152,9 +152,9 @@ import { EdgeToEdge } from '@capawesome/capacitor-android-edge-to-edge-support';
 import * as i2$6 from '@angular/cdk/platform';
 import * as i3$5 from '@angular/cdk/clipboard';
 import { select } from '@rx-angular/state/selections';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { isDataSource, SelectionModel } from '@angular/cdk/collections';
 import { CameraSource, Camera, CameraResultType } from '@capacitor/camera';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Geolocation } from '@capacitor/geolocation';
 import * as i1$8 from '@e-is/ngx-material-table';
 import { ValidatorService, TableDataSource, AsyncTableDataSource } from '@e-is/ngx-material-table';
@@ -6758,7 +6758,7 @@ const DEFAULT_VALUE_ACCESSOR$6 = {
 };
 const HOUR_TIME_PATTERN = /[0-9]\d\d:[0-5]\d/;
 const DURATION_MASK = [/\d/, /\d/, /\d/, ':', /[0-5]/, /\d/];
-const noop$8 = () => { };
+const noop$9 = () => { };
 class MatDuration {
     dateAdapter;
     translate;
@@ -6766,8 +6766,8 @@ class MatDuration {
     cd;
     formGroupDir;
     _subscription = new Subscription();
-    _onChangeCallback = noop$8;
-    _onTouchedCallback = noop$8;
+    _onChangeCallback = noop$9;
+    _onTouchedCallback = noop$9;
     writing = true;
     disabling = false;
     _tabindex;
@@ -7487,12 +7487,12 @@ const DEFAULT_VALUE_ACCESSOR$5 = {
     useExisting: forwardRef(() => MatBooleanField),
     multi: true,
 };
-const noop$7 = () => { };
+const noop$8 = () => { };
 class MatBooleanField {
     cd;
     formGroupDir;
-    _onChangeCallback = noop$7;
-    _onTouchedCallback = noop$7;
+    _onChangeCallback = noop$8;
+    _onTouchedCallback = noop$8;
     _subscription = new Subscription();
     _writing = false;
     _value;
@@ -9288,7 +9288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-const noop$6 = () => { };
+const noop$7 = () => { };
 const DEFAULT_VALUE_ACCESSOR$4 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: forwardRef(() => MatAutocompleteField),
@@ -9301,8 +9301,8 @@ class MatAutocompleteField {
     modalController;
     renderer;
     formGroupDir;
-    _onChangeCallback = noop$6;
-    _onTouchedCallback = noop$6;
+    _onChangeCallback = noop$7;
+    _onTouchedCallback = noop$7;
     _onFetchMoreCallback;
     _implicitValue;
     _subscription = new Subscription();
@@ -10709,15 +10709,15 @@ const DEFAULT_VALUE_ACCESSOR$3 = {
     multi: true,
 };
 const I18N_KEYS$2 = ['COMMON.DATE_PATTERN', 'COMMON.DATE_PLACEHOLDER'];
-const noop$5 = () => { };
+const noop$6 = () => { };
 class MatDate {
     dateAdapter;
     translate;
     formBuilder;
     cd;
     formGroupDir;
-    _onChangeCallback = noop$5;
-    _onTouchedCallback = noop$5;
+    _onChangeCallback = noop$6;
+    _onTouchedCallback = noop$6;
     _subscription = new Subscription();
     _writing = true;
     _disabling = false;
@@ -11159,7 +11159,7 @@ const I18N_KEYS$1 = [
     'COMMON.TIME_PLACEHOLDER',
     'COMMON.HOUR_PATTERN',
 ];
-const noop$4 = () => { };
+const noop$5 = () => { };
 class MatDateTime {
     dateAdapter;
     translate;
@@ -11167,8 +11167,8 @@ class MatDateTime {
     renderer;
     cd;
     formGroupDir;
-    _onChangeCallback = noop$4;
-    _onTouchedCallback = noop$4;
+    _onChangeCallback = noop$5;
+    _onTouchedCallback = noop$5;
     _subscription = new Subscription();
     _controlSubscription;
     _writing = true;
@@ -11971,7 +11971,7 @@ const DEFAULT_VALUE_ACCESSOR$1 = {
     useExisting: forwardRef(() => MatDateShort),
     multi: true,
 };
-const noop$3 = () => { };
+const noop$4 = () => { };
 const I18N_KEYS = ['COMMON.DATE_YEAR_PATTERN', 'COMMON.DATE_YEAR_PLACEHOLDER'];
 class MatDateShort {
     dateAdapter;
@@ -11979,8 +11979,8 @@ class MatDateShort {
     formBuilder;
     cd;
     formGroupDir;
-    _onChangeCallback = noop$3;
-    _onTouchedCallback = noop$3;
+    _onChangeCallback = noop$4;
+    _onTouchedCallback = noop$4;
     _subscription = new Subscription();
     _writing = true;
     _disabling = false;
@@ -12455,8 +12455,8 @@ const DEFAULT_VALUE_ACCESSOR = {
 class MatSwipeField {
     cd;
     formGroupDir;
-    _onChangeCallback = noop$9;
-    _onTouchedCallback = noop$9;
+    _onChangeCallback = noop$a;
+    _onTouchedCallback = noop$a;
     _value;
     _subscription = new Subscription();
     _itemsSubscription;
@@ -12849,12 +12849,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-const noop$2 = () => { };
+const noop$3 = () => { };
 class MatChipsField {
     cd;
     formGroupDir;
-    _onChangeCallback = noop$2;
-    _onTouchedCallback = noop$2;
+    _onChangeCallback = noop$3;
+    _onTouchedCallback = noop$3;
     _onFetchMoreCallback;
     _implicitValue;
     _subscription = new Subscription();
@@ -14851,14 +14851,14 @@ function isLightColor(color) {
     return getColorLuminance(color) > 186;
 }
 
-const noop$1 = () => { };
+const noop$2 = () => { };
 class AppFormField {
     translate;
     cd;
     injector;
     formGroupDir;
-    _onChangeCallback = noop$1;
-    _onTouchedCallback = noop$1;
+    _onChangeCallback = noop$2;
+    _onTouchedCallback = noop$2;
     _definition;
     _values;
     type;
@@ -19570,7 +19570,7 @@ function isSameVersion(v1, v2) {
     return compareVersionNumbers(v1, v2) === 0;
 }
 
-const noop = () => { };
+const noop$1 = () => { };
 class TextForm extends AppForm {
     injector;
     cd;
@@ -19605,8 +19605,8 @@ class TextForm extends AppForm {
     textInput;
     autosizeDirective;
     textControl;
-    _onChangeCallback = noop;
-    _onTouchedCallback = noop;
+    _onChangeCallback = noop$1;
+    _onTouchedCallback = noop$1;
     constructor(injector, cd, formBuilder, formGroupDir) {
         super(injector);
         this.injector = injector;
@@ -28313,6 +28313,260 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * Service de chargement et de filtrage des icônes disponibles.
+ * Charge le fichier assets/icons-ref.json en lazy (une seule fois).
+ */
+class IconSelectorService {
+    http;
+    _ionic = signal([]);
+    _material = signal([]);
+    _ready = false;
+    _readyPromise = null;
+    ionicIcons = this._ionic.asReadonly();
+    materialIcons = this._material.asReadonly();
+    constructor(http) {
+        this.http = http;
+    }
+    ready() {
+        if (this._ready)
+            return Promise.resolve();
+        if (this._readyPromise)
+            return this._readyPromise;
+        this._readyPromise = firstValueFrom(this.http.get('assets/icons-ref.json')).then((data) => {
+            this._ionic.set(data.ionic || []);
+            this._material.set(data.material || []);
+            this._ready = true;
+        });
+        return this._readyPromise;
+    }
+    /**
+     * Convertit un IconEntry en IconRef selon son origine.
+     */
+    toIconRef(entry, origin) {
+        if (origin === 'ionic') {
+            return { icon: entry.name };
+        }
+        return { matIcon: entry.name };
+    }
+    /**
+     * Filtre les icônes par texte de recherche.
+     * Cherche dans le nom, le label, et les mots-clés.
+     * Insensible à la casse.
+     */
+    search(searchText, origin) {
+        const icons = origin === 'ionic' ? this._ionic() : this._material();
+        const q = (searchText || '').trim().toLowerCase();
+        if (!q)
+            return icons;
+        return icons.filter((entry) => entry.name.toLowerCase().includes(q) ||
+            entry.label.toLowerCase().includes(q) ||
+            (entry.keywords || []).some((kw) => kw.includes(q)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorService, deps: [{ token: i2$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i2$3.HttpClient }] });
+
+class AppIconSelectorModal {
+    title = 'ICON_SELECTOR.TITLE';
+    ionicTabIndex = 0;
+    materialTabIndex = 1;
+    searchText = '';
+    ionicFiltered = [];
+    materialFiltered = [];
+    selectedIndex = 0;
+    loading = true;
+    searchSubject = new Subject();
+    iconService = inject(IconSelectorService);
+    viewCtrl = inject(ModalController);
+    cdr = inject(ChangeDetectorRef);
+    constructor() {
+        this.loadIcons();
+        this.searchSubject
+            .pipe(debounceTime$1(150), distinctUntilChanged$1(), takeUntilDestroyed())
+            .subscribe((value) => {
+            this.ionicFiltered = this.iconService.search(value, 'ionic');
+            this.materialFiltered = this.iconService.search(value, 'material');
+            this.cdr.markForCheck();
+        });
+    }
+    async loadIcons() {
+        await this.iconService.ready();
+        this.ionicFiltered = this.iconService.ionicIcons();
+        this.materialFiltered = this.iconService.materialIcons();
+        this.loading = false;
+        this.cdr.markForCheck();
+    }
+    onSearchChange(value) {
+        this.searchText = value;
+        this.searchSubject.next(value);
+    }
+    selectIcon(entry, origin) {
+        const ref = this.iconService.toIconRef(entry, origin);
+        this.viewCtrl.dismiss(ref);
+    }
+    cancel() {
+        this.viewCtrl.dismiss(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppIconSelectorModal, selector: "app-icon-selector-modal", inputs: { title: "title" }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar>\n    <ion-title>{{ title | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"cancel()\">\n        <mat-icon>close</mat-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <!-- Barre de recherche -->\n  <div class=\"search-bar\">\n    <mat-form-field appearance=\"outline\" class=\"search-field\">\n      <mat-label translate>COMMON.SEARCH</mat-label>\n      <input matInput type=\"text\" [ngModel]=\"searchText\" (ngModelChange)=\"onSearchChange($event)\" [placeholder]=\"'COMMON.SEARCH_PLACEHOLDER' | translate\" autofocus>\n      <mat-icon matSuffix>search</mat-icon>\n    </mat-form-field>\n  </div>\n\n  <!-- Onglets Ionic / Material -->\n  <mat-tab-group [(selectedIndex)]=\"selectedIndex\" *ngIf=\"!loading\">\n    <mat-tab>\n      <ng-template mat-tab-label>\n        {{ 'ICON_SELECTOR.TAB_IONIC' | translate }}\n        <span class=\"badge\" [matBadge]=\"ionicFiltered.length | badgeNumber\" matBadgeOverlap=\"false\" matBadgeSize=\"small\" matBadgeColor=\"primary\"></span>\n      </ng-template>\n      <div class=\"icon-grid\" *ngIf=\"selectedIndex === ionicTabIndex\">\n        <button mat-icon-button\n                *ngFor=\"let entry of ionicFiltered\"\n                [matTooltip]=\"entry.label\"\n                [attr.aria-label]=\"entry.label\"\n                (click)=\"selectIcon(entry, 'ionic')\"\n                class=\"icon-btn\">\n          <ion-icon [name]=\"entry.name\" size=\"large\"></ion-icon>\n        </button>\n        <div *ngIf=\"ionicFiltered.length === 0\" class=\"no-results\" translate>COMMON.NO_RESULT</div>\n      </div>\n    </mat-tab>\n\n    <mat-tab>\n      <ng-template mat-tab-label>\n        {{ 'ICON_SELECTOR.TAB_MATERIAL' | translate }}\n        <span class=\"badge\" [matBadge]=\"materialFiltered.length | badgeNumber\" matBadgeOverlap=\"false\" matBadgeSize=\"small\" matBadgeColor=\"accent\"></span>\n      </ng-template>\n      <div class=\"icon-grid\" *ngIf=\"selectedIndex === materialTabIndex\">\n        <button mat-icon-button\n                *ngFor=\"let entry of materialFiltered\"\n                [matTooltip]=\"entry.label\"\n                [attr.aria-label]=\"entry.label\"\n                (click)=\"selectIcon(entry, 'material')\"\n                class=\"icon-btn\">\n          <mat-icon>{{ entry.name }}</mat-icon>\n        </button>\n        <div *ngIf=\"materialFiltered.length === 0\" class=\"no-results\" translate>COMMON.NO_RESULT</div>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n\n  <app-loading-spinner *ngIf=\"loading\"></app-loading-spinner>\n</ion-content>", styles: [".search-bar{padding:8px 16px 0}.search-field{width:100%}.icon-grid{display:flex;flex-wrap:wrap;gap:4px;padding:8px;max-height:60vh;overflow-y:auto;justify-content:center}.icon-btn{width:44px;height:44px;line-height:44px;border-radius:8px;transition:background-color .15s ease}.icon-btn:hover{background-color:rgba(var(--ion-color-primary-rgb),.12)}.icon-btn:active{background-color:rgba(var(--ion-color-primary-rgb),.24)}.no-results{width:100%;text-align:center;padding:32px 16px;color:var(--ion-color-medium);font-style:italic}.badge{margin-left:4px}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i8.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i8.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i8.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: i13$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i1$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: AutofocusDirective, selector: "[autofocus], input[appAutofocus]", inputs: ["appAutofocus", "autofocusDelay"] }, { kind: "component", type: AppLoadingSpinner, selector: "app-loading-spinner", inputs: ["loading", "color", "name"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: BadgeNumberPipe, name: "badgeNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModal, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-icon-selector-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar>\n    <ion-title>{{ title | translate }}</ion-title>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"cancel()\">\n        <mat-icon>close</mat-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content>\n  <!-- Barre de recherche -->\n  <div class=\"search-bar\">\n    <mat-form-field appearance=\"outline\" class=\"search-field\">\n      <mat-label translate>COMMON.SEARCH</mat-label>\n      <input matInput type=\"text\" [ngModel]=\"searchText\" (ngModelChange)=\"onSearchChange($event)\" [placeholder]=\"'COMMON.SEARCH_PLACEHOLDER' | translate\" autofocus>\n      <mat-icon matSuffix>search</mat-icon>\n    </mat-form-field>\n  </div>\n\n  <!-- Onglets Ionic / Material -->\n  <mat-tab-group [(selectedIndex)]=\"selectedIndex\" *ngIf=\"!loading\">\n    <mat-tab>\n      <ng-template mat-tab-label>\n        {{ 'ICON_SELECTOR.TAB_IONIC' | translate }}\n        <span class=\"badge\" [matBadge]=\"ionicFiltered.length | badgeNumber\" matBadgeOverlap=\"false\" matBadgeSize=\"small\" matBadgeColor=\"primary\"></span>\n      </ng-template>\n      <div class=\"icon-grid\" *ngIf=\"selectedIndex === ionicTabIndex\">\n        <button mat-icon-button\n                *ngFor=\"let entry of ionicFiltered\"\n                [matTooltip]=\"entry.label\"\n                [attr.aria-label]=\"entry.label\"\n                (click)=\"selectIcon(entry, 'ionic')\"\n                class=\"icon-btn\">\n          <ion-icon [name]=\"entry.name\" size=\"large\"></ion-icon>\n        </button>\n        <div *ngIf=\"ionicFiltered.length === 0\" class=\"no-results\" translate>COMMON.NO_RESULT</div>\n      </div>\n    </mat-tab>\n\n    <mat-tab>\n      <ng-template mat-tab-label>\n        {{ 'ICON_SELECTOR.TAB_MATERIAL' | translate }}\n        <span class=\"badge\" [matBadge]=\"materialFiltered.length | badgeNumber\" matBadgeOverlap=\"false\" matBadgeSize=\"small\" matBadgeColor=\"accent\"></span>\n      </ng-template>\n      <div class=\"icon-grid\" *ngIf=\"selectedIndex === materialTabIndex\">\n        <button mat-icon-button\n                *ngFor=\"let entry of materialFiltered\"\n                [matTooltip]=\"entry.label\"\n                [attr.aria-label]=\"entry.label\"\n                (click)=\"selectIcon(entry, 'material')\"\n                class=\"icon-btn\">\n          <mat-icon>{{ entry.name }}</mat-icon>\n        </button>\n        <div *ngIf=\"materialFiltered.length === 0\" class=\"no-results\" translate>COMMON.NO_RESULT</div>\n      </div>\n    </mat-tab>\n  </mat-tab-group>\n\n  <app-loading-spinner *ngIf=\"loading\"></app-loading-spinner>\n</ion-content>", styles: [".search-bar{padding:8px 16px 0}.search-field{width:100%}.icon-grid{display:flex;flex-wrap:wrap;gap:4px;padding:8px;max-height:60vh;overflow-y:auto;justify-content:center}.icon-btn{width:44px;height:44px;line-height:44px;border-radius:8px;transition:background-color .15s ease}.icon-btn:hover{background-color:rgba(var(--ion-color-primary-rgb),.12)}.icon-btn:active{background-color:rgba(var(--ion-color-primary-rgb),.24)}.no-results{width:100%;text-align:center;padding:32px 16px;color:var(--ion-color-medium);font-style:italic}.badge{margin-left:4px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }] } });
+
+class AppIconComponent {
+    icon = null;
+    matIcon = null;
+    matSvgIcon = null;
+    color = null;
+    height;
+    width;
+    set ref(value) {
+        this.icon = value.icon;
+        this.matIcon = value.matIcon;
+        this.matSvgIcon = value.matSvgIcon;
+        this.color = value.color || this.color; // Keep existing, if not defined in the reference
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppIconComponent, selector: "app-icon", inputs: { icon: "icon", matIcon: "matIcon", matSvgIcon: "matSvgIcon", color: "color", height: "height", width: "width", ref: "ref" }, ngImport: i0, template: "<ion-icon\n  *ngIf=\"icon; else matIconTemplate\"\n  slot=\"icon-only\"\n  [color]=\"color\"\n  [name]=\"icon\"\n  [style.height.px]=\"height\"\n  [style.width.px]=\"width\"\n></ion-icon>\n<ng-template #matIconTemplate>\n  <mat-icon\n    [svgIcon]=\"matSvgIcon\"\n    [style.color]=\"'var(--ion-color-' + color + ')'\"\n    [style.height.px]=\"height\"\n    [style.width.px]=\"width\"\n    [style.font-size.px]=\"height || width\"\n  >\n    {{ matIcon }}\n  </mat-icon>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-icon', template: "<ion-icon\n  *ngIf=\"icon; else matIconTemplate\"\n  slot=\"icon-only\"\n  [color]=\"color\"\n  [name]=\"icon\"\n  [style.height.px]=\"height\"\n  [style.width.px]=\"width\"\n></ion-icon>\n<ng-template #matIconTemplate>\n  <mat-icon\n    [svgIcon]=\"matSvgIcon\"\n    [style.color]=\"'var(--ion-color-' + color + ')'\"\n    [style.height.px]=\"height\"\n    [style.width.px]=\"width\"\n    [style.font-size.px]=\"height || width\"\n  >\n    {{ matIcon }}\n  </mat-icon>\n</ng-template>\n" }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], matIcon: [{
+                type: Input
+            }], matSvgIcon: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], ref: [{
+                type: Input
+            }] } });
+
+const noop = (_) => { };
+class AppIconSelectorField {
+    _onChange = noop;
+    _onTouched = noop;
+    modalCtrl = inject(ModalController);
+    formGroupDir = inject(FormGroupDirective, { optional: true });
+    value = null;
+    disabled = false;
+    formControl;
+    formControlName;
+    placeholder = '';
+    floatLabel = 'auto';
+    appearance;
+    subscriptSizing;
+    ngOnInit() {
+        this.formControl =
+            this.formControl || (this.formControlName && this.formGroupDir && this.formGroupDir.form.get(this.formControlName));
+        if (!this.formControl)
+            throw new Error("Missing mandatory attribute 'formControl' or 'formControlName' in <app-icon-selector-field>.");
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    async openSelector() {
+        if (this.disabled)
+            return;
+        const modal = await this.modalCtrl.create({
+            component: AppIconSelectorModal,
+            componentProps: { title: 'ICON_SELECTOR.TITLE' },
+        });
+        await modal.present();
+        const result = await modal.onDidDismiss();
+        if (result.data !== undefined) {
+            this.value = result.data;
+            this._onChange(result.data);
+            this._onTouched();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AppIconSelectorField, selector: "app-icon-selector-field", inputs: { disabled: ["disabled", "disabled", booleanAttribute], formControl: "formControl", formControlName: "formControlName", placeholder: "placeholder", floatLabel: "floatLabel", appearance: "appearance", subscriptSizing: "subscriptSizing" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AppIconSelectorField),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<mat-form-field [floatLabel]=\"value && (!floatLabel || floatLabel === 'auto') ? 'always' : (floatLabel | asFloatLabelType)\"\n                [appearance]=\"appearance\"\n                [subscriptSizing]=\"subscriptSizing\">\n\n  @if (floatLabel !== 'never' && !!placeholder) {\n    <mat-label>{{ placeholder }}</mat-label>\n  }\n\n  <input matInput hidden type=\"text\" readonly [formControl]=\"formControl\"/>\n  @if (value) {\n    <app-icon [ref]=\"value\"></app-icon>\n  }\n\n  <!-- open selector modal -->\n  <button mat-icon-button matSuffix\n        type=\"button\"\n        [disabled]=\"disabled\"\n        (click)=\"openSelector()\"\n        class=\"icon-selector-btn\">\n    <mat-icon>list</mat-icon>\n  </button>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: AppIconComponent, selector: "app-icon", inputs: ["icon", "matIcon", "matSvgIcon", "color", "height", "width", "ref"] }, { kind: "pipe", type: AsFloatLabelTypePipe, name: "asFloatLabelType" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorField, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-icon-selector-field', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AppIconSelectorField),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field [floatLabel]=\"value && (!floatLabel || floatLabel === 'auto') ? 'always' : (floatLabel | asFloatLabelType)\"\n                [appearance]=\"appearance\"\n                [subscriptSizing]=\"subscriptSizing\">\n\n  @if (floatLabel !== 'never' && !!placeholder) {\n    <mat-label>{{ placeholder }}</mat-label>\n  }\n\n  <input matInput hidden type=\"text\" readonly [formControl]=\"formControl\"/>\n  @if (value) {\n    <app-icon [ref]=\"value\"></app-icon>\n  }\n\n  <!-- open selector modal -->\n  <button mat-icon-button matSuffix\n        type=\"button\"\n        [disabled]=\"disabled\"\n        (click)=\"openSelector()\"\n        class=\"icon-selector-btn\">\n    <mat-icon>list</mat-icon>\n  </button>\n</mat-form-field>\n" }]
+        }], propDecorators: { disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], formControl: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }] } });
+
+class AppIconModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, declarations: [AppIconComponent], imports: [SharedModule, TranslateModule], exports: [AppIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, imports: [SharedModule, TranslateModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SharedModule, TranslateModule],
+                    declarations: [AppIconComponent],
+                    exports: [AppIconComponent],
+                }]
+        }] });
+
+class AppIconSelectorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModule, declarations: [AppIconSelectorModal, AppIconSelectorField], imports: [SharedModule, i1$1.TranslateModule, AppIconModule, FormsModule], exports: [AppIconSelectorModal, AppIconSelectorField, AppIconModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModule, imports: [SharedModule, TranslateModule.forChild(), AppIconModule, FormsModule, AppIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SharedModule, TranslateModule.forChild(), AppIconModule, FormsModule],
+                    declarations: [AppIconSelectorModal, AppIconSelectorField],
+                    exports: [AppIconSelectorModal, AppIconSelectorField, AppIconModule],
+                }]
+        }] });
+
 let ProgressInterceptor = class ProgressInterceptor {
     progressBarService;
     constructor(progressBarService) {
@@ -28464,9 +28718,14 @@ class AppImageGallerySlideshowComponent {
     }
     onSwiperInit(swiperElement) {
         this._resetZoom();
-        // The `initialSlide` param (bound in the template) already positions Swiper on the right slide
-        // as soon as it is constructed, so just sync our own index from the actual Swiper state.
         const swiper = this.getSwiper(swiperElement);
+        // The `initialSlide` binding can NOT work here: Angular inserts <swiper-container> into the DOM (which
+        // synchronously runs its connectedCallback, constructing the Swiper instance and reading `initialSlide`
+        // off the element) *before* it applies property bindings in its update pass -- so Swiper always reads
+        // `initialSlide` as unset (0). It must be corrected explicitly, once Swiper actually exists.
+        if (swiper && this.selectedIndex > 0 && swiper.activeIndex !== this.selectedIndex) {
+            swiper.slideTo(this.selectedIndex, 0 /*no transition, to avoid a "revert" effect*/);
+        }
         this.activeSlideIndex = swiper?.activeIndex ?? this.selectedIndex;
         if (this.debug)
             console.debug(`[image-gallery-slideshow] Initializing slideshow, activeSlideIndex=${this.activeSlideIndex}`);
@@ -34257,55 +34516,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-class AppIconComponent {
-    icon = null;
-    matIcon = null;
-    matSvgIcon = null;
-    color = null;
-    height;
-    width;
-    set ref(value) {
-        this.icon = value.icon;
-        this.matIcon = value.matIcon;
-        this.matSvgIcon = value.matSvgIcon;
-        this.color = value.color || this.color; // Keep existing, if not defined in the reference
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AppIconComponent, selector: "app-icon", inputs: { icon: "icon", matIcon: "matIcon", matSvgIcon: "matSvgIcon", color: "color", height: "height", width: "width", ref: "ref" }, ngImport: i0, template: "<ion-icon\n  *ngIf=\"icon; else matIconTemplate\"\n  slot=\"icon-only\"\n  [color]=\"color\"\n  [name]=\"icon\"\n  [style.height.px]=\"height\"\n  [style.width.px]=\"width\"\n></ion-icon>\n<ng-template #matIconTemplate>\n  <mat-icon\n    [svgIcon]=\"matSvgIcon\"\n    [style.color]=\"'var(--ion-color-' + color + ')'\"\n    [style.height.px]=\"height\"\n    [style.width.px]=\"width\"\n    [style.font-size.px]=\"height || width\"\n  >\n    {{ matIcon }}\n  </mat-icon>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-icon', template: "<ion-icon\n  *ngIf=\"icon; else matIconTemplate\"\n  slot=\"icon-only\"\n  [color]=\"color\"\n  [name]=\"icon\"\n  [style.height.px]=\"height\"\n  [style.width.px]=\"width\"\n></ion-icon>\n<ng-template #matIconTemplate>\n  <mat-icon\n    [svgIcon]=\"matSvgIcon\"\n    [style.color]=\"'var(--ion-color-' + color + ')'\"\n    [style.height.px]=\"height\"\n    [style.width.px]=\"width\"\n    [style.font-size.px]=\"height || width\"\n  >\n    {{ matIcon }}\n  </mat-icon>\n</ng-template>\n" }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], matIcon: [{
-                type: Input
-            }], matSvgIcon: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], ref: [{
-                type: Input
-            }] } });
-
-class AppIconModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, declarations: [AppIconComponent], imports: [SharedModule, TranslateModule], exports: [AppIconComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, imports: [SharedModule, TranslateModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SharedModule, TranslateModule],
-                    declarations: [AppIconComponent],
-                    exports: [AppIconComponent],
-                }]
-        }] });
-
 class AppTextPopoverModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppTextPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AppTextPopoverModule, declarations: [
@@ -48037,6 +48247,7 @@ class CoreModule {
             AppAboutModalModule,
             AppSettingsPageModule,
             AppIconModule,
+            AppIconSelectorModule,
             AppSelectPeerModule,
             AppFormModule,
             AppTableModule,
@@ -48074,6 +48285,7 @@ class CoreModule {
             AppAboutModalModule,
             AppSettingsPageModule,
             AppIconModule,
+            AppIconSelectorModule,
             AppSelectPeerModule,
             AppFormModule,
             AppTableModule,
@@ -48120,6 +48332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         AppAboutModalModule,
                         AppSettingsPageModule,
                         AppIconModule,
+                        AppIconSelectorModule,
                         AppSelectPeerModule,
                         AppFormModule,
                         AppTableModule,
@@ -50035,7 +50248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-const routes$c = [
+const routes$d = [
     {
         path: 'users',
         pathMatch: 'full',
@@ -50050,12 +50263,12 @@ const routes$c = [
 class AdminRoutingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdminRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AdminRoutingModule, imports: [SharedRoutingModule, AdminModule, i1$7.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdminRoutingModule, imports: [SharedRoutingModule, AdminModule, RouterModule.forChild(routes$c), RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdminRoutingModule, imports: [SharedRoutingModule, AdminModule, RouterModule.forChild(routes$d), RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdminRoutingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [SharedRoutingModule, AdminModule, RouterModule.forChild(routes$c)],
+                    imports: [SharedRoutingModule, AdminModule, RouterModule.forChild(routes$d)],
                     exports: [RouterModule],
                 }]
         }] });
@@ -51598,7 +51811,7 @@ const SHARED_MATERIAL_TESTING_PAGES = [
     { label: 'Observable', page: '/testing/shared/observable' },
     { label: 'Maskito', page: '/testing/shared/maskito' },
 ];
-const routes$b = [
+const routes$c = [
     {
         path: '',
         pathMatch: 'full',
@@ -51723,7 +51936,7 @@ class MaterialTestingModule {
             ReactiveFormsModule,
             SharedMaterialModule,
             TranslateModule.forChild(),
-            RouterModule.forChild(routes$b),
+            RouterModule.forChild(routes$c),
             SharedPipesModule,
             SharedBadgeModule,
             FormsModule,
@@ -51739,7 +51952,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReactiveFormsModule,
                         SharedMaterialModule,
                         TranslateModule.forChild(),
-                        RouterModule.forChild(routes$b),
+                        RouterModule.forChild(routes$c),
                         SharedPipesModule,
                         SharedBadgeModule,
                         FormsModule,
@@ -51832,7 +52045,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'toast-testing', template: "<ion-toolbar color=\"primary\" id=\"header\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"showToast()\" color=\"dark\">default</ion-button>\n\n  <ion-button (click)=\"showInfo()\" color=\"secondary\">info</ion-button>\n\n  <ion-button (click)=\"showWarning()\" color=\"accent\">warning</ion-button>\n\n  <ion-button (click)=\"showError()\" color=\"danger\">error</ion-button>\n\n  <ion-button (click)=\"showInfo({ message: 'This is <b>HTML</b> text' })\" color=\"danger\">message with HTML</ion-button>\n  <br />\n\n  <ion-list>\n    <ion-item>\n      <ion-label>Header (optional)</ion-label>\n      <ion-input [(ngModel)]=\"options.header\"></ion-input>\n    </ion-item>\n    <ion-item>\n      <ion-label>Message</ion-label>\n      <ion-input [(ngModel)]=\"options.message\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-checkbox [(ngModel)]=\"options.showCloseButton\">\n        <ion-label>Close button ?</ion-label>\n      </ion-checkbox>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Duration</ion-label>\n      <ion-input [(ngModel)]=\"options.duration\"></ion-input>\n    </ion-item>\n\n    <ion-item>\n      <ion-label>Position</ion-label>\n      <ion-select [(ngModel)]=\"options.position\">\n        <ion-select-option value=\"auto\">auto</ion-select-option>\n        <ion-select-option value=\"top\">top</ion-select-option>\n        <ion-select-option value=\"bottom\">bottom</ion-select-option>\n        <ion-select-option value=\"middle\">middle</ion-select-option>\n      </ion-select>\n    </ion-item>\n  </ion-list>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
-const routes$a = [
+const routes$b = [
     {
         path: 'toast',
         pathMatch: 'full',
@@ -51842,12 +52055,12 @@ const routes$a = [
 class ToastTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, declarations: [ToastTestingPage], imports: [CommonModule, IonicModule, i1$1.TranslateModule, i1$7.RouterModule, FormsModule], exports: [RouterModule, ToastTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$a), FormsModule, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b), FormsModule, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$a), FormsModule],
+                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$b), FormsModule],
                     declarations: [ToastTestingPage],
                     exports: [RouterModule, ToastTestingPage],
                 }]
@@ -51903,7 +52116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'upload-file-testing', template: "<ion-toolbar color=\"primary\">\n  <ion-title>File upload</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Popover examples:</p>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(unique file)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(many files)\n  </ion-button>\n\n  <ion-button (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true })\" color=\"tertiary\">\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(instant upload)\n  </ion-button>\n\n  <ion-button\n    (click)=\"showPopover($event, { uniqueFile: false, instantUpload: true, maxParallelUpload: 3 })\"\n    color=\"tertiary\"\n  >\n    <span translate>COMMON.BTN_IMPORT</span>\n    &nbsp;(max parallel upload)\n  </ion-button>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: i2$1.PopoverController }] });
 
-const routes$9 = [
+const routes$a = [
     {
         path: 'upload-file',
         pathMatch: 'full',
@@ -51913,12 +52126,12 @@ const routes$9 = [
 class UploadFileTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, declarations: [UploadFileTestingPage], imports: [CommonModule, IonicModule, i1$1.TranslateModule, i1$7.RouterModule], exports: [RouterModule, UploadFileTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$9), RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$a), RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UploadFileTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$9)],
+                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$a)],
                     declarations: [UploadFileTestingPage],
                     exports: [RouterModule, UploadFileTestingPage],
                 }]
@@ -52047,7 +52260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'app-gallery-test-page', providers: [{ provide: ImageAttachmentService, useClass: ImageAttachmentService }], template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Image gallery</ion-title>\n\n    <ion-buttons slot=\"end\">\n      <button mat-icon-button [matMenuTriggerFor]=\"toolbarOptionsMenu\">\n        <mat-icon>more_vert</mat-icon>\n      </button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<mat-menu #toolbarOptionsMenu=\"matMenu\" xPosition=\"after\">\n  <ng-template matMenuContent>\n    <button mat-menu-item (click)=\"toggleZoomPresentation()\">\n      <mat-icon>{{ slideshowMode === 'modal' ? 'check' : '' }}</mat-icon>\n      <ion-label translate>IMAGE.GALLERY.BTN_ENABLE_MODAL_ZOOM</ion-label>\n    </button>\n\n    <button mat-menu-item (click)=\"toggleSlideshowLoop()\">\n      <mat-icon>{{ enableSlideshowLoop ? 'check' : '' }}</mat-icon>\n      <ion-label translate>IMAGE.GALLERY.BTN_ENABLE_LOOP</ion-label>\n    </button>\n\n    <button mat-menu-item (click)=\"toggleDebug()\">\n      <mat-icon>{{ debug ? 'check' : '' }}</mat-icon>\n      <ion-label translate>COMMON.DEBUG.BTN_ENABLE_DEBUG</ion-label>\n    </button>\n  </ng-template>\n</mat-menu>\n\n<ion-content>\n  <!-- DEBUG -->\n  @if (debug) {\n    <app-debug title=\"Galley\">\n      <ion-grid>\n        <ion-row>\n          <ion-col>gallery.count: {{ gallery.rows?.length }}</ion-col>\n        </ion-row>\n      </ion-grid>\n    </app-debug>\n  }\n\n  <app-image-gallery\n    #gallery\n    [dataSource]=\"dataSource\"\n    [slideshowMode]=\"slideshowMode\"\n    [enableSlideshowLoop]=\"enableSlideshowLoop\"\n    [inlineZoomHeight]=\"'100%'\"\n    (onAfterAddRows)=\"save()\"\n    (onAfterEditRow)=\"save()\"\n    [debug]=\"debug\"\n  ></app-image-gallery>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: ImageAttachmentService }, { type: i1$7.ActivatedRoute }] });
 
-const routes$8 = [
+const routes$9 = [
     {
         path: 'gallery',
         pathMatch: 'full',
@@ -52069,7 +52282,7 @@ class ImageGalleryTestingModule {
             ImageGalleryModule,
             SharedMaterialModule,
             TranslateModule.forChild(),
-            RouterModule.forChild(routes$8),
+            RouterModule.forChild(routes$9),
             TranslateModule.forChild(),
             SharedDebugModule, RouterModule] });
 }
@@ -52082,7 +52295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ImageGalleryModule,
                         SharedMaterialModule,
                         TranslateModule.forChild(),
-                        RouterModule.forChild(routes$8),
+                        RouterModule.forChild(routes$9),
                         TranslateModule.forChild(),
                         SharedDebugModule,
                     ],
@@ -52126,7 +52339,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'audio-testing', template: "<ion-toolbar color=\"primary\">\n  <ion-title>Toasts</ion-title>\n</ion-toolbar>\n\n<ion-content class=\"ion-padding\">\n  <p>Toast examples:</p>\n\n  <ion-button (click)=\"playStartupSound()\" color=\"dark\">\n    <ion-icon name=\"play\" slot=\"start\"></ion-icon>\n    Startup\n  </ion-button>\n\n  <ion-button (click)=\"playBeepConfirm()\" color=\"success\">\n    <ion-icon name=\"play\" slot=\"start\"></ion-icon>\n    Confirmation\n  </ion-button>\n\n  <ion-button (click)=\"playBeepNotification()\" color=\"tertiary\">\n    <ion-icon name=\"play\" slot=\"start\"></ion-icon>\n    Notification\n  </ion-button>\n\n  <ion-button (click)=\"playBeepError()\" color=\"accent\">\n    <ion-icon name=\"play\" slot=\"start\"></ion-icon>\n    Error\n  </ion-button>\n\n  <ion-button (click)=\"vibrate()\" color=\"accent\">Vibrate (many time)</ion-button>\n</ion-content>\n" }]
         }], ctorParameters: () => [{ type: AudioProvider }] });
 
-const routes$7 = [
+const routes$8 = [
     {
         path: 'audio',
         pathMatch: 'full',
@@ -52136,19 +52349,19 @@ const routes$7 = [
 class AudioTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AudioTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AudioTestingModule, declarations: [AudioTestingPage], imports: [CommonModule, IonicModule, i1$1.TranslateModule, i1$7.RouterModule], exports: [RouterModule, AudioTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AudioTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$7), RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AudioTestingModule, imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$8), RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AudioTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$7)],
+                    imports: [CommonModule, IonicModule, TranslateModule.forChild(), RouterModule.forChild(routes$8)],
                     declarations: [AudioTestingPage],
                     exports: [RouterModule, AudioTestingPage],
                 }]
         }] });
 
 const SHARED_STORAGE_TESTING_PAGES = [{ label: 'Storage explorer', page: '/testing/shared/storage' }];
-const routes$6 = [
+const routes$7 = [
     {
         path: 'storage',
         loadChildren: () => Promise.resolve().then(function () { return storageExplorer_testingRouting_module; }).then((m) => m.StorageExplorerTestingRoutingModule),
@@ -52157,12 +52370,12 @@ const routes$6 = [
 class StorageExplorerTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, i1$7.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, RouterModule.forChild(routes$6), RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, imports: [CommonModule, RouterModule.forChild(routes$7), RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes$6)],
+                    imports: [CommonModule, RouterModule.forChild(routes$7)],
                     exports: [RouterModule],
                 }]
         }] });
@@ -52353,7 +52566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'app-testing-menu-other', template: "<app-toolbar [defaultBackHref]=\"parentPath\">\n  <ion-title [innerHTML]=\"$title | async\"></ion-title>\n</app-toolbar>\n\n<ion-content>\n  <mat-tab-group\n    #tabGroup\n    [(selectedIndex)]=\"selectedTabIndex\"\n    (selectedTabChange)=\"onTabChange($event)\"\n    class=\"mat-mdc-tab-disabled-hidden\"\n    dynamicHeight\n    [mat-stretch-tabs]=\"toggleStretchTab.checked\"\n  >\n    <!-- TAB: 1 -->\n    <mat-tab\n      label=\"Details\"\n      class=\"ion-padding\"\n      appSubMenuTab\n      [subMenuTitle]=\"($title | async) || ''\"\n      [parentPath]=\"parentPath\"\n    >\n      <ng-template mat-tab-label>\n        <mat-icon>information-circle</mat-icon>\n        <ion-label>Details</ion-label>\n      </ng-template>\n\n      <div class=\"ion-padding\">\n        <p>A first tab</p>\n\n        <p [class.cdk-visually-hidden]=\"showThirdTab\">\n          <ion-toggle #toggleThird>Toggle Third Tab</ion-toggle>\n        </p>\n\n        <p>\n          <ion-toggle #toggleStretchTab>Stretch Tabs</ion-toggle>\n        </p>\n\n        <p>\n          <ion-button (click)=\"changeTitle($event)\">Change page title</ion-button>\n\n          <ion-button (click)=\"addSubMenuItem($event)\">Add sub menu other 3</ion-button>\n\n          <ion-button (click)=\"addOutsideRouteSubMenuItem($event, true)\">\n            Add sub menu (outside route) - pinned\n          </ion-button>\n\n          <ion-button (click)=\"addOutsideRouteSubMenuItem($event, false)\">\n            Add sub menu (outside route) - not pinned\n          </ion-button>\n        </p>\n\n        <p>\n          &nbsp;&nbsp;\n          <ion-button (click)=\"enableMenu(false)\" *ngIf=\"menuService.enabled | async\">Disable menu</ion-button>\n          <ion-button (click)=\"enableMenu(true)\" *ngIf=\"(menuService.enabled | async) !== true\">Enable menu</ion-button>\n          <ion-button (click)=\"toggleSplitPaneWhen()\" [disabled]=\"(menuService.enabled | async) !== true\">\n            Toggle split pane\n          </ion-button>\n        </p>\n      </div>\n    </mat-tab>\n\n    <!-- TAB: 2 -->\n    <mat-tab\n      label=\"Second\"\n      class=\"ion-padding\"\n      appSubMenuTab\n      [subMenuIcon]=\"{ icon: 'settings' }\"\n      [subMenuTitle]=\"$secondTabTitle | async\"\n    >\n      <ng-template mat-tab-label>\n        <mat-icon><ion-icon name=\"settings\"></ion-icon></mat-icon>\n        <ion-label [innerHTML]=\"$secondTabTitle | async\"></ion-label>\n      </ng-template>\n\n      <div class=\"ion-padding\">\n        <p>A second tab</p>\n\n        <p *ngIf=\"showOtherLinks\">\n          Navigate to :\n          <a [routerLink]=\"childPath + '/1'\">{{ childPath }}/1</a>\n          <br />\n          Navigate to :\n          <a [routerLink]=\"childPath + '/2'\">{{ childPath }}/2</a>\n        </p>\n\n        <p>\n          <ion-button (click)=\"changeSecondTabTitle($event)\">Change tab label</ion-button>\n        </p>\n      </div>\n    </mat-tab>\n\n    <!-- TAB: 3 -->\n    <mat-tab\n      [label]=\"thirdTabTitle\"\n      class=\"ion-padding\"\n      [disabled]=\"!showThirdTab && !toggleThird.checked\"\n      appSubMenuTab\n      [subMenuBadge]=\"$thirdTabBadge | async\"\n      [subMenuIcon]=\"{ icon: 'none' }\"\n    >\n      <ng-template mat-tab-label>\n        <ion-label [matBadge]=\"$thirdTabBadge | async\" matBadgeColor=\"primary\" matBadgeOverlap=\"false\" matBadgeSize=\"small\">\n          {{ thirdTabTitle }}\n        </ion-label>\n      </ng-template>\n\n      <div class=\"ion-padding\">\n        <p>\n          A third tab (with a badge)\n        </p>\n        <ion-button (click)=\"incrementThirdTabBadge()\">Increment badge count</ion-button>\n      </div>\n    </mat-tab>\n\n    <!-- TAB: 4 -->\n    <mat-tab appSubMenuTab [subMenuIcon]=\"{ icon: 'person' }\" label=\"Sub Tab\" class=\"ion-padding\">\n      <ng-template mat-tab-label>\n        <mat-icon><ion-icon name=\"person\"></ion-icon></mat-icon>\n        <ion-label>Sub Tab</ion-label>\n      </ng-template>\n\n      <mat-tab-group\n        #subTabGroup\n        [(selectedIndex)]=\"subSelectedTabIndex\"\n        (selectedTabChange)=\"onTabChange($event, 'subtab')\"\n        class=\"mat-mdc-tab-disabled-hidden\"\n        dynamicHeight\n      >\n        <mat-tab label=\"Sub1\" class=\"ion-padding\">\n          <ng-template mat-tab-label>\n            <ion-label>Sub1</ion-label>\n          </ng-template>\n\n          <div class=\"ion-padding\">\n            <p>First SubTab</p>\n          </div>\n        </mat-tab>\n\n        <mat-tab label=\"Sub2\" class=\"ion-padding\">\n          <ng-template mat-tab-label>\n            <ion-label>Sub2</ion-label>\n          </ng-template>\n\n          <div class=\"ion-padding\">\n            <p>Second SubTab</p>\n          </div>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-tab>\n  </mat-tab-group>\n</ion-content>\n", styles: [".menu-item{padding-left:0 px}\n"] }]
         }], ctorParameters: () => [{ type: i1$7.ActivatedRoute }, { type: i1$7.Router }, { type: i2$1.NavController }, { type: i2$1.AlertController }, { type: i1$1.TranslateService }, { type: MenuService }] });
 
-const routes$5 = [
+const routes$6 = [
     {
         path: 'menu',
         data: {
@@ -52392,12 +52605,12 @@ const routes$5 = [
 class MenuTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: MenuTestingModule, declarations: [MenuTestingPage, OtherMenuTestingPage], imports: [CommonModule, i1$7.RouterModule, AppMenuModule, SharedModule], exports: [RouterModule, MenuTestingPage, OtherMenuTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuTestingModule, imports: [CommonModule, RouterModule.forChild(routes$5), AppMenuModule, SharedModule, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuTestingModule, imports: [CommonModule, RouterModule.forChild(routes$6), AppMenuModule, SharedModule, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MenuTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes$5), AppMenuModule, SharedModule],
+                    imports: [CommonModule, RouterModule.forChild(routes$6), AppMenuModule, SharedModule],
                     declarations: [MenuTestingPage, OtherMenuTestingPage],
                     exports: [RouterModule, MenuTestingPage, OtherMenuTestingPage],
                 }]
@@ -52469,7 +52682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }] } });
 
-const routes$4 = [
+const routes$5 = [
     {
         path: 'name-filter-selector',
         pathMatch: 'full',
@@ -52479,12 +52692,12 @@ const routes$4 = [
 class NamedFilterSelectorTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NamedFilterSelectorTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NamedFilterSelectorTestingModule, declarations: [NamedFilterSelectorTestingPage], imports: [CommonModule, i1$7.RouterModule, SharedModule], exports: [RouterModule, NamedFilterSelectorTestingPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NamedFilterSelectorTestingModule, imports: [CommonModule, RouterModule.forChild(routes$4), SharedModule, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NamedFilterSelectorTestingModule, imports: [CommonModule, RouterModule.forChild(routes$5), SharedModule, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NamedFilterSelectorTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes$4), SharedModule],
+                    imports: [CommonModule, RouterModule.forChild(routes$5), SharedModule],
                     declarations: [NamedFilterSelectorTestingPage],
                     exports: [RouterModule, NamedFilterSelectorTestingPage],
                 }]
@@ -52536,7 +52749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     args: [ENVIRONMENT]
                 }] }] });
 
-const routes$3 = [
+const routes$4 = [
     {
         path: 'markdown',
         pathMatch: 'full',
@@ -52546,12 +52759,12 @@ const routes$3 = [
 class MarkdownTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkdownTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: MarkdownTestingModule, declarations: [MarkdownTestPage], imports: [CommonModule, i1$7.RouterModule, SharedModule, FormsModule, SharedMarkdownModule], exports: [RouterModule, MarkdownTestPage] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkdownTestingModule, imports: [CommonModule, RouterModule.forChild(routes$3), SharedModule, FormsModule, SharedMarkdownModule, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkdownTestingModule, imports: [CommonModule, RouterModule.forChild(routes$4), SharedModule, FormsModule, SharedMarkdownModule, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarkdownTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes$3), SharedModule, FormsModule, SharedMarkdownModule],
+                    imports: [CommonModule, RouterModule.forChild(routes$4), SharedModule, FormsModule, SharedMarkdownModule],
                     declarations: [MarkdownTestPage],
                     exports: [RouterModule, MarkdownTestPage],
                 }]
@@ -52650,7 +52863,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
-const routes$2 = [
+const routes$3 = [
     {
         path: '',
         pathMatch: 'full',
@@ -52660,12 +52873,12 @@ const routes$2 = [
 class StorageExplorerTestingRoutingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, i1$7.RouterModule, StorageExplorerModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$2), StorageExplorerModule, RouterModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$3), StorageExplorerModule, RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StorageExplorerTestingRoutingModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, RouterModule.forChild(routes$2), StorageExplorerModule],
+                    imports: [CommonModule, RouterModule.forChild(routes$3), StorageExplorerModule],
                     exports: [RouterModule],
                 }]
         }] });
@@ -53962,6 +54175,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }] });
 
+class IconSelectorTestPage {
+    formBuilder;
+    cd;
+    form;
+    selectedIcon = null;
+    disabled = false;
+    constructor(formBuilder, cd) {
+        this.formBuilder = formBuilder;
+        this.cd = cd;
+        this.form = formBuilder.group({
+            icon: [null],
+        });
+        this.form.get('icon').valueChanges.subscribe((ref) => {
+            this.selectedIcon = ref;
+            this.cd.markForCheck();
+        });
+    }
+    toggleDisabled() {
+        this.disabled = !this.disabled;
+        if (this.disabled) {
+            this.form.get('icon').disable();
+        }
+        else {
+            this.form.get('icon').enable();
+        }
+    }
+    stringify = JSON.stringify;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorTestPage, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: IconSelectorTestPage, selector: "app-icon-selector-test", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Icon Selector test page</ion-title>\n\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <ion-grid>\n    <ion-row>\n      <!-- Icon selector field -->\n      <ion-col size=\"12\" size-md=\"6\">\n        <ion-card>\n          <ion-card-header>\n            <ion-card-title>\n              <ion-label color=\"primary\">Icon selector field</ion-label>\n            </ion-card-title>\n            <ion-card-subtitle>\n              <ion-text color=\"medium\">\n                <small>\n                  <pre>{{ stringify(selectedIcon) }}</pre>\n                </small>\n              </ion-text>\n\n            </ion-card-subtitle>\n          </ion-card-header>\n          <ion-card-content>\n            <app-icon-selector-field\n              [formControl]=\"form | formGetControl: 'icon'\"\n              [placeholder]=\"'Icon'\"\n              [disabled]=\"disabled\"\n            ></app-icon-selector-field>\n\n            <br/>\n            <mat-checkbox (change)=\"disabled = $event.checked\" [checked]=\"disabled\">\n              <mat-label>Disabled ?</mat-label>\n            </mat-checkbox>\n          </ion-card-content>\n        </ion-card>\n      </ion-col>\n\n      <!-- Preview -->\n      <ion-col size=\"12\" size-md=\"6\">\n        <ion-card>\n          <ion-card-header>\n            <ion-card-title>\n              <ion-label color=\"primary\">Preview</ion-label>\n            </ion-card-title>\n          </ion-card-header>\n          <ion-card-content class=\"preview-container\">\n            @if (selectedIcon?.icon) {\n              <ion-icon [name]=\"selectedIcon.icon\" size=\"large\"></ion-icon>\n              <br/>\n              <ion-text color=\"medium\">\n                <small><pre>{{ selectedIcon.icon }}</pre></small>\n              </ion-text>\n            }\n            @if (selectedIcon?.matIcon) {\n              <mat-icon [fontIcon]=\"selectedIcon.matIcon\"></mat-icon>\n              <br/>\n              <ion-text color=\"medium\">\n                <small><pre>{{ selectedIcon.matIcon }}</pre></small>\n              </ion-text>\n            }\n            @if (!selectedIcon) {\n              <ion-text color=\"medium\">No icon selected</ion-text>\n            }\n          </ion-card-content>\n        </ion-card>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-content>\n", dependencies: [{ kind: "component", type: i2$1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i2$1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i2$1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i2$1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2$1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i2$1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2$1.IonRow, selector: "ion-row" }, { kind: "component", type: i2$1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2$1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$1.IonBackButton, selector: "ion-back-button" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i6$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AppIconSelectorField, selector: "app-icon-selector-field", inputs: ["disabled", "formControl", "formControlName", "placeholder", "floatLabel", "appearance", "subscriptSizing"] }, { kind: "pipe", type: FormGetControlPipe, name: "formGetControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorTestPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-icon-selector-test', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button></ion-back-button>\n    </ion-buttons>\n\n    <ion-title>Icon Selector test page</ion-title>\n\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n  <ion-grid>\n    <ion-row>\n      <!-- Icon selector field -->\n      <ion-col size=\"12\" size-md=\"6\">\n        <ion-card>\n          <ion-card-header>\n            <ion-card-title>\n              <ion-label color=\"primary\">Icon selector field</ion-label>\n            </ion-card-title>\n            <ion-card-subtitle>\n              <ion-text color=\"medium\">\n                <small>\n                  <pre>{{ stringify(selectedIcon) }}</pre>\n                </small>\n              </ion-text>\n\n            </ion-card-subtitle>\n          </ion-card-header>\n          <ion-card-content>\n            <app-icon-selector-field\n              [formControl]=\"form | formGetControl: 'icon'\"\n              [placeholder]=\"'Icon'\"\n              [disabled]=\"disabled\"\n            ></app-icon-selector-field>\n\n            <br/>\n            <mat-checkbox (change)=\"disabled = $event.checked\" [checked]=\"disabled\">\n              <mat-label>Disabled ?</mat-label>\n            </mat-checkbox>\n          </ion-card-content>\n        </ion-card>\n      </ion-col>\n\n      <!-- Preview -->\n      <ion-col size=\"12\" size-md=\"6\">\n        <ion-card>\n          <ion-card-header>\n            <ion-card-title>\n              <ion-label color=\"primary\">Preview</ion-label>\n            </ion-card-title>\n          </ion-card-header>\n          <ion-card-content class=\"preview-container\">\n            @if (selectedIcon?.icon) {\n              <ion-icon [name]=\"selectedIcon.icon\" size=\"large\"></ion-icon>\n              <br/>\n              <ion-text color=\"medium\">\n                <small><pre>{{ selectedIcon.icon }}</pre></small>\n              </ion-text>\n            }\n            @if (selectedIcon?.matIcon) {\n              <mat-icon [fontIcon]=\"selectedIcon.matIcon\"></mat-icon>\n              <br/>\n              <ion-text color=\"medium\">\n                <small><pre>{{ selectedIcon.matIcon }}</pre></small>\n              </ion-text>\n            }\n            @if (!selectedIcon) {\n              <ion-text color=\"medium\">No icon selected</ion-text>\n            }\n          </ion-card-content>\n        </ion-card>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</ion-content>\n" }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }] });
+
+const routes$2 = [
+    {
+        path: 'icon-selector',
+        pathMatch: 'full',
+        component: IconSelectorTestPage,
+    },
+];
+class IconSelectorTestingModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorTestingModule, declarations: [IconSelectorTestPage], imports: [CommonModule, IonicModule, i1$7.RouterModule, SharedModule, AppIconSelectorModule], exports: [RouterModule, IconSelectorTestPage] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorTestingModule, imports: [CommonModule, IonicModule, RouterModule.forChild(routes$2), SharedModule, AppIconSelectorModule, RouterModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconSelectorTestingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, IonicModule, RouterModule.forChild(routes$2), SharedModule, AppIconSelectorModule],
+                    declarations: [IconSelectorTestPage],
+                    exports: [RouterModule, IconSelectorTestPage],
+                }]
+        }] });
+
 const CORE_TESTING_PAGES = [
     { label: 'Core components', divider: true },
     { label: 'Table (click to edit)', page: '/testing/core/table' },
@@ -53971,6 +54240,7 @@ const CORE_TESTING_PAGES = [
     { label: 'Text popover', page: '/testing/core/text-popover' },
     { label: 'Properties form', page: '/testing/core/properties-form' },
     { label: 'Array form', page: '/testing/core/array-form' },
+    { label: 'Icon Selector', page: '/testing/core/icon-selector' },
 ];
 const routes$1 = [
     {
@@ -54013,6 +54283,11 @@ const routes$1 = [
         pathMatch: 'full',
         component: ArrayFormTestPage,
     },
+    {
+        path: 'icon-selector',
+        pathMatch: 'full',
+        component: IconSelectorTestPage,
+    },
 ];
 class CoreTestingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -54022,13 +54297,15 @@ class CoreTestingModule {
             TextFormTestingModule,
             TextPopoverTestingModule,
             PropertiesFormTestingModule,
-            FormArrayTestModule], exports: [RouterModule,
+            FormArrayTestModule,
+            IconSelectorTestingModule], exports: [RouterModule,
             // Sub modules
             TableTestingModule,
             TextFormTestingModule,
             TextPopoverTestingModule,
             PropertiesFormTestingModule,
-            FormArrayTestModule] });
+            FormArrayTestModule,
+            IconSelectorTestingModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, imports: [CommonModule,
             TranslateModule.forChild(),
             RouterModule.forChild(routes$1),
@@ -54037,13 +54314,15 @@ class CoreTestingModule {
             TextFormTestingModule,
             TextPopoverTestingModule,
             PropertiesFormTestingModule,
-            FormArrayTestModule, RouterModule,
+            FormArrayTestModule,
+            IconSelectorTestingModule, RouterModule,
             // Sub modules
             TableTestingModule,
             TextFormTestingModule,
             TextPopoverTestingModule,
             PropertiesFormTestingModule,
-            FormArrayTestModule] });
+            FormArrayTestModule,
+            IconSelectorTestingModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CoreTestingModule, decorators: [{
             type: NgModule,
@@ -54058,6 +54337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TextPopoverTestingModule,
                         PropertiesFormTestingModule,
                         FormArrayTestModule,
+                        IconSelectorTestingModule,
                     ],
                     exports: [
                         RouterModule,
@@ -54067,6 +54347,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TextPopoverTestingModule,
                         PropertiesFormTestingModule,
                         FormArrayTestModule,
+                        IconSelectorTestingModule,
                     ],
                 }]
         }] });
@@ -54786,5 +55067,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_ACCOUNT_SERVICE, APP_ACCOUNT_SERVICE_OPTIONS, APP_CELL_SELECTION_SERVICE_CONFIG_TOKEN, APP_CELL_SELECTION_SERVICE_TOKEN, APP_CONFIG_OPTIONS, APP_DEBUG_DATA_SERVICE, APP_FEED_SERVICE, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_FRAGMENTS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_HOME_CONFIG, APP_HOME_TOOLBAR_BUTTONS, APP_HOTKEYS_CONFIG, APP_JOB_PROGRESSION_SERVICE, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_LOGGING_SERVICE, APP_MENU_ITEMS, APP_MENU_OPTIONS, APP_NAMED_FILTER_SERVICE, APP_PERSON_SERVICE, APP_PERSON_SERVICE_OPTIONS, APP_PROGRESS_BAR_SERVICE, APP_SETTINGS_MENU_ITEMS, APP_SHOW_TOOLTIP, APP_STORAGE, APP_STORAGE_EXPLORER_PROTECTED_KEYS, APP_TESTING_PAGES, APP_USER_EVENT_LIST_INFINITE_SCROLL_THRESHOLD, APP_USER_EVENT_SERVICE, APP_USER_SETTINGS_OPTIONS, APP_USER_TOKEN_SCOPES, AboutModal, AbstractNamedFilterService, AbstractPersonService, AbstractSelectionModelPipe, AbstractTableSelectionPipe, AbstractUserEventService, Account, AccountPage, AccountService, AccountToStringPipe, AccountUtils, ActionsColumnComponent, AdminModule, AdminRoutingModule, AdminUsersModule, Alerts, AndroidOsEnvironment, AppAboutModalModule, AppAccountModule, AppAsyncTable, AppAuthForm, AppAuthModal, AppAuthModule, AppChangePasswordModule, AppChangePasswordPage, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppEntityFormModule, AppForm, AppFormArray, AppFormButtonsBarModule, AppFormContainer, AppFormField, AppFormModule, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHomePageModule, AppIconComponent, AppIconModule, AppImageGalleryComponent, AppImageGallerySlideshowComponent, AppInMemoryTable, AppInstallUpgradeCard, AppInstallUpgradeCardModule, AppListForm, AppListFormModule, AppLoadingSpinner, AppMarkdownContent, AppMarkdownModal, AppMenuModule, AppNullForm, AppPropertiesForm, AppPropertiesFormModule, AppPropertiesTable, AppPropertiesUtils, AppPropertyUtils, AppRegisterModule, AppResetPasswordModal, AppRowField, AppSelectPeerModule, AppSelectUsersModal, AppSettingsPageModule, AppTabEditor, AppTabEditorOptions, AppTable, AppTableModule, AppTableUtils, AppTextFormModule, AppTextPopoverModule, AppUpdateOfflineModeCard, AppUpdateOfflineModeCardModule, AppValidatorService, AppendQueryParamsPipePipe, ArrayDistinctPipe, ArrayFilterPipe, ArrayFindByPropertyPipe, ArrayFirstPipe, ArrayFormTestPage, ArrayIncludesPipe, ArrayJoinPipe, ArrayLastPipe, ArrayLengthPipe, ArrayMapPipe, ArrayPluckPipe, ArraySlicePipe, ArraySortPipe, AsAnyPipe, AsArrayPipe, AsBooleanPipe, AsFloatLabelTypePipe, AsObservablePipe, AudioProvider, AudioTestingModule, AudioTestingPage, AuthGuardService, AutoResizeDirective, AutoTitleDirective, AutoTooltipDirective, AutocompleteTestPage, AutofocusDirective, BadgeDirective, BadgeNumberPipe, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, BooleanFormatPipe, BooleanTestPage, CORE_CONFIG_OPTIONS, CORE_TESTING_PAGES, CapitalizePipe, CellIdentifierDirective, CellSelectionDirective, CellSelectionService, CellValueChangeListener, ChangeCaseToUnderscorePipe, ChangePasswordForm, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigFragments, ConfigService, Configuration, CoreModule, CorePipesModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_ISO_PATTERNS, DATE_MATCH_REGEXP, DATE_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_JOIN_ARRAY_VALUES_SEPARATOR, DEFAULT_JOIN_PROPERTIES_SEPARATOR, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFormatService, DateFromNowPipe, DateFromPipe, DateShortTestPage, DateTestPage, DateTimeTestPage, DateUtils, DebugComponent, Department, DepartmentToStringPipe, DisplayWithPipe, DragAndDropDirective, DurationPipe, DurationTestPage, ED25519_SEED_LENGTH, EMPTY_PLACEHOLDER_CHAR, EMPTY_PLACEHOLDER_CHAR_REGEXP_GLOBAL, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesAsyncTableDataSource, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, EnvironmentHttpLoader, EnvironmentLoader, ErrorCodes, EvenPipe, FeedDirective, FeedModule, FeedPage, FeedService, FeedsComponent, FileResponse, FileService, FileSizePipe, FilesUtils, FirstFalsePipe, FirstPipe, FirstTruePipe, FormArrayAtControlPipe, FormArrayAtGroupPipe, FormArrayHelper, FormArrayTestModule, FormButtonsBarComponent, FormButtonsBarToken, FormErrorPipe, FormErrorTranslatePipe, FormErrorTranslator, FormFieldDefinitionUtils, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetNamePipe, FormGetPipe, FormGetValuePipe, GalleryTestPage, GeolocationUtils, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, IMAGE_DEFAULTS, IPosition, ImageAttachment, ImageAttachmentFilter, ImageAttachmentService, ImageGalleryModule, ImageGalleryTestingModule, ImageModule, ImageService, ImagesUtils, InMemoryEntitiesService, IsAllSelectedPipe, IsEmptySelectionPipe, IsLoginAccountPipe, IsMultipleSelectionPipe, IsNilOrBlankPipe, IsNilOrNaNPipe, IsNilPipe, IsNotAllSelectedPipe, IsNotEmptySelectionPipe, IsNotNilOrBlankPipe, IsNotNilOrNaNPipe, IsNotNilPipe, IsOnDeskPipe, IsOnFieldPipe, IsSelectedPipe, IsSingleSelectionPipe, IsValidDatePipe, JobModule, JobProgression, JobProgressionComponent, JobProgressionIcon, JobProgressionList, JobProgressionService, JobProgressionTestService, JobProgressionTestingPage, JobTestingModule, JobUtils, JsonFeedUtils, JsonUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_PATTERNS, LAT_LONG_PATTERN_MAX_DECIMALS, LAT_LONG_VALUE_MAX_DECIMALS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LogLevel, LogUtils, Logger, LoggingService, LoggingServiceModule, LongitudeFormatPipe, MASKS, MASK_RANGES, MAT_FORM_FIELD_DEFAULT_APPEARANCE, MAT_FORM_FIELD_DEFAULT_SUBSCRIPT_SIZING, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MOMENT_NO_TIME_PROPERTY, MapGetPipe, MapKeysPipe, MapPipe, MapToPipe, MapValuesPipe, MarkdownDirective, MarkdownService, MarkdownTestPage, MarkdownTestingModule, MarkdownUtils, MaskitoPlaceholderPipe, MaskitoTestPage, MatAutocompleteConfigHolder, MatAutocompleteField, MatAutocompleteFieldUtils, MatBadgeTestPage, MatBooleanField, MatChipsField, MatColorPipe, MatCommonTestPage, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatLatLongFieldInput, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialAutocompleteFooterDirective, MaterialAutocompleteHeaderDirective, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItem, MenuItems, MenuOptions, MenuService, MenuTestingModule, MenuTestingPage, Message, MessageFilter, MessageForm, MessageModal, MessageModule, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NETWORK_DEFAULT_CONNECTION_TIMEOUT, NamedFilter, NamedFilterFilter, NamedFilterSelector, NamedFilterSelectorTestingModule, NamedFilterSelectorTestingPage, NavActionsColumnComponent, NestedTableTestPage, NetworkService, NetworkUtils, NewTokenForm, NewTokenModal, NgInitDirective, NgVarDirective, NoHtmlPipe, NotEmptyArrayPipe, NumberFormatPipe, ObservableTestPage, OddPipe, OtherMenuTestingPage, PEER_URL_REGEXP, PLUS_PLACEHOLDER_CHAR_REGEXP_GLOBAL, PRINT_ID_QUERY_PARAM, PRINT_LOADING_STORAGE_KEY_PREFIX, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFilterAdditionalFields, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, PrintService, ProgressBarService, ProgressInterceptor, PropertiesFormTestPage, PropertiesFormTestingModule, PropertyEntity, PropertyEntityFilter, PropertyEntityValidator, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialToStringPipe, ReferentialUtils, ReferentialValidatorService, ReferentialsToStringPipe, RegExpUtils, RegisterConfirmPage, RegisterForm, RegisterModal, ResizableComponent, ResizableDirective, ResizableModule, RoundPipe, RxStateComputed, RxStateModule, RxStateOutput, RxStateProperty, RxStateRegister, RxStateSelect, SCRYPT_PARAMS, SETTINGS_COMPACT_ROWS, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_STORAGE_TESTING_PAGES, SHARED_TESTING_PAGES, SOCIAL_CONFIG_OPTIONS, SOCIAL_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SPACE_PLACEHOLDER_CHAR_REGEXP_GLOBAL, STARTUP_DATA_STORAGE_KEY, SafeHtmlPipe, SafeStylePipe, SelectPeerModal, SelectionLengthPipe, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedBadgeModule, SharedDebugModule, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMarkdownModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedNamedFilterModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedToolbarModule, SharedValidators, SocialErrorCodes, SocialModule, SocialModuleOptionsToken, SocialTestingModule, Software, SplitArrayInChunksPipe, StartableService, StartupService, StatusById, StatusIds, StatusList, StorageDrivers, StorageExplorerComponent, StorageExplorerModule, StorageExplorerTestingModule, StorageExplorerTestingRoutingModule, StorageService, StrIncludesPipe, StrLengthPipe, StrReplacePipe, SubMenuTabDirective, SwipeTestPage, TABLE_SETTINGS_ENUM, TOOLBAR_HEADER_ID, Table2TestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TableValidatorService, TextForm, TextFormTestingModule, TextFormTestingPage, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ThrottledClickDirective, ToStringPipe, ToastTestingModule, ToastTestingPage, Toasts, TokenScope, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, TreeItemEntityUtils, TruncHtmlPipe, TruncTextPipe, TruncateHtmlPipe, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UrlUtils, UserEventModule, UserEventNotificationIcon, UserEventNotificationList, UserEventNotificationModal, UserEventTestService, UserEventTestingModule, UserEventTestingPage, UserSettings, UserToken, UserTokenTable, UsersPage, UsersUtils, ValueFormatPipe, VersionUtils, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayResize, arraySize, asInputElement, assignSkipUndefined, base64ArrayBuffer, booleanToString, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, collectByProperty, collectByPropertyPath, compareValues, compareValuesDesc, compareVersionNumbers, composeComparators, computeDecimalDegrees, computeDecimalPart, copyEntity2Form, createAppStartupInitializer, createPromiseEvent, createPromiseEventEmitter, decorateWithTakeUntil, deepMergeSkipUndefined, departmentToString, departmentsToString, disableAndClearControl, disableAndClearControls, disableControl, disableControls, emitPromiseEvent, enableControl, enableControls, enableRxStateProdMode, entityToString, equals, equalsOrNil, escapeRegExp, expansionAnimation, fadeInAnimation, fadeInOutAnimation, fadeInSlowAnimation, filterFalse, filterFormErrors, filterFormErrorsByPath, filterFormErrorsByPrefix, filterNotNil, filterNumberInput, filterTrue, findParentWithClass, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatLong, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorLuminance, getColorShade, getColorTint, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getInputRangeFromCaretIndex, getInputSelectionRangesFromMask, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, getRandomImageWithCredit, getUserAgent, hexToRgb, hexToRgbArray, initArrayControlsFromValues, interpolateString, intersectArrays, isAndroid, isBlankString, isCapacitor, isChrome, isControlHasInput, isEdge, isEmptyArray, isEntityService, isFirefox, isFocusableElement, isIOS, isInputElement, isInstanceOf, isInt, isIpad, isLightColor, isMacOS, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilObject, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isOnFieldMode, isPrint, isProgressEvent, isPromise, isResponseEvent, isSafari, isSameVersion, isStartableService, isTouchUi, isVersionCompatible, isWindows, joinProperties, joinPropertiesPath, lastArrayValue, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, maskitoAutoSelectByMaskPattern, maskitoPrefixPlugin, matchMedia, matchUpperCase, mergeLoadResult, mergeObjectsWithoutUndefined, mixHex, moveInputCaretToSeparator, newArray, noHtml, noTrailingSlash, notNilOrDefault, nullIfNilOrBlank, nullIfUndefined, numberOrNilAttribute, numberToString, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, provideAccountService, providePersonService, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputContentFromEvent, selectInputRange, setCalculatedValue, setControlEnabled, setControlRequired, setControlsEnabled, setFormErrors, setPropertyByPath, setTabIndex, sleep, slideDownAnimation, slideInAnimation, slideInOutAnimation, slideUpDownAnimation, sort, splitArrayInChunks, splitById, splitByProperty, splitDegreesToDDArray, splitDegreesToDDMMArray, splitDegreesToDDMMSSArray, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toLoadData, toLoadResult, toNotNil, toNumber, trimEmptyToNull, truncateHtml, uncapitalizeFirstLetter, undefinedIfNull, underscoreToChangeCase, updateValueAndValidity, waitFor, waitForFalse, waitForTrue, waitIdle, waitWhilePending };
+export { APP_ABOUT_DEVELOPERS, APP_ABOUT_PARTNERS, APP_ACCOUNT_SERVICE, APP_ACCOUNT_SERVICE_OPTIONS, APP_CELL_SELECTION_SERVICE_CONFIG_TOKEN, APP_CELL_SELECTION_SERVICE_TOKEN, APP_CONFIG_OPTIONS, APP_DEBUG_DATA_SERVICE, APP_FEED_SERVICE, APP_FORM_ERROR_I18N_KEYS, APP_GRAPHQL_FRAGMENTS, APP_GRAPHQL_TYPE_POLICIES, APP_HOME_BUTTONS, APP_HOME_CONFIG, APP_HOME_TOOLBAR_BUTTONS, APP_HOTKEYS_CONFIG, APP_JOB_PROGRESSION_SERVICE, APP_LOCALES, APP_LOCAL_SETTINGS, APP_LOCAL_SETTINGS_OPTIONS, APP_LOCAL_STORAGE_TYPE_POLICIES, APP_LOGGING_SERVICE, APP_MENU_ITEMS, APP_MENU_OPTIONS, APP_NAMED_FILTER_SERVICE, APP_PERSON_SERVICE, APP_PERSON_SERVICE_OPTIONS, APP_PROGRESS_BAR_SERVICE, APP_SETTINGS_MENU_ITEMS, APP_SHOW_TOOLTIP, APP_STORAGE, APP_STORAGE_EXPLORER_PROTECTED_KEYS, APP_TESTING_PAGES, APP_USER_EVENT_LIST_INFINITE_SCROLL_THRESHOLD, APP_USER_EVENT_SERVICE, APP_USER_SETTINGS_OPTIONS, APP_USER_TOKEN_SCOPES, AboutModal, AbstractNamedFilterService, AbstractPersonService, AbstractSelectionModelPipe, AbstractTableSelectionPipe, AbstractUserEventService, Account, AccountPage, AccountService, AccountToStringPipe, AccountUtils, ActionsColumnComponent, AdminModule, AdminRoutingModule, AdminUsersModule, Alerts, AndroidOsEnvironment, AppAboutModalModule, AppAccountModule, AppAsyncTable, AppAuthForm, AppAuthModal, AppAuthModule, AppChangePasswordModule, AppChangePasswordPage, AppEditor, AppEditorOptions, AppEntityEditor, AppEntityEditorModal, AppEntityEditorModalOptions, AppEntityFormModule, AppForm, AppFormArray, AppFormButtonsBarModule, AppFormContainer, AppFormField, AppFormModule, AppFormProvider, AppFormUtils, AppGestureConfig, AppGraphQLModule, AppHomePageModule, AppIconComponent, AppIconModule, AppIconSelectorField, AppIconSelectorModal, AppIconSelectorModule, AppImageGalleryComponent, AppImageGallerySlideshowComponent, AppInMemoryTable, AppInstallUpgradeCard, AppInstallUpgradeCardModule, AppListForm, AppListFormModule, AppLoadingSpinner, AppMarkdownContent, AppMarkdownModal, AppMenuModule, AppNullForm, AppPropertiesForm, AppPropertiesFormModule, AppPropertiesTable, AppPropertiesUtils, AppPropertyUtils, AppRegisterModule, AppResetPasswordModal, AppRowField, AppSelectPeerModule, AppSelectUsersModal, AppSettingsPageModule, AppTabEditor, AppTabEditorOptions, AppTable, AppTableModule, AppTableUtils, AppTextFormModule, AppTextPopoverModule, AppUpdateOfflineModeCard, AppUpdateOfflineModeCardModule, AppValidatorService, AppendQueryParamsPipePipe, ArrayDistinctPipe, ArrayFilterPipe, ArrayFindByPropertyPipe, ArrayFirstPipe, ArrayFormTestPage, ArrayIncludesPipe, ArrayJoinPipe, ArrayLastPipe, ArrayLengthPipe, ArrayMapPipe, ArrayPluckPipe, ArraySlicePipe, ArraySortPipe, AsAnyPipe, AsArrayPipe, AsBooleanPipe, AsFloatLabelTypePipe, AsObservablePipe, AudioProvider, AudioTestingModule, AudioTestingPage, AuthGuardService, AutoResizeDirective, AutoTitleDirective, AutoTooltipDirective, AutocompleteTestPage, AutofocusDirective, BadgeDirective, BadgeNumberPipe, Base58, BaseEntityService, BaseGraphqlService, BaseGraphqlServiceOptions, BaseReferential, Beans, BooleanFormatPipe, BooleanTestPage, CORE_CONFIG_OPTIONS, CORE_TESTING_PAGES, CapitalizePipe, CellIdentifierDirective, CellSelectionDirective, CellSelectionService, CellValueChangeListener, ChangeCaseToUnderscorePipe, ChangePasswordForm, ChipsTestPage, Color, ColorScale, ComponentDirtyGuard, ConfigFragments, ConfigService, Configuration, CoreModule, CorePipesModule, CoreTestingModule, CryptoService, CsvUtils, DATE_ISO_PATTERN, DATE_ISO_PATTERNS, DATE_MATCH_REGEXP, DATE_PATTERN, DATE_UNIX_MS_TIMESTAMP, DATE_UNIX_TIMESTAMP, DEFAULT_JOIN_ARRAY_VALUES_SEPARATOR, DEFAULT_JOIN_PROPERTIES_SEPARATOR, DEFAULT_MENU_SHOW_WHEN, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLACEHOLDER_CHAR, DEFAULT_REQUIRED_COLUMNS, DateDiffDurationPipe, DateFormatPipe, DateFormatService, DateFromNowPipe, DateFromPipe, DateShortTestPage, DateTestPage, DateTimeTestPage, DateUtils, DebugComponent, Department, DepartmentToStringPipe, DisplayWithPipe, DragAndDropDirective, DurationPipe, DurationTestPage, ED25519_SEED_LENGTH, EMPTY_PLACEHOLDER_CHAR, EMPTY_PLACEHOLDER_CHAR_REGEXP_GLOBAL, ENTITIES_STORAGE_KEY_PREFIX, ENVIRONMENT, EmptyArrayPipe, EntitiesAsyncTableDataSource, EntitiesStorage, EntitiesTableDataSource, Entity, EntityClass, EntityClasses, EntityFilter, EntityFilterUtils, EntityMetadataComponent, EntityStore, EntityUtils, Environment, EnvironmentHttpLoader, EnvironmentLoader, ErrorCodes, EvenPipe, FeedDirective, FeedModule, FeedPage, FeedService, FeedsComponent, FileResponse, FileService, FileSizePipe, FilesUtils, FirstFalsePipe, FirstPipe, FirstTruePipe, FormArrayAtControlPipe, FormArrayAtGroupPipe, FormArrayHelper, FormArrayTestModule, FormButtonsBarComponent, FormButtonsBarToken, FormErrorPipe, FormErrorTranslatePipe, FormErrorTranslator, FormFieldDefinitionUtils, FormFieldValuesHolder, FormGetArrayPipe, FormGetControlPipe, FormGetGroupPipe, FormGetNamePipe, FormGetPipe, FormGetValuePipe, GalleryTestPage, GeolocationUtils, GraphqlService, HAMMER_PRESS_TIME, HAMMER_TAP_TIME, HighlightPipe, HomePage, Hotkeys, HotkeysDialogComponent, IMAGE_DEFAULTS, IPosition, IconSelectorService, IconSelectorTestPage, IconSelectorTestingModule, ImageAttachment, ImageAttachmentFilter, ImageAttachmentService, ImageGalleryModule, ImageGalleryTestingModule, ImageModule, ImageService, ImagesUtils, InMemoryEntitiesService, IsAllSelectedPipe, IsEmptySelectionPipe, IsLoginAccountPipe, IsMultipleSelectionPipe, IsNilOrBlankPipe, IsNilOrNaNPipe, IsNilPipe, IsNotAllSelectedPipe, IsNotEmptySelectionPipe, IsNotNilOrBlankPipe, IsNotNilOrNaNPipe, IsNotNilPipe, IsOnDeskPipe, IsOnFieldPipe, IsSelectedPipe, IsSingleSelectionPipe, IsValidDatePipe, JobModule, JobProgression, JobProgressionComponent, JobProgressionIcon, JobProgressionList, JobProgressionService, JobProgressionTestService, JobProgressionTestingPage, JobTestingModule, JobUtils, JsonFeedUtils, JsonUtils, KEYBOARD_HIDE_DELAY_MS, LAT_LONG_PATTERNS, LAT_LONG_PATTERN_MAX_DECIMALS, LAT_LONG_VALUE_MAX_DECIMALS, LatLongFormatPipe, LatLongTestPage, LatitudeFormatPipe, LocalSettingsService, LogLevel, LogUtils, Logger, LoggingService, LoggingServiceModule, LongitudeFormatPipe, MASKS, MASK_RANGES, MAT_FORM_FIELD_DEFAULT_APPEARANCE, MAT_FORM_FIELD_DEFAULT_SUBSCRIPT_SIZING, MINIFY_ENTITY_FOR_LOCAL_STORAGE, MINIFY_ENTITY_FOR_POD, MOMENT_NO_TIME_PROPERTY, MapGetPipe, MapKeysPipe, MapPipe, MapToPipe, MapValuesPipe, MarkdownDirective, MarkdownService, MarkdownTestPage, MarkdownTestingModule, MarkdownUtils, MaskitoPlaceholderPipe, MaskitoTestPage, MatAutocompleteConfigHolder, MatAutocompleteField, MatAutocompleteFieldUtils, MatBadgeTestPage, MatBooleanField, MatChipsField, MatColorPipe, MatCommonTestPage, MatDate, MatDateShort, MatDateTime, MatDuration, MatLatLongField, MatLatLongFieldInput, MatPaginatorI18n, MatStepperI18n, MatSwipeField, MaterialAutocompleteFooterDirective, MaterialAutocompleteHeaderDirective, MaterialTestingModule, MathAbsPipe, MenuComponent, MenuItem, MenuItems, MenuOptions, MenuService, MenuTestingModule, MenuTestingPage, Message, MessageFilter, MessageForm, MessageModal, MessageModule, MessageService, MessageTypeList, MessageTypes, MimeTypes, ModalToolbarComponent, NETWORK_DEFAULT_CONNECTION_TIMEOUT, NamedFilter, NamedFilterFilter, NamedFilterSelector, NamedFilterSelectorTestingModule, NamedFilterSelectorTestingPage, NavActionsColumnComponent, NestedTableTestPage, NetworkService, NetworkUtils, NewTokenForm, NewTokenModal, NgInitDirective, NgVarDirective, NoHtmlPipe, NotEmptyArrayPipe, NumberFormatPipe, ObservableTestPage, OddPipe, OtherMenuTestingPage, PEER_URL_REGEXP, PLUS_PLACEHOLDER_CHAR_REGEXP_GLOBAL, PRINT_ID_QUERY_PARAM, PRINT_LOADING_STORAGE_KEY_PREFIX, PRIORITIZED_AUTHORITIES, PUBKEY_REGEXP, Peer, Person, PersonFilter, PersonFilterAdditionalFields, PersonFragments, PersonService, PersonToStringPipe, PersonUtils, PersonValidatorService, PlatformService, PrintService, ProgressBarService, ProgressInterceptor, PropertiesFormTestPage, PropertiesFormTestingModule, PropertyEntity, PropertyEntityFilter, PropertyEntityValidator, PropertyFormatPipe, PropertyGetPipe, RESERVED_END_COLUMNS, RESERVED_START_COLUMNS, Referential, ReferentialFilter, ReferentialRef, ReferentialToStringPipe, ReferentialUtils, ReferentialValidatorService, ReferentialsToStringPipe, RegExpUtils, RegisterConfirmPage, RegisterForm, RegisterModal, ResizableComponent, ResizableDirective, ResizableModule, RoundPipe, RxStateComputed, RxStateModule, RxStateOutput, RxStateProperty, RxStateRegister, RxStateSelect, SCRYPT_PARAMS, SETTINGS_COMPACT_ROWS, SETTINGS_DISPLAY_COLUMNS, SETTINGS_FILTER, SETTINGS_PAGE_SIZE, SETTINGS_SORTED_COLUMN, SETTINGS_STORAGE_KEY, SETTINGS_TRANSIENT_PROPERTIES, SHARED_MATERIAL_TESTING_PAGES, SHARED_STORAGE_TESTING_PAGES, SHARED_TESTING_PAGES, SOCIAL_CONFIG_OPTIONS, SOCIAL_TESTING_PAGES, SPACE_PLACEHOLDER_CHAR, SPACE_PLACEHOLDER_CHAR_REGEXP_GLOBAL, STARTUP_DATA_STORAGE_KEY, SafeHtmlPipe, SafeStylePipe, SelectPeerModal, SelectionLengthPipe, ServerErrorCodes, SettingsPage, SharedAsyncValidators, SharedBadgeModule, SharedDebugModule, SharedDirectivesModule, SharedFormArrayValidators, SharedFormGroupValidators, SharedHotkeysModule, SharedMarkdownModule, SharedMatAutocompleteModule, SharedMatBooleanModule, SharedMatChipsModule, SharedMatDateTimeModule, SharedMatDurationModule, SharedMatLatLongModule, SharedMatSwipeModule, SharedMaterialModule, SharedModule, SharedNamedFilterModule, SharedPipesModule, SharedRoutingModule, SharedTestingModule, SharedTestsPage, SharedToolbarModule, SharedValidators, SocialErrorCodes, SocialModule, SocialModuleOptionsToken, SocialTestingModule, Software, SplitArrayInChunksPipe, StartableService, StartupService, StatusById, StatusIds, StatusList, StorageDrivers, StorageExplorerComponent, StorageExplorerModule, StorageExplorerTestingModule, StorageExplorerTestingRoutingModule, StorageService, StrIncludesPipe, StrLengthPipe, StrReplacePipe, SubMenuTabDirective, SwipeTestPage, TABLE_SETTINGS_ENUM, TOOLBAR_HEADER_ID, Table2TestPage, TableSelectColumnsComponent, TableTestPage, TableTestingModule, TableValidatorService, TextForm, TextFormTestingModule, TextFormTestingPage, TextPopover, TextPopoverTestingModule, TextPopoverTestingPage, ThrottledClickDirective, ToStringPipe, ToastTestingModule, ToastTestingPage, Toasts, TokenScope, ToolbarComponent, ToolbarToken, TranslatablePipe, TranslateContextPipe, TranslateContextService, TreeItemEntityUtils, TruncHtmlPipe, TruncTextPipe, TruncateHtmlPipe, UploadFile, UploadFileComponent, UploadFilePopover, UploadFileTestingModule, UploadFileTestingPage, UriUtils, UrlUtils, UserEventModule, UserEventNotificationIcon, UserEventNotificationList, UserEventNotificationModal, UserEventTestService, UserEventTestingModule, UserEventTestingPage, UserSettings, UserToken, UserTokenTable, UsersPage, UsersUtils, ValueFormatPipe, VersionUtils, accountToString, adaptValueToControl, addValueInArray, arrayDistinct, arrayResize, arraySize, asInputElement, assignSkipUndefined, base64ArrayBuffer, booleanToString, canHaveFocus, capitalizeFirstLetter, chainPromises, changeCaseToUnderscore, clearValueInArray, collectByProperty, collectByPropertyPath, compareValues, compareValuesDesc, compareVersionNumbers, composeComparators, computeDecimalDegrees, computeDecimalPart, copyEntity2Form, createAppStartupInitializer, createPromiseEvent, createPromiseEventEmitter, decorateWithTakeUntil, deepMergeSkipUndefined, departmentToString, departmentsToString, disableAndClearControl, disableAndClearControls, disableControl, disableControls, emitPromiseEvent, enableControl, enableControls, enableRxStateProdMode, entityToString, equals, equalsOrNil, escapeRegExp, expansionAnimation, fadeInAnimation, fadeInOutAnimation, fadeInSlowAnimation, filterFalse, filterFormErrors, filterFormErrorsByPath, filterFormErrorsByPrefix, filterNotNil, filterNumberInput, filterTrue, findParentWithClass, firstArrayValue, firstFalse, firstFalsePromise, firstNotNil, firstNotNilPromise, firstPromise, firstTrue, firstTruePromise, focusInput, focusNextInput, focusPreviousInput, formatLatLong, formatLatitude, formatLongitude, fromDateISOString, fromScrollEndEvent, fromUnixMsTimestamp, fromUnixTimestamp, getCaretPosition, getColorContrast, getColorLuminance, getColorShade, getColorTint, getControlFromPath, getFocusableInputElements, getFormErrors, getFormValueFromEntity, getInputRangeFromCaretIndex, getInputSelectionRangesFromMask, getProperty, getPropertyByPath, getPropertyByPathAsString, getRandomImage, getRandomImageWithCredit, getUserAgent, hexToRgb, hexToRgbArray, initArrayControlsFromValues, interpolateString, intersectArrays, isAndroid, isBlankString, isCapacitor, isChrome, isControlHasInput, isEdge, isEmptyArray, isEntityService, isFirefox, isFocusableElement, isIOS, isInputElement, isInstanceOf, isInt, isIpad, isLightColor, isMacOS, isMobile, isNil, isNilOrBlank, isNilOrNaN, isNotEmptyArray, isNotNil, isNotNilBoolean, isNotNilObject, isNotNilOrBlank, isNotNilOrNaN, isNotNilString, isNumber, isNumberRange, isOnFieldMode, isPrint, isProgressEvent, isPromise, isResponseEvent, isSafari, isSameVersion, isStartableService, isTouchUi, isVersionCompatible, isWindows, joinProperties, joinPropertiesPath, lastArrayValue, logFormErrors, markAllAsTouched, markAsUntouched, markControlAsTouched, markFormGroupAsTouched, maskitoAutoSelectByMaskPattern, maskitoPrefixPlugin, matchMedia, matchUpperCase, mergeLoadResult, mergeObjectsWithoutUndefined, mixHex, moveInputCaretToSeparator, newArray, noHtml, noTrailingSlash, notNilOrDefault, nullIfNilOrBlank, nullIfUndefined, numberOrNilAttribute, numberToString, parseLatitudeOrLongitude, propertiesPathComparator, propertyComparator, propertyPathComparator, provideAccountService, providePersonService, referentialToString, referentialsToString, remove, removeAll, removeDiacritics, removeDuplicatesFromArray, removeEnd, removeValueInArray, replaceAll, resetCalculatedValue, resizeArray, rgbArrayToHex, rgbToHex, round, scrollFactory, selectInputContent, selectInputContentFromEvent, selectInputRange, setCalculatedValue, setControlEnabled, setControlRequired, setControlsEnabled, setFormErrors, setPropertyByPath, setTabIndex, sleep, slideDownAnimation, slideInAnimation, slideInOutAnimation, slideUpDownAnimation, sort, splitArrayInChunks, splitById, splitByProperty, splitDegreesToDDArray, splitDegreesToDDMMArray, splitDegreesToDDMMSSArray, startsWithUpperCase, suggestFromArray, suggestFromStringArray, tabindexComparator, testUserAgent, toBoolean, toDateISOString, toDuration, toFloat, toInt, toLoadData, toLoadResult, toNotNil, toNumber, trimEmptyToNull, truncateHtml, uncapitalizeFirstLetter, undefinedIfNull, underscoreToChangeCase, updateValueAndValidity, waitFor, waitForFalse, waitForTrue, waitIdle, waitWhilePending };
 //# sourceMappingURL=sumaris-net.ngx-components.mjs.map