@es.framework/ng.ui.core 2.0.58

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-generic-selector.mjs","sources":["../../../../libs/ng.ui.core/generic-selector/src/lib/generic-selector-module.ts","../../../../libs/ng.ui.core/generic-selector/src/lib/generic-selector.component.ts","../../../../libs/ng.ui.core/generic-selector/src/es.framework-ng.ui.core-generic-selector.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericSelectorModule {}\n","import { ChangeDetectorRef, Component, Injector, OnDestroy, OnInit, ViewChild, inject } from '@angular/core';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { forkJoin, Observable, Subscription } from 'rxjs';\r\nimport { finalize, map, tap } from 'rxjs/operators';\r\n\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { AutoCompleteModule, AutoComplete } from 'primeng/autocomplete';\r\nimport { InputGroupModule } from 'primeng/inputgroup';\r\nimport { InputGroupAddonModule } from 'primeng/inputgroupaddon';\r\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\r\nimport { FormlyFieldProps } from '@ngx-formly/primeng/form-field';\r\nimport { CheckboxModule } from 'primeng/checkbox';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { BaseService, FilterGroup, LocalizationService, QueryParameters, QueryParser } from '@es.framework/ng.core/services';\r\nimport { GenericDialogComponent } from '@es.framework/ng.ui.core/generic-dialog';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { FormlyFieldConfig, FieldType, FormlyAttributes, FieldTypeConfig } from '@ngx-formly/core';\r\n\r\ninterface GenericSelectorProps extends FormlyFieldProps/* , FormlyFieldSelectProps */ {\r\n  // appendTo?: Select['appendTo'];\r\n  moduleName: string;\r\n  serviceName: string;\r\n  listEndpoint?: string | ((model: any) => string);\r\n  loadDefaultField?: string;\r\n  loadDefaultValue?: string;\r\n  loadDefault?: boolean;\r\n\r\n  labelField?: string;\r\n  labelFieldEn?: string;\r\n  valueField?: string;\r\n  useMultiLang?: boolean;\r\n\r\n  multiple?: boolean;\r\n\r\n  display?: boolean;\r\n  offline?: boolean;\r\n\r\n  loadSaved?: boolean;\r\n  loadSavedField?: string;\r\n\r\n\r\n  /** Static offline items (array of objects) */\r\n  offlineItems?: any[];\r\n\r\n  /** Async offline items (observable) */\r\n  offlineItems$?: Observable<any[]>;\r\n\r\n  /** Function-based filter for offline items */\r\n  onSelect?: (field: FormlyFieldConfig, event?: any) => void;\r\n\r\n  offlineDataFn?: (query?: string) => any[];\r\n  query?: Record<string, any> | QueryParameters;\r\n   fixedFilters?: Record<string, any>;\r\n    defaultValue?: any;       // id أو array of ids\r\n  defaultItem?: any;        // الكائن كامل (object) إذا عندك جاهز\r\n\r\n  viewPermissionName?: string;\r\n  editPermissionName?: string;\r\n  addPermissionName?: string;\r\n  idField?: string;\r\n  dialogDisplayMode?:  | 'drawer'\r\n    | 'dialog'\r\n    | 'route'\r\n    | 'inline'\r\n    | Partial<\r\n      Record<\r\n        'add' | 'edit' | 'view',\r\n        'drawer' | 'dialog' | 'route' | 'inline'\r\n      >>;\r\n  canAdd?: boolean;\r\n  canLookup?: boolean;\r\n  formFields?:  FormlyFieldConfig[];\r\n  afterSave?: (field: FormlyFieldConfig, event?: any) => void;\r\n\r\n   formatter?: (row: any, value?: any) => string;\r\n\r\n}\r\n\r\n@Component({\r\n  selector: 'formly-generic-selector',\r\n  template: `\r\n  <!-- [ngStyle]=\"{'display': props.display ? 'block': 'none'}\" -->\r\n <p-inputGroup   class=\"w-full\">\r\n  <p-autoComplete\r\n    #autoComp\r\n    [ngModel]=\"selectedItem\"\r\n    (ngModelChange)=\"onSelectionChange($event)\"\r\n    [formlyAttributes]=\"field\"\r\n    [suggestions]=\"options_\"\r\n    (completeMethod)=\"search($event)\"\r\n    [multiple]=\"to['multiple']\"\r\n    [optionLabel]=\"optionLabel\"\r\n    [dropdown]=\"false\"\r\n    [forceSelection]=\"true\"\r\n    [placeholder]=\"(props['placeholder'] ?? '') | translate\"\r\n    [disabled]=\"!!props.disabled\"\r\n    dropdownMode=\"current\"\r\n    appendTo=\"body\"\r\n    class=\"w-full rounded-none\"\r\n    [showEmptyMessage]=\"true\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    emptyMessage=\"{{ getEmptyMessage() | translate }}\"\r\n    [showTransitionOptions]=\"'0ms'\"\r\n    [showClear]=\"!(props['required'] ?? false)\"\r\n\r\n     (keydown.arrowdown)=\"onArrowDown($event)\"\r\n  (keydown.escape)=\"onEscape($event)\"\r\n    >\r\n      <ng-template let-item pTemplate=\"item\">\r\n        <div class=\"flex flex-col\">\r\n         <span [innerHTML]=\"getFormattedLabel(item)\"></span>\r\n\r\n        </div>\r\n      </ng-template>\r\n  </p-autoComplete>\r\n\r\n  <p-inputGroupAddon>\r\n    <p-button\r\n      tabindex=\"-1\"\r\n      [disabled]=\"!!props.disabled || loading\"\r\n      [icon]=\"loading ? 'pi pi-spinner pi-spin' : 'pi pi-chevron-down'\"\r\n      (click)=\"onDropdownButtonClick()\"\r\n      severity=\"secondary\" />\r\n  </p-inputGroupAddon>\r\n  <!-- Add new button -->\r\n   @if (props.canAdd && props.formFields) {\r\n  <p-inputGroupAddon>\r\n    <p-button\r\n      tabindex=\"-1\"\r\n      [disabled]=\"!!props.disabled\"\r\n      icon=\"pi pi-plus\"\r\n      (click)=\"onAddNewClick()\"\r\n      severity=\"primary\" />\r\n  </p-inputGroupAddon>\r\n   }\r\n</p-inputGroup>\r\n\r\n<!-- [model]=\"model\" -->\r\n  <app-generic-dialog\r\n    #dialog\r\n    [formFields]=\"props.formFields ?? []\"\r\n    [apiName]=\"props.serviceName\"\r\n    [moduleName]=\"props.moduleName\"\r\n    [idField]=\"props.idField ??'id'\"\r\n    [displayMode]=\"props.dialogDisplayMode ?? 'dialog'\"\r\n    (afterSave)=\"afterSave($event)\"\r\n  >\r\n  </app-generic-dialog>\r\n\r\n\r\n  `,\r\n  providers: [DialogService,BaseService],\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    AutoCompleteModule,\r\n    InputGroupModule,\r\n    InputGroupAddonModule,\r\n    FormlyAttributes,\r\n    TranslatePipe,\r\n    AutoComplete,\r\n    CheckboxModule,\r\n    ButtonModule,\r\n    GenericDialogComponent\r\n]\r\n})\r\nexport  class GenericSelectorTypeComponent extends FieldType<FieldTypeConfig<GenericSelectorProps>> implements OnInit,OnDestroy {\r\n  @ViewChild('autoComp') autoComp!: AutoComplete;\r\n  @ViewChild('dialog') dialog!: GenericDialogComponent;\r\n  options_: any[] = [];\r\n  selectedItem: any;\r\n\r\n  loading = false;\r\n  private _offlineList: any[] = [];\r\n  private translateService= inject(LocalizationService);\r\n\r\n  api: BaseService|any;\r\n private valueChangeSubscription!: Subscription; // Add a subscription to manage the observable\r\n\r\nget optionLabel(): string {\r\n  if(this.to.useMultiLang == true){\r\n     if(this.translateService.currentLang == 'en'){\r\n     return this.to?.labelFieldEn || 'name';\r\n     }\r\n      return this.to?.labelField || 'name';\r\n  }\r\n  return this.to?.labelField || 'name';\r\n}\r\n\r\nprivate isNullOrEmpty(val: any): boolean {\r\n  return val === null || val === undefined || val === '';\r\n}\r\n getFormattedLabel(item: any): SafeHtml {\r\n    if (!item) return '';\r\n\r\n    let value: string;\r\n\r\n    // Use the formatter if provided\r\n    if (this.to?.formatter) {\r\n      value = this.to.formatter(item);\r\n    } else {\r\n      value = this.getPrimaryLabel(item);\r\n    }\r\n\r\n    // Sanitize it for safe HTML\r\n    return this.sanitizer.bypassSecurityTrustHtml(value || '');\r\n  }\r\ngetPrimaryLabel(item: any): string {\r\n  const fields = [\r\n    this.optionLabel,                          // resolved field name from getter\r\n    this.to.labelField || 'name',\r\n    this.to.labelFieldEn || 'name'\r\n  ];\r\n\r\n  for (const f of fields) {\r\n    const v = item[f];\r\n    if (!this.isNullOrEmpty(v)) {\r\n      return v;\r\n    }\r\n  }\r\n\r\n  return '';\r\n}\r\n\r\nprivate sanitizer: DomSanitizer = inject(DomSanitizer);\r\n\r\n  constructor(private svc: BaseService,private injector: Injector,private cdr: ChangeDetectorRef) {\r\n    super();\r\n\r\n  }\r\n\r\n   ngOnInit() {\r\n    this.api = this.svc;\r\n    const to = this.props;\r\n    this.api.apiName = to['serviceName'];\r\n    this.api.moduleName = to['moduleName'];\r\n\r\n    if (to['offline']) {\r\n      if (to['offlineDataFn']) {\r\n        this._offlineList = to['offlineDataFn']();\r\n        this.initOfflineSelection();\r\n      } else if (to['offlineItems$']) {\r\n        to['offlineItems$'].subscribe((list: any[]) => {\r\n          this._offlineList = list;\r\n          this.initOfflineSelection();\r\n        });\r\n      } else {\r\n        this._offlineList = to['offlineItems'] || [];\r\n        this.initOfflineSelection();\r\n      }\r\n    } else {\r\n\r\n       if (this.props.loadSaved && !this.props.multiple && this.props.loadSavedField && this.props.valueField) {\r\n          const vf = this.to['valueField'] || 'id';\r\n          const lf = this.optionLabel;\r\n          this.selectedItem =\r\n          {\r\n            [vf]:this.formControl.value,\r\n            [lf]:this.model[this.props.loadSavedField],\r\n          };\r\n          if (this.props.change) {\r\n            this.props.change(this.field, { item: this.selectedItem });\r\n             this.cdr.detectChanges();\r\n          }\r\n       }\r\n       else{\r\n\r\n         this.initOnlineSelection();\r\n       }\r\n    }\r\n\r\n    // Subscribe to formControl value changes\r\n    this.valueChangeSubscription = this.formControl.valueChanges\r\n      .subscribe(() => {\r\n          // This tap operator is a good place to run side effects\r\n          // like calling your change handler after a value changes.\r\n          // this.selectedItem = this.formControl.value;\r\n          if (this.props.change) {\r\n          if (to['offline']) {\r\n      if (to['offlineDataFn']) {\r\n        this._offlineList = to['offlineDataFn']();\r\n        this.initOfflineSelection(false);\r\n      } else if (to['offlineItems$']) {\r\n        to['offlineItems$'].subscribe((list: any[]) => {\r\n          this._offlineList = list;\r\n          this.initOfflineSelection(false);\r\n        });\r\n      } else {\r\n        this._offlineList = to['offlineItems'] || [];\r\n        this.initOfflineSelection(false);\r\n      }\r\n    } else {\r\n      this.initOnlineSelection(false);\r\n    }\r\n  }\r\n        })\r\n      ;\r\n  }\r\n\r\n  // Remember to unsubscribe to prevent memory leaks!\r\n  ngOnDestroy() {\r\n    if (this.valueChangeSubscription) {\r\n      this.valueChangeSubscription.unsubscribe();\r\n    }\r\n  }\r\nprivate loadDefaultValue() {\r\n  this.loading = true;\r\n    const vf = this.to['valueField'] || 'id';\r\n    const fixedFilters = this.getFixedFilters();\r\n     const lf = this.to['loadDefaultField'] || 'isDefault';\r\n     const lfValue = this.to['loadDefaultValue'] || true;\r\nconst searchParams = {\r\n     [lf]: lfValue,\r\n      ...fixedFilters,\r\n    };\r\n  this.api.getList(searchParams)\r\n    .subscribe({\r\n      next: (res: any) => {\r\n        // Assuming the API returns a list and you want to select the first one\r\n        if (res && res.items && res.items.length > 0) {\r\n          if (this.to['multiple']){\r\n           this.formControl.setValue(res.items.map((c: any) => c[vf]));\r\n          }\r\n          else{\r\n             const defaultValue = res.items[0];\r\n          this.formControl.setValue(defaultValue?.[vf]);\r\n          }\r\n        }\r\n        this.loading = false;\r\n        // this.initOnlineSelection(); // Proceed with online selection after setting the value\r\n      },\r\n      error: (err: any) => {\r\n        console.error(\"Failed to load default value from API:\", err);\r\n        this.loading = false;\r\n        // this.initOnlineSelection(); // Fallback to local selection if API fails\r\n      }\r\n    });\r\n}\r\n    // New method to handle loading the default value from the API\r\n\r\n    afterSave(event: any) {\r\n      this.onSelectionChange(event.record);\r\n   if (this.props.afterSave) {\r\n            this.props.afterSave(this.field, { item: event.response });\r\n             this.cdr.detectChanges();\r\n          }\r\n}\r\n\r\n    onSelect(event: any) {\r\n\r\n   if (this.props.onSelect) {\r\n            this.props.onSelect(this.field, { item: event.value });\r\n             this.cdr.detectChanges();\r\n          }\r\n}\r\n\r\n  onSelectionChange(val: any) {\r\n     const vf = this.to['valueField'] || 'id';\r\n    if(this.to['offline']){\r\n        // this.selectedItem = val;\r\n\r\n        if (this.to['multiple'] && Array.isArray(val)) {\r\n      this.selectedItem = this._offlineList.filter(item =>\r\n        val.includes(item[vf])\r\n      );\r\n      this.formControl.setValue(\r\n      Array.isArray(this.selectedItem) ? this.selectedItem.map((c: any) => c[vf]) : []\r\n    );\r\n    } else {\r\n      this.selectedItem = this._offlineList.find(item => item[vf] === val);\r\n      this.formControl.setValue(this.selectedItem?.[vf] ?? null);\r\n    }\r\n    }\r\n    else{\r\n        this.selectedItem = val;\r\n\r\n  if (this.to['multiple']) {\r\n    this.formControl.setValue(\r\n      Array.isArray(val) ? val.map((c: any) => c[vf]) : []\r\n    );\r\n  } else {\r\n    this.formControl.setValue(val?.[vf] ?? null);\r\n  }\r\n    }\r\n\r\n}\r\n  private initOfflineSelection(withSetValue=true) {\r\n    const val = this.formControl.value;\r\n    const vf = this.to['valueField'] || 'id';\r\n\r\n    if (val == null) return;\r\n\r\n    if (this.to['multiple'] && Array.isArray(val)) {\r\n      this.selectedItem = this._offlineList.filter(item =>\r\n        val.includes(item[vf])\r\n      );\r\n    } else {\r\n      this.selectedItem = this._offlineList.find(item => item[vf] === val);\r\n    }\r\n\r\n    if(withSetValue == true){\r\n\r\n    this.formControl.setValue(\r\n      this.to['multiple']\r\n        ? this.selectedItem.map((c: any) => c[vf])\r\n        : this.selectedItem?.[vf]\r\n    );\r\n  }\r\n  else{\r\n    if (this.props.change) {\r\n            this.props.change(this.field, { item: this.selectedItem });\r\n             this.cdr.detectChanges();\r\n          }\r\n  }\r\n  }\r\n\r\n  private initOnlineSelection(withSetValue = true) {\r\n  const val = this.formControl.value;\r\n  const vf = this.to['valueField'] || 'id';\r\n\r\n  if (val == null || (Array.isArray(val) && val.length === 0)) {\r\n    this.selectedItem = this.to['multiple'] ? [] : null;\r\n\r\n    if (this.props['loadDefault'] === true) {\r\n      this.loadDefaultValue();\r\n    }\r\n    return;\r\n  }\r\n\r\n  if (this.to['multiple'] && Array.isArray(val) && val.length) {\r\n    this.loading = true;\r\n\r\n    const fixedFilters = this.getFixedFilters();\r\n\r\n    // 🔑 one getList call per id, but include fixedFilters in each\r\n    const calls = val.map((id: any) =>\r\n      this.api.getList({ ...fixedFilters, [vf]: id }).pipe(\r\n        map((res: any) => (res?.items?.length ? res.items[0] : null))\r\n      )\r\n    );\r\n\r\n    forkJoin(calls)\r\n      .pipe(finalize(() => (this.loading = false)))\r\n      .subscribe({\r\n        next: (items: any[]) => {\r\n          this.selectedItem = items.filter(i => i != null);\r\n\r\n          if (withSetValue) {\r\n            this.formControl.setValue(this.selectedItem.map((c: any) => c[vf]));\r\n          } else if (this.props.change) {\r\n            this.props.change(this.field, { item: this.selectedItem });\r\n          }\r\n\r\n          this.cdr.detectChanges();\r\n        },\r\n        error: (err: any) => {\r\n          console.error('Failed to load multiple selections:', err);\r\n          this.selectedItem = [];\r\n          this.loading = false;\r\n        },\r\n      });\r\n  } else {\r\n    this.loading = true;\r\n\r\n    const fixedFilters = this.getFixedFilters();\r\n    const searchParams = { ...fixedFilters, [vf]: val };\r\n\r\n    this.api\r\n      .getList(searchParams)\r\n      .pipe(finalize(() => (this.loading = false)))\r\n      .subscribe({\r\n        next: (res: any) => {\r\n          const item = res?.items?.[0] || null;\r\n          this.selectedItem = item;\r\n\r\n          if (withSetValue) {\r\n            this.formControl.setValue(item?.[vf]);\r\n          } else if (this.props.change) {\r\n            this.props.change(this.field, { item: this.selectedItem });\r\n          }\r\n\r\n          this.cdr.detectChanges();\r\n        },\r\n        error: (err: any) => {\r\n          console.error('Failed to load selection:', err);\r\n          this.selectedItem = null;\r\n          this.loading = false;\r\n        },\r\n      });\r\n  }\r\n}\r\n\r\n\r\ngetFixedFilters(query:string=''): any {\r\n    const fixedFilters = this.to['fixedFilters'];\r\n\r\n    if (typeof fixedFilters === 'function') {\r\n      // Call with current model (and optionally field)\r\n      try {\r\n        return fixedFilters(query, this.field);\r\n      } catch (error) {\r\n        return fixedFilters(this.model);\r\n      }\r\n    }\r\n\r\n    return fixedFilters || {};\r\n  }\r\n\r\nonArrowDown(event: any) {\r\n event.preventDefault();\r\n    // this.autoComp.show();\r\nthis.onDropdownButtonClick();\r\n}\r\n\r\nonEscape(event: any) {\r\n  this.autoComp.hide();\r\n\r\n}\r\nonAddNewClick() {\r\n  // your logic for adding a new item\r\n  // e.g. open dialog or emit event\r\n  console.log('Add new item clicked');\r\n  this.dialog.openForm(\"create\");\r\n}\r\nonDropdownButtonClick() {\r\n  this.search({ query: '' });   // trigger your own search\r\n  setTimeout(() => this.autoComp.show(), 0); // force dropdown to open\r\n}\r\n// Called when dropdown button clicked\r\n  onDropdownClick(event: any) {\r\n    // 🚫 stop the default dropdown behavior\r\n  event.originalEvent.preventDefault();\r\n  event.originalEvent.stopPropagation();\r\n\r\n    console.log('Dropdown clicked!', event);\r\n    // ✅ your custom code here\r\n    // e.g., force trigger search for empty query\r\n    this.search({ query: '' });\r\n  }\r\n\r\n\r\n\r\n\r\nsearch(event: { query: string }) {\r\n  const q = event.query?.toString() || '';\r\n  const lf = this.optionLabel;\r\n  const fixedFilters = this.getFixedFilters(q);\r\n\r\n  if (this.to['offline']) {\r\n    this.options_ = this.to['offlineDataFn']\r\n      ? this.to['offlineDataFn'](q)\r\n      : this._offlineList.filter(item =>\r\n          item[lf]?.toString().includes(q)\r\n        );\r\n\r\n    setTimeout(() => this.autoComp?.show(), 0);\r\n  } else {\r\n    this.loading = true;\r\n    this.options_ = [];\r\n\r\n    // Build QueryParameters\r\n    const queryParams: QueryParameters = {\r\n      filters: [],\r\n      orderBy: [],\r\n      groupBy: [],\r\n      expand:[],\r\n      select:[],\r\n      top: 10,\r\n      skip: 0,\r\n    };\r\n\r\n    // Handle main search and fixed filters\r\n    if (!this.to['query']) {\r\n      // Create a group for main search condition\r\n      const mainGroup: FilterGroup = {\r\n        logicalOperator: 'and',\r\n        conditions: [\r\n          {\r\n            field: lf,\r\n            operator: 'contains',\r\n            value: q\r\n          }\r\n        ]\r\n      };\r\n\r\n      // Add fixed filters to the same group\r\n      Object.keys(fixedFilters || {}).forEach(key => {\r\n        const value = fixedFilters[key];\r\n        if (value !== null && value !== undefined) {\r\n          mainGroup.conditions.push({\r\n            field: key,\r\n            operator: 'eq',\r\n            value: value\r\n          });\r\n        }\r\n      });\r\n\r\n      if (mainGroup.conditions.length > 0) {\r\n        queryParams.filters.push(mainGroup);\r\n      }\r\n    }\r\n    else{\r\n\r\n      queryParams.skip = this.to['query'].skip ?? 0;\r\n      queryParams.top = this.to['query'].top ?? 10;\r\n      queryParams.orderBy = this.to['query'].orderBy;\r\n      queryParams.groupBy = this.to['query'].groupBy;\r\n      queryParams.expand = this.to['query'].expand;\r\n      queryParams.select = this.to['query'].select;\r\n\r\n    }\r\n\r\n    // Merge dynamic filters (function or array)\r\n    let dynamicFilters: FilterGroup[] | any[] = [];\r\n    if(this.to['query'] && this.to['query']['filters']){\r\n\r\n    const filtersProp = this.to['query']['filters'];\r\n    if (typeof filtersProp === 'function') {\r\n      dynamicFilters = filtersProp(q,this.field); // pass search text\r\n    } else if (Array.isArray(filtersProp)) {\r\n      dynamicFilters = filtersProp;\r\n    }\r\n  }\r\n    // Add dynamic filters with proper groupLogicalOperator\r\n    dynamicFilters.forEach((filterGroup, index) => {\r\n      if (index === 0 && queryParams.filters.length === 0) {\r\n        // First filter group, no groupLogicalOperator needed\r\n        queryParams.filters.push(filterGroup);\r\n      } else {\r\n        // Subsequent groups, ensure they have groupLogicalOperator\r\n        const groupWithOperator = {\r\n          ...filterGroup,\r\n          groupLogicalOperator: filterGroup.groupLogicalOperator || 'and'\r\n        };\r\n        queryParams.filters.push(groupWithOperator);\r\n      }\r\n    });\r\n\r\n    // Use listEndpoint if available, otherwise use default\r\n    let listEndpoint = this.props.listEndpoint;\r\n    if (typeof listEndpoint === 'function') {\r\n      listEndpoint = listEndpoint(this.model);\r\n    }\r\n\r\n    const searchParams: Record<string, any> = {\r\n      'query': QueryParser.toString(queryParams)\r\n    };\r\n\r\n    this.api.getList(searchParams, listEndpoint)\r\n      .pipe(finalize(() => (this.loading = false)))\r\n      .subscribe({\r\n        next: (res: any) => {\r\n          this.options_ = res.items ?? res ?? [];\r\n          setTimeout(() => this.autoComp?.show(), 0);\r\n        },\r\n        error: () => {\r\n          this.options_ = [];\r\n        },\r\n      });\r\n  }\r\n}\r\n\r\n  openCrud(mode: 'add' | 'edit' | 'info') {\r\n    const payload = mode === 'add' ? null : this.selectedItem;\r\n\r\n    // Example integration:\r\n    // const ref = this.dialog.open(CrudComponent, {\r\n    //   data: {\r\n    //     serviceName: this.to.serviceName,\r\n    //     mode,\r\n    //     record: payload\r\n    //   }\r\n    // });\r\n    // ref.onClose.subscribe((updated: any) => {\r\n    //   if (!this.to.multiple && updated?.[this.to.valueField]) {\r\n    //     this.api.get(updated[this.to.valueField])\r\n    //       .subscribe(item => {\r\n    //         this.selectedItem = item;\r\n    //         this.formControl.setValue(item?.[this.to.valueField]);\r\n    //       });\r\n    //   }\r\n    // });\r\n\r\n  }\r\n\r\n  getEmptyMessage(): string {\r\n    if (this.loading) {\r\n      return 'LOADING_DATA_MESSAGE'; // مفتاح ترجمة لـ \"جاري تحميل البيانات...\"\r\n    } else if (this.options_.length === 0) {\r\n      return 'NO_RESULTS_FOUND'; // مفتاح ترجمة لـ \"لا توجد نتائج مطابقة.\"\r\n    }\r\n    return ''; // لا تُعرض رسالة إذا كانت هناك نتائج\r\n  }\r\n\r\nisItemSelected(item: any): boolean {\r\n  const vf = this.to['valueField'] || 'id';\r\n  return Array.isArray(this.selectedItem) &&\r\n         this.selectedItem.some((sel: any) => sel[vf] === item[vf]);\r\n}\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-generic-table.mjs

@@ -0,0 +1,388 @@
+import * as i0 from '@angular/core';
+import { NgModule, ViewChildren, Input, Component, inject, EventEmitter, Output, ViewChild } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i4 from 'primeng/button';
+import { ButtonModule, Button } from 'primeng/button';
+import { MenuModule, Menu } from 'primeng/menu';
+import { TranslatePipe } from '@es.framework/ng.core/pipes';
+import { FormlyForm, FormlyField } from '@ngx-formly/core';
+import { FormGroup } from '@angular/forms';
+import { cloneDeep } from 'lodash';
+import { GenericButton } from '@es.framework/ng.ui.core/generic-button';
+import { PaginatorModule } from 'primeng/paginator';
+import * as i1 from 'primeng/overlay';
+import { OverlayModule } from 'primeng/overlay';
+import { LocalizationService, PermissionCheckerService } from '@es.framework/ng.core/services';
+import * as i3 from 'primeng/api';
+
+class GenericTableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: GenericTableModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericTableModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class ActionMenuComponent {
+    items = [];
+    open = false;
+    menuItems;
+    menuPositionClass = 'right-0';
+    toggle() {
+        this.open = !this.open;
+        // Optional: adjust position when opening
+        // if (this.open) setTimeout(() => this.adjustMenuPosition());
+    }
+    adjustMenuPosition() {
+        const menu = document.querySelector('.absolute.mt-2');
+        if (!menu)
+            return;
+        const rect = menu.getBoundingClientRect();
+        const viewportWidth = window.innerWidth;
+        this.menuPositionClass = rect.right > viewportWidth ? 'left-0' : 'right-0';
+    }
+    onClick(item, event) {
+        this.open = false;
+        if (item.command) {
+            item.command({ originalEvent: event, item });
+        }
+    }
+    onOutsideClick(event) {
+        const target = event.target;
+        if (!target.closest('.inline-block')) {
+            this.open = false;
+        }
+    }
+    // ========================
+    // Focus & Keyboard navigation
+    // ========================
+    focusFirst() {
+        // Delay needed because overlay content is rendered asynchronously
+        setTimeout(() => {
+            this.menuItems.first?.nativeElement.focus();
+        });
+    }
+    // -------------------
+    // Keyboard on menu container
+    // -------------------
+    onMenuKeydown(event) {
+        // Convert QueryList to array of HTMLButtonElement
+        const items = this.menuItems.toArray().map(i => i.nativeElement);
+        let index = items.indexOf(document.activeElement);
+        if (index === -1)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                index = (index + 1) % items.length;
+                items[index].focus();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                index = (index - 1 + items.length) % items.length;
+                items[index].focus();
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                items[index].click();
+                break;
+            case 'Escape':
+                this.open = false;
+                break;
+        }
+    }
+    onTriggerKeydown(event) {
+        // Open overlay via keyboard
+        if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.open = true;
+            this.focusFirst();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: ActionMenuComponent, isStandalone: true, selector: "app-action-menu", inputs: { items: "items" }, viewQueries: [{ propertyName: "menuItems", predicate: ["menuItem"], descendants: true }], ngImport: i0, template: "<div class=\"inline-block relative\">\n  <button type=\"button\"\n    class=\"p-ripple p-button p-button-icon-only p-button-outlined p-component\"\n    #trigger\n    (click)=\"toggle()\">\n    <span class=\"pi pi-ellipsis-v\"></span>\n  </button>\n\n  <p-overlay [(visible)]=\"open\" [appendTo]=\"'body'\" (onShow)=\"focusFirst()\">\n    <div class=\"w-48 rounded-lg shadow-lg bg-white border border-gray-200\"\n      tabindex=\"0\"\n      (keydown)=\"onMenuKeydown($event)\">\n      @for (item of items; track item) {\n        <button #menuItem\n          (click)=\"onClick(item, $event)\"\n          class=\"flex items-center w-full text-left px-4 py-2 text-sm hover:bg-gray-100 focus:bg-gray-100 focus:outline-none\">\n          @if (item.icon) {\n            <i [class]=\"item.icon + ' ml-2 mr-2 text-gray-500'\"></i>\n          }\n          <span>{{ item.label }}</span>\n        </button>\n      }\n    </div>\n  </p-overlay>\n</div>\n", dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: i1.Overlay, selector: "p-overlay", inputs: ["hostName", "visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options", "appendTo", "hostAttrSelector"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "ngmodule", type: ButtonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ActionMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-action-menu', imports: [OverlayModule, ButtonModule], template: "<div class=\"inline-block relative\">\n  <button type=\"button\"\n    class=\"p-ripple p-button p-button-icon-only p-button-outlined p-component\"\n    #trigger\n    (click)=\"toggle()\">\n    <span class=\"pi pi-ellipsis-v\"></span>\n  </button>\n\n  <p-overlay [(visible)]=\"open\" [appendTo]=\"'body'\" (onShow)=\"focusFirst()\">\n    <div class=\"w-48 rounded-lg shadow-lg bg-white border border-gray-200\"\n      tabindex=\"0\"\n      (keydown)=\"onMenuKeydown($event)\">\n      @for (item of items; track item) {\n        <button #menuItem\n          (click)=\"onClick(item, $event)\"\n          class=\"flex items-center w-full text-left px-4 py-2 text-sm hover:bg-gray-100 focus:bg-gray-100 focus:outline-none\">\n          @if (item.icon) {\n            <i [class]=\"item.icon + ' ml-2 mr-2 text-gray-500'\"></i>\n          }\n          <span>{{ item.label }}</span>\n        </button>\n      }\n    </div>\n  </p-overlay>\n</div>\n" }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], menuItems: [{
+                type: ViewChildren,
+                args: ['menuItem']
+            }] } });
+
+class GenericTable {
+    translateService = inject(LocalizationService);
+    permissionsService = inject(PermissionCheckerService);
+    dt;
+    data = [];
+    data_ = [];
+    columns = [];
+    processedFields = [];
+    columnFormFields = [];
+    loading = false;
+    actions = [];
+    actionsPosition = 'end';
+    actionsMode = 'buttons';
+    first = 0;
+    rows = 10;
+    totalRecords = 0;
+    sortField;
+    sortOrder = 1;
+    globalFilterFields = [];
+    action = new EventEmitter();
+    pageChange = new EventEmitter();
+    // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+    onAddNew = new EventEmitter();
+    addButtonConfigs = [];
+    scrollHeight = '400px';
+    // **جديد**: تمكين تعديل الصفوف
+    rowEditable = false;
+    // **جديد**: تمكين اختيار الصفوف
+    /** فعّل اختيار الصفين single/multiple */
+    rowSelectable = true;
+    /** يحتفظ بالصف المحدد */
+    //@Input() selection: T | T[] | null = null;
+    // هذا سيكون مرتبطًا بـ [(selection)] في p-table
+    _selection = null;
+    get selection() {
+        return this._selection;
+    }
+    set selection(val) {
+        this._selection = val;
+        // لا تُصدر الحدث هنا، بل في onInternalSelectionChange فقط
+    }
+    trackByIdx(index, item) {
+        return index;
+    }
+    /** يصدر الصف المحدد عند النقر */
+    rowSelect = new EventEmitter();
+    dataKey = 'id';
+    /** يصدر الصفوف المحددة عند التغيير (للربط الثنائي) */
+    selectionChange = new EventEmitter();
+    /** جديد: التحكم بظهور الـ paginator */
+    paginator = true;
+    form = new FormGroup({});
+    options = {};
+    // **جديد**: يتحكم بإظهار عمود اختيار الصفوف (checkboxes)
+    /** يتحكم في إظهار عمود اختيار الصفوف المتعددة بواسطة checkboxes */
+    showRowSelectionCheckbox = false;
+    menuItems = [];
+    ngOnInit() {
+        // this.menuItems = this.getMenuItems();
+    }
+    //   onInternalSelectionChange(event: TableRowSelectEvent<T>
+    //     | TableHeaderCheckboxToggleEvent): void {
+    //   if ('data' in event) {
+    //     // Row select/unselect (single أو multiple)
+    //     if (Array.isArray(this._selection)) {
+    //       this._selection = [...this._selection]; // تحديث نسخة المصفوفة عند متعدد
+    //     } else {
+    //       this._selection = event.data as T; // اختيار فردي
+    //     }
+    //   } else if ('checked' in event) {
+    //     // Header checkbox toggle
+    //     this._selection = event.checked ? [...this.data] : [];
+    //   }
+    //   this.selectionChange.emit(this._selection);
+    // }
+    onInternalSelectionChange(event) {
+        // ───────────── Header checkbox ─────────────
+        if ('checked' in event) {
+            this._selection = event.checked ? [...this.data] : [];
+            this.selectionChange.emit(this._selection);
+            return;
+        }
+        const row = event.data;
+        // ───────────── MULTI SELECTION ─────────────
+        if (Array.isArray(this._selection)) {
+            const index = this._selection.findIndex(r => this.isSameRow(r, row));
+            if (index === -1) {
+                // Not selected → add
+                this._selection = [...this._selection, row];
+            }
+            else {
+                // Already selected → REPLACE with edited row
+                this._selection = this._selection.map((r, i) => i === index ? row : r);
+            }
+        }
+        // ───────────── SINGLE SELECTION ─────────────
+        else {
+            this._selection = row;
+        }
+        this.selectionChange.emit(this._selection);
+    }
+    isSameRow(a, b) {
+        return a.id === b.id;
+    }
+    resolveFieldData(data, field) {
+        if (!field)
+            return null;
+        if (field.indexOf('.') === -1)
+            return data[field];
+        return field.split('.').reduce((obj, prop) => (obj ? obj[prop] : null), data);
+    }
+    onAction(act, row) {
+        if (act.action) {
+            act.action(row);
+        }
+        else {
+            this.action.emit({ name: act.name, row });
+        }
+    }
+    // Use a map to store form groups for each row and column
+    cellForms = new Map();
+    forms = new FormGroup({}); // A main form for the table
+    // Refactored getForm to return an existing form instance
+    getForm(rowIndex, colIndex) {
+        const key = `${rowIndex}_${colIndex}`;
+        let form = this.cellForms.get(key);
+        if (!form) {
+            form = new FormGroup({});
+            this.cellForms.set(key, form);
+        }
+        return form;
+    }
+    trackByFn(index, item) {
+        return index; // or a unique identifier from your data
+    }
+    // This method is called whenever any @Input() property changes.
+    ngOnChanges(changes) {
+        // Check if the 'data' property has changed.
+        if (changes['data']) {
+            const currentData = changes['data'].currentValue;
+            const previousData = changes['data'].previousValue;
+            // For example, you can call a method to re-render or process the data.
+            this.refreshData();
+        }
+    }
+    onLazyLoad(event) {
+        // Reinitialize forms on new data load
+        // this.cellForms.clear();
+        this.refreshData();
+        this.pageChange.emit(event);
+    }
+    refreshData() {
+        this.data_ = this.data.map(rowData => {
+            // Create a new array of fields for each row
+            const rowFields = (this.rowEditable ? this.columnFormFields : this.columns).map(col => {
+                return cloneDeep(col);
+            });
+            // Attach the unique fields to the row data object
+            return {
+                ...rowData,
+                rowFields: rowFields
+            };
+        });
+    }
+    onRowModelChange(rowData) {
+        this.onInternalSelectionChange({
+            data: rowData
+        });
+    }
+    get sortedActions() {
+        return this.actions
+            .filter(action => !action.permissions?.length || // no permissions → allow
+            action.permissions.every(p => this.permissionsService.isGranted(p)) // all granted
+        )
+            .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    }
+    getMenuItems(row) {
+        return this.sortedActions
+            .filter(act => !act.visible || act.visible(row)) // فقط العناصر المرئية
+            .map(act => ({
+            label: this.translateService.instant(act.label ?? ''),
+            icon: act.icon,
+            styleClass: act.styleClass,
+            command: (event) => {
+                this.onAction(act, row);
+                event.originalEvent.stopPropagation(); // لمنع تكرار الحدث
+                event.item = act; // إذا احتجت للوصول للـ action
+            }
+        }));
+    }
+    // **جديد**: يتم إطلاق هذا عند اختيار صف
+    onRowSelect(event) {
+        //
+        if (event.data) {
+            this.rowSelect.emit(event.data);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: GenericTable, isStandalone: true, selector: "lib-generic-table", inputs: { data: "data", columns: "columns", columnFormFields: "columnFormFields", loading: "loading", actions: "actions", actionsPosition: "actionsPosition", actionsMode: "actionsMode", first: "first", rows: "rows", totalRecords: "totalRecords", sortField: "sortField", sortOrder: "sortOrder", globalFilterFields: "globalFilterFields", addButtonConfigs: "addButtonConfigs", scrollHeight: "scrollHeight", rowEditable: "rowEditable", rowSelectable: "rowSelectable", selection: "selection", dataKey: "dataKey", paginator: "paginator", showRowSelectionCheckbox: "showRowSelectionCheckbox" }, outputs: { action: "action", pageChange: "pageChange", onAddNew: "onAddNew", rowSelect: "rowSelect", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-col h-screen\" style=\"    height: 60vh;\">\n  <div class=\"flex-1 border rounded-lg overflow-hidden flex flex-col\">\n\n    <!-- PrimeNG Table -->\n    <p-table #dt\n      [value]=\"data_\"\n      [dataKey]=\"dataKey\"\n      [columns]=\"columns\"\n      [lazy]=\"true\"\n      [paginator]=\"false\"\n      [rows]=\"rows\"\n      [first]=\"first\"\n      [totalRecords]=\"totalRecords\"\n      (onLazyLoad)=\"onLazyLoad($event)\"\n      [globalFilterFields]=\"globalFilterFields\"\n      [loading]=\"loading\"\n      [scrollable]=\"true\"\n      scrollHeight=\"flex\"\n      [selectionMode]=\"showRowSelectionCheckbox ? 'multiple' : (rowSelectable ? 'single' : undefined)\"\n      [(selection)]=\"_selection\"\n      (onRowSelect)=\"onInternalSelectionChange($event)\"\n      (onRowUnselect)=\"onInternalSelectionChange($event)\"\n      (onHeaderCheckboxToggle)=\"onInternalSelectionChange($event)\"\n      tableLayout=\"fixed\"\n      [customSort]=\"false\"\n      class=\"flex-1 overflow-auto\"\n      >\n\n      <!-- Empty message -->\n      <ng-template pTemplate=\"emptymessage\">\n        <tr>\n          <td colspan=\"10\">\n            <div class=\"flex flex-col items-center justify-center py-10 text-center w-full\">\n              <i class=\"pi pi-inbox text-4xl text-gray-400 mb-4\"></i>\n              <p class=\"text-gray-500 mb-4\">{{ 'NO_DATA_FOUND' | translate }}</p>\n\n              @for (btn of addButtonConfigs; track trackByIdx($index, btn)) {\n                @if (!btn.visible || btn.visible === true) {\n                  <lib-generic-button\n                    [icon]=\"btn.icon\"\n                    [label]=\"btn.label | translate\"\n                    [variant]=\"btn.variant\"\n                    [size]=\"btn.size\"\n                    [model]=\"btn.splitActions\"\n                    [permission]=\"btn.permission\"\n                    (clicked)=\"onAddNew.emit({ name: btn.actionName, row: null! })\"\n                    class=\"mb-2\"\n                  ></lib-generic-button>\n                }\n              }\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n\n      <!-- Table header -->\n      <ng-template pTemplate=\"header\" let-columns>\n        <tr class=\"bg-gray-200 sticky top-0 z-10\">\n          @if (showRowSelectionCheckbox) {\n            <th style=\"width: 2rem\">\n              <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n            </th>\n          }\n          @if (actions.length > 0 && actionsPosition === 'start') {\n            <th class=\"px-4 py-2 text-sm font-medium text-center sticky right-0\">\n              {{ '*' | translate }}\n            </th>\n          }\n          @for (col of columns; track trackByFn($index, col)) {\n            <th\n              [pSortableColumn]=\"col.props.entityKey || col.key\"\n              class=\"px-4 py-2 text-sm font-medium text-center\"\n              [style.min-width]=\"col.props?.table?.props?.width || '150px'\"\n              >\n              {{ col.props?.label | translate }}\n              <p-sortIcon [field]=\"col.props.entityKey || col.key\"></p-sortIcon>\n            </th>\n          }\n\n          @if (actions.length > 0 && actionsPosition === 'end') {\n            <th class=\"px-4 py-2 text-sm font-medium text-center sticky left-0\">\n              {{ '*' | translate }}\n            </th>\n          }\n        </tr>\n      </ng-template>\n\n      <!-- Table body -->\n      <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-i=\"rowIndex\">\n        <tr class=\"even:bg-gray-50 hover:bg-gray-100 cursor-pointer\" (click)=\"rowSelect.emit(rowData)\">\n          @if (showRowSelectionCheckbox) {\n            <td style=\"width: 2rem\">\n              <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n            </td>\n          }\n          @if (actions.length > 0 && actionsPosition === 'start') {\n            <td class=\"border-t border-gray-200 px-4 py-2 text-center sticky right-0 bg-gray-50\">\n              <ng-container\n                *ngTemplateOutlet=\"actionsTemplate; context: {$implicit: rowData}\">\n              </ng-container>\n            </td>\n          }\n\n          @for (col of rowData.rowFields; track trackByFn(colIndex, col); let colIndex = $index) {\n            <td\n              class=\"border-t border-gray-200 px-4 py-2 text-center text-sm text-gray-700\"\n              [style.width]=\"col.props?.table?.props?.width\"\n              >\n              <formly-form\n                [model]=\"rowData\"\n                [form]=\"getForm(i, colIndex)\"\n                [fields]=\"[col]\"\n                [options]=\"options\"\n                (modelChange)=\"onRowModelChange(rowData)\"\n              ></formly-form>\n            </td>\n          }\n\n          @if (actions.length > 0 && actionsPosition === 'end') {\n            <td class=\"border-t border-gray-200 px-4 py-2 text-center sticky left-0\">\n              <ng-container\n                *ngTemplateOutlet=\"actionsTemplate; context: {$implicit: rowData}\">\n              </ng-container>\n            </td>\n          }\n        </tr>\n\n      </ng-template>\n\n\n    </p-table>\n  </div>\n</div>\n\n<ng-template #actionsTemplate let-rowData>\n  @switch (actionsMode) {\n    @case ('buttons') {\n      @for (act of sortedActions; track act) {\n      @if ((act.icon || act.label) && (!act.visible || act.visible(rowData))) {\n        <button\n          pButton\n          [icon]=\"act.icon || ''\"\n          [label]=\"(act.label ?? '') | translate\"\n          [class]=\"act.styleClass || ''\"\n          class=\"p-button-sm mx-1\"\n          (click)=\"onAction(act, rowData)\">\n        </button>\n      }\n    }\n    }\n    @case ('menu') {\n      <app-action-menu [items]=\"getMenuItems(rowData) || []\"></app-action-menu>\n      <!-- <p-menu #menu [model]=\"getMenuItems(rowData)\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n      <p-button\n        outlined\n        icon=\"pi pi-ellipsis-v\"\n        class=\"p-button-text p-button-sm\"\n        (onClick)=\"menu.toggle($event)\"\n      ></p-button> -->\n    }\n  }\n</ng-template>\n\n", styles: [".custom-button-medium{font-size:1.1rem;width:2.5rem;height:2.5rem;line-height:2.5rem;padding:0}.custom-button-gray{color:#333;background-color:transparent;border:none}.custom-button-gray:hover{background-color:#eee;color:#000}.icon-delete{color:red!important}.icon-edit{color:#333}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: MenuModule }, { kind: "component", type: FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { 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: PaginatorModule }, { kind: "component", type: ActionMenuComponent, selector: "app-action-menu", inputs: ["items"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: GenericTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-table', imports: [CommonModule, TableModule, ButtonModule, MenuModule, TranslatePipe, FormlyField, FormlyForm, TranslatePipe, Menu, Button, GenericButton, PaginatorModule, ActionMenuComponent], template: "<div class=\"flex flex-col h-screen\" style=\"    height: 60vh;\">\n  <div class=\"flex-1 border rounded-lg overflow-hidden flex flex-col\">\n\n    <!-- PrimeNG Table -->\n    <p-table #dt\n      [value]=\"data_\"\n      [dataKey]=\"dataKey\"\n      [columns]=\"columns\"\n      [lazy]=\"true\"\n      [paginator]=\"false\"\n      [rows]=\"rows\"\n      [first]=\"first\"\n      [totalRecords]=\"totalRecords\"\n      (onLazyLoad)=\"onLazyLoad($event)\"\n      [globalFilterFields]=\"globalFilterFields\"\n      [loading]=\"loading\"\n      [scrollable]=\"true\"\n      scrollHeight=\"flex\"\n      [selectionMode]=\"showRowSelectionCheckbox ? 'multiple' : (rowSelectable ? 'single' : undefined)\"\n      [(selection)]=\"_selection\"\n      (onRowSelect)=\"onInternalSelectionChange($event)\"\n      (onRowUnselect)=\"onInternalSelectionChange($event)\"\n      (onHeaderCheckboxToggle)=\"onInternalSelectionChange($event)\"\n      tableLayout=\"fixed\"\n      [customSort]=\"false\"\n      class=\"flex-1 overflow-auto\"\n      >\n\n      <!-- Empty message -->\n      <ng-template pTemplate=\"emptymessage\">\n        <tr>\n          <td colspan=\"10\">\n            <div class=\"flex flex-col items-center justify-center py-10 text-center w-full\">\n              <i class=\"pi pi-inbox text-4xl text-gray-400 mb-4\"></i>\n              <p class=\"text-gray-500 mb-4\">{{ 'NO_DATA_FOUND' | translate }}</p>\n\n              @for (btn of addButtonConfigs; track trackByIdx($index, btn)) {\n                @if (!btn.visible || btn.visible === true) {\n                  <lib-generic-button\n                    [icon]=\"btn.icon\"\n                    [label]=\"btn.label | translate\"\n                    [variant]=\"btn.variant\"\n                    [size]=\"btn.size\"\n                    [model]=\"btn.splitActions\"\n                    [permission]=\"btn.permission\"\n                    (clicked)=\"onAddNew.emit({ name: btn.actionName, row: null! })\"\n                    class=\"mb-2\"\n                  ></lib-generic-button>\n                }\n              }\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n\n      <!-- Table header -->\n      <ng-template pTemplate=\"header\" let-columns>\n        <tr class=\"bg-gray-200 sticky top-0 z-10\">\n          @if (showRowSelectionCheckbox) {\n            <th style=\"width: 2rem\">\n              <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n            </th>\n          }\n          @if (actions.length > 0 && actionsPosition === 'start') {\n            <th class=\"px-4 py-2 text-sm font-medium text-center sticky right-0\">\n              {{ '*' | translate }}\n            </th>\n          }\n          @for (col of columns; track trackByFn($index, col)) {\n            <th\n              [pSortableColumn]=\"col.props.entityKey || col.key\"\n              class=\"px-4 py-2 text-sm font-medium text-center\"\n              [style.min-width]=\"col.props?.table?.props?.width || '150px'\"\n              >\n              {{ col.props?.label | translate }}\n              <p-sortIcon [field]=\"col.props.entityKey || col.key\"></p-sortIcon>\n            </th>\n          }\n\n          @if (actions.length > 0 && actionsPosition === 'end') {\n            <th class=\"px-4 py-2 text-sm font-medium text-center sticky left-0\">\n              {{ '*' | translate }}\n            </th>\n          }\n        </tr>\n      </ng-template>\n\n      <!-- Table body -->\n      <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-i=\"rowIndex\">\n        <tr class=\"even:bg-gray-50 hover:bg-gray-100 cursor-pointer\" (click)=\"rowSelect.emit(rowData)\">\n          @if (showRowSelectionCheckbox) {\n            <td style=\"width: 2rem\">\n              <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n            </td>\n          }\n          @if (actions.length > 0 && actionsPosition === 'start') {\n            <td class=\"border-t border-gray-200 px-4 py-2 text-center sticky right-0 bg-gray-50\">\n              <ng-container\n                *ngTemplateOutlet=\"actionsTemplate; context: {$implicit: rowData}\">\n              </ng-container>\n            </td>\n          }\n\n          @for (col of rowData.rowFields; track trackByFn(colIndex, col); let colIndex = $index) {\n            <td\n              class=\"border-t border-gray-200 px-4 py-2 text-center text-sm text-gray-700\"\n              [style.width]=\"col.props?.table?.props?.width\"\n              >\n              <formly-form\n                [model]=\"rowData\"\n                [form]=\"getForm(i, colIndex)\"\n                [fields]=\"[col]\"\n                [options]=\"options\"\n                (modelChange)=\"onRowModelChange(rowData)\"\n              ></formly-form>\n            </td>\n          }\n\n          @if (actions.length > 0 && actionsPosition === 'end') {\n            <td class=\"border-t border-gray-200 px-4 py-2 text-center sticky left-0\">\n              <ng-container\n                *ngTemplateOutlet=\"actionsTemplate; context: {$implicit: rowData}\">\n              </ng-container>\n            </td>\n          }\n        </tr>\n\n      </ng-template>\n\n\n    </p-table>\n  </div>\n</div>\n\n<ng-template #actionsTemplate let-rowData>\n  @switch (actionsMode) {\n    @case ('buttons') {\n      @for (act of sortedActions; track act) {\n      @if ((act.icon || act.label) && (!act.visible || act.visible(rowData))) {\n        <button\n          pButton\n          [icon]=\"act.icon || ''\"\n          [label]=\"(act.label ?? '') | translate\"\n          [class]=\"act.styleClass || ''\"\n          class=\"p-button-sm mx-1\"\n          (click)=\"onAction(act, rowData)\">\n        </button>\n      }\n    }\n    }\n    @case ('menu') {\n      <app-action-menu [items]=\"getMenuItems(rowData) || []\"></app-action-menu>\n      <!-- <p-menu #menu [model]=\"getMenuItems(rowData)\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n      <p-button\n        outlined\n        icon=\"pi pi-ellipsis-v\"\n        class=\"p-button-text p-button-sm\"\n        (onClick)=\"menu.toggle($event)\"\n      ></p-button> -->\n    }\n  }\n</ng-template>\n\n", styles: [".custom-button-medium{font-size:1.1rem;width:2.5rem;height:2.5rem;line-height:2.5rem;padding:0}.custom-button-gray{color:#333;background-color:transparent;border:none}.custom-button-gray:hover{background-color:#eee;color:#000}.icon-delete{color:red!important}.icon-edit{color:#333}\n"] }]
+        }], propDecorators: { dt: [{
+                type: ViewChild,
+                args: ['dt']
+            }], data: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], columnFormFields: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], actionsPosition: [{
+                type: Input
+            }], actionsMode: [{
+                type: Input
+            }], first: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], sortField: [{
+                type: Input
+            }], sortOrder: [{
+                type: Input
+            }], globalFilterFields: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], onAddNew: [{
+                type: Output
+            }], addButtonConfigs: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], rowEditable: [{
+                type: Input
+            }], rowSelectable: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], rowSelect: [{
+                type: Output
+            }], dataKey: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], paginator: [{
+                type: Input
+            }], showRowSelectionCheckbox: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericTable, GenericTableModule };
+//# sourceMappingURL=es.framework-ng.ui.core-generic-table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"es.framework-ng.ui.core-generic-table.mjs","sources":["../../../../libs/ng.ui.core/generic-table/src/lib/generic-table-module.ts","../../../../libs/ng.ui.core/generic-table/src/lib/action-menu.component.ts","../../../../libs/ng.ui.core/generic-table/src/lib/action-menu.component.html","../../../../libs/ng.ui.core/generic-table/src/lib/generic-table.ts","../../../../libs/ng.ui.core/generic-table/src/lib/generic-table.html","../../../../libs/ng.ui.core/generic-table/src/es.framework-ng.ui.core-generic-table.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule],\n})\nexport class GenericTableModule {}\n","\r\nimport { Component, Input, ViewChildren, QueryList, ElementRef } from '@angular/core';\r\nimport { MenuItem } from 'primeng/api';\r\nimport { ButtonModule } from 'primeng/button';\r\nimport { OverlayModule } from 'primeng/overlay';\r\n\r\n@Component({\r\n  selector: 'app-action-menu',\r\n  templateUrl: './action-menu.component.html',\r\n  imports: [OverlayModule, ButtonModule],\r\n})\r\nexport class ActionMenuComponent {\r\n  @Input() items: MenuItem[] = [];\r\n  open = false;\r\n\r\n  @ViewChildren('menuItem') menuItems!: QueryList<ElementRef<HTMLButtonElement>>;\r\n\r\n  menuPositionClass = 'right-0';\r\n\r\n  toggle() {\r\n    this.open = !this.open;\r\n    // Optional: adjust position when opening\r\n    // if (this.open) setTimeout(() => this.adjustMenuPosition());\r\n  }\r\n\r\n  adjustMenuPosition() {\r\n    const menu = document.querySelector('.absolute.mt-2') as HTMLElement;\r\n    if (!menu) return;\r\n\r\n    const rect = menu.getBoundingClientRect();\r\n    const viewportWidth = window.innerWidth;\r\n\r\n    this.menuPositionClass = rect.right > viewportWidth ? 'left-0' : 'right-0';\r\n  }\r\n\r\n  onClick(item: MenuItem, event: MouseEvent) {\r\n    this.open = false;\r\n    if (item.command) {\r\n      item.command({ originalEvent: event, item });\r\n    }\r\n  }\r\n\r\n  onOutsideClick(event: MouseEvent) {\r\n    const target = event.target as HTMLElement;\r\n    if (!target.closest('.inline-block')) {\r\n      this.open = false;\r\n    }\r\n  }\r\n\r\n   // ========================\r\n  // Focus & Keyboard navigation\r\n  // ========================\r\n  focusFirst() {\r\n    // Delay needed because overlay content is rendered asynchronously\r\n    setTimeout(() => {\r\n      this.menuItems.first?.nativeElement.focus();\r\n    });\r\n  }\r\n\r\n  // -------------------\r\n  // Keyboard on menu container\r\n  // -------------------\r\n onMenuKeydown(event: KeyboardEvent) {\r\n  // Convert QueryList to array of HTMLButtonElement\r\n  const items: HTMLButtonElement[] = this.menuItems.toArray().map(i => i.nativeElement as HTMLButtonElement);\r\n\r\n  let index = items.indexOf(document.activeElement as HTMLButtonElement);\r\n  if (index === -1) return;\r\n\r\n  switch (event.key) {\r\n    case 'ArrowDown':\r\n      event.preventDefault();\r\n      index = (index + 1) % items.length;\r\n      items[index].focus();\r\n      break;\r\n\r\n    case 'ArrowUp':\r\n      event.preventDefault();\r\n      index = (index - 1 + items.length) % items.length;\r\n      items[index].focus();\r\n      break;\r\n\r\n    case 'Enter':\r\n    case ' ':\r\n      event.preventDefault();\r\n      items[index].click();\r\n      break;\r\n\r\n    case 'Escape':\r\n      this.open = false;\r\n      break;\r\n  }\r\n}\r\n\r\n\r\n\r\n  onTriggerKeydown(event: KeyboardEvent) {\r\n    // Open overlay via keyboard\r\n    if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n      this.open = true;\r\n      this.focusFirst();\r\n    }\r\n  }\r\n}\r\n","<div class=\"inline-block relative\">\n  <button type=\"button\"\n    class=\"p-ripple p-button p-button-icon-only p-button-outlined p-component\"\n    #trigger\n    (click)=\"toggle()\">\n    <span class=\"pi pi-ellipsis-v\"></span>\n  </button>\n\n  <p-overlay [(visible)]=\"open\" [appendTo]=\"'body'\" (onShow)=\"focusFirst()\">\n    <div class=\"w-48 rounded-lg shadow-lg bg-white border border-gray-200\"\n      tabindex=\"0\"\n      (keydown)=\"onMenuKeydown($event)\">\n      @for (item of items; track item) {\n        <button #menuItem\n          (click)=\"onClick(item, $event)\"\n          class=\"flex items-center w-full text-left px-4 py-2 text-sm hover:bg-gray-100 focus:bg-gray-100 focus:outline-none\">\n          @if (item.icon) {\n            <i [class]=\"item.icon + ' ml-2 mr-2 text-gray-500'\"></i>\n          }\n          <span>{{ item.label }}</span>\n        </button>\n      }\n    </div>\n  </p-overlay>\n</div>\n","import { Component, Input, Output, EventEmitter, ViewChild,  OnChanges, SimpleChanges, inject, OnInit } from '@angular/core';\r\nimport { MenuItem, SortEvent } from 'primeng/api';\r\nimport { Table, TableHeaderCheckboxToggleEvent, TableLazyLoadEvent, TableRowSelectEvent } from 'primeng/table';\r\nimport { CommonModule } from '@angular/common';\r\nimport { TableModule } from 'primeng/table';\r\nimport { ButtonModule, Button } from 'primeng/button';\r\nimport { MenuModule, Menu } from 'primeng/menu';\r\nimport { TranslatePipe } from '@es.framework/ng.core/pipes';\r\nimport { FormlyField, FormlyFieldConfig, FormlyForm, FormlyFormOptions } from '@ngx-formly/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { ActionDef, ButtonConfig } from '@es.framework/ng.core/models';\r\nimport { cloneDeep, forEach } from 'lodash';\r\nimport { GenericButton } from '@es.framework/ng.ui.core/generic-button';\r\nimport { PaginatorModule } from 'primeng/paginator';\r\nimport { ActionMenuComponent } from './action-menu.component';\r\nimport { LocalizationService, PermissionCheckerService } from '@es.framework/ng.core/services';\r\n\r\n@Component({\r\n  selector: 'lib-generic-table',\r\n  imports: [CommonModule, TableModule, ButtonModule, MenuModule, TranslatePipe, FormlyField, FormlyForm, TranslatePipe, Menu, Button, GenericButton, PaginatorModule, ActionMenuComponent],\r\n  templateUrl: './generic-table.html',\r\n  styleUrl: './generic-table.css'\r\n})\r\nexport class GenericTable<T>  implements OnInit, OnChanges{\r\n\r\n\r\n  translateService:LocalizationService = inject(LocalizationService);\r\n  permissionsService:PermissionCheckerService = inject(PermissionCheckerService);\r\n\r\n@ViewChild('dt') dt!: Table;\r\n\r\n@Input() data: any[] = [];\r\n data_: any[] = [];\r\n  @Input() columns: FormlyFieldConfig[] = [];\r\n  processedFields: any[] = [];\r\n  @Input() columnFormFields: FormlyFieldConfig[] = [];\r\n  @Input() loading = false;\r\n  @Input() actions: ActionDef<T>[] = [];\r\n  @Input() actionsPosition: 'start' | 'end' = 'end';\r\n  @Input() actionsMode: 'buttons' | 'menu' = 'buttons';\r\n  @Input() first = 0;\r\n  @Input() rows = 10;\r\n  @Input() totalRecords = 0;\r\n  @Input() sortField?: string;\r\n  @Input() sortOrder: 1 | -1 = 1;\r\n  @Input() globalFilterFields: string[] = [];\r\n\r\n  @Output() action = new EventEmitter<{ name: string; row: T }>();\r\n  @Output() pageChange = new EventEmitter<TableLazyLoadEvent>();\r\n\r\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\r\n  @Output() onAddNew = new EventEmitter<any>();\r\n@Input() addButtonConfigs: ButtonConfig[] = [];\r\n  @Input() scrollHeight = '400px';\r\n\r\n   // **جديد**: تمكين تعديل الصفوف\r\n  @Input() rowEditable = false;\r\n // **جديد**: تمكين اختيار الصفوف\r\n  /** فعّل اختيار الصفين single/multiple */\r\n  @Input() rowSelectable = true;\r\n  /** يحتفظ بالصف المحدد */\r\n  //@Input() selection: T | T[] | null = null;\r\n\r\n  // هذا سيكون مرتبطًا بـ [(selection)] في p-table\r\n  _selection: T | T[] | null = null;\r\n\r\n\r\n  @Input()\r\n  get selection(): T | T[] | null {\r\n      return this._selection;\r\n  }\r\n  set selection(val: T | T[] | null) {\r\n      this._selection = val;\r\n      // لا تُصدر الحدث هنا، بل في onInternalSelectionChange فقط\r\n  }\r\n\r\n trackByIdx(index: number, item: any): number {\r\n  return index;\r\n }\r\n  /** يصدر الصف المحدد عند النقر */\r\n  @Output() rowSelect = new EventEmitter<T>();\r\n\r\n  @Input() dataKey = 'id';\r\n\r\n     /** يصدر الصفوف المحددة عند التغيير (للربط الثنائي) */\r\n  @Output() selectionChange = new EventEmitter<T | T[] | null>();\r\n\r\n\r\n   /** جديد: التحكم بظهور الـ paginator */\r\n  @Input() paginator = true;\r\nform = new FormGroup({});\r\noptions: FormlyFormOptions = {};\r\n\r\n\r\n\r\n  // **جديد**: يتحكم بإظهار عمود اختيار الصفوف (checkboxes)\r\n  /** يتحكم في إظهار عمود اختيار الصفوف المتعددة بواسطة checkboxes */\r\n  @Input() showRowSelectionCheckbox = false;\r\n\r\n\r\n  menuItems : MenuItem[] = [];\r\n\r\n  ngOnInit(): void {\r\n    // this.menuItems = this.getMenuItems();\r\n  }\r\n//   onInternalSelectionChange(event: TableRowSelectEvent<T>\r\n//     | TableHeaderCheckboxToggleEvent): void {\r\n//   if ('data' in event) {\r\n//     // Row select/unselect (single أو multiple)\r\n//     if (Array.isArray(this._selection)) {\r\n//       this._selection = [...this._selection]; // تحديث نسخة المصفوفة عند متعدد\r\n//     } else {\r\n//       this._selection = event.data as T; // اختيار فردي\r\n//     }\r\n//   } else if ('checked' in event) {\r\n//     // Header checkbox toggle\r\n//     this._selection = event.checked ? [...this.data] : [];\r\n//   }\r\n\r\n//   this.selectionChange.emit(this._selection);\r\n// }\r\nonInternalSelectionChange(\r\n  event: TableRowSelectEvent<T> | TableHeaderCheckboxToggleEvent\r\n): void {\r\n\r\n  // ───────────── Header checkbox ─────────────\r\n  if ('checked' in event) {\r\n    this._selection = event.checked ? [...this.data] : [];\r\n    this.selectionChange.emit(this._selection);\r\n    return;\r\n  }\r\n\r\n  const row = event.data as T;\r\n\r\n  // ───────────── MULTI SELECTION ─────────────\r\n  if (Array.isArray(this._selection)) {\r\n    const index = this._selection.findIndex(\r\n      r => this.isSameRow(r, row)\r\n    );\r\n\r\n    if (index === -1) {\r\n      // Not selected → add\r\n      this._selection = [...this._selection, row];\r\n    } else {\r\n      // Already selected → REPLACE with edited row\r\n      this._selection = this._selection.map((r, i) =>\r\n        i === index ? row : r\r\n      );\r\n    }\r\n  }\r\n  // ───────────── SINGLE SELECTION ─────────────\r\n  else {\r\n    this._selection = row;\r\n  }\r\n\r\n  this.selectionChange.emit(this._selection);\r\n}\r\n\r\n\r\nprivate isSameRow(a: T, b: T): boolean {\r\n  return (a as any).id === (b as any).id;\r\n}\r\nresolveFieldData(data: any, field: string): any {\r\n  if (!field) return null;\r\n  if (field.indexOf('.') === -1) return data[field];\r\n  return field.split('.').reduce((obj, prop) => (obj ? obj[prop] : null), data);\r\n}\r\n\r\n onAction(act: ActionDef<T>, row: T) {\r\n    if (act.action) {\r\n      act.action(row);\r\n    } else {\r\n      this.action.emit({ name: act.name, row });\r\n    }\r\n  }\r\n\r\n // Use a map to store form groups for each row and column\r\n  private cellForms: Map<string, FormGroup> = new Map();\r\n  forms: FormGroup = new FormGroup({}); // A main form for the table\r\n\r\n\r\n  // Refactored getForm to return an existing form instance\r\n  getForm(rowIndex: number, colIndex: number): FormGroup {\r\n    const key = `${rowIndex}_${colIndex}`;\r\n    let form = this.cellForms.get(key);\r\n\r\n    if (!form) {\r\n      form = new FormGroup({});\r\n      this.cellForms.set(key, form);\r\n    }\r\n    return form;\r\n  }\r\ntrackByFn(index: number, item: any) {\r\n  return index; // or a unique identifier from your data\r\n}\r\n // This method is called whenever any @Input() property changes.\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    // Check if the 'data' property has changed.\r\n    if (changes['data']) {\r\n      const currentData = changes['data'].currentValue;\r\n      const previousData = changes['data'].previousValue;\r\n\r\n\r\n      // For example, you can call a method to re-render or process the data.\r\n      this.refreshData();\r\n    }\r\n  }\r\n\r\n onLazyLoad(event: TableLazyLoadEvent): void {\r\n    // Reinitialize forms on new data load\r\n    // this.cellForms.clear();\r\n  this.refreshData();\r\n    this.pageChange.emit(event);\r\n  }\r\n\r\n  refreshData(){\r\n     this.data_ = this.data.map(rowData => {\r\n    // Create a new array of fields for each row\r\n    const rowFields = (this.rowEditable ? this.columnFormFields :this.columns).map(col => {\r\n      return cloneDeep(col);\r\n    });\r\n    // Attach the unique fields to the row data object\r\n    return {\r\n      ...rowData,\r\n      rowFields: rowFields\r\n    };\r\n  });\r\n  }\r\nonRowModelChange(rowData: any) {\r\n\r\n  this.onInternalSelectionChange({\r\n    data: rowData\r\n  } as any);\r\n}\r\n  get sortedActions(): ActionDef<T>[] {\r\n  return this.actions\r\n    .filter(action =>\r\n      !action.permissions?.length || // no permissions → allow\r\n      action.permissions.every(p => this.permissionsService.isGranted(p)) // all granted\r\n    )\r\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\r\n}\r\n\r\n\r\ngetMenuItems(row: T): MenuItem[] {\r\n  return this.sortedActions\r\n    .filter(act => !act.visible || act.visible(row)) // فقط العناصر المرئية\r\n    .map(act => ({\r\n      label: this.translateService.instant(act.label ?? ''),\r\n      icon: act.icon,\r\n      styleClass: act.styleClass,\r\n      command: (event: any) => {\r\n        this.onAction(act, row);\r\n        event.originalEvent.stopPropagation(); // لمنع تكرار الحدث\r\n        event.item = act; // إذا احتجت للوصول للـ action\r\n      }\r\n    }));\r\n}\r\n\r\n\r\n // **جديد**: يتم إطلاق هذا عند اختيار صف\r\n  onRowSelect(event: TableRowSelectEvent<T>) {\r\n    //\r\n    if (event.data) {\r\n      this.rowSelect.emit(event.data as T);\r\n    }\r\n  }\r\n\r\n}\r\n","<div class=\"flex flex-col h-screen\" style=\"    height: 60vh;\">\n  <div class=\"flex-1 border rounded-lg overflow-hidden flex flex-col\">\n\n    <!-- PrimeNG Table -->\n    <p-table #dt\n      [value]=\"data_\"\n      [dataKey]=\"dataKey\"\n      [columns]=\"columns\"\n      [lazy]=\"true\"\n      [paginator]=\"false\"\n      [rows]=\"rows\"\n      [first]=\"first\"\n      [totalRecords]=\"totalRecords\"\n      (onLazyLoad)=\"onLazyLoad($event)\"\n      [globalFilterFields]=\"globalFilterFields\"\n      [loading]=\"loading\"\n      [scrollable]=\"true\"\n      scrollHeight=\"flex\"\n      [selectionMode]=\"showRowSelectionCheckbox ? 'multiple' : (rowSelectable ? 'single' : undefined)\"\n      [(selection)]=\"_selection\"\n      (onRowSelect)=\"onInternalSelectionChange($event)\"\n      (onRowUnselect)=\"onInternalSelectionChange($event)\"\n      (onHeaderCheckboxToggle)=\"onInternalSelectionChange($event)\"\n      tableLayout=\"fixed\"\n      [customSort]=\"false\"\n      class=\"flex-1 overflow-auto\"\n      >\n\n      <!-- Empty message -->\n      <ng-template pTemplate=\"emptymessage\">\n        <tr>\n          <td colspan=\"10\">\n            <div class=\"flex flex-col items-center justify-center py-10 text-center w-full\">\n              <i class=\"pi pi-inbox text-4xl text-gray-400 mb-4\"></i>\n              <p class=\"text-gray-500 mb-4\">{{ 'NO_DATA_FOUND' | translate }}</p>\n\n              @for (btn of addButtonConfigs; track trackByIdx($index, btn)) {\n                @if (!btn.visible || btn.visible === true) {\n                  <lib-generic-button\n                    [icon]=\"btn.icon\"\n                    [label]=\"btn.label | translate\"\n                    [variant]=\"btn.variant\"\n                    [size]=\"btn.size\"\n                    [model]=\"btn.splitActions\"\n                    [permission]=\"btn.permission\"\n                    (clicked)=\"onAddNew.emit({ name: btn.actionName, row: null! })\"\n                    class=\"mb-2\"\n                  ></lib-generic-button>\n                }\n              }\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n\n      <!-- Table header -->\n      <ng-template pTemplate=\"header\" let-columns>\n        <tr class=\"bg-gray-200 sticky top-0 z-10\">\n          @if (showRowSelectionCheckbox) {\n            <th style=\"width: 2rem\">\n              <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n            </th>\n          }\n          @if (actions.length > 0 && actionsPosition === 'start') {\n            <th class=\"px-4 py-2 text-sm font-medium text-center sticky right-0\">\n              {{ '*' | translate }}\n            </th>\n          }\n          @for (col of columns; track trackByFn($index, col)) {\n            <th\n              [pSortableColumn]=\"col.props.entityKey || col.key\"\n              class=\"px-4 py-2 text-sm font-medium text-center\"\n              [style.min-width]=\"col.props?.table?.props?.width || '150px'\"\n              >\n              {{ col.props?.label | translate }}\n              <p-sortIcon [field]=\"col.props.entityKey || col.key\"></p-sortIcon>\n            </th>\n          }\n\n          @if (actions.length > 0 && actionsPosition === 'end') {\n            <th class=\"px-4 py-2 text-sm font-medium text-center sticky left-0\">\n              {{ '*' | translate }}\n            </th>\n          }\n        </tr>\n      </ng-template>\n\n      <!-- Table body -->\n      <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\" let-i=\"rowIndex\">\n        <tr class=\"even:bg-gray-50 hover:bg-gray-100 cursor-pointer\" (click)=\"rowSelect.emit(rowData)\">\n          @if (showRowSelectionCheckbox) {\n            <td style=\"width: 2rem\">\n              <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n            </td>\n          }\n          @if (actions.length > 0 && actionsPosition === 'start') {\n            <td class=\"border-t border-gray-200 px-4 py-2 text-center sticky right-0 bg-gray-50\">\n              <ng-container\n                *ngTemplateOutlet=\"actionsTemplate; context: {$implicit: rowData}\">\n              </ng-container>\n            </td>\n          }\n\n          @for (col of rowData.rowFields; track trackByFn(colIndex, col); let colIndex = $index) {\n            <td\n              class=\"border-t border-gray-200 px-4 py-2 text-center text-sm text-gray-700\"\n              [style.width]=\"col.props?.table?.props?.width\"\n              >\n              <formly-form\n                [model]=\"rowData\"\n                [form]=\"getForm(i, colIndex)\"\n                [fields]=\"[col]\"\n                [options]=\"options\"\n                (modelChange)=\"onRowModelChange(rowData)\"\n              ></formly-form>\n            </td>\n          }\n\n          @if (actions.length > 0 && actionsPosition === 'end') {\n            <td class=\"border-t border-gray-200 px-4 py-2 text-center sticky left-0\">\n              <ng-container\n                *ngTemplateOutlet=\"actionsTemplate; context: {$implicit: rowData}\">\n              </ng-container>\n            </td>\n          }\n        </tr>\n\n      </ng-template>\n\n\n    </p-table>\n  </div>\n</div>\n\n<ng-template #actionsTemplate let-rowData>\n  @switch (actionsMode) {\n    @case ('buttons') {\n      @for (act of sortedActions; track act) {\n      @if ((act.icon || act.label) && (!act.visible || act.visible(rowData))) {\n        <button\n          pButton\n          [icon]=\"act.icon || ''\"\n          [label]=\"(act.label ?? '') | translate\"\n          [class]=\"act.styleClass || ''\"\n          class=\"p-button-sm mx-1\"\n          (click)=\"onAction(act, rowData)\">\n        </button>\n      }\n    }\n    }\n    @case ('menu') {\n      <app-action-menu [items]=\"getMenuItems(rowData) || []\"></app-action-menu>\n      <!-- <p-menu #menu [model]=\"getMenuItems(rowData)\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n      <p-button\n        outlined\n        icon=\"pi pi-ellipsis-v\"\n        class=\"p-button-text p-button-sm\"\n        (onClick)=\"menu.toggle($event)\"\n      ></p-button> -->\n    }\n  }\n</ng-template>\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}