@elite.framework/ng.core 1.0.63 → 1.0.65

package/fesm2022/elite.framework-ng.core-src-lib-components-generic-crud-table.mjs

@@ -0,0 +1,385 @@
+import * as i4 from 'primeng/divider';
+import { DividerModule } from 'primeng/divider';
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, Input, Output, ViewChild, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MessageModule } from 'primeng/message';
+import * as i3 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import { TableModule } from 'primeng/table';
+import { ToolbarModule } from 'primeng/toolbar';
+import * as i8 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import { FormlyForm } from '@ngx-formly/core';
+import { IconFieldModule } from 'primeng/iconfield';
+import * as i5 from 'primeng/drawer';
+import { DrawerModule } from 'primeng/drawer';
+import * as i7 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+import * as i6 from '@angular/forms';
+import { UntypedFormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { GenericButton } from '@elite.framework/ng.core/src/lib/components/generic-button';
+import { GenericTable } from '@elite.framework/ng.core/src/lib/components/generic-table';
+import { BreadcrumbComponent } from '@elite.framework/ng.core/src/lib/components/breadcrumb';
+import { GenericSearch } from '@elite.framework/ng.core/src/lib/components/generic-search';
+import { SwalService } from '@elite.framework/ng.core';
+import * as i2 from 'primeng/api';
+
+class GenericCrudTableComponent {
+    genericTable;
+    translate = inject(TranslateService);
+    swalService = inject(SwalService);
+    home = { icon: 'pi pi-home', routerLink: '/' };
+    data = [];
+    formFields_ = []; // <-- هنا
+    formFields = []; // <-- هنا
+    columns = []; // <-- هنا
+    isViewMode = false;
+    displayMode = 'drawer';
+    isEditMode = false;
+    drawerVisible = false;
+    dialogVisible = false;
+    form = new UntypedFormGroup({});
+    model;
+    model_ = {};
+    loading = false;
+    errorMsg = '';
+    errorMessage = '';
+    options = {};
+    actions = [];
+    /** تحدد طريقة العرض: 'buttons' أو 'menu' */
+    actionsMode = 'buttons';
+    action = new EventEmitter();
+    bulkAction = new EventEmitter();
+    singleAction = new EventEmitter();
+    // البحث
+    // Search
+    filters;
+    filterModel = {};
+    search = new EventEmitter();
+    /** للتحكم بإظهار/إخفاء قسم البحث */
+    showSearch = true;
+    /** Pagination Inputs */
+    first = 0;
+    rows = 10;
+    totalRecords = 0;
+    pageChange = new EventEmitter();
+    onSearch = new EventEmitter();
+    visibleChange = new EventEmitter();
+    ;
+    // @Output() visibleChange = new EventEmitter<boolean>();
+    viewHeaderTitle = 'عرض التفاصيل';
+    /** لجعل الجدول قابل لاختيار الصفوف (افتراضي false) */
+    rowSelectable = false;
+    /** حدث يخرج الصف المحدّد */
+    rowSelect = new EventEmitter();
+    selection = null;
+    // الفرز
+    sortField;
+    sortOrder = 1;
+    scrollHeight = '400px';
+    paginator = true;
+    service;
+    idField = 'id';
+    showRowSelectionCheckbox = false;
+    bulkActionButtons = [];
+    singleActionButtons = [];
+    _selectedRows = [];
+    get isSingleItemSelected() {
+        return this._selectedRows.length === 1;
+    }
+    get isMultipleItemSelected() {
+        return this._selectedRows.length > 1;
+    }
+    get selectedItems() {
+        return this._selectedRows;
+    }
+    /** للتحكم بإظهار زر الإضافة */
+    showAddButton = true;
+    /** الأيقونة الافتراضية لزر الإضافة */
+    addButtonIcon = 'pi pi-plus';
+    /** النص الافتراضي لزر الإضافة */
+    addButtonLabel = 'ADD';
+    /** تتحكّم بموقع زر الإضافة: 'top' أو 'bottom' */
+    addButtonPosition = 'top';
+    addButtonConfigs = [];
+    breadcrumb;
+    ngOnChanges(changes) {
+    }
+    get breadcrumb_() {
+        return this.breadcrumb?.map(v => ({
+            ...v,
+            label: this.translate.instant(v.label ?? '')
+        }));
+    }
+    get rtl() {
+        try {
+            return document?.documentElement?.dir === 'rtl';
+        }
+        catch (error) {
+            return true;
+        }
+    }
+    //  private destroy$ = new Subject<void>();
+    /** الآن يتلقّى pagination + sort في حدث واحد */
+    onLazyLoad(event) {
+        // this.model_= this.model ?? {};
+        this.model = this.model ?? {};
+        this.formFields_ = this.formFields;
+        const first = event.first ?? this.first;
+        const rows = event.rows ?? this.rows;
+        const sortField = typeof event.sortField === 'string'
+            ? event.sortField
+            : this.sortField;
+        const sortOrder = event.sortOrder === -1 ? -1 : 1;
+        const filters = {};
+        if (event.filters) {
+            Object.entries(event.filters).forEach(([field, meta]) => {
+                const value = meta.value;
+                if (value != null && value !== '') {
+                    filters[field] = value;
+                }
+            });
+        }
+        this.first = first;
+        this.rows = rows;
+        this.sortField = sortField;
+        this.sortOrder = sortOrder;
+        var dir = sortOrder === 1 ? 'asc' : 'desc';
+        var sort = sortField ? `${sortField} ${dir}` : undefined;
+        this.pageChange.emit({ first, rows, sort, filters });
+        // يبني النص وإرساله
+    }
+    /** تصيير البيانات حسب الصفحة */
+    get pagedData() {
+        // return this.data ? this.data.slice(this.first, this.first + this.rows) : [];
+        return this.data;
+    }
+    get globalFilterFields() {
+        return this.columns.map(c => String(c.key));
+    }
+    /** أرسل إلى الأب لأتمتة شكل البحث إذا يحتاج */
+    // from generic-crud-table.component.ts
+    /** بدّل applySearch لتبث pageChange مباشرةً */
+    applySearch(filters) {
+        // this.genericTable.applyFilter(global);
+        this.onSearch.emit(filters);
+    }
+    /** دالة تنفّذ عند النقر على صف */
+    onRowClick(row) {
+        console.log('GenericCrudTableComponent.rowClick:', row);
+        if (this.rowSelectable) {
+            this.rowSelect.emit(row);
+        }
+    }
+    beforeSave = (record) => record;
+    // onSubmit() {
+    //     if (this.form.invalid) return;
+    //     this.loading = true;
+    //     this.errorMessage = null;
+    //     const service = this.service /* as CrudService<T> */;
+    //     const id = this.isEditMode ? (this.model as any)[this.idField] : null;
+    //     const recordToSave = this.beforeSave({ ...this.model });
+    //     const operation$: Observable<any> = this.isEditMode
+    //       ? service.update(id, recordToSave)
+    //       : service.create(recordToSave);
+    //     // operation$.pipe(takeUntil(this.destroy$)).subscribe({
+    //     operation$.subscribe({
+    //       next: () => {
+    //         // this.ref.close(true); // نجاح العملية
+    //         this.visibleChange.emit(false)
+    //           // this.pageChange.emit({ first, rows ,sort, filters });
+    //           this.applySearch('');
+    //         // this.me
+    //       },
+    //       error: (err:any) => {
+    //         this.loading = false;
+    //         this.errorMessage = err.error?.title ||
+    //                            err.message ||
+    //                            'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';
+    //       }
+    //     });
+    //   }
+    onSubmit() {
+        if (this.form.invalid)
+            return;
+        // ✅ أول شيء نطلب تأكيد من المستخدم
+        this.swalService.confirm(this.isEditMode ? 'تأكيد التعديل' : 'تأكيد الحفظ', this.isEditMode
+            ? 'هل تريد حفظ التعديلات على هذا السجل؟'
+            : 'هل تريد حفظ هذا السجل؟', 'نعم', 'إلغاء').then((result) => {
+            if (!result.isConfirmed)
+                return;
+            this.loading = true;
+            this.errorMessage = null;
+            const service = this.service;
+            const id = this.isEditMode ? this.model[this.idField] : null;
+            const recordToSave = this.beforeSave({ ...this.model });
+            const operation$ = this.isEditMode
+                ? service.update(id, recordToSave)
+                : service.create(recordToSave);
+            operation$.subscribe({
+                next: () => {
+                    this.loading = false;
+                    // ✅ رسالة نجاح
+                    this.swalService.success(this.isEditMode ? 'تم التعديل بنجاح' : 'تم الحفظ بنجاح');
+                    this.visibleChange.emit(false);
+                    this.applySearch('');
+                },
+                error: (err) => {
+                    this.loading = false;
+                    const msg = err.error?.title ||
+                        err.message ||
+                        'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';
+                    this.errorMessage = msg;
+                    // ❌ رسالة خطأ
+                    this.swalService.error('فشل الحفظ', msg);
+                }
+            });
+        });
+    }
+    trackByIdx(index, item) {
+        return index;
+    }
+    onSingleItemAction(btn) {
+        if (!this.isSingleItemSelected)
+            return;
+        const selectedItem = this._selectedRows[0];
+        this.singleAction.emit({
+            name: btn.actionName ?? 'singleAction',
+            item: selectedItem
+        });
+    }
+    onInternalBulkAction(btn) {
+        if (!this.isMultipleItemSelected)
+            return;
+        this.bulkAction.emit({
+            name: btn.actionName ?? 'bulkAction',
+            items: [...this._selectedRows] // نرسل نسخة من المصفوفة
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericCrudTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: GenericCrudTableComponent, isStandalone: true, selector: "app-generic-crud-table", inputs: { data: "data", formFields: "formFields", columns: "columns", isViewMode: "isViewMode", displayMode: "displayMode", isEditMode: "isEditMode", drawerVisible: "drawerVisible", dialogVisible: "dialogVisible", model: "model", loading: "loading", errorMsg: "errorMsg", errorMessage: "errorMessage", actions: "actions", actionsMode: "actionsMode", filters: "filters", filterModel: "filterModel", showSearch: "showSearch", first: "first", rows: "rows", totalRecords: "totalRecords", rowSelectable: "rowSelectable", scrollHeight: "scrollHeight", paginator: "paginator", service: "service", idField: "idField", showRowSelectionCheckbox: "showRowSelectionCheckbox", bulkActionButtons: "bulkActionButtons", singleActionButtons: "singleActionButtons", showAddButton: "showAddButton", addButtonIcon: "addButtonIcon", addButtonLabel: "addButtonLabel", addButtonPosition: "addButtonPosition", addButtonConfigs: "addButtonConfigs", breadcrumb: "breadcrumb", beforeSave: "beforeSave" }, outputs: { action: "action", bulkAction: "bulkAction", singleAction: "singleAction", search: "search", pageChange: "pageChange", onSearch: "onSearch", visibleChange: "visibleChange", rowSelect: "rowSelect" }, host: { classAttribute: "h-full flex-1 flex flex-col overflow-hidden border border-surface rounded-2xl p-4 bg-white" }, viewQueries: [{ propertyName: "genericTable", first: true, predicate: ["genericTable"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n <div class=\"flex items-start gap-2 justify-between\">\r\n            <div>\r\n               <!-- <div class=\"text-2xl leading-8 font-medium bg-slate-800 p-4 rounded-md\">\r\n            <p-breadcrumb\r\n              [model]=\"breadcrumb_\"\r\n              [home]=\"home\"\r\n              styleClass=\"custom-breadcrumb\"\r\n            ></p-breadcrumb>\r\n          </div> -->\r\n\r\n<app-breadcrumb [breadcrumb]=\"breadcrumb_\"></app-breadcrumb>\r\n\r\n            </div>\r\n\r\n<div class=\"flex items-center gap-2 justify-end flex-wrap\">\r\n       <ng-container *ngIf=\"isSingleItemSelected\">\r\n <ng-container *ngFor=\"let btn of singleActionButtons; trackBy: trackByIdx\">\r\n <lib-generic-button\r\n\r\n  [icon]=\"btn.icon\"\r\n[label]=\"btn.label | translate\"\r\n[variant]=\"btn.variant\"\r\n [size]=\"btn.size\"\r\n [permission]=\"btn.permission\"\r\n (clicked)=\"onSingleItemAction(btn)\"\r\n ></lib-generic-button>\r\n</ng-container>\r\n </ng-container>\r\n\r\n    <ng-container *ngIf=\"selectedItems.length > 0\">\r\n      <ng-container *ngFor=\"let btn of bulkActionButtons; trackBy: trackByIdx\">\r\n        <lib-generic-button\r\n          [icon]=\"btn.icon\"\r\n          [label]=\"btn.label | translate\"\r\n          [variant]=\"btn.variant\"\r\n          [size]=\"btn.size\"\r\n          [permission]=\"btn.permission\"\r\n          (clicked)=\"onInternalBulkAction(btn)\"\r\n        ></lib-generic-button>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n      <ng-container *ngFor=\"let btn of addButtonConfigs; trackBy: trackByIdx\">\r\n      <lib-generic-button\r\n        [icon]=\"btn.icon\"\r\n        [label]=\"btn.label | translate\"\r\n        [variant]=\"btn.variant\"\r\n        [size]=\"btn.size\"\r\n        [permission]=\"btn.permission\"\r\n        (clicked)=\" this.action.emit({ name: btn.actionName ?? 'add', row: null! });\"\r\n      ></lib-generic-button>\r\n    </ng-container>\r\n\r\n            <p-button\r\n            icon=\"pi pi-circle-fill text-green-500\" *ngIf=\"showAddButton && addButtonConfigs.length == 0\"\r\n            [label]=\"(addButtonLabel | translate)\r\n            \"(onClick)=\"action.emit({ name: 'add', row: null! })\"\r\n            outlined severity=\"secondary\" />\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"mt-2 mb-4 flex items-center justify-between\">\r\n\r\n          <ng-container *ngIf=\"showSearch && filters; else emptySearch\">\r\n           <lib-generic-search\r\n                [model]=\"filterModel\"\r\n                [fields]=\"filters\"\r\n                (search)=\"applySearch($event)\"\r\n                (reset)=\"applySearch('')\"\r\n              ></lib-generic-search>\r\n          </ng-container>\r\n\r\n              <ng-template #emptySearch>\r\n    <!-- Render a dummy div to preserve expected DOM shape -->\r\n    <!-- <div class=\"min-h-[2.5rem] w-[12rem]\"></div> -->\r\n  </ng-template>\r\n\r\n            <div class=\"flex items-center gap-3\">\r\n\r\n              <p-button icon=\"pi pi-refresh\" outlined severity=\"secondary\" (onClick)=\"applySearch('')\" />\r\n              <p-divider layout=\"vertical\" class=\"m-0 p-0\" />\r\n              <p-button icon=\"pi pi-sort\" outlined severity=\"secondary\" />\r\n                <p-button label=\"1 of 15\" outlined severity=\"secondary\" />\r\n                <p-button icon=\"pi pi-chevron-right\" outlined severity=\"secondary\" />\r\n                <p-button icon=\"pi pi-chevron-left\" outlined severity=\"secondary\" />\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n<lib-generic-table\r\n  [data]=\"data\"\r\n  [columns]=\"columns\"\r\n  [paginator]=\"paginator\"\r\n  [loading]=\"loading\"\r\n  [actions]=\"actions\"\r\n  [actionsMode]=\"actionsMode\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [sortField]=\"sortField\"\r\n  [sortOrder]=\"sortOrder\"\r\n  [globalFilterFields]=\"globalFilterFields\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n  (action)=\"action.emit($event)\"\r\n  (pageChange)=\"onLazyLoad($event)\"\r\n  [rowSelectable]=\"rowSelectable\"\r\n  (rowSelect)=\"onRowClick($event)\"\r\n  [(selection)]=\"_selectedRows\"\r\n  #genericTable\r\n></lib-generic-table>\r\n\r\n\r\n\r\n\r\n<!-- Drawer -->\r\n<p-drawer\r\n  *ngIf=\"(typeof displayMode === 'string' ? displayMode : isEditMode ? displayMode['edit'] : isViewMode == false ? displayMode['add'] : displayMode['view']  ) === 'drawer' && drawerVisible\"\r\n  [(visible)]=\"drawerVisible\"\r\n  [closable]=\"true\"\r\n  [dismissible]=\"false\"\r\n  [closeOnEscape]=\"true\"\r\n  (visibleChange)=\"visibleChange.emit($event)\"\r\n  styleClass=\"!w-full md:!w-80 lg:!w-[40rem]\">\r\n\r\n  <ng-template pTemplate=\"header\">\r\n    <span class=\"font-bold text-lg\">\r\n      {{ isEditMode ? '\u062A\u0639\u062F\u064A\u0644' : isViewMode == false ? '\u0625\u0636\u0627\u0641\u0629' : '\u0639\u0631\u0636' }}\r\n    </span>\r\n  </ng-template>\r\n<!-- (ngSubmit)=\"onSubmit()\" -->\r\n  <form *ngIf=\"form\" [formGroup]=\"form\"  class=\"p-4\">\r\n    <formly-form [form]=\"form\" [fields]=\"formFields_\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n  </form>\r\n\r\n  <ng-template pTemplate=\"footer\" *ngIf=\"!isViewMode\">\r\n    <div class=\"flex justify-end gap-2\">\r\n      <button\r\n        pButton\r\n        [label]=\"isEditMode ? ('UPDATE' | translate) : ('SAVE' | translate)\"\r\n        type=\"button\"\r\n        (click)=\"onSubmit()\"\r\n        [disabled]=\"loading || form.invalid\"\r\n        [loading]=\"loading\">\r\n      </button>\r\n      <button\r\n        pButton\r\n        label=\"{{ 'CANCEL' | translate }}\"\r\n        severity=\"danger\"\r\n        (click)=\"drawerVisible = false\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n\r\n<!-- Dialog -->\r\n<p-dialog\r\n  *ngIf=\"(typeof displayMode === 'string' ? displayMode : isEditMode ? displayMode['edit'] : isViewMode == false ? displayMode['add'] : displayMode['view']  ) === 'dialog' && dialogVisible\"\r\n  [(visible)]=\"dialogVisible\"\r\n  [modal]=\"true\"\r\n  [closable]=\"true\"\r\n  [dismissableMask]=\"true\"\r\n  [closeOnEscape]=\"true\"\r\n  (visibleChange)=\"visibleChange.emit($event)\"\r\n  [style]=\"{ width: '95vw', maxWidth: '40rem' }\"\r\n  [header]=\"isEditMode ? '\u062A\u0639\u062F\u064A\u0644' : isViewMode == false ? '\u0625\u0636\u0627\u0641\u0629' : viewHeaderTitle\">\r\n\r\n  <div class=\"relative\">\r\n    <div *ngIf=\"isViewMode\" class=\"absolute inset-0 z-10 bg-white/50 pointer-events-auto rounded-md\"></div>\r\n    <form *ngIf=\"form\" [formGroup]=\"form\" class=\"p-4\">\r\n      <formly-form [form]=\"form\" [fields]=\"formFields_\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n    </form>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex justify-end gap-2\">\r\n      <button *ngIf=\"!isViewMode\"\r\n        pButton\r\n        [label]=\"isEditMode ? ('UPDATE' | translate) : ('SAVE' | translate)\"\r\n        type=\"button\"\r\n        [disabled]=\"loading || form.invalid\"\r\n        [loading]=\"loading\"\r\n        (click)=\"onSubmit()\">\r\n      </button>\r\n      <button\r\n        pButton\r\n        label=\"{{ isViewMode ? ('CLOSE' | translate) : ('CANCEL' | translate) }}\"\r\n        severity=\"secondary\"\r\n        (click)=\"dialogVisible = false\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n\r\n\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TableModule }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: GenericButton, selector: "lib-generic-button", inputs: ["model", "type", "icon", "label", "variant", "severity", "size", "iconPosition", "disabled", "loading", "ariaLabel", "extraClasses", "permission"], outputs: ["clicked", "itemClick"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: GenericSearch, selector: "lib-generic-search", inputs: ["placeholder", "model", "fields"], outputs: ["search"] }, { kind: "component", type: GenericTable, selector: "lib-generic-table", inputs: ["data", "columns", "loading", "actions", "actionsMode", "first", "rows", "totalRecords", "sortField", "sortOrder", "globalFilterFields", "scrollHeight", "rowSelectable", "selection", "paginator", "showRowSelectionCheckbox"], outputs: ["action", "pageChange", "rowSelect", "selectionChange"] }, { kind: "ngmodule", type: ToolbarModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i4.Divider, selector: "p-divider", inputs: ["styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: IconFieldModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i5.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: BreadcrumbComponent, selector: "app-breadcrumb", inputs: ["breadcrumb"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericCrudTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-generic-crud-table', standalone: true, imports: [
+                        CommonModule,
+                        TableModule,
+                        GenericButton,
+                        ButtonModule,
+                        GenericSearch,
+                        GenericTable,
+                        ToolbarModule,
+                        TranslateModule,
+                        DividerModule,
+                        IconFieldModule,
+                        DrawerModule,
+                        FormlyForm,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        MessageModule,
+                        BreadcrumbComponent,
+                        DialogModule,
+                    ], host: {
+                        class: 'h-full flex-1 flex flex-col overflow-hidden border border-surface rounded-2xl p-4 bg-white'
+                    }, template: "\r\n <div class=\"flex items-start gap-2 justify-between\">\r\n            <div>\r\n               <!-- <div class=\"text-2xl leading-8 font-medium bg-slate-800 p-4 rounded-md\">\r\n            <p-breadcrumb\r\n              [model]=\"breadcrumb_\"\r\n              [home]=\"home\"\r\n              styleClass=\"custom-breadcrumb\"\r\n            ></p-breadcrumb>\r\n          </div> -->\r\n\r\n<app-breadcrumb [breadcrumb]=\"breadcrumb_\"></app-breadcrumb>\r\n\r\n            </div>\r\n\r\n<div class=\"flex items-center gap-2 justify-end flex-wrap\">\r\n       <ng-container *ngIf=\"isSingleItemSelected\">\r\n <ng-container *ngFor=\"let btn of singleActionButtons; trackBy: trackByIdx\">\r\n <lib-generic-button\r\n\r\n  [icon]=\"btn.icon\"\r\n[label]=\"btn.label | translate\"\r\n[variant]=\"btn.variant\"\r\n [size]=\"btn.size\"\r\n [permission]=\"btn.permission\"\r\n (clicked)=\"onSingleItemAction(btn)\"\r\n ></lib-generic-button>\r\n</ng-container>\r\n </ng-container>\r\n\r\n    <ng-container *ngIf=\"selectedItems.length > 0\">\r\n      <ng-container *ngFor=\"let btn of bulkActionButtons; trackBy: trackByIdx\">\r\n        <lib-generic-button\r\n          [icon]=\"btn.icon\"\r\n          [label]=\"btn.label | translate\"\r\n          [variant]=\"btn.variant\"\r\n          [size]=\"btn.size\"\r\n          [permission]=\"btn.permission\"\r\n          (clicked)=\"onInternalBulkAction(btn)\"\r\n        ></lib-generic-button>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n      <ng-container *ngFor=\"let btn of addButtonConfigs; trackBy: trackByIdx\">\r\n      <lib-generic-button\r\n        [icon]=\"btn.icon\"\r\n        [label]=\"btn.label | translate\"\r\n        [variant]=\"btn.variant\"\r\n        [size]=\"btn.size\"\r\n        [permission]=\"btn.permission\"\r\n        (clicked)=\" this.action.emit({ name: btn.actionName ?? 'add', row: null! });\"\r\n      ></lib-generic-button>\r\n    </ng-container>\r\n\r\n            <p-button\r\n            icon=\"pi pi-circle-fill text-green-500\" *ngIf=\"showAddButton && addButtonConfigs.length == 0\"\r\n            [label]=\"(addButtonLabel | translate)\r\n            \"(onClick)=\"action.emit({ name: 'add', row: null! })\"\r\n            outlined severity=\"secondary\" />\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"mt-2 mb-4 flex items-center justify-between\">\r\n\r\n          <ng-container *ngIf=\"showSearch && filters; else emptySearch\">\r\n           <lib-generic-search\r\n                [model]=\"filterModel\"\r\n                [fields]=\"filters\"\r\n                (search)=\"applySearch($event)\"\r\n                (reset)=\"applySearch('')\"\r\n              ></lib-generic-search>\r\n          </ng-container>\r\n\r\n              <ng-template #emptySearch>\r\n    <!-- Render a dummy div to preserve expected DOM shape -->\r\n    <!-- <div class=\"min-h-[2.5rem] w-[12rem]\"></div> -->\r\n  </ng-template>\r\n\r\n            <div class=\"flex items-center gap-3\">\r\n\r\n              <p-button icon=\"pi pi-refresh\" outlined severity=\"secondary\" (onClick)=\"applySearch('')\" />\r\n              <p-divider layout=\"vertical\" class=\"m-0 p-0\" />\r\n              <p-button icon=\"pi pi-sort\" outlined severity=\"secondary\" />\r\n                <p-button label=\"1 of 15\" outlined severity=\"secondary\" />\r\n                <p-button icon=\"pi pi-chevron-right\" outlined severity=\"secondary\" />\r\n                <p-button icon=\"pi pi-chevron-left\" outlined severity=\"secondary\" />\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n<lib-generic-table\r\n  [data]=\"data\"\r\n  [columns]=\"columns\"\r\n  [paginator]=\"paginator\"\r\n  [loading]=\"loading\"\r\n  [actions]=\"actions\"\r\n  [actionsMode]=\"actionsMode\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [sortField]=\"sortField\"\r\n  [sortOrder]=\"sortOrder\"\r\n  [globalFilterFields]=\"globalFilterFields\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n  (action)=\"action.emit($event)\"\r\n  (pageChange)=\"onLazyLoad($event)\"\r\n  [rowSelectable]=\"rowSelectable\"\r\n  (rowSelect)=\"onRowClick($event)\"\r\n  [(selection)]=\"_selectedRows\"\r\n  #genericTable\r\n></lib-generic-table>\r\n\r\n\r\n\r\n\r\n<!-- Drawer -->\r\n<p-drawer\r\n  *ngIf=\"(typeof displayMode === 'string' ? displayMode : isEditMode ? displayMode['edit'] : isViewMode == false ? displayMode['add'] : displayMode['view']  ) === 'drawer' && drawerVisible\"\r\n  [(visible)]=\"drawerVisible\"\r\n  [closable]=\"true\"\r\n  [dismissible]=\"false\"\r\n  [closeOnEscape]=\"true\"\r\n  (visibleChange)=\"visibleChange.emit($event)\"\r\n  styleClass=\"!w-full md:!w-80 lg:!w-[40rem]\">\r\n\r\n  <ng-template pTemplate=\"header\">\r\n    <span class=\"font-bold text-lg\">\r\n      {{ isEditMode ? '\u062A\u0639\u062F\u064A\u0644' : isViewMode == false ? '\u0625\u0636\u0627\u0641\u0629' : '\u0639\u0631\u0636' }}\r\n    </span>\r\n  </ng-template>\r\n<!-- (ngSubmit)=\"onSubmit()\" -->\r\n  <form *ngIf=\"form\" [formGroup]=\"form\"  class=\"p-4\">\r\n    <formly-form [form]=\"form\" [fields]=\"formFields_\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n  </form>\r\n\r\n  <ng-template pTemplate=\"footer\" *ngIf=\"!isViewMode\">\r\n    <div class=\"flex justify-end gap-2\">\r\n      <button\r\n        pButton\r\n        [label]=\"isEditMode ? ('UPDATE' | translate) : ('SAVE' | translate)\"\r\n        type=\"button\"\r\n        (click)=\"onSubmit()\"\r\n        [disabled]=\"loading || form.invalid\"\r\n        [loading]=\"loading\">\r\n      </button>\r\n      <button\r\n        pButton\r\n        label=\"{{ 'CANCEL' | translate }}\"\r\n        severity=\"danger\"\r\n        (click)=\"drawerVisible = false\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n\r\n<!-- Dialog -->\r\n<p-dialog\r\n  *ngIf=\"(typeof displayMode === 'string' ? displayMode : isEditMode ? displayMode['edit'] : isViewMode == false ? displayMode['add'] : displayMode['view']  ) === 'dialog' && dialogVisible\"\r\n  [(visible)]=\"dialogVisible\"\r\n  [modal]=\"true\"\r\n  [closable]=\"true\"\r\n  [dismissableMask]=\"true\"\r\n  [closeOnEscape]=\"true\"\r\n  (visibleChange)=\"visibleChange.emit($event)\"\r\n  [style]=\"{ width: '95vw', maxWidth: '40rem' }\"\r\n  [header]=\"isEditMode ? '\u062A\u0639\u062F\u064A\u0644' : isViewMode == false ? '\u0625\u0636\u0627\u0641\u0629' : viewHeaderTitle\">\r\n\r\n  <div class=\"relative\">\r\n    <div *ngIf=\"isViewMode\" class=\"absolute inset-0 z-10 bg-white/50 pointer-events-auto rounded-md\"></div>\r\n    <form *ngIf=\"form\" [formGroup]=\"form\" class=\"p-4\">\r\n      <formly-form [form]=\"form\" [fields]=\"formFields_\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n    </form>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex justify-end gap-2\">\r\n      <button *ngIf=\"!isViewMode\"\r\n        pButton\r\n        [label]=\"isEditMode ? ('UPDATE' | translate) : ('SAVE' | translate)\"\r\n        type=\"button\"\r\n        [disabled]=\"loading || form.invalid\"\r\n        [loading]=\"loading\"\r\n        (click)=\"onSubmit()\">\r\n      </button>\r\n      <button\r\n        pButton\r\n        label=\"{{ isViewMode ? ('CLOSE' | translate) : ('CANCEL' | translate) }}\"\r\n        severity=\"secondary\"\r\n        (click)=\"dialogVisible = false\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n\r\n\r\n" }]
+        }], propDecorators: { genericTable: [{
+                type: ViewChild,
+                args: ['genericTable']
+            }], data: [{
+                type: Input
+            }], formFields: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], isViewMode: [{
+                type: Input
+            }], displayMode: [{
+                type: Input
+            }], isEditMode: [{
+                type: Input
+            }], drawerVisible: [{
+                type: Input
+            }], dialogVisible: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], errorMsg: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], actionsMode: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], bulkAction: [{
+                type: Output
+            }], singleAction: [{
+                type: Output
+            }], filters: [{
+                type: Input
+            }], filterModel: [{
+                type: Input
+            }], search: [{
+                type: Output
+            }], showSearch: [{
+                type: Input
+            }], first: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], onSearch: [{
+                type: Output
+            }], visibleChange: [{
+                type: Output
+            }], rowSelectable: [{
+                type: Input
+            }], rowSelect: [{
+                type: Output
+            }], scrollHeight: [{
+                type: Input
+            }], paginator: [{
+                type: Input
+            }], service: [{
+                type: Input
+            }], idField: [{
+                type: Input
+            }], showRowSelectionCheckbox: [{
+                type: Input
+            }], bulkActionButtons: [{
+                type: Input
+            }], singleActionButtons: [{
+                type: Input
+            }], showAddButton: [{
+                type: Input
+            }], addButtonIcon: [{
+                type: Input
+            }], addButtonLabel: [{
+                type: Input
+            }], addButtonPosition: [{
+                type: Input
+            }], addButtonConfigs: [{
+                type: Input
+            }], breadcrumb: [{
+                type: Input
+            }], beforeSave: [{
+                type: Input
+            }] } });
+
+// export * from './generic-crud-table-details';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericCrudTableComponent };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-generic-crud-table.mjs.map

package/fesm2022/elite.framework-ng.core-src-lib-components-generic-crud-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-generic-crud-table.mjs","sources":["../../../projects/core/src/lib/components/generic-crud-table/generic-crud-table.ts","../../../projects/core/src/lib/components/generic-crud-table/generic-crud-table.html","../../../projects/core/src/lib/components/generic-crud-table/public-api.ts","../../../projects/core/src/lib/components/generic-crud-table/elite.framework-ng.core-src-lib-components-generic-crud-table.ts"],"sourcesContent":["import { Breadcrumb } from 'primeng/breadcrumb';\r\nimport { DividerModule } from 'primeng/divider';\r\n// src/app/shared/generic-crud-table/generic-crud-table.component.ts\r\nimport { Component, Input, Output, EventEmitter, ViewChild, inject, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MessageModule } from 'primeng/message';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { PaginatorState } from 'primeng/paginator';\r\nimport { TableModule,TableLazyLoadEvent  }  from 'primeng/table';\r\nimport { ToolbarModule }   from 'primeng/toolbar';\r\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\r\nimport { FormlyFieldConfig, FormlyForm, FormlyFormOptions } from '@ngx-formly/core';\r\nimport { IconFieldModule } from 'primeng/iconfield';\r\nimport { MenuItem } from 'primeng/api';\r\nimport { DrawerModule } from 'primeng/drawer';\r\nimport { DialogModule } from 'primeng/dialog';\r\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\r\nimport { Observable,  } from 'rxjs';\r\nimport { GenericButton } from '@elite.framework/ng.core/src/lib/components/generic-button';\r\nimport { GenericTable } from '@elite.framework/ng.core/src/lib/components/generic-table';\r\nimport { BaseService } from '@elite.framework/ng.core';\r\nimport { BreadcrumbComponent } from '@elite.framework/ng.core/src/lib/components/breadcrumb';\r\nimport { ActionDef } from '@elite.framework/ng.core';\r\nimport { GenericSearch } from '@elite.framework/ng.core/src/lib/components/generic-search';\r\nimport { ButtonConfig } from '@elite.framework/ng.core';\r\nimport { SwalService } from '@elite.framework/ng.core';\r\n\r\nexport interface PageChangePayload extends PaginatorState {\r\nsort?: string;\r\nfilters?: Record<string, any>;\r\n}\r\n\r\nexport type ActionsMode = 'buttons' | 'menu';\r\n\r\n@Component({\r\n  selector: 'app-generic-crud-table',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    TableModule,\r\n    GenericButton,\r\n    ButtonModule,\r\n    GenericSearch,\r\n    GenericTable,\r\n    ToolbarModule,\r\n    TranslateModule,\r\n    DividerModule,\r\n    IconFieldModule,\r\n    DrawerModule,\r\n    FormlyForm,\r\n    ReactiveFormsModule,\r\n    FormsModule,\r\n    MessageModule,\r\n    BreadcrumbComponent,\r\n    DialogModule,\r\n],\r\n  templateUrl: './generic-crud-table.html',\r\n   host: {\r\n        class: 'h-full flex-1 flex flex-col overflow-hidden border border-surface rounded-2xl p-4 bg-white'\r\n    },\r\n})\r\n\r\nexport class GenericCrudTableComponent<T> implements OnChanges{\r\n @ViewChild('genericTable') genericTable!: GenericTable<T>;\r\n translate:TranslateService = inject(TranslateService);\r\n private swalService = inject(SwalService);\r\n\r\n    home: MenuItem | undefined = { icon: 'pi pi-home', routerLink: '/' };\r\n  @Input() data: T[] = [];\r\n   formFields_: FormlyFieldConfig[] = [];  // <-- هنا\r\n  @Input() formFields: FormlyFieldConfig[] = [];  // <-- هنا\r\n  @Input() columns: FormlyFieldConfig[] = [];  // <-- هنا\r\n  @Input() isViewMode = false;\r\n  @Input() displayMode:\r\n  | 'drawer' | 'dialog' | 'route'\r\n  | Partial<Record<'add' | 'edit' | 'view', 'drawer' | 'dialog' | 'route'>>\r\n  = 'drawer';\r\n  @Input() isEditMode = false;\r\n  @Input() drawerVisible = false;\r\n  @Input() dialogVisible = false;\r\n   form = new UntypedFormGroup({});\r\n @Input() model: any;\r\n  model_: any = {};\r\n  @Input() loading = false;\r\n  @Input() errorMsg: string = '';\r\n  @Input() errorMessage: string|any = '';\r\n\r\noptions: FormlyFormOptions = {};\r\n\r\n  @Input() actions: ActionDef<T>[] = [];\r\n    /** تحدد طريقة العرض: 'buttons' أو 'menu' */\r\n  @Input() actionsMode: ActionsMode = 'buttons';\r\n  @Output() action = new EventEmitter<{ name: string; row: T }>();\r\n  @Output() bulkAction = new EventEmitter<{ name: string; items: T[] }>();\r\n  @Output() singleAction = new EventEmitter<{ name: string; item: T }>();\r\n\r\n  // البحث\r\n// Search\r\n  @Input() filters: any;\r\n   @Input() filterModel: any = {};\r\n  @Output() search = new EventEmitter<{ field: string; global: string }>();\r\n\r\n/** للتحكم بإظهار/إخفاء قسم البحث */\r\n  @Input() showSearch: boolean = true;\r\n\r\n  /** Pagination Inputs */\r\n  @Input() first = 0;\r\n  @Input() rows = 10;\r\n  @Input() totalRecords = 0;\r\n  @Output() pageChange = new EventEmitter<PageChangePayload>();\r\n  @Output() onSearch = new EventEmitter<any>();\r\n\r\n@Output() visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();;\r\n// @Output() visibleChange = new EventEmitter<boolean>();\r\nviewHeaderTitle = 'عرض التفاصيل';\r\n   /** لجعل الجدول قابل لاختيار الصفوف (افتراضي false) */\r\n  @Input() rowSelectable: boolean = false;\r\n  /** حدث يخرج الصف المحدّد */\r\n  @Output() rowSelect = new EventEmitter<T>();\r\n\r\n  selection: T | null = null;\r\n\r\n // الفرز\r\n  sortField?: string;\r\n  sortOrder: 1 | -1 = 1;\r\n\r\n@Input() scrollHeight: string = '400px';\r\n\r\n @Input() paginator: boolean = true;\r\n\r\n@Input() service: BaseService|any;\r\n@Input() idField: string = 'id';\r\n\r\n @Input() showRowSelectionCheckbox: boolean = false;\r\n\r\n  @Input() bulkActionButtons: ButtonConfig[] = [];\r\n  @Input() singleActionButtons: ButtonConfig[] = [];\r\n\r\n  _selectedRows: T[] = [];\r\n\r\nget isSingleItemSelected(): boolean {\r\n  return this._selectedRows.length === 1;\r\n}\r\n\r\nget isMultipleItemSelected(): boolean {\r\n  return this._selectedRows.length > 1;\r\n}\r\n\r\nget selectedItems(): T[] {\r\n  return this._selectedRows;\r\n}\r\n\r\n\r\n\r\n/** للتحكم بإظهار زر الإضافة */\r\n@Input() showAddButton: boolean = true;\r\n/** الأيقونة الافتراضية لزر الإضافة */\r\n@Input() addButtonIcon: string = 'pi pi-plus';\r\n/** النص الافتراضي لزر الإضافة */\r\n@Input() addButtonLabel: string = 'ADD';\r\n  /** تتحكّم بموقع زر الإضافة: 'top' أو 'bottom' */\r\n@Input() addButtonPosition: 'top' | 'bottom' = 'top';\r\n\r\n @Input() addButtonConfigs: ButtonConfig[] = [];\r\n\r\n@Input() breadcrumb: MenuItem[] | undefined;\r\nngOnChanges(changes: SimpleChanges) {\r\n\r\n}\r\n\r\nget breadcrumb_(): MenuItem[] | undefined {\r\n  return this.breadcrumb?.map(v => ({\r\n    ...v,\r\n    label: this.translate.instant(v.label ?? '')\r\n  }));\r\n}\r\nget rtl(): boolean {\r\n  try {\r\n    return document?.documentElement?.dir === 'rtl';\r\n  } catch (error) {\r\n    return true;\r\n  }\r\n}\r\n//  private destroy$ = new Subject<void>();\r\n /** الآن يتلقّى pagination + sort في حدث واحد */\r\nonLazyLoad(event: TableLazyLoadEvent) {\r\n  // this.model_= this.model ?? {};\r\n  this.model= this.model ?? {};\r\n\r\n  this.formFields_ = this.formFields;\r\n  const first     = event.first  ?? this.first;\r\n  const rows      = event.rows   ?? this.rows;\r\n  const sortField = typeof event.sortField === 'string'\r\n                    ? event.sortField\r\n                    : this.sortField;\r\n  const sortOrder = event.sortOrder === -1 ? -1 : 1;\r\n\r\n\r\n  const filters: Record<string, any> = {};\r\n    if (event.filters) {\r\n      Object.entries(event.filters).forEach(([field, meta]) => {\r\n        const value = (meta as any).value;\r\n        if (value != null && value !== '') {\r\n          filters[field] = value;\r\n        }\r\n      });\r\n    }\r\n\r\n  this.first     = first;\r\n  this.rows      = rows;\r\n  this.sortField = sortField;\r\n  this.sortOrder = sortOrder as 1| -1;\r\nvar dir = sortOrder === 1 ? 'asc' : 'desc';\r\n var sort = sortField ? `${sortField} ${dir}` : undefined;\r\n\r\n  this.pageChange.emit({ first, rows ,sort, filters });\r\n\r\n  // يبني النص وإرساله\r\n\r\n}\r\n\r\n\r\n  /** تصيير البيانات حسب الصفحة */\r\n  get pagedData(): T[] {\r\n    // return this.data ? this.data.slice(this.first, this.first + this.rows) : [];\r\n\r\n    return this.data;\r\n  }\r\n\r\n\r\n\r\nget globalFilterFields(): string[] {\r\n  return this.columns.map(c => String(c.key));\r\n}\r\n\r\n\r\n\r\n\r\n\r\n  /** أرسل إلى الأب لأتمتة شكل البحث إذا يحتاج */\r\n// from generic-crud-table.component.ts\r\n\r\n/** بدّل applySearch لتبث pageChange مباشرةً */\r\n applySearch(filters: any) {\r\n    // this.genericTable.applyFilter(global);\r\n      this.onSearch.emit(filters);\r\n  }\r\n\r\n\r\n /** دالة تنفّذ عند النقر على صف */\r\n  onRowClick(row: T) {\r\n     console.log('GenericCrudTableComponent.rowClick:', row);\r\n    if (this.rowSelectable) {\r\n      this.rowSelect.emit(row);\r\n    }\r\n  }\r\n\r\n\r\n   @Input() beforeSave: (record: T) => T = (record) => record;\r\n\r\n  // onSubmit() {\r\n  //     if (this.form.invalid) return;\r\n\r\n  //     this.loading = true;\r\n  //     this.errorMessage = null;\r\n\r\n  //     const service = this.service /* as CrudService<T> */;\r\n  //     const id = this.isEditMode ? (this.model as any)[this.idField] : null;\r\n\r\n  //     const recordToSave = this.beforeSave({ ...this.model });\r\n\r\n\r\n  //     const operation$: Observable<any> = this.isEditMode\r\n  //       ? service.update(id, recordToSave)\r\n  //       : service.create(recordToSave);\r\n\r\n  //     // operation$.pipe(takeUntil(this.destroy$)).subscribe({\r\n  //     operation$.subscribe({\r\n  //       next: () => {\r\n  //         // this.ref.close(true); // نجاح العملية\r\n  //         this.visibleChange.emit(false)\r\n  //           // this.pageChange.emit({ first, rows ,sort, filters });\r\n  //           this.applySearch('');\r\n  //         // this.me\r\n  //       },\r\n  //       error: (err:any) => {\r\n  //         this.loading = false;\r\n\r\n  //         this.errorMessage = err.error?.title ||\r\n  //                            err.message ||\r\n  //                            'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';\r\n  //       }\r\n  //     });\r\n  //   }\r\n\r\n  onSubmit() {\r\n  if (this.form.invalid) return;\r\n\r\n  // ✅ أول شيء نطلب تأكيد من المستخدم\r\n  this.swalService.confirm(\r\n    this.isEditMode ? 'تأكيد التعديل' : 'تأكيد الحفظ',\r\n    this.isEditMode\r\n      ? 'هل تريد حفظ التعديلات على هذا السجل؟'\r\n      : 'هل تريد حفظ هذا السجل؟',\r\n    'نعم',\r\n    'إلغاء'\r\n  ).then((result) => {\r\n    if (!result.isConfirmed) return;\r\n\r\n    this.loading = true;\r\n    this.errorMessage = null;\r\n\r\n    const service = this.service;\r\n    const id = this.isEditMode ? (this.model as any)[this.idField] : null;\r\n\r\n    const recordToSave = this.beforeSave({ ...this.model });\r\n\r\n    const operation$: Observable<any> = this.isEditMode\r\n      ? service.update(id, recordToSave)\r\n      : service.create(recordToSave);\r\n\r\n    operation$.subscribe({\r\n      next: () => {\r\n        this.loading = false;\r\n\r\n        // ✅ رسالة نجاح\r\n        this.swalService.success(\r\n          this.isEditMode ? 'تم التعديل بنجاح' : 'تم الحفظ بنجاح'\r\n        );\r\n\r\n        this.visibleChange.emit(false);\r\n        this.applySearch('');\r\n      },\r\n      error: (err: any) => {\r\n        this.loading = false;\r\n\r\n        const msg =\r\n          err.error?.title ||\r\n          err.message ||\r\n          'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';\r\n\r\n        this.errorMessage = msg;\r\n\r\n        // ❌ رسالة خطأ\r\n        this.swalService.error('فشل الحفظ', msg);\r\n      }\r\n    });\r\n  });\r\n}\r\n\r\n\r\n      trackByIdx(index: number, item: any): number {\r\n    return index;\r\n  }\r\n\r\nonSingleItemAction(btn: ButtonConfig): void {\r\n  if (!this.isSingleItemSelected) return;\r\n\r\n  const selectedItem = this._selectedRows[0];\r\n  this.singleAction.emit({\r\n    name: btn.actionName ?? 'singleAction',\r\n    item: selectedItem\r\n  });\r\n}\r\n\r\nonInternalBulkAction(btn: ButtonConfig): void {\r\n  if (!this.isMultipleItemSelected) return;\r\n\r\n  this.bulkAction.emit({\r\n    name: btn.actionName ?? 'bulkAction',\r\n    items: [...this._selectedRows]  // نرسل نسخة من المصفوفة\r\n  });\r\n}\r\n\r\n\r\n}\r\n","\r\n <div class=\"flex items-start gap-2 justify-between\">\r\n            <div>\r\n               <!-- <div class=\"text-2xl leading-8 font-medium bg-slate-800 p-4 rounded-md\">\r\n            <p-breadcrumb\r\n              [model]=\"breadcrumb_\"\r\n              [home]=\"home\"\r\n              styleClass=\"custom-breadcrumb\"\r\n            ></p-breadcrumb>\r\n          </div> -->\r\n\r\n<app-breadcrumb [breadcrumb]=\"breadcrumb_\"></app-breadcrumb>\r\n\r\n            </div>\r\n\r\n<div class=\"flex items-center gap-2 justify-end flex-wrap\">\r\n       <ng-container *ngIf=\"isSingleItemSelected\">\r\n <ng-container *ngFor=\"let btn of singleActionButtons; trackBy: trackByIdx\">\r\n <lib-generic-button\r\n\r\n  [icon]=\"btn.icon\"\r\n[label]=\"btn.label | translate\"\r\n[variant]=\"btn.variant\"\r\n [size]=\"btn.size\"\r\n [permission]=\"btn.permission\"\r\n (clicked)=\"onSingleItemAction(btn)\"\r\n ></lib-generic-button>\r\n</ng-container>\r\n </ng-container>\r\n\r\n    <ng-container *ngIf=\"selectedItems.length > 0\">\r\n      <ng-container *ngFor=\"let btn of bulkActionButtons; trackBy: trackByIdx\">\r\n        <lib-generic-button\r\n          [icon]=\"btn.icon\"\r\n          [label]=\"btn.label | translate\"\r\n          [variant]=\"btn.variant\"\r\n          [size]=\"btn.size\"\r\n          [permission]=\"btn.permission\"\r\n          (clicked)=\"onInternalBulkAction(btn)\"\r\n        ></lib-generic-button>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n      <ng-container *ngFor=\"let btn of addButtonConfigs; trackBy: trackByIdx\">\r\n      <lib-generic-button\r\n        [icon]=\"btn.icon\"\r\n        [label]=\"btn.label | translate\"\r\n        [variant]=\"btn.variant\"\r\n        [size]=\"btn.size\"\r\n        [permission]=\"btn.permission\"\r\n        (clicked)=\" this.action.emit({ name: btn.actionName ?? 'add', row: null! });\"\r\n      ></lib-generic-button>\r\n    </ng-container>\r\n\r\n            <p-button\r\n            icon=\"pi pi-circle-fill text-green-500\" *ngIf=\"showAddButton && addButtonConfigs.length == 0\"\r\n            [label]=\"(addButtonLabel | translate)\r\n            \"(onClick)=\"action.emit({ name: 'add', row: null! })\"\r\n            outlined severity=\"secondary\" />\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"mt-2 mb-4 flex items-center justify-between\">\r\n\r\n          <ng-container *ngIf=\"showSearch && filters; else emptySearch\">\r\n           <lib-generic-search\r\n                [model]=\"filterModel\"\r\n                [fields]=\"filters\"\r\n                (search)=\"applySearch($event)\"\r\n                (reset)=\"applySearch('')\"\r\n              ></lib-generic-search>\r\n          </ng-container>\r\n\r\n              <ng-template #emptySearch>\r\n    <!-- Render a dummy div to preserve expected DOM shape -->\r\n    <!-- <div class=\"min-h-[2.5rem] w-[12rem]\"></div> -->\r\n  </ng-template>\r\n\r\n            <div class=\"flex items-center gap-3\">\r\n\r\n              <p-button icon=\"pi pi-refresh\" outlined severity=\"secondary\" (onClick)=\"applySearch('')\" />\r\n              <p-divider layout=\"vertical\" class=\"m-0 p-0\" />\r\n              <p-button icon=\"pi pi-sort\" outlined severity=\"secondary\" />\r\n                <p-button label=\"1 of 15\" outlined severity=\"secondary\" />\r\n                <p-button icon=\"pi pi-chevron-right\" outlined severity=\"secondary\" />\r\n                <p-button icon=\"pi pi-chevron-left\" outlined severity=\"secondary\" />\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n<lib-generic-table\r\n  [data]=\"data\"\r\n  [columns]=\"columns\"\r\n  [paginator]=\"paginator\"\r\n  [loading]=\"loading\"\r\n  [actions]=\"actions\"\r\n  [actionsMode]=\"actionsMode\"\r\n  [first]=\"first\"\r\n  [rows]=\"rows\"\r\n  [totalRecords]=\"totalRecords\"\r\n  [sortField]=\"sortField\"\r\n  [sortOrder]=\"sortOrder\"\r\n  [globalFilterFields]=\"globalFilterFields\"\r\n  [scrollHeight]=\"scrollHeight\"\r\n  [showRowSelectionCheckbox]=\"showRowSelectionCheckbox\"\r\n  (action)=\"action.emit($event)\"\r\n  (pageChange)=\"onLazyLoad($event)\"\r\n  [rowSelectable]=\"rowSelectable\"\r\n  (rowSelect)=\"onRowClick($event)\"\r\n  [(selection)]=\"_selectedRows\"\r\n  #genericTable\r\n></lib-generic-table>\r\n\r\n\r\n\r\n\r\n<!-- Drawer -->\r\n<p-drawer\r\n  *ngIf=\"(typeof displayMode === 'string' ? displayMode : isEditMode ? displayMode['edit'] : isViewMode == false ? displayMode['add'] : displayMode['view']  ) === 'drawer' && drawerVisible\"\r\n  [(visible)]=\"drawerVisible\"\r\n  [closable]=\"true\"\r\n  [dismissible]=\"false\"\r\n  [closeOnEscape]=\"true\"\r\n  (visibleChange)=\"visibleChange.emit($event)\"\r\n  styleClass=\"!w-full md:!w-80 lg:!w-[40rem]\">\r\n\r\n  <ng-template pTemplate=\"header\">\r\n    <span class=\"font-bold text-lg\">\r\n      {{ isEditMode ? 'تعديل' : isViewMode == false ? 'إضافة' : 'عرض' }}\r\n    </span>\r\n  </ng-template>\r\n<!-- (ngSubmit)=\"onSubmit()\" -->\r\n  <form *ngIf=\"form\" [formGroup]=\"form\"  class=\"p-4\">\r\n    <formly-form [form]=\"form\" [fields]=\"formFields_\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n  </form>\r\n\r\n  <ng-template pTemplate=\"footer\" *ngIf=\"!isViewMode\">\r\n    <div class=\"flex justify-end gap-2\">\r\n      <button\r\n        pButton\r\n        [label]=\"isEditMode ? ('UPDATE' | translate) : ('SAVE' | translate)\"\r\n        type=\"button\"\r\n        (click)=\"onSubmit()\"\r\n        [disabled]=\"loading || form.invalid\"\r\n        [loading]=\"loading\">\r\n      </button>\r\n      <button\r\n        pButton\r\n        label=\"{{ 'CANCEL' | translate }}\"\r\n        severity=\"danger\"\r\n        (click)=\"drawerVisible = false\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n\r\n<!-- Dialog -->\r\n<p-dialog\r\n  *ngIf=\"(typeof displayMode === 'string' ? displayMode : isEditMode ? displayMode['edit'] : isViewMode == false ? displayMode['add'] : displayMode['view']  ) === 'dialog' && dialogVisible\"\r\n  [(visible)]=\"dialogVisible\"\r\n  [modal]=\"true\"\r\n  [closable]=\"true\"\r\n  [dismissableMask]=\"true\"\r\n  [closeOnEscape]=\"true\"\r\n  (visibleChange)=\"visibleChange.emit($event)\"\r\n  [style]=\"{ width: '95vw', maxWidth: '40rem' }\"\r\n  [header]=\"isEditMode ? 'تعديل' : isViewMode == false ? 'إضافة' : viewHeaderTitle\">\r\n\r\n  <div class=\"relative\">\r\n    <div *ngIf=\"isViewMode\" class=\"absolute inset-0 z-10 bg-white/50 pointer-events-auto rounded-md\"></div>\r\n    <form *ngIf=\"form\" [formGroup]=\"form\" class=\"p-4\">\r\n      <formly-form [form]=\"form\" [fields]=\"formFields_\" [model]=\"model\" [options]=\"options\"></formly-form>\r\n    </form>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex justify-end gap-2\">\r\n      <button *ngIf=\"!isViewMode\"\r\n        pButton\r\n        [label]=\"isEditMode ? ('UPDATE' | translate) : ('SAVE' | translate)\"\r\n        type=\"button\"\r\n        [disabled]=\"loading || form.invalid\"\r\n        [loading]=\"loading\"\r\n        (click)=\"onSubmit()\">\r\n      </button>\r\n      <button\r\n        pButton\r\n        label=\"{{ isViewMode ? ('CLOSE' | translate) : ('CANCEL' | translate) }}\"\r\n        severity=\"secondary\"\r\n        (click)=\"dialogVisible = false\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n\r\n\r\n","export * from './generic-crud-table';\r\n// export * from './generic-crud-table-details';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/elite.framework-ng.core-src-lib-components-generic-errormessage.mjs

@@ -0,0 +1,23 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class GenericErrormessage {
+    /** نص رسالة الخطأ */
+    text = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericErrormessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: GenericErrormessage, isStandalone: true, selector: "lib-generic-errormessage", inputs: { text: "text" }, ngImport: i0, template: "   \n@if (text) {\n<div  class=\"bg-red-100 border border-red-300 text-red-800 px-4 py-3 rounded my-4\">     {{ text }} </div>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericErrormessage, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-errormessage', imports: [CommonModule], template: "   \n@if (text) {\n<div  class=\"bg-red-100 border border-red-300 text-red-800 px-4 py-3 rounded my-4\">     {{ text }} </div>\n}" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericErrormessage };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-generic-errormessage.mjs.map

package/fesm2022/elite.framework-ng.core-src-lib-components-generic-errormessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-generic-errormessage.mjs","sources":["../../../projects/core/src/lib/components/generic-errormessage/generic-errormessage.ts","../../../projects/core/src/lib/components/generic-errormessage/generic-errormessage.html","../../../projects/core/src/lib/components/generic-errormessage/elite.framework-ng.core-src-lib-components-generic-errormessage.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'lib-generic-errormessage',\n   imports: [CommonModule],\n  templateUrl: './generic-errormessage.html',\n  styleUrl: './generic-errormessage.css'\n})\nexport class GenericErrormessage {\n /** نص رسالة الخطأ */\n  @Input() text: string = '';\n}\n","   \n@if (text) {\n<div  class=\"bg-red-100 border border-red-300 text-red-800 px-4 py-3 rounded my-4\">     {{ text }} </div>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,mBAAmB,CAAA;;IAErB,IAAI,GAAW,EAAE;uGAFf,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECThC,mIAGC,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEY,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAIZ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,0BAA0B,EAAA,OAAA,EAC1B,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mIAAA,EAAA;8BAMf,IAAI,EAAA,CAAA;sBAAZ;;;AEXH;;AAEG;;;;"}

package/fesm2022/elite.framework-ng.core-src-lib-components-generic-formly-fields.mjs

@@ -0,0 +1,53 @@
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { FormlyForm } from '@ngx-formly/core';
+
+class GenericFormlyFields {
+    /** الـ FormGroup الذي يُدار خارجيًا */
+    form;
+    /** حقول Formly */
+    fields = [];
+    /** النموذج (object) الذي سيُربط بالحقول */
+    model = {};
+    /** خيارات Formly (validation, hideExpression, ...) */
+    options = {};
+    ngOnInit() {
+        // ما من حاجة هنا: يفترض أن form مُهيّأ في الخارج
+    }
+    ngOnChanges(changes) {
+        // لو احتجت تتعامل مع تغيّر الحقول أو الموديل، هنا المكان
+    }
+    // دالة مساعدة للوصول الآمن لخصائص الحقل
+    getFieldIcon(field) {
+        return field.templateOptions?.['icon'] || null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericFormlyFields, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: GenericFormlyFields, isStandalone: true, selector: "lib-generic-formly-fields", inputs: { form: "form", fields: "fields", model: "model", options: "options" }, usesOnChanges: true, ngImport: i0, template: "<!-- \u064A\u0631\u0633\u0645 \u062D\u0642\u0648\u0644 Formly \u062F\u0627\u062E\u0644 \u0627\u0644\u0640 form \u0627\u0644\u0645\u0648\u062C\u0648\u062F -->\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\">\n</formly-form>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericFormlyFields, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-formly-fields', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        FormlyForm,
+                        // FormlyPrimeNGModule,
+                    ], template: "<!-- \u064A\u0631\u0633\u0645 \u062D\u0642\u0648\u0644 Formly \u062F\u0627\u062E\u0644 \u0627\u0644\u0640 form \u0627\u0644\u0645\u0648\u062C\u0648\u062F -->\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\">\n</formly-form>\n" }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericFormlyFields };
+//# sourceMappingURL=elite.framework-ng.core-src-lib-components-generic-formly-fields.mjs.map

package/fesm2022/elite.framework-ng.core-src-lib-components-generic-formly-fields.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elite.framework-ng.core-src-lib-components-generic-formly-fields.mjs","sources":["../../../projects/core/src/lib/components/generic-formly-fields/generic-formly-fields.ts","../../../projects/core/src/lib/components/generic-formly-fields/generic-formly-fields.html","../../../projects/core/src/lib/components/generic-formly-fields/elite.framework-ng.core-src-lib-components-generic-formly-fields.ts"],"sourcesContent":["import { Component, Input, OnInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { CommonModule }                     from '@angular/common';\nimport { ReactiveFormsModule, FormGroup, FormsModule }   from '@angular/forms';\nimport {  FormlyFormOptions, FormlyFieldConfig, FormlyForm } from '@ngx-formly/core';\n\n@Component({\n  selector: 'lib-generic-formly-fields',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormsModule,\n    FormlyForm,\n    // FormlyPrimeNGModule,\n  ],\n  templateUrl: './generic-formly-fields.html',\n})\nexport class GenericFormlyFields implements OnInit, OnChanges {\n  /** الـ FormGroup الذي يُدار خارجيًا */\n  @Input() form!: FormGroup;\n\n  /** حقول Formly */\n  @Input() fields: FormlyFieldConfig[] = [];\n\n  /** النموذج (object) الذي سيُربط بالحقول */\n  @Input() model: any = {};\n\n  /** خيارات Formly (validation, hideExpression, ...) */\n  @Input() options: FormlyFormOptions = {};\n\n  ngOnInit() {\n    // ما من حاجة هنا: يفترض أن form مُهيّأ في الخارج\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    // لو احتجت تتعامل مع تغيّر الحقول أو الموديل، هنا المكان\n  }\n\n  // دالة مساعدة للوصول الآمن لخصائص الحقل\n  getFieldIcon(field: FormlyFieldConfig): string | null {\n    return field.templateOptions?.['icon'] || null;\n  }\n}\n","<!-- يرسم حقول Formly داخل الـ form الموجود -->\n<formly-form\n  [form]=\"form\"\n  [fields]=\"fields\"\n  [model]=\"model\"\n  [options]=\"options\">\n</formly-form>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAiBa,mBAAmB,CAAA;;AAErB,IAAA,IAAI;;IAGJ,MAAM,GAAwB,EAAE;;IAGhC,KAAK,GAAQ,EAAE;;IAGf,OAAO,GAAsB,EAAE;IAExC,QAAQ,GAAA;;;AAIR,IAAA,WAAW,CAAC,OAAsB,EAAA;;;;AAKlC,IAAA,YAAY,CAAC,KAAwB,EAAA;QACnC,OAAO,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,IAAI,IAAI;;uGAvBrC,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBhC,wRAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEI,YAAY,8BACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAZ/B,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBACX,UAAU;;AAEX,qBAAA,EAAA,QAAA,EAAA,wRAAA,EAAA;8BAKQ,IAAI,EAAA,CAAA;sBAAZ;gBAGQ,MAAM,EAAA,CAAA;sBAAd;gBAGQ,KAAK,EAAA,CAAA;sBAAb;gBAGQ,OAAO,EAAA,CAAA;sBAAf;;;AE5BH;;AAEG;;;;"}