@es.framework/ng.ui.core 2.0.58

package/fesm2022/es.framework-ng.ui.core-base-crud.mjs

@@ -0,0 +1,370 @@
+import * as i0 from '@angular/core';
+import { NgModule, inject, Directive } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router, ActivatedRoute } from '@angular/router';
+import { SwalService, IdParserService } from '@es.framework/ng.core/services';
+import { DeactivationReasonFormComponent } from '@es.framework/ng.ui.core/deactivation-reason';
+import { firstValueFrom } from 'rxjs';
+
+class BaseCrudModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseCrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: BaseCrudModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseCrudModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseCrudModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class BaseCrud {
+    list = [];
+    paginator = true;
+    canLoad = true;
+    loading = false;
+    errorMsg = '';
+    first = 0;
+    rows = 10;
+    totalRecords = 0;
+    searchGlobal = '';
+    sort;
+    pageFilters = {};
+    currentFilters = {};
+    mode = '';
+    scrollHeight = '400px';
+    swalService = inject(SwalService);
+    dialogRef;
+    // abstract idField: keyof T;
+    dialogVisible = false;
+    drawerVisible = false;
+    selectedItem = null;
+    defaultModel = null;
+    // selectedItem: T | any = {};
+    isViewMode = false;
+    isEditMode = false;
+    // حالة ظهور درج القوالب
+    templateDrawerVisible = false;
+    displayMode = 'drawer';
+    idParser = inject(IdParserService);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    loadPage(pageIndex, pageSize) {
+        if (this.canLoad) {
+            this.loading = true;
+            const filters = {
+                maxResultCount: pageSize,
+                skipCount: pageIndex,
+                sorting: this.sort,
+                ...this.currentFilters,
+                ...this.pageFilters,
+                ...(this.searchGlobal ? { filter: this.searchGlobal } : {}),
+            };
+            //
+            //
+            this.service.getList(filters)
+                .subscribe({
+                next: (res) => {
+                    //
+                    this.list = res.items;
+                    this.totalRecords = res.totalCount;
+                    this.loading = false;
+                },
+                error: (err) => {
+                    this.errorMsg = err.error?.message || err.message || 'خطأ في التحميل';
+                    this.loading = false;
+                }
+            });
+        }
+    }
+    onSearch(filters) {
+        //
+        if (filters && typeof filters === 'object' && !Array.isArray(filters)) {
+            this.pageFilters = filters;
+        }
+        else {
+            this.searchGlobal = filters;
+        }
+        this.loadPage(0, 10);
+    }
+    onPageChange(event) {
+        // فك المتغيّرات مع قيمة افتراضية لفلاتر
+        const { first = this.first, rows = this.rows, sort = this.sort, filters = {} } = event;
+        this.first = first;
+        this.rows = rows;
+        this.sort = sort;
+        // const pageIndex = Math.floor(first / rows);
+        const skipCount = first;
+        const pageIndex = skipCount;
+        // الوصول للفلتر العام عبر الصيغة المربعة
+        const globalValue = filters['global'];
+        this.searchGlobal = typeof globalValue === 'string' ? globalValue : '';
+        this.loadPage(pageIndex, rows);
+    }
+    openEditor(item, mode) {
+        this.mode = mode;
+        this.selectedItem = item ?? this.defaultModel ?? {};
+        this.isEditMode = mode === 'edit';
+        this.isViewMode = mode === 'view';
+        // Auto-load details if edit or view and have ID
+        const id = item?.[this.idField];
+        if ((this.isEditMode || this.isViewMode) && id) {
+            // this.loadDetail(id);
+            //  (async () => {
+            //   await this.loadDetail(id);
+            // })();
+        }
+        // resolve displayMode (string or map)
+        const modeConfig = typeof this.displayMode === 'string'
+            ? this.displayMode
+            : this.displayMode[mode] ?? 'drawer';
+        switch (modeConfig) {
+            case 'drawer':
+                this.drawerVisible = true;
+                break;
+            case 'dialog':
+                this.dialogVisible = true;
+                break;
+            case 'route':
+                {
+                    const id = item ? item[this.idField] : 'new';
+                    if (mode === 'add') {
+                        this.router.navigate([mode], { relativeTo: this.route });
+                    }
+                    else {
+                        const commands = [id, mode];
+                        console.log('Commands:', commands);
+                        console.log('Current route:', this.route.snapshot.pathFromRoot.map(r => r.routeConfig?.path));
+                        const tree = this.router.createUrlTree(commands, { relativeTo: this.route });
+                        console.log('URL Tree:', tree.toString());
+                        this.router.navigate([id, mode], { relativeTo: this.route });
+                    }
+                    break;
+                }
+        }
+    }
+    loadDetail(id) {
+        return firstValueFrom(this.service.get(id)).then(res => {
+            this.selectedItem = res;
+        });
+    }
+    visibleChange(value) {
+        const modeConfig = typeof this.displayMode === 'string'
+            ? this.displayMode
+            : this.displayMode[this.mode] ?? 'drawer';
+        if (modeConfig === 'dialog') {
+            this.dialogVisible = value;
+        }
+        else if (modeConfig === 'drawer') {
+            this.drawerVisible = value;
+        }
+        else {
+            // route mode does not use drawer/dialog
+        }
+    }
+    onTableAction(event) {
+        switch (event.name) {
+            case 'add':
+            case 'edit':
+            case 'view':
+                this.openEditor(event.row, event.name);
+                break;
+            case 'delete':
+                this.onDelete(event.row);
+                break;
+            case 'state':
+                this.openDeactivationReason(event.row);
+                break;
+            // 🟢 الحالة الجديدة للقوالب
+            case 'openTemplates':
+                this.templateDrawerVisible = true; // نفتح الدرج
+                break;
+        }
+    }
+    openDrawer(item, mode) {
+        this.mode = mode;
+        // this.drawerVisible = !this.drawerVisible;
+        if (item == null) {
+            this.selectedItem = this.defaultModel || {};
+        }
+        else {
+            this.selectedItem = item;
+        }
+        if (mode == 'edit') {
+            this.drawerVisible = true;
+            this.isEditMode = true;
+            this.isViewMode = false;
+            // this.isEditMode = item !=null ;
+        }
+        if (mode == 'add') {
+            this.drawerVisible = true;
+            this.isViewMode = false;
+            this.isEditMode = false;
+        }
+        if (mode == 'view') {
+            // this.drawerVisible = true;
+            this.dialogVisible = true;
+            this.isViewMode = true;
+            this.isEditMode = false;
+        }
+    }
+    openDeactivationReason(model) {
+        this.selectedItem = model;
+        if (this.selectedItem.isActive == true) {
+            const ref = this.dialogService.open(DeactivationReasonFormComponent, {
+                header: 'السبب (في حال تم إيقافه)',
+                width: '30vw',
+                data: { model: { ...model },
+                    fields: this.formFields,
+                    service: this.service,
+                    idField: this.idField },
+            });
+            ref?.onClose.subscribe((result) => {
+                if (result) {
+                    this.selectedItem.isActive = false;
+                    this.selectedItem.deactivationReason = result.deactivationReason;
+                    // Optionally: save model via API
+                    this.loadPage(this.first, this.rows);
+                }
+            });
+        }
+        else {
+            this.selectedItem.isActive = true;
+            this.selectedItem.deactivationReason = "";
+            const id = this.idParser.parseIds(this.selectedItem, this.idField);
+            // const id =  (this.selectedItem as any)[this.idField] ;
+            this.service.update(id, this.selectedItem).subscribe({
+                next: () => {
+                    this.loadPage(this.first, this.rows);
+                    // this.loadPage(0, 10);
+                },
+                error: (err) => {
+                    this.loading = false;
+                }
+            });
+        }
+    }
+    onDelete(item) {
+        // const id = item[this.idField];
+        const id = this.idParser.parseIds(item, this.idField);
+        this.swalService.confirm('تأكيد الحذف', 'هل تريد حذف هذا السجل فعلاً؟', 'نعم، احذف', 'إلغاء').then((result) => {
+            if (result.isConfirmed) {
+                this.service.delete(id).subscribe({
+                    next: () => {
+                        this.loadPage(this.first, this.rows);
+                        this.swalService.success('تم الحذف بنجاح');
+                    },
+                    error: (err) => {
+                        this.loading = false;
+                    }
+                });
+            }
+        });
+    }
+    get columnFormFields() {
+        const flattenFields = (fields) => {
+            return fields.flatMap(field => {
+                if (field.fieldGroup?.length)
+                    return flattenFields(field.fieldGroup);
+                if (!field.props)
+                    return [];
+                const tableConfig = field.props['table'] ?? {};
+                const hideExpr = tableConfig.expressions?.hide;
+                // if (tableConfig.hidden === false || (typeof hideExpr === 'function' && hideExpr() == false) || field.props.readonly ) return [];
+                if (field.props.readonly || field.hide)
+                    return [];
+                const mergedProps = { ...field.props, ...(tableConfig.props ?? {}) };
+                const order = tableConfig.order ??
+                    tableConfig.props?.order ??
+                    mergedProps['order'];
+                return [{
+                        type: field.type,
+                        key: field.key,
+                        props: field.props,
+                        wrappers: ['td'],
+                        expressions: field.expressions,
+                        order
+                    }];
+            });
+        };
+        return flattenFields(this.formFields)
+            .sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER))
+            .map(({ order, ...rest }) => rest);
+    }
+    get columns() {
+        const flattenFields = (fields) => {
+            return fields.flatMap(field => {
+                if (field.fieldGroup?.length)
+                    return flattenFields(field.fieldGroup);
+                if (!field.props)
+                    return [];
+                const tableConfig = field.props['table'] ?? {};
+                const hideExpr = tableConfig.expressions?.hide;
+                if (tableConfig.hidden === true || (typeof hideExpr === 'function' && hideExpr()))
+                    return [];
+                const tableType = tableConfig.type ?? 'label-type';
+                const mergedProps = { ...field.props, ...(tableConfig.props ?? {}) };
+                const order = tableConfig.order ??
+                    tableConfig.props?.order ??
+                    mergedProps['order'];
+                return [{
+                        type: tableType,
+                        key: field.key,
+                        props: mergedProps,
+                        expressions: tableConfig.expressions,
+                        order
+                    }];
+            });
+        };
+        return flattenFields(this.formFields)
+            .sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER))
+            .map(({ order, ...rest }) => rest);
+    }
+    get filters() {
+        const flattenForFilter = (fields) => {
+            return fields.flatMap(field => {
+                if (field.fieldGroup?.length) {
+                    // Recursively handle nested panels/groups
+                    return flattenForFilter(field.fieldGroup);
+                }
+                // Skip fields with no props or filter.hidden === true
+                if (!field.props /* || field.props['filter']?.hidden === true */) {
+                    return [];
+                }
+                // Merge base props with filter overrides
+                const mergedProps = {
+                    ...field.props,
+                    ...field.props['filter']?.props,
+                };
+                // Remove disabled and required props
+                delete mergedProps['disabled'];
+                delete mergedProps['required'];
+                delete mergedProps['loadDefault'];
+                delete mergedProps['canAdd'];
+                return [{
+                        type: field.type,
+                        key: field.key, // always set key for table rendering
+                        props: mergedProps,
+                        // expressions: field.props['filter']?.expressions // uncomment if needed
+                    }];
+            });
+        };
+        return flattenForFilter(this.formFields);
+    }
+    // 3. دالة فتح الدرج (Action)
+    openTemplatesAction() {
+        this.templateDrawerVisible = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseCrud, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: BaseCrud, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BaseCrud, decorators: [{
+            type: Directive
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseCrud, BaseCrudModule };
+//# sourceMappingURL=es.framework-ng.ui.core-base-crud.mjs.map

package/fesm2022/es.framework-ng.ui.core-base-crud.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-base-crud.mjs","sources":["../../../../libs/ng.ui.core/base-crud/src/lib/base-crud-module.ts","../../../../libs/ng.ui.core/base-crud/src/lib/base-crud.ts","../../../../libs/ng.ui.core/base-crud/src/es.framework-ng.ui.core-base-crud.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class BaseCrudModule {}\n","\r\n\r\nimport { Directive, inject } from '@angular/core';\r\nimport { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { FormlyFieldConfig } from '@ngx-formly/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { BaseService, IdParserService, SwalService } from '@es.framework/ng.core/services';\r\nimport { ActionDef, PaginatedResult } from '@es.framework/ng.core/models';\r\nimport { DeactivationReasonFormComponent } from '@es.framework/ng.ui.core/deactivation-reason';\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\n@Directive()\r\nexport abstract class BaseCrud<T, F = any>  {\r\n  list: T[]               = [];\r\n  paginator        = true;\r\n  canLoad        = true;\r\n  loading        = false;\r\n  errorMsg        = '';\r\n  first           = 0;\r\n  rows            = 10;\r\n  totalRecords    = 0;\r\n  searchGlobal    = '';\r\n  sort?: string;\r\n  pageFilters: Partial<F> = {};\r\n  currentFilters: Partial<F> = {};\r\n  mode ='';\r\n  scrollHeight ='400px';\r\n  private swalService = inject(SwalService);\r\n\r\n  protected dialogRef!: DynamicDialogRef;\r\n\r\n\r\n  // abstract service: CrudService<T, F>;\r\n  abstract service: BaseService;\r\n  abstract dialogService: DialogService;\r\n  // abstract dialogComponent: any;\r\n  // abstract columns: ColumnDef<T>[];\r\n  abstract actions: ActionDef<T>[];\r\n\r\n  // for generic dialog:\r\n  abstract formFields: FormlyFieldConfig[];\r\n  abstract idField:  string |any;\r\n  // abstract idField: keyof T;\r\n  dialogVisible = false;\r\n  drawerVisible = false;\r\n  selectedItem: T | any = null;\r\n  defaultModel: T | any = null;\r\n  // selectedItem: T | any = {};\r\n  isViewMode = false;\r\n  isEditMode = false;\r\n    // حالة ظهور درج القوالب\r\n  templateDrawerVisible = false;\r\n\r\n\r\n\r\n  displayMode:\r\n  | 'drawer' | 'dialog' | 'route'\r\n  | Partial<Record<'add' | 'edit' | 'view', 'drawer' | 'dialog' | 'route'>>\r\n  = 'drawer';\r\nprivate idParser= inject(IdParserService);\r\n  public router= inject(Router);\r\n  public route = inject(ActivatedRoute);\r\n\r\nloadPage(pageIndex: number, pageSize: number): void {\r\n    if(this.canLoad){\r\n\r\n\r\n    this.loading = true;\r\n    const filters: Partial<F> = {\r\n      maxResultCount:pageSize,\r\n      skipCount:pageIndex,\r\n      sorting:this.sort,\r\n    ...this.currentFilters,\r\n    ...this.pageFilters,\r\n    ...(this.searchGlobal ? { filter: this.searchGlobal } : {}),\r\n    };\r\n    //\r\n    //\r\n    this.service.getList(filters)\r\n      .subscribe({\r\n        next: (res: PaginatedResult<T>) => {\r\n          //\r\n          this.list         = res.items;\r\n          this.totalRecords = res.totalCount;\r\n          this.loading      = false;\r\n        },\r\n        error: (err:any) => {\r\n          this.errorMsg     = err.error?.message || err.message || 'خطأ في التحميل';\r\n          this.loading      = false;\r\n        }\r\n      });\r\n    }\r\n}\r\n\r\nonSearch(filters?: any): void {\r\n  //\r\n  if (filters && typeof filters === 'object' && !Array.isArray(filters)) {\r\n    this.pageFilters = filters;\r\n  } else {\r\n    this.searchGlobal = filters;\r\n  }\r\n\r\n  this.loadPage(0, 10);\r\n}\r\n\r\n\r\nonPageChange(event: { first?: number; rows?: number; sort?: string; filters?: Record<string, any> }): void {\r\n  // فك المتغيّرات مع قيمة افتراضية لفلاتر\r\n  const {\r\n    first   = this.first,\r\n    rows    = this.rows,\r\n    sort    = this.sort,\r\n    filters = {}\r\n  } = event;\r\n\r\n  this.first = first;\r\n  this.rows  = rows;\r\n  this.sort  = sort;\r\n\r\n  // const pageIndex = Math.floor(first / rows);\r\n  const skipCount = first;\r\n  const pageIndex = skipCount;\r\n\r\n  // الوصول للفلتر العام عبر الصيغة المربعة\r\n  const globalValue = filters['global'];\r\n  this.searchGlobal = typeof globalValue === 'string' ? globalValue : '';\r\n\r\n\r\n  this.loadPage(pageIndex, rows);\r\n}\r\n\r\n\r\nprotected openEditor(item: T | null, mode: 'add' | 'edit' | 'view'): void {\r\n  this.mode = mode;\r\n  this.selectedItem = item ?? this.defaultModel ?? {};\r\n  this.isEditMode = mode === 'edit';\r\n  this.isViewMode = mode === 'view';\r\n  // Auto-load details if edit or view and have ID\r\n  const id = (item as any)?.[this.idField];\r\n  if ((this.isEditMode || this.isViewMode) && id) {\r\n    // this.loadDetail(id);\r\n    //  (async () => {\r\n    //   await this.loadDetail(id);\r\n    // })();\r\n  }\r\n  // resolve displayMode (string or map)\r\n  const modeConfig = typeof this.displayMode === 'string'\r\n    ? this.displayMode\r\n    : this.displayMode[mode] ?? 'drawer';\r\n\r\n  switch (modeConfig) {\r\n    case 'drawer':\r\n      this.drawerVisible = true;\r\n      break;\r\n\r\n    case 'dialog':\r\n      this.dialogVisible = true;\r\n      break;\r\n\r\n    case 'route':\r\n      {\r\n\r\n\r\n        const id = item ? (item as any)[this.idField] : 'new';\r\n\r\n      if(mode === 'add'){\r\n        this.router.navigate([mode], { relativeTo: this.route });\r\n      }\r\n      else{\r\n        const commands = [id, mode];\r\n        console.log('Commands:', commands);\r\n        console.log('Current route:', this.route.snapshot.pathFromRoot.map(r => r.routeConfig?.path));\r\n\r\n        const tree = this.router.createUrlTree(commands, { relativeTo: this.route });\r\n        console.log('URL Tree:', tree.toString());\r\n\r\n        this.router.navigate([id, mode], { relativeTo: this.route });\r\n      }\r\n      break;\r\n      }\r\n  }\r\n}\r\nprotected loadDetail(id: string | number) {\r\n\r\n  return firstValueFrom(this.service.get(id as any)).then(res => {\r\n    this.selectedItem = res;\r\n  });\r\n}\r\nvisibleChange(value: boolean) {\r\n  const modeConfig = typeof this.displayMode === 'string'\r\n    ? this.displayMode\r\n    : this.displayMode[this.mode as 'add' | 'edit' | 'view'] ?? 'drawer';\r\n\r\n  if (modeConfig === 'dialog') {\r\n    this.dialogVisible = value;\r\n  } else if (modeConfig === 'drawer') {\r\n    this.drawerVisible = value;\r\n  } else {\r\n    // route mode does not use drawer/dialog\r\n  }\r\n}\r\n\r\n\r\n\r\nonTableAction(event: { name: string; row: T | null }): void {\r\n  switch (event.name) {\r\n    case 'add':\r\n    case 'edit':\r\n    case 'view':\r\n      this.openEditor(event.row, event.name);\r\n      break;\r\n    case 'delete':\r\n      this.onDelete(event.row!);\r\n      break;\r\n    case 'state':\r\n      this.openDeactivationReason(event.row!);\r\n      break;\r\n            // 🟢 الحالة الجديدة للقوالب\r\n    case 'openTemplates':\r\n      this.templateDrawerVisible = true; // نفتح الدرج\r\n      break;\r\n  }\r\n}\r\n\r\n\r\nprotected openDrawer(item: T | null,mode:string): void {\r\n\r\n      this.mode = mode;\r\n\r\n      // this.drawerVisible = !this.drawerVisible;\r\n\r\n\r\n      if (item == null) {\r\n\r\n        this.selectedItem = this.defaultModel || {};\r\n      }\r\n      else{\r\n         this.selectedItem = item;\r\n      }\r\n\r\n      if(mode == 'edit'){\r\n        this.drawerVisible = true;\r\n        this.isEditMode = true ;\r\n        this.isViewMode = false ;\r\n        // this.isEditMode = item !=null ;\r\n      }\r\n      if(mode == 'add'){\r\n         this.drawerVisible = true;\r\n        this.isViewMode = false ;\r\n        this.isEditMode = false ;\r\n      }\r\n      if(mode == 'view'){\r\n        // this.drawerVisible = true;\r\n        this.dialogVisible = true;\r\n\r\n        this.isViewMode = true ;\r\n        this.isEditMode = false ;\r\n      }\r\n}\r\n\r\n\r\nopenDeactivationReason(model: any) {\r\n\r\n  this.selectedItem = model;\r\n  if(this.selectedItem.isActive == true){\r\n\r\n\r\n  const ref = this.dialogService.open(DeactivationReasonFormComponent, {\r\n    header: 'السبب (في حال تم إيقافه)',\r\n    width: '30vw',\r\n    data: { model: { ...model },\r\n        fields: this.formFields,\r\n        service: this.service,\r\n        idField: this.idField },\r\n  });\r\n\r\n  ref?.onClose.subscribe((result) => {\r\n    if (result) {\r\n      this.selectedItem.isActive = false;\r\n      this.selectedItem.deactivationReason = result.deactivationReason;\r\n      // Optionally: save model via API\r\n  this.loadPage(this.first, this.rows);\r\n    }\r\n  });\r\n}\r\nelse{\r\n   this.selectedItem.isActive = true;\r\n   this.selectedItem.deactivationReason = \"\";\r\n   const id = this.idParser.parseIds(this.selectedItem, this.idField);\r\n    // const id =  (this.selectedItem as any)[this.idField] ;\r\n    this.service.update(id, this.selectedItem).subscribe({\r\n           next: () => {\r\n              this.loadPage(this.first, this.rows);\r\n              // this.loadPage(0, 10);\r\n           },\r\n           error: (err:any) => {\r\n             this.loading = false;\r\n\r\n           }\r\n         });\r\n}\r\n}\r\n\r\n\r\nonDelete(item: any): void {\r\n  // const id = item[this.idField];\r\n  const id = this.idParser.parseIds(item, this.idField);\r\n\r\n  this.swalService.confirm(\r\n    'تأكيد الحذف',\r\n    'هل تريد حذف هذا السجل فعلاً؟',\r\n    'نعم، احذف',\r\n    'إلغاء'\r\n  ).then((result) => {\r\n    if (result.isConfirmed) {\r\n      this.service.delete(id).subscribe({\r\n        next: () => {\r\n          this.loadPage(this.first, this.rows);\r\n          this.swalService.success('تم الحذف بنجاح');\r\n        },\r\n        error: (err: any) => {\r\n          this.loading = false;\r\n\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n\r\nget columnFormFields(): FormlyFieldConfig[] {\r\n  type Col = FormlyFieldConfig & { order?: number };\r\n\r\n  const flattenFields = (fields: FormlyFieldConfig[]): Col[] => {\r\n    return fields.flatMap(field => {\r\n      if (field.fieldGroup?.length) return flattenFields(field.fieldGroup);\r\n      if (!field.props) return [];\r\n\r\n      const tableConfig = field.props['table'] ?? {};\r\n      const hideExpr = tableConfig.expressions?.hide;\r\n      // if (tableConfig.hidden === false || (typeof hideExpr === 'function' && hideExpr() == false) || field.props.readonly ) return [];\r\n      if (field.props.readonly || field.hide ) return [];\r\n\r\n      const mergedProps = { ...field.props, ...(tableConfig.props ?? {}) };\r\n\r\n      const order: number | undefined =\r\n        (tableConfig.order as number | undefined) ??\r\n        (tableConfig.props?.order as number | undefined) ??\r\n        (mergedProps['order'] as number | undefined);\r\n\r\n      return [{\r\n        type: field.type,\r\n        key: field.key,\r\n        props: field.props,\r\n        wrappers:['td'],\r\n        expressions: field.expressions,\r\n        order\r\n      }];\r\n    });\r\n  };\r\n\r\n  return flattenFields(this.formFields)\r\n    .sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER))\r\n    .map(({ order, ...rest }) => rest as FormlyFieldConfig);\r\n}\r\n\r\nget columns(): FormlyFieldConfig[] {\r\n  type Col = FormlyFieldConfig & { order?: number };\r\n\r\n  const flattenFields = (fields: FormlyFieldConfig[]): Col[] => {\r\n    return fields.flatMap(field => {\r\n      if (field.fieldGroup?.length) return flattenFields(field.fieldGroup);\r\n      if (!field.props) return [];\r\n\r\n      const tableConfig = field.props['table'] ?? {};\r\n      const hideExpr = tableConfig.expressions?.hide;\r\n      if (tableConfig.hidden === true || (typeof hideExpr === 'function' && hideExpr())) return [];\r\n\r\n      const tableType = tableConfig.type ?? 'label-type';\r\n      const mergedProps = { ...field.props, ...(tableConfig.props ?? {}) };\r\n\r\n      const order: number | undefined =\r\n        (tableConfig.order as number | undefined) ??\r\n        (tableConfig.props?.order as number | undefined) ??\r\n        (mergedProps['order'] as number | undefined);\r\n\r\n      return [{\r\n        type: tableType,\r\n        key: field.key,\r\n        props: mergedProps,\r\n        expressions: tableConfig.expressions,\r\n        order\r\n      }];\r\n    });\r\n  };\r\n\r\n  return flattenFields(this.formFields)\r\n    .sort((a, b) => (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER))\r\n    .map(({ order, ...rest }) => rest as FormlyFieldConfig);\r\n}\r\n\r\n\r\n\r\n\r\nget filters(): FormlyFieldConfig[] {\r\n  const flattenForFilter = (fields: FormlyFieldConfig[]): FormlyFieldConfig[] => {\r\n    return fields.flatMap(field => {\r\n      if (field.fieldGroup?.length) {\r\n        // Recursively handle nested panels/groups\r\n        return flattenForFilter(field.fieldGroup);\r\n      }\r\n\r\n      // Skip fields with no props or filter.hidden === true\r\n      if (!field.props /* || field.props['filter']?.hidden === true */) {\r\n        return [];\r\n      }\r\n\r\n      // Merge base props with filter overrides\r\n      const mergedProps = {\r\n        ...field.props,\r\n        ...field.props['filter']?.props,\r\n      };\r\n\r\n      // Remove disabled and required props\r\n      delete mergedProps['disabled'];\r\n      delete mergedProps['required'];\r\n      delete mergedProps['loadDefault'];\r\n      delete mergedProps['canAdd'];\r\n\r\n\r\n      return [{\r\n        type: field.type,\r\n        key: field.key, // always set key for table rendering\r\n        props: mergedProps,\r\n        // expressions: field.props['filter']?.expressions // uncomment if needed\r\n      }];\r\n    });\r\n  };\r\n\r\n  return flattenForFilter(this.formFields);\r\n}\r\n\r\n\r\n// 3. دالة فتح الدرج (Action)\r\nopenTemplatesAction() {\r\n  this.templateDrawerVisible = true;\r\n}\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs

@@ -0,0 +1,145 @@
+import * as i0 from '@angular/core';
+import { NgModule, Input, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class BreadcrumbModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class BreadcrumbComponent {
+    breadcrumb = [];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: BreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { breadcrumb: "breadcrumb" }, ngImport: i0, template: `
+    <nav class="overflow-x-auto">
+      <ul class="flex items-center text-white text-sm font-medium" role="list">
+    
+        @for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {
+          <li
+            class="relative z-10"
+            >
+            @if (item.routerLink && !last) {
+              @if(i === 0){
+                <a
+                  [routerLink]="item.routerLink"
+                  class="breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
+                  >
+                  <i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
+                </a>
+              }
+              @else {
+              <a
+                [routerLink]="item.routerLink"
+                class="breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
+  [ngClass]="{
+    'bg-primary-500': i % 2 === 0,
+    'bg-primary-600': i % 2 === 1,
+    'rounded-l-md pl-5': first,
+    'rounded-r-md pr-5': last
+  }"
+                >
+                @if (item.icon) {
+                  <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
+                }
+                {{ item.label }}
+              </a>
+            }
+          } @else {
+            <span
+              class="breadcrumb-text flex items-center h-10 px-4 pr-6 text-white"
+  [ngClass]="{
+    'bg-primary-500': i % 2 === 0,
+    'bg-primary-600': i % 2 === 1,
+    'rounded-l-md pl-5': first,
+    'rounded-r-md pr-5': last
+  }"
+              >
+              @if (item.icon) {
+                <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
+              }
+              {{ item.label }}
+            </span>
+          }
+        </li>
+      }
+    </ul>
+    </nav>
+    `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-breadcrumb', standalone: true, imports: [CommonModule, RouterModule], template: `
+    <nav class="overflow-x-auto">
+      <ul class="flex items-center text-white text-sm font-medium" role="list">
+    
+        @for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {
+          <li
+            class="relative z-10"
+            >
+            @if (item.routerLink && !last) {
+              @if(i === 0){
+                <a
+                  [routerLink]="item.routerLink"
+                  class="breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md"
+                  >
+                  <i class="pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base"></i>
+                </a>
+              }
+              @else {
+              <a
+                [routerLink]="item.routerLink"
+                class="breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150"
+  [ngClass]="{
+    'bg-primary-500': i % 2 === 0,
+    'bg-primary-600': i % 2 === 1,
+    'rounded-l-md pl-5': first,
+    'rounded-r-md pr-5': last
+  }"
+                >
+                @if (item.icon) {
+                  <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
+                }
+                {{ item.label }}
+              </a>
+            }
+          } @else {
+            <span
+              class="breadcrumb-text flex items-center h-10 px-4 pr-6 text-white"
+  [ngClass]="{
+    'bg-primary-500': i % 2 === 0,
+    'bg-primary-600': i % 2 === 1,
+    'rounded-l-md pl-5': first,
+    'rounded-r-md pr-5': last
+  }"
+              >
+              @if (item.icon) {
+                <i [class]="item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'"></i>
+              }
+              {{ item.label }}
+            </span>
+          }
+        </li>
+      }
+    </ul>
+    </nav>
+    ` }]
+        }], propDecorators: { breadcrumb: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbComponent, BreadcrumbModule };
+//# sourceMappingURL=es.framework-ng.ui.core-breadcrumb.mjs.map

package/fesm2022/es.framework-ng.ui.core-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-breadcrumb.mjs","sources":["../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb-module.ts","../../../../libs/ng.ui.core/breadcrumb/src/lib/breadcrumb.ts","../../../../libs/ng.ui.core/breadcrumb/src/es.framework-ng.ui.core-breadcrumb.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class BreadcrumbModule {}\n","import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuItem } from 'primeng/api';\nimport { RouterModule } from '@angular/router'; // <--- أضف هذا الاستيراد\n\n@Component({\n  selector: 'app-breadcrumb',\n  standalone: true,\n  imports: [CommonModule, RouterModule], // <--- أضف RouterModule هنا\n  template: `\n    <nav class=\"overflow-x-auto\">\n      <ul class=\"flex items-center text-white text-sm font-medium\" role=\"list\">\n    \n        @for (item of breadcrumb; track item; let i = $index; let first = $first; let last = $last) {\n          <li\n            class=\"relative z-10\"\n            >\n            @if (item.routerLink && !last) {\n              @if(i === 0){\n                <a\n                  [routerLink]=\"item.routerLink\"\n                  class=\"breadcrumb-link flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150 rounded-r-md\"\n                  >\n                  <i class=\"pi pi-home mr-2 rtl:ml-2 rtl:mr-0 text-base\"></i>\n                </a>\n              }\n              @else {\n              <a\n                [routerLink]=\"item.routerLink\"\n                class=\"breadcrumb-item flex items-center h-10 px-4 pr-6 text-white bg-primary-500 hover:bg-teal-500 active:bg-teal-600 transition-all duration-150\"\n  [ngClass]=\"{\n    'bg-primary-500': i % 2 === 0,\n    'bg-primary-600': i % 2 === 1,\n    'rounded-l-md pl-5': first,\n    'rounded-r-md pr-5': last\n  }\"\n                >\n                @if (item.icon) {\n                  <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n                }\n                {{ item.label }}\n              </a>\n            }\n          } @else {\n            <span\n              class=\"breadcrumb-text flex items-center h-10 px-4 pr-6 text-white\"\n  [ngClass]=\"{\n    'bg-primary-500': i % 2 === 0,\n    'bg-primary-600': i % 2 === 1,\n    'rounded-l-md pl-5': first,\n    'rounded-r-md pr-5': last\n  }\"\n              >\n              @if (item.icon) {\n                <i [class]=\"item.icon + ' mr-2 text-base rtl:ml-2 rtl:mr-0'\"></i>\n              }\n              {{ item.label }}\n            </span>\n          }\n        </li>\n      }\n    </ul>\n    </nav>\n    `,\n  styles:[\n    ``\n  ]\n})\nexport class BreadcrumbComponent {\n  @Input() breadcrumb: MenuItem[] | any = [];\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAMa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;AAEX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAFjB,YAAY,CAAA,EAAA,CAAA;;2FAEX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA;;;MC+DY,mBAAmB,CAAA;IACrB,UAAU,GAAqB,EAAE;uGAD/B,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA3DpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsDP,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAvDO,YAAY,4HAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FA4DzB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA/D/B,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,CAAC,EAAA,QAAA,EAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDP,IAAA,CAAA,EAAA;;sBAMF;;;ACrEH;;AAEG;;;;"}