@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs

@@ -0,0 +1,542 @@
+import * as i0 from '@angular/core';
+import { NgModule, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FieldType } from '@ngx-formly/core';
+import { ButtonModule } from 'primeng/button';
+import * as i4 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i6 from 'primeng/popover';
+import { PopoverModule } from 'primeng/popover';
+import * as i5 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import * as i3 from 'primeng/api';
+
+class FormlyPrimeIconPickerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyPrimeIconPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: FormlyPrimeIconPickerModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyPrimeIconPickerModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormlyPrimeIconPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class PrimeIconPickerComponent extends FieldType {
+    popover;
+    searchQuery = '';
+    selectedCategory = '';
+    filtered = [];
+    primeIcons = [
+        // Navigation
+        { class: 'pi pi-home', name: 'home', category: 'navigation' },
+        { class: 'pi pi-arrow-left', name: 'arrow-left', category: 'navigation' },
+        { class: 'pi pi-arrow-right', name: 'arrow-right', category: 'navigation' },
+        { class: 'pi pi-arrow-up', name: 'arrow-up', category: 'navigation' },
+        { class: 'pi pi-arrow-down', name: 'arrow-down', category: 'navigation' },
+        { class: 'pi pi-chevron-left', name: 'chevron-left', category: 'navigation' },
+        { class: 'pi pi-chevron-right', name: 'chevron-right', category: 'navigation' },
+        { class: 'pi pi-chevron-up', name: 'chevron-up', category: 'navigation' },
+        { class: 'pi pi-chevron-down', name: 'chevron-down', category: 'navigation' },
+        { class: 'pi pi-bars', name: 'bars', category: 'navigation' },
+        // Actions
+        { class: 'pi pi-plus', name: 'plus', category: 'actions' },
+        { class: 'pi pi-minus', name: 'minus', category: 'actions' },
+        { class: 'pi pi-times', name: 'times', category: 'actions' },
+        { class: 'pi pi-check', name: 'check', category: 'actions' },
+        { class: 'pi pi-trash', name: 'trash', category: 'actions' },
+        { class: 'pi pi-pencil', name: 'pencil', category: 'actions' },
+        { class: 'pi pi-copy', name: 'copy', category: 'actions' },
+        { class: 'pi pi-download', name: 'download', category: 'actions' },
+        { class: 'pi pi-upload', name: 'upload', category: 'actions' },
+        { class: 'pi pi-save', name: 'save', category: 'actions' },
+        // Files
+        { class: 'pi pi-file', name: 'file', category: 'files' },
+        { class: 'pi pi-file-pdf', name: 'file-pdf', category: 'files' },
+        { class: 'pi pi-file-excel', name: 'file-excel', category: 'files' },
+        { class: 'pi pi-image', name: 'image', category: 'files' },
+        { class: 'pi pi-folder', name: 'folder', category: 'files' },
+        { class: 'pi pi-folder-open', name: 'folder-open', category: 'files' },
+        // UI
+        { class: 'pi pi-cog', name: 'cog', category: 'ui' },
+        { class: 'pi pi-filter', name: 'filter', category: 'ui' },
+        { class: 'pi pi-search', name: 'search', category: 'ui' },
+        { class: 'pi pi-calendar', name: 'calendar', category: 'ui' },
+        { class: 'pi pi-clock', name: 'clock', category: 'ui' },
+        { class: 'pi pi-star', name: 'star', category: 'ui' },
+        { class: 'pi pi-star-fill', name: 'star-fill', category: 'ui' },
+        { class: 'pi pi-heart', name: 'heart', category: 'ui' },
+        { class: 'pi pi-heart-fill', name: 'heart-fill', category: 'ui' },
+        // Social
+        { class: 'pi pi-facebook', name: 'facebook', category: 'social' },
+        { class: 'pi pi-twitter', name: 'twitter', category: 'social' },
+        { class: 'pi pi-linkedin', name: 'linkedin', category: 'social' },
+        { class: 'pi pi-instagram', name: 'instagram', category: 'social' },
+        { class: 'pi pi-youtube', name: 'youtube', category: 'social' },
+        { class: 'pi pi-github', name: 'github', category: 'social' },
+        // Status
+        { class: 'pi pi-info-circle', name: 'info-circle', category: 'status' },
+        { class: 'pi pi-exclamation-triangle', name: 'exclamation-triangle', category: 'status' },
+        { class: 'pi pi-check-circle', name: 'check-circle', category: 'status' },
+        { class: 'pi pi-times-circle', name: 'times-circle', category: 'status' },
+        { class: 'pi pi-question-circle', name: 'question-circle', category: 'status' },
+        { class: 'pi pi-ban', name: 'ban', category: 'status' },
+        // Charts
+        { class: 'pi pi-chart-bar', name: 'chart-bar', category: 'charts' },
+        { class: 'pi pi-chart-line', name: 'chart-line', category: 'charts' },
+        { class: 'pi pi-chart-pie', name: 'chart-pie', category: 'charts' },
+    ];
+    categories = [
+        { label: 'All Categories', value: '' },
+        { label: 'Navigation', value: 'navigation' },
+        { label: 'Actions', value: 'actions' },
+        { label: 'Files', value: 'files' },
+        { label: 'UI Elements', value: 'ui' },
+        { label: 'Social', value: 'social' },
+        { label: 'Status', value: 'status' },
+        { label: 'Charts', value: 'charts' },
+    ];
+    iconByClass = new Map();
+    ngOnInit() {
+        this.iconByClass = new Map(this.primeIcons.map(i => [i.class, i]));
+        this.applyFilters();
+    }
+    get selectedIconClass() {
+        return this.formControl.value || 'pi pi-question-circle';
+    }
+    get selectedIconName() {
+        const icon = this.iconByClass.get(this.formControl.value);
+        return icon ? icon.name : 'Select Icon';
+    }
+    togglePopover(event) {
+        this.popover?.toggle(event);
+    }
+    selectCategory(category) {
+        this.selectedCategory = category;
+        this.applyFilters();
+    }
+    applyFilters() {
+        const q = this.searchQuery.trim().toLowerCase();
+        let filtered = this.primeIcons;
+        if (this.selectedCategory) {
+            filtered = filtered.filter(i => i.category === this.selectedCategory);
+        }
+        if (q) {
+            filtered = filtered.filter(i => i.name.toLowerCase().includes(q) || i.class.toLowerCase().includes(q));
+        }
+        // عدّل الرقم حسب اللي يناسبك
+        this.filtered = filtered.slice(0, 80);
+    }
+    onIconClick(icon, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.formControl.setValue(icon.class);
+        this.formControl.markAsDirty();
+        this.formControl.markAsTouched();
+        this.formControl.updateValueAndValidity({ emitEvent: true });
+        // أكثر استقرارًا من toggle()
+        this.popover?.hide();
+    }
+    trackIcon = (_, icon) => icon.class;
+    trackCategory = (_, cat) => cat.value || 'all';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PrimeIconPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: PrimeIconPickerComponent, isStandalone: true, selector: "formly-field-prime-icon-picker", viewQueries: [{ propertyName: "popover", first: true, predicate: ["popover"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+  <div class="relative inline-block w-full max-w-[320px]">
+    <!-- Trigger -->
+    <button
+      type="button"
+      class="group w-full flex items-center gap-2 px-3 py-2.5 border rounded-lg shadow-sm
+             bg-white dark:bg-gray-800 dark:border-gray-700
+             hover:bg-gray-50 dark:hover:bg-gray-700
+             focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+      (click)="togglePopover($event)"
+    >
+      <span class="w-9 h-9 flex items-center justify-center rounded-md
+                   bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700">
+        <i [ngClass]="selectedIconClass" class="text-lg"></i>
+      </span>
+
+      <div class="min-w-0 flex-1 text-left">
+        <div class="text-sm font-semibold text-gray-800 dark:text-gray-100 truncate">
+          {{ selectedIconName }}
+        </div>
+        <div class="text-[11px] text-gray-500 dark:text-gray-400 truncate">
+          {{ selectedIconClass }}
+        </div>
+      </div>
+
+      <i class="pi pi-chevron-down text-xs text-gray-500 dark:text-gray-300 transition-transform"
+        ></i>
+    </button>
+
+    <!-- Popover -->
+    <p-popover
+      #popover
+      [appendTo]="'body'"
+      [style]="{ width: '420px', maxWidth: '95vw' }"
+      styleClass="shadow-2xl border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden"
+    >
+      <ng-template pTemplate="content">
+        <!-- Header -->
+        <div class="p-4 bg-white dark:bg-gray-800">
+          <div class="flex items-start justify-between gap-3">
+            <div>
+              <div class="text-sm font-bold text-gray-800 dark:text-gray-100">
+                Pick an icon
+              </div>
+              <div class="text-xs text-gray-500 dark:text-gray-400">
+                Search or choose a category
+              </div>
+            </div>
+
+            <button type="button"
+              class="p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700"
+              (click)="popover.hide()">
+              <i class="pi pi-times text-sm text-gray-600 dark:text-gray-300"></i>
+            </button>
+          </div>
+
+          <!-- Search + Select -->
+          <div class="mt-3 flex gap-2">
+            <div class="relative flex-1">
+              <i class="pi pi-search absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 text-sm"></i>
+
+              <input
+                pInputText
+                type="text"
+                autocomplete="off"
+                placeholder="Search icons…"
+                [(ngModel)]="searchQuery"
+                (ngModelChange)="applyFilters()"
+                class="w-full pl-9 pr-9"
+              />
+
+              <button *ngIf="searchQuery"
+                type="button"
+                class="absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700"
+                (click)="searchQuery=''; applyFilters()">
+                <i class="pi pi-times text-xs text-gray-500"></i>
+              </button>
+            </div>
+
+            <p-select
+              [options]="categories"
+              optionLabel="label"
+              optionValue="value"
+              [(ngModel)]="selectedCategory"
+              (ngModelChange)="applyFilters()"
+              placeholder="All"
+              [style]="{ width: '160px' }"
+            ></p-select>
+          </div>
+
+          <!-- Category Chips -->
+          <div class="mt-3 flex flex-wrap gap-2">
+            <button
+              type="button"
+              *ngFor="let cat of categories; trackBy: trackCategory"
+              (click)="selectCategory(cat.value)"
+              class="px-3 py-1.5 text-xs rounded-full border transition
+                     hover:bg-gray-100 dark:hover:bg-gray-700"
+              [ngClass]="{
+                'bg-blue-50 border-blue-300 text-blue-700 dark:bg-blue-900/40 dark:border-blue-700 dark:text-blue-200': selectedCategory === cat.value,
+                'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-200': selectedCategory !== cat.value
+              }"
+            >
+              {{ cat.label }}
+            </button>
+          </div>
+        </div>
+
+        <!-- Divider -->
+        <div class="h-px bg-gray-200 dark:bg-gray-700"></div>
+
+        <!-- Grid -->
+        <div class="p-3 bg-gray-50 dark:bg-gray-900 max-h-[360px] overflow-y-auto">
+          <div *ngIf="filtered.length === 0" class="text-center py-10 text-gray-500">
+            <div class="text-sm font-semibold">No icons found</div>
+            <div class="text-xs">Try another keyword</div>
+          </div>
+
+          <div class="grid grid-cols-6 sm:grid-cols-7 gap-2">
+            <button
+              type="button"
+              *ngFor="let icon of filtered; trackBy: trackIcon"
+              (click)="onIconClick(icon, $event)"
+              class="relative group flex flex-col items-center justify-center gap-1.5
+                     p-2.5 rounded-xl border transition
+                     hover:shadow-sm hover:-translate-y-[1px]
+                     focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+              [ngClass]="{
+                'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700': formControl.value !== icon.class,
+                'bg-blue-50 dark:bg-blue-900/40 border-blue-400 dark:border-blue-700 ring-2 ring-blue-500/30': formControl.value === icon.class
+              }"
+              [title]="icon.name"
+            >
+              <i [ngClass]="icon.class" class="text-xl"></i>
+
+              <span class="text-[10px] text-gray-600 dark:text-gray-300 truncate w-full text-center">
+                {{ icon.name }}
+              </span>
+
+              <!-- Tooltip-like hover -->
+              <span
+                class="pointer-events-none absolute -top-2 left-1/2 -translate-x-1/2 -translate-y-full
+                       opacity-0 group-hover:opacity-100 transition
+                       px-2 py-1 text-[11px] rounded-md
+                       bg-gray-900 text-white shadow-lg whitespace-nowrap"
+              >
+                {{ icon.class }}
+              </span>
+            </button>
+          </div>
+        </div>
+
+        <!-- Footer -->
+        <div class="px-4 py-3 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
+          <div class="flex items-center justify-between">
+            <span class="text-xs text-gray-500 dark:text-gray-400">
+              Showing <b class="text-gray-700 dark:text-gray-200">{{ filtered.length }}</b> icons
+            </span>
+
+            <div class="flex items-center gap-2">
+              <button
+                type="button"
+                class="px-3 py-1.5 text-xs rounded-md border border-gray-200 dark:border-gray-700
+                       hover:bg-gray-100 dark:hover:bg-gray-700"
+                (click)="selectCategory(''); searchQuery=''; applyFilters()"
+              >
+                Reset
+              </button>
+
+              <button
+                type="button"
+                class="px-3 py-1.5 text-xs rounded-md bg-blue-600 text-white
+                       hover:bg-blue-700"
+                (click)="popover.hide()"
+              >
+                Done
+              </button>
+            </div>
+          </div>
+        </div>
+      </ng-template>
+    </p-popover>
+  </div>
+`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i6.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: PrimeIconPickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-prime-icon-picker',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        FormsModule,
+                        CommonModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                        InputTextModule,
+                        SelectModule,
+                        PopoverModule,
+                    ],
+                    template: `
+  <div class="relative inline-block w-full max-w-[320px]">
+    <!-- Trigger -->
+    <button
+      type="button"
+      class="group w-full flex items-center gap-2 px-3 py-2.5 border rounded-lg shadow-sm
+             bg-white dark:bg-gray-800 dark:border-gray-700
+             hover:bg-gray-50 dark:hover:bg-gray-700
+             focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+      (click)="togglePopover($event)"
+    >
+      <span class="w-9 h-9 flex items-center justify-center rounded-md
+                   bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700">
+        <i [ngClass]="selectedIconClass" class="text-lg"></i>
+      </span>
+
+      <div class="min-w-0 flex-1 text-left">
+        <div class="text-sm font-semibold text-gray-800 dark:text-gray-100 truncate">
+          {{ selectedIconName }}
+        </div>
+        <div class="text-[11px] text-gray-500 dark:text-gray-400 truncate">
+          {{ selectedIconClass }}
+        </div>
+      </div>
+
+      <i class="pi pi-chevron-down text-xs text-gray-500 dark:text-gray-300 transition-transform"
+        ></i>
+    </button>
+
+    <!-- Popover -->
+    <p-popover
+      #popover
+      [appendTo]="'body'"
+      [style]="{ width: '420px', maxWidth: '95vw' }"
+      styleClass="shadow-2xl border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden"
+    >
+      <ng-template pTemplate="content">
+        <!-- Header -->
+        <div class="p-4 bg-white dark:bg-gray-800">
+          <div class="flex items-start justify-between gap-3">
+            <div>
+              <div class="text-sm font-bold text-gray-800 dark:text-gray-100">
+                Pick an icon
+              </div>
+              <div class="text-xs text-gray-500 dark:text-gray-400">
+                Search or choose a category
+              </div>
+            </div>
+
+            <button type="button"
+              class="p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700"
+              (click)="popover.hide()">
+              <i class="pi pi-times text-sm text-gray-600 dark:text-gray-300"></i>
+            </button>
+          </div>
+
+          <!-- Search + Select -->
+          <div class="mt-3 flex gap-2">
+            <div class="relative flex-1">
+              <i class="pi pi-search absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 text-sm"></i>
+
+              <input
+                pInputText
+                type="text"
+                autocomplete="off"
+                placeholder="Search icons…"
+                [(ngModel)]="searchQuery"
+                (ngModelChange)="applyFilters()"
+                class="w-full pl-9 pr-9"
+              />
+
+              <button *ngIf="searchQuery"
+                type="button"
+                class="absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700"
+                (click)="searchQuery=''; applyFilters()">
+                <i class="pi pi-times text-xs text-gray-500"></i>
+              </button>
+            </div>
+
+            <p-select
+              [options]="categories"
+              optionLabel="label"
+              optionValue="value"
+              [(ngModel)]="selectedCategory"
+              (ngModelChange)="applyFilters()"
+              placeholder="All"
+              [style]="{ width: '160px' }"
+            ></p-select>
+          </div>
+
+          <!-- Category Chips -->
+          <div class="mt-3 flex flex-wrap gap-2">
+            <button
+              type="button"
+              *ngFor="let cat of categories; trackBy: trackCategory"
+              (click)="selectCategory(cat.value)"
+              class="px-3 py-1.5 text-xs rounded-full border transition
+                     hover:bg-gray-100 dark:hover:bg-gray-700"
+              [ngClass]="{
+                'bg-blue-50 border-blue-300 text-blue-700 dark:bg-blue-900/40 dark:border-blue-700 dark:text-blue-200': selectedCategory === cat.value,
+                'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-200': selectedCategory !== cat.value
+              }"
+            >
+              {{ cat.label }}
+            </button>
+          </div>
+        </div>
+
+        <!-- Divider -->
+        <div class="h-px bg-gray-200 dark:bg-gray-700"></div>
+
+        <!-- Grid -->
+        <div class="p-3 bg-gray-50 dark:bg-gray-900 max-h-[360px] overflow-y-auto">
+          <div *ngIf="filtered.length === 0" class="text-center py-10 text-gray-500">
+            <div class="text-sm font-semibold">No icons found</div>
+            <div class="text-xs">Try another keyword</div>
+          </div>
+
+          <div class="grid grid-cols-6 sm:grid-cols-7 gap-2">
+            <button
+              type="button"
+              *ngFor="let icon of filtered; trackBy: trackIcon"
+              (click)="onIconClick(icon, $event)"
+              class="relative group flex flex-col items-center justify-center gap-1.5
+                     p-2.5 rounded-xl border transition
+                     hover:shadow-sm hover:-translate-y-[1px]
+                     focus:outline-none focus:ring-2 focus:ring-blue-500/40"
+              [ngClass]="{
+                'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700': formControl.value !== icon.class,
+                'bg-blue-50 dark:bg-blue-900/40 border-blue-400 dark:border-blue-700 ring-2 ring-blue-500/30': formControl.value === icon.class
+              }"
+              [title]="icon.name"
+            >
+              <i [ngClass]="icon.class" class="text-xl"></i>
+
+              <span class="text-[10px] text-gray-600 dark:text-gray-300 truncate w-full text-center">
+                {{ icon.name }}
+              </span>
+
+              <!-- Tooltip-like hover -->
+              <span
+                class="pointer-events-none absolute -top-2 left-1/2 -translate-x-1/2 -translate-y-full
+                       opacity-0 group-hover:opacity-100 transition
+                       px-2 py-1 text-[11px] rounded-md
+                       bg-gray-900 text-white shadow-lg whitespace-nowrap"
+              >
+                {{ icon.class }}
+              </span>
+            </button>
+          </div>
+        </div>
+
+        <!-- Footer -->
+        <div class="px-4 py-3 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700">
+          <div class="flex items-center justify-between">
+            <span class="text-xs text-gray-500 dark:text-gray-400">
+              Showing <b class="text-gray-700 dark:text-gray-200">{{ filtered.length }}</b> icons
+            </span>
+
+            <div class="flex items-center gap-2">
+              <button
+                type="button"
+                class="px-3 py-1.5 text-xs rounded-md border border-gray-200 dark:border-gray-700
+                       hover:bg-gray-100 dark:hover:bg-gray-700"
+                (click)="selectCategory(''); searchQuery=''; applyFilters()"
+              >
+                Reset
+              </button>
+
+              <button
+                type="button"
+                class="px-3 py-1.5 text-xs rounded-md bg-blue-600 text-white
+                       hover:bg-blue-700"
+                (click)="popover.hide()"
+              >
+                Done
+              </button>
+            </div>
+          </div>
+        </div>
+      </ng-template>
+    </p-popover>
+  </div>
+`,
+                }]
+        }], propDecorators: { popover: [{
+                type: ViewChild,
+                args: ['popover']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyPrimeIconPickerModule, PrimeIconPickerComponent };
+//# sourceMappingURL=es.framework-ng.ui.core-formly-prime-icon-picker.mjs.map

package/fesm2022/es.framework-ng.ui.core-formly-prime-icon-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-formly-prime-icon-picker.mjs","sources":["../../../../libs/ng.ui.core/formly-prime-icon-picker/src/lib/formly-prime-icon-picker.module.ts","../../../../libs/ng.ui.core/formly-prime-icon-picker/src/lib/prime-icon-picker.type.ts","../../../../libs/ng.ui.core/formly-prime-icon-picker/src/es.framework-ng.ui.core-formly-prime-icon-picker.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class FormlyPrimeIconPickerModule {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { FieldType } from '@ngx-formly/core';\nimport { ButtonModule } from 'primeng/button';\nimport { InputTextModule } from 'primeng/inputtext';\nimport { Popover, PopoverModule } from 'primeng/popover';\nimport { SelectModule } from 'primeng/select';\n\ntype IconCategory = 'navigation' | 'actions' | 'files' | 'ui' | 'social' | 'status' | 'charts';\ninterface IconDef {\n  class: string;\n  name: string;\n  category: IconCategory;\n}\n\n@Component({\n  selector: 'formly-field-prime-icon-picker',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    FormsModule,\n    CommonModule,\n    ReactiveFormsModule,\n    ButtonModule,\n    InputTextModule,\n    SelectModule,\n    PopoverModule,\n  ],\n  template: `\n  <div class=\"relative inline-block w-full max-w-[320px]\">\n    <!-- Trigger -->\n    <button\n      type=\"button\"\n      class=\"group w-full flex items-center gap-2 px-3 py-2.5 border rounded-lg shadow-sm\n             bg-white dark:bg-gray-800 dark:border-gray-700\n             hover:bg-gray-50 dark:hover:bg-gray-700\n             focus:outline-none focus:ring-2 focus:ring-blue-500/40\"\n      (click)=\"togglePopover($event)\"\n    >\n      <span class=\"w-9 h-9 flex items-center justify-center rounded-md\n                   bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700\">\n        <i [ngClass]=\"selectedIconClass\" class=\"text-lg\"></i>\n      </span>\n\n      <div class=\"min-w-0 flex-1 text-left\">\n        <div class=\"text-sm font-semibold text-gray-800 dark:text-gray-100 truncate\">\n          {{ selectedIconName }}\n        </div>\n        <div class=\"text-[11px] text-gray-500 dark:text-gray-400 truncate\">\n          {{ selectedIconClass }}\n        </div>\n      </div>\n\n      <i class=\"pi pi-chevron-down text-xs text-gray-500 dark:text-gray-300 transition-transform\"\n        ></i>\n    </button>\n\n    <!-- Popover -->\n    <p-popover\n      #popover\n      [appendTo]=\"'body'\"\n      [style]=\"{ width: '420px', maxWidth: '95vw' }\"\n      styleClass=\"shadow-2xl border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden\"\n    >\n      <ng-template pTemplate=\"content\">\n        <!-- Header -->\n        <div class=\"p-4 bg-white dark:bg-gray-800\">\n          <div class=\"flex items-start justify-between gap-3\">\n            <div>\n              <div class=\"text-sm font-bold text-gray-800 dark:text-gray-100\">\n                Pick an icon\n              </div>\n              <div class=\"text-xs text-gray-500 dark:text-gray-400\">\n                Search or choose a category\n              </div>\n            </div>\n\n            <button type=\"button\"\n              class=\"p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700\"\n              (click)=\"popover.hide()\">\n              <i class=\"pi pi-times text-sm text-gray-600 dark:text-gray-300\"></i>\n            </button>\n          </div>\n\n          <!-- Search + Select -->\n          <div class=\"mt-3 flex gap-2\">\n            <div class=\"relative flex-1\">\n              <i class=\"pi pi-search absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 text-sm\"></i>\n\n              <input\n                pInputText\n                type=\"text\"\n                autocomplete=\"off\"\n                placeholder=\"Search icons…\"\n                [(ngModel)]=\"searchQuery\"\n                (ngModelChange)=\"applyFilters()\"\n                class=\"w-full pl-9 pr-9\"\n              />\n\n              <button *ngIf=\"searchQuery\"\n                type=\"button\"\n                class=\"absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700\"\n                (click)=\"searchQuery=''; applyFilters()\">\n                <i class=\"pi pi-times text-xs text-gray-500\"></i>\n              </button>\n            </div>\n\n            <p-select\n              [options]=\"categories\"\n              optionLabel=\"label\"\n              optionValue=\"value\"\n              [(ngModel)]=\"selectedCategory\"\n              (ngModelChange)=\"applyFilters()\"\n              placeholder=\"All\"\n              [style]=\"{ width: '160px' }\"\n            ></p-select>\n          </div>\n\n          <!-- Category Chips -->\n          <div class=\"mt-3 flex flex-wrap gap-2\">\n            <button\n              type=\"button\"\n              *ngFor=\"let cat of categories; trackBy: trackCategory\"\n              (click)=\"selectCategory(cat.value)\"\n              class=\"px-3 py-1.5 text-xs rounded-full border transition\n                     hover:bg-gray-100 dark:hover:bg-gray-700\"\n              [ngClass]=\"{\n                'bg-blue-50 border-blue-300 text-blue-700 dark:bg-blue-900/40 dark:border-blue-700 dark:text-blue-200': selectedCategory === cat.value,\n                'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-200': selectedCategory !== cat.value\n              }\"\n            >\n              {{ cat.label }}\n            </button>\n          </div>\n        </div>\n\n        <!-- Divider -->\n        <div class=\"h-px bg-gray-200 dark:bg-gray-700\"></div>\n\n        <!-- Grid -->\n        <div class=\"p-3 bg-gray-50 dark:bg-gray-900 max-h-[360px] overflow-y-auto\">\n          <div *ngIf=\"filtered.length === 0\" class=\"text-center py-10 text-gray-500\">\n            <div class=\"text-sm font-semibold\">No icons found</div>\n            <div class=\"text-xs\">Try another keyword</div>\n          </div>\n\n          <div class=\"grid grid-cols-6 sm:grid-cols-7 gap-2\">\n            <button\n              type=\"button\"\n              *ngFor=\"let icon of filtered; trackBy: trackIcon\"\n              (click)=\"onIconClick(icon, $event)\"\n              class=\"relative group flex flex-col items-center justify-center gap-1.5\n                     p-2.5 rounded-xl border transition\n                     hover:shadow-sm hover:-translate-y-[1px]\n                     focus:outline-none focus:ring-2 focus:ring-blue-500/40\"\n              [ngClass]=\"{\n                'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700': formControl.value !== icon.class,\n                'bg-blue-50 dark:bg-blue-900/40 border-blue-400 dark:border-blue-700 ring-2 ring-blue-500/30': formControl.value === icon.class\n              }\"\n              [title]=\"icon.name\"\n            >\n              <i [ngClass]=\"icon.class\" class=\"text-xl\"></i>\n\n              <span class=\"text-[10px] text-gray-600 dark:text-gray-300 truncate w-full text-center\">\n                {{ icon.name }}\n              </span>\n\n              <!-- Tooltip-like hover -->\n              <span\n                class=\"pointer-events-none absolute -top-2 left-1/2 -translate-x-1/2 -translate-y-full\n                       opacity-0 group-hover:opacity-100 transition\n                       px-2 py-1 text-[11px] rounded-md\n                       bg-gray-900 text-white shadow-lg whitespace-nowrap\"\n              >\n                {{ icon.class }}\n              </span>\n            </button>\n          </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"px-4 py-3 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700\">\n          <div class=\"flex items-center justify-between\">\n            <span class=\"text-xs text-gray-500 dark:text-gray-400\">\n              Showing <b class=\"text-gray-700 dark:text-gray-200\">{{ filtered.length }}</b> icons\n            </span>\n\n            <div class=\"flex items-center gap-2\">\n              <button\n                type=\"button\"\n                class=\"px-3 py-1.5 text-xs rounded-md border border-gray-200 dark:border-gray-700\n                       hover:bg-gray-100 dark:hover:bg-gray-700\"\n                (click)=\"selectCategory(''); searchQuery=''; applyFilters()\"\n              >\n                Reset\n              </button>\n\n              <button\n                type=\"button\"\n                class=\"px-3 py-1.5 text-xs rounded-md bg-blue-600 text-white\n                       hover:bg-blue-700\"\n                (click)=\"popover.hide()\"\n              >\n                Done\n              </button>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </p-popover>\n  </div>\n`,\n\n})\nexport class PrimeIconPickerComponent extends FieldType {\n  @ViewChild('popover') popover?: Popover;\n\n  searchQuery = '';\n  selectedCategory: IconCategory | '' = '';\n\n  filtered: IconDef[] = [];\n\n  primeIcons: IconDef[] = [\n    // Navigation\n    { class: 'pi pi-home', name: 'home', category: 'navigation' },\n    { class: 'pi pi-arrow-left', name: 'arrow-left', category: 'navigation' },\n    { class: 'pi pi-arrow-right', name: 'arrow-right', category: 'navigation' },\n    { class: 'pi pi-arrow-up', name: 'arrow-up', category: 'navigation' },\n    { class: 'pi pi-arrow-down', name: 'arrow-down', category: 'navigation' },\n    { class: 'pi pi-chevron-left', name: 'chevron-left', category: 'navigation' },\n    { class: 'pi pi-chevron-right', name: 'chevron-right', category: 'navigation' },\n    { class: 'pi pi-chevron-up', name: 'chevron-up', category: 'navigation' },\n    { class: 'pi pi-chevron-down', name: 'chevron-down', category: 'navigation' },\n    { class: 'pi pi-bars', name: 'bars', category: 'navigation' },\n\n    // Actions\n    { class: 'pi pi-plus', name: 'plus', category: 'actions' },\n    { class: 'pi pi-minus', name: 'minus', category: 'actions' },\n    { class: 'pi pi-times', name: 'times', category: 'actions' },\n    { class: 'pi pi-check', name: 'check', category: 'actions' },\n    { class: 'pi pi-trash', name: 'trash', category: 'actions' },\n    { class: 'pi pi-pencil', name: 'pencil', category: 'actions' },\n    { class: 'pi pi-copy', name: 'copy', category: 'actions' },\n    { class: 'pi pi-download', name: 'download', category: 'actions' },\n    { class: 'pi pi-upload', name: 'upload', category: 'actions' },\n    { class: 'pi pi-save', name: 'save', category: 'actions' },\n\n    // Files\n    { class: 'pi pi-file', name: 'file', category: 'files' },\n    { class: 'pi pi-file-pdf', name: 'file-pdf', category: 'files' },\n    { class: 'pi pi-file-excel', name: 'file-excel', category: 'files' },\n    { class: 'pi pi-image', name: 'image', category: 'files' },\n    { class: 'pi pi-folder', name: 'folder', category: 'files' },\n    { class: 'pi pi-folder-open', name: 'folder-open', category: 'files' },\n\n    // UI\n    { class: 'pi pi-cog', name: 'cog', category: 'ui' },\n    { class: 'pi pi-filter', name: 'filter', category: 'ui' },\n    { class: 'pi pi-search', name: 'search', category: 'ui' },\n    { class: 'pi pi-calendar', name: 'calendar', category: 'ui' },\n    { class: 'pi pi-clock', name: 'clock', category: 'ui' },\n    { class: 'pi pi-star', name: 'star', category: 'ui' },\n    { class: 'pi pi-star-fill', name: 'star-fill', category: 'ui' },\n    { class: 'pi pi-heart', name: 'heart', category: 'ui' },\n    { class: 'pi pi-heart-fill', name: 'heart-fill', category: 'ui' },\n\n    // Social\n    { class: 'pi pi-facebook', name: 'facebook', category: 'social' },\n    { class: 'pi pi-twitter', name: 'twitter', category: 'social' },\n    { class: 'pi pi-linkedin', name: 'linkedin', category: 'social' },\n    { class: 'pi pi-instagram', name: 'instagram', category: 'social' },\n    { class: 'pi pi-youtube', name: 'youtube', category: 'social' },\n    { class: 'pi pi-github', name: 'github', category: 'social' },\n\n    // Status\n    { class: 'pi pi-info-circle', name: 'info-circle', category: 'status' },\n    { class: 'pi pi-exclamation-triangle', name: 'exclamation-triangle', category: 'status' },\n    { class: 'pi pi-check-circle', name: 'check-circle', category: 'status' },\n    { class: 'pi pi-times-circle', name: 'times-circle', category: 'status' },\n    { class: 'pi pi-question-circle', name: 'question-circle', category: 'status' },\n    { class: 'pi pi-ban', name: 'ban', category: 'status' },\n\n    // Charts\n    { class: 'pi pi-chart-bar', name: 'chart-bar', category: 'charts' },\n    { class: 'pi pi-chart-line', name: 'chart-line', category: 'charts' },\n    { class: 'pi pi-chart-pie', name: 'chart-pie', category: 'charts' },\n  ];\n\n  categories: { label: string; value: IconCategory | '' }[] = [\n    { label: 'All Categories', value: '' },\n    { label: 'Navigation', value: 'navigation' },\n    { label: 'Actions', value: 'actions' },\n    { label: 'Files', value: 'files' },\n    { label: 'UI Elements', value: 'ui' },\n    { label: 'Social', value: 'social' },\n    { label: 'Status', value: 'status' },\n    { label: 'Charts', value: 'charts' },\n  ];\n\n  private iconByClass = new Map<string, IconDef>();\n\n  ngOnInit(): void {\n    this.iconByClass = new Map(this.primeIcons.map(i => [i.class, i]));\n    this.applyFilters();\n  }\n\n  get selectedIconClass(): string {\n    return this.formControl.value || 'pi pi-question-circle';\n  }\n\n  get selectedIconName(): string {\n    const icon = this.iconByClass.get(this.formControl.value);\n    return icon ? icon.name : 'Select Icon';\n  }\n\n  togglePopover(event: Event) {\n    this.popover?.toggle(event);\n  }\n\n  selectCategory(category: IconCategory | '') {\n    this.selectedCategory = category;\n    this.applyFilters();\n  }\n\n  applyFilters() {\n    const q = this.searchQuery.trim().toLowerCase();\n\n    let filtered = this.primeIcons;\n\n    if (this.selectedCategory) {\n      filtered = filtered.filter(i => i.category === this.selectedCategory);\n    }\n\n    if (q) {\n      filtered = filtered.filter(i =>\n        i.name.toLowerCase().includes(q) || i.class.toLowerCase().includes(q)\n      );\n    }\n\n    // عدّل الرقم حسب اللي يناسبك\n    this.filtered = filtered.slice(0, 80);\n  }\n\n  onIconClick(icon: IconDef, event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.formControl.setValue(icon.class);\n    this.formControl.markAsDirty();\n    this.formControl.markAsTouched();\n    this.formControl.updateValueAndValidity({ emitEvent: true });\n\n    // أكثر استقرارًا من toggle()\n    this.popover?.hide();\n  }\n\n  trackIcon = (_: number, icon: IconDef) => icon.class;\n  trackCategory = (_: number, cat: { label: string; value: IconCategory | '' }) => cat.value || 'all';\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}