@sumaris-net/ngx-components 18.26.2 → 18.26.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/src/app/core/icon/icon-selector.modal.mjs +3 -3
- package/fesm2022/sumaris-net.ngx-components.mjs +2 -2
- package/fesm2022/sumaris-net.ngx-components.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/i18n/en-US.json +4 -4
- package/src/assets/i18n/en.json +4 -4
- package/src/assets/i18n/fr.json +4 -4
- package/src/assets/manifest.json +1 -1
|
@@ -61,12 +61,12 @@ export class AppIconSelectorModal {
|
|
|
61
61
|
this.viewCtrl.dismiss(null);
|
|
62
62
|
}
|
|
63
63
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
-
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]=\"'
|
|
64
|
+
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]=\"'ICON_SELECTOR.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 <ion-icon [name]=\"entry.name\"></ion-icon>\n </button>\n <div *ngIf=\"ionicFiltered | isEmptyArray\" 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 <mat-icon>{{ entry.name }}</mat-icon>\n </button>\n <div *ngIf=\"materialFiltered | isEmptyArray\" 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>\n", 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i6.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: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i9.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9.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: i10.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i12.AutofocusDirective, selector: "[autofocus], input[appAutofocus]", inputs: ["appAutofocus", "autofocusDelay"] }, { kind: "component", type: i13.AppLoadingSpinner, selector: "app-loading-spinner", inputs: ["loading", "color", "name"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i14.EmptyArrayPipe, name: "isEmptyArray" }, { kind: "pipe", type: i15.BadgeNumberPipe, name: "badgeNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
65
|
}
|
|
66
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModal, decorators: [{
|
|
67
67
|
type: Component,
|
|
68
|
-
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]=\"'
|
|
68
|
+
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]=\"'ICON_SELECTOR.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 <ion-icon [name]=\"entry.name\"></ion-icon>\n </button>\n <div *ngIf=\"ionicFiltered | isEmptyArray\" 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 <mat-icon>{{ entry.name }}</mat-icon>\n </button>\n <div *ngIf=\"materialFiltered | isEmptyArray\" 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>\n", 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"] }]
|
|
69
69
|
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
70
70
|
type: Input
|
|
71
71
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zZWxlY3Rvci5tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29yZS9pY29uL2ljb24tc2VsZWN0b3IubW9kYWwudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvcmUvaWNvbi9pY29uLXNlbGVjdG9yLm1vZGFsLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQWEsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFTekUsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixLQUFLLEdBQUcscUJBQXFCLENBQUM7SUFFcEIsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUNsQixnQkFBZ0IsR0FBRyxDQUFDLENBQUM7SUFFOUIsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUNoQixhQUFhLEdBQWdCLEVBQUUsQ0FBQztJQUNoQyxnQkFBZ0IsR0FBZ0IsRUFBRSxDQUFDO0lBQ25DLGFBQWEsR0FBRyxDQUFDLENBQUM7SUFDbEIsT0FBTyxHQUFHLElBQUksQ0FBQztJQUVqQixhQUFhLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztJQUV0QyxXQUFXLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDMUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNuQyxHQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFFeEM7UUFDRSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLGFBQWE7YUFDZixJQUFJLENBQ0gsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUNqQixvQkFBb0IsRUFBRSxFQUN0QixrQkFBa0IsRUFBRSxDQUNyQjthQUNBLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ25CLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1lBQzdELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDbkUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxLQUFLLENBQUMsU0FBUztRQUNyQixNQUFNLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ25ELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBZ0IsRUFBRSxNQUE0QjtRQUN2RCxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDdEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO3dHQXREVSxvQkFBb0I7NEZBQXBCLG9CQUFvQiwyRkNiakMsOGhGQTREQTs7NEZEL0NhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07d0RBR3RDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBNb2RhbENvbnRyb2xsZXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBTdWJqZWN0LCBkZWJvdW5jZVRpbWUsIGRpc3RpbmN0VW50aWxDaGFuZ2VkIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJY29uU2VsZWN0b3JTZXJ2aWNlLCBJY29uRW50cnkgfSBmcm9tICcuL2ljb24tc2VsZWN0b3Iuc2VydmljZSc7XG5pbXBvcnQgeyBJY29uUmVmIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWljb24tc2VsZWN0b3ItbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1zZWxlY3Rvci5tb2RhbC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi1zZWxlY3Rvci5tb2RhbC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBcHBJY29uU2VsZWN0b3JNb2RhbCB7XG4gIEBJbnB1dCgpIHRpdGxlID0gJ0lDT05fU0VMRUNUT1IuVElUTEUnO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBpb25pY1RhYkluZGV4ID0gMDtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG1hdGVyaWFsVGFiSW5kZXggPSAxO1xuXG4gIHByb3RlY3RlZCBzZWFyY2hUZXh0ID0gJyc7XG4gIHByb3RlY3RlZCBpb25pY0ZpbHRlcmVkOiBJY29uRW50cnlbXSA9IFtdO1xuICBwcm90ZWN0ZWQgbWF0ZXJpYWxGaWx0ZXJlZDogSWNvbkVudHJ5W10gPSBbXTtcbiAgcHJvdGVjdGVkIHNlbGVjdGVkSW5kZXggPSAwO1xuICBwcm90ZWN0ZWQgbG9hZGluZyA9IHRydWU7XG5cbiAgcHJpdmF0ZSBzZWFyY2hTdWJqZWN0ID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuXG4gIHByaXZhdGUgaWNvblNlcnZpY2UgPSBpbmplY3QoSWNvblNlbGVjdG9yU2VydmljZSk7XG4gIHByaXZhdGUgdmlld0N0cmwgPSBpbmplY3QoTW9kYWxDb250cm9sbGVyKTtcbiAgcHJpdmF0ZSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMubG9hZEljb25zKCk7XG5cbiAgICB0aGlzLnNlYXJjaFN1YmplY3RcbiAgICAgIC5waXBlKFxuICAgICAgICBkZWJvdW5jZVRpbWUoMTUwKSxcbiAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgdGFrZVVudGlsRGVzdHJveWVkKClcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgIHRoaXMuaW9uaWNGaWx0ZXJlZCA9IHRoaXMuaWNvblNlcnZpY2Uuc2VhcmNoKHZhbHVlLCAnaW9uaWMnKTtcbiAgICAgICAgdGhpcy5tYXRlcmlhbEZpbHRlcmVkID0gdGhpcy5pY29uU2VydmljZS5zZWFyY2godmFsdWUsICdtYXRlcmlhbCcpO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBsb2FkSWNvbnMoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgYXdhaXQgdGhpcy5pY29uU2VydmljZS5yZWFkeSgpO1xuICAgIHRoaXMuaW9uaWNGaWx0ZXJlZCA9IHRoaXMuaWNvblNlcnZpY2UuaW9uaWNJY29ucygpO1xuICAgIHRoaXMubWF0ZXJpYWxGaWx0ZXJlZCA9IHRoaXMuaWNvblNlcnZpY2UubWF0ZXJpYWxJY29ucygpO1xuICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25TZWFyY2hDaGFuZ2UodmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoVGV4dCA9IHZhbHVlO1xuICAgIHRoaXMuc2VhcmNoU3ViamVjdC5uZXh0KHZhbHVlKTtcbiAgfVxuXG4gIHNlbGVjdEljb24oZW50cnk6IEljb25FbnRyeSwgb3JpZ2luOiAnaW9uaWMnIHwgJ21hdGVyaWFsJyk6IHZvaWQge1xuICAgIGNvbnN0IHJlZiA9IHRoaXMuaWNvblNlcnZpY2UudG9JY29uUmVmKGVudHJ5LCBvcmlnaW4pO1xuICAgIHRoaXMudmlld0N0cmwuZGlzbWlzcyhyZWYpO1xuICB9XG5cbiAgY2FuY2VsKCk6IHZvaWQge1xuICAgIHRoaXMudmlld0N0cmwuZGlzbWlzcyhudWxsKTtcbiAgfVxufSIsIjxpb24taGVhZGVyPlxuICA8aW9uLXRvb2xiYXI+XG4gICAgPGlvbi10aXRsZT57eyB0aXRsZSB8IHRyYW5zbGF0ZSB9fTwvaW9uLXRpdGxlPlxuICAgIDxpb24tYnV0dG9ucyBzbG90PVwiZW5kXCI+XG4gICAgICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwiY2FuY2VsKClcIj5cbiAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICA8L2lvbi1idXR0b25zPlxuICA8L2lvbi10b29sYmFyPlxuPC9pb24taGVhZGVyPlxuXG48aW9uLWNvbnRlbnQ+XG4gIDwhLS0gQmFycmUgZGUgcmVjaGVyY2hlIC0tPlxuICA8ZGl2IGNsYXNzPVwic2VhcmNoLWJhclwiPlxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwic2VhcmNoLWZpZWxkXCI+XG4gICAgICA8bWF0LWxhYmVsIHRyYW5zbGF0ZT5DT01NT04uU0VBUkNIPC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXQgbWF0SW5wdXQgdHlwZT1cInRleHRcIiBbbmdNb2RlbF09XCJzZWFyY2hUZXh0XCIgKG5nTW9kZWxDaGFuZ2UpPVwib25TZWFyY2hDaGFuZ2UoJGV2ZW50KVwiIFtwbGFjZWhvbGRlcl09XCInSUNPTl9TRUxFQ1RPUi5TRUFSQ0hfUExBQ0VIT0xERVInIHwgdHJhbnNsYXRlXCIgYXV0b2ZvY3VzPlxuICAgICAgPG1hdC1pY29uIG1hdFN1ZmZpeD5zZWFyY2g8L21hdC1pY29uPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDwvZGl2PlxuXG4gIDwhLS0gT25nbGV0cyBJb25pYyAvIE1hdGVyaWFsIC0tPlxuICA8bWF0LXRhYi1ncm91cCBbKHNlbGVjdGVkSW5kZXgpXT1cInNlbGVjdGVkSW5kZXhcIiAqbmdJZj1cIiFsb2FkaW5nXCI+XG4gICAgPG1hdC10YWI+XG4gICAgICA8bmctdGVtcGxhdGUgbWF0LXRhYi1sYWJlbD5cbiAgICAgICAge3sgJ0lDT05fU0VMRUNUT1IuVEFCX0lPTklDJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8c3BhbiBjbGFzcz1cImJhZGdlXCIgW21hdEJhZGdlXT1cImlvbmljRmlsdGVyZWQubGVuZ3RoIHwgYmFkZ2VOdW1iZXJcIiBtYXRCYWRnZU92ZXJsYXA9XCJmYWxzZVwiIG1hdEJhZGdlU2l6ZT1cInNtYWxsXCIgbWF0QmFkZ2VDb2xvcj1cInByaW1hcnlcIj48L3NwYW4+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPGRpdiBjbGFzcz1cImljb24tZ3JpZFwiICpuZ0lmPVwic2VsZWN0ZWRJbmRleCA9PT0gaW9uaWNUYWJJbmRleFwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBlbnRyeSBvZiBpb25pY0ZpbHRlcmVkXCJcbiAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJlbnRyeS5sYWJlbFwiXG4gICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJlbnRyeS5sYWJlbFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEljb24oZW50cnksICdpb25pYycpXCI+XG4gICAgICAgICAgPGlvbi1pY29uIFtuYW1lXT1cImVudHJ5Lm5hbWVcIj48L2lvbi1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGRpdiAqbmdJZj1cImlvbmljRmlsdGVyZWQgfCBpc0VtcHR5QXJyYXlcIiBjbGFzcz1cIm5vLXJlc3VsdHNcIiB0cmFuc2xhdGU+Q09NTU9OLk5PX1JFU1VMVDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtdGFiPlxuXG4gICAgPG1hdC10YWI+XG4gICAgICA8bmctdGVtcGxhdGUgbWF0LXRhYi1sYWJlbD5cbiAgICAgICAge3sgJ0lDT05fU0VMRUNUT1IuVEFCX01BVEVSSUFMJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgICA8c3BhbiBjbGFzcz1cImJhZGdlXCIgW21hdEJhZGdlXT1cIm1hdGVyaWFsRmlsdGVyZWQubGVuZ3RoIHwgYmFkZ2VOdW1iZXJcIiBtYXRCYWRnZU92ZXJsYXA9XCJmYWxzZVwiIG1hdEJhZGdlU2l6ZT1cInNtYWxsXCIgbWF0QmFkZ2VDb2xvcj1cImFjY2VudFwiPjwvc3Bhbj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1ncmlkXCIgKm5nSWY9XCJzZWxlY3RlZEluZGV4ID09PSBtYXRlcmlhbFRhYkluZGV4XCI+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGVudHJ5IG9mIG1hdGVyaWFsRmlsdGVyZWRcIlxuICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cImVudHJ5LmxhYmVsXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImVudHJ5LmxhYmVsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0SWNvbihlbnRyeSwgJ21hdGVyaWFsJylcIj5cbiAgICAgICAgICA8bWF0LWljb24+e3sgZW50cnkubmFtZSB9fTwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8ZGl2ICpuZ0lmPVwibWF0ZXJpYWxGaWx0ZXJlZCB8IGlzRW1wdHlBcnJheVwiIGNsYXNzPVwibm8tcmVzdWx0c1wiIHRyYW5zbGF0ZT5DT01NT04uTk9fUkVTVUxUPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L21hdC10YWI+XG4gIDwvbWF0LXRhYi1ncm91cD5cblxuICA8YXBwLWxvYWRpbmctc3Bpbm5lciAqbmdJZj1cImxvYWRpbmdcIj48L2FwcC1sb2FkaW5nLXNwaW5uZXI+XG48L2lvbi1jb250ZW50PlxuIl19
|
|
@@ -28413,11 +28413,11 @@ class AppIconSelectorModal {
|
|
|
28413
28413
|
this.viewCtrl.dismiss(null);
|
|
28414
28414
|
}
|
|
28415
28415
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28416
|
-
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]=\"'
|
|
28416
|
+
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]=\"'ICON_SELECTOR.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 <ion-icon [name]=\"entry.name\"></ion-icon>\n </button>\n <div *ngIf=\"ionicFiltered | isEmptyArray\" 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 <mat-icon>{{ entry.name }}</mat-icon>\n </button>\n <div *ngIf=\"materialFiltered | isEmptyArray\" 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>\n", 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: EmptyArrayPipe, name: "isEmptyArray" }, { kind: "pipe", type: BadgeNumberPipe, name: "badgeNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28417
28417
|
}
|
|
28418
28418
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AppIconSelectorModal, decorators: [{
|
|
28419
28419
|
type: Component,
|
|
28420
|
-
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]=\"'
|
|
28420
|
+
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]=\"'ICON_SELECTOR.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 <ion-icon [name]=\"entry.name\"></ion-icon>\n </button>\n <div *ngIf=\"ionicFiltered | isEmptyArray\" 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 <mat-icon>{{ entry.name }}</mat-icon>\n </button>\n <div *ngIf=\"materialFiltered | isEmptyArray\" 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>\n", 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"] }]
|
|
28421
28421
|
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
28422
28422
|
type: Input
|
|
28423
28423
|
}] } });
|