@fuentis/phoenix-ui 0.0.9-alpha.566 → 0.0.9-alpha.570

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -3243,8 +3243,9 @@ function buildFileName(baseKey, ext = 'xlsx') {
  */
 const DEFAULT_MORE_ACTIONS = {
     context: tableButtonContext.MORE,
-    type: 'menu',
+    type: tableActionType.MENU,
     buttonType: 'multiselect',
+    label: '',
     items: [
         { key: 'EXPORT_PDF', label: 'ACTION.EXPORT_PDF', icon: 'pi pi-file-pdf' },
         { key: 'EXPORT_EXCEL', label: 'ACTION.EXPORT_EXCEL', icon: 'pi pi-file-excel' },
@@ -3336,13 +3337,116 @@ class TableComponent {
     skeletonRowCount = 8;
     /** Array used by Angular @for (must be iterable) */
     skeletonRows = Array.from({ length: this.skeletonRowCount });
+    createSortWorkerInline() {
+        const code = `
+    const compareStringsNatural = (a,b) => a.localeCompare(b, undefined, { numeric:true, sensitivity:'base' });
+
+    const getNestedValue = (obj, path) => {
+      try {
+        if (!obj || !path) return undefined;
+        if (Object.prototype.hasOwnProperty.call(obj, path)) {
+          const v = obj[path];
+          return (v && v.key !== undefined) ? v.key : v;
+        }
+        return path.split('.').reduce((acc, k) => (acc == null ? undefined : acc[k]), obj);
+      } catch { return undefined; }
+    };
+
+    const getComparableValue = (val, field, columnTypeMap, dateTypeKey='DATE') => {
+      if (val === null || val === undefined) return '';
+      const columnType = columnTypeMap?.[field];
+
+      if ((columnType || '').toString().toUpperCase() === 'BOOLEAN') {
+        if (typeof val === 'boolean') return val ? 1 : 0;
+        if (typeof val === 'number') return val ? 1 : 0;
+        if (typeof val === 'string') {
+          const s = val.trim().toLowerCase();
+          if (['true','1','yes'].includes(s)) return 1;
+          if (['false','0','no'].includes(s)) return 0;
+          return '';
+        }
+        if (typeof val === 'object') {
+          const v = val.value ?? val.key ?? val.enabled ?? val.checked;
+          return getComparableValue(v, field, columnTypeMap, dateTypeKey);
+        }
+        return '';
+      }
+
+      if (typeof val === 'number') return val;
+
+      if (typeof val === 'string') {
+        if (columnType === dateTypeKey) {
+          const t = Date.parse(val);
+          return Number.isNaN(t) ? val.toLowerCase() : t;
+        }
+        return val.toLowerCase();
+      }
+
+      if (val instanceof Date) return val.getTime();
+
+      if (typeof val === 'object') {
+        if (val.from && val.to) {
+          const from = Date.parse(val.from);
+          const to = Date.parse(val.to);
+          return (Number.isNaN(from) || Number.isNaN(to)) ? '' : (from + to);
+        }
+        if (Array.isArray(val) && val.length) return getComparableValue(val[0], field, columnTypeMap, dateTypeKey);
+
+        for (const k of ['name','value','label','key','date']) {
+          if (val[k] !== undefined && val[k] !== null) return getComparableValue(val[k], field, columnTypeMap, dateTypeKey);
+        }
+        for (const v of Object.values(val)) {
+          if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean') {
+            return getComparableValue(v, field, columnTypeMap, dateTypeKey);
+          }
+        }
+      }
+      return '';
+    };
+
+    const sortData = (data, meta, columnTypeMap, dateTypeKey='DATE') => {
+      const sorted = (data || []).slice();
+      if (!meta?.length) return sorted;
+
+      sorted.sort((a,b) => {
+        for (const s of meta) {
+          const field = s.field;
+          const order = s.order ?? 1;
+
+          const A = getComparableValue(getNestedValue(a, field), field, columnTypeMap, dateTypeKey);
+          const B = getComparableValue(getNestedValue(b, field), field, columnTypeMap, dateTypeKey);
+
+          if (typeof A === 'string' && typeof B === 'string') {
+            const c = compareStringsNatural(A,B);
+            if (c !== 0) return c * order;
+          } else {
+            if (A < B) return -1 * order;
+            if (A > B) return  1 * order;
+          }
+        }
+        return 0;
+      });
+
+      return sorted;
+    };
+
+    self.addEventListener('message', (ev) => {
+      const data = ev.data || {};
+      const sorted = sortData(data.data, data.multiSortMeta, data.columnTypeMap, data.dateTypeKey || 'DATE');
+      self.postMessage({ reqId: data.reqId, sorted });
+    });
+  `;
+        const blob = new Blob([code], { type: 'text/javascript' });
+        const url = URL.createObjectURL(blob);
+        return new Worker(url); // classic worker, nema module MIME problema
+    }
     constructor() {
         /**
          * Create sorting worker if supported.
          * Fallback is synchronous sort (still works, but can freeze on huge arrays).
          */
         if (typeof Worker !== 'undefined') {
-            this.sortWorker = new Worker(new URL('./table-sort.worker', import.meta.url), { type: 'module' });
+            this.sortWorker = this.createSortWorkerInline();
             this.sortWorker.onmessage = (e) => {
                 const { reqId, sorted } = e.data ?? {};
                 if (reqId !== this.latestWorkerReqId)
@@ -3495,6 +3599,22 @@ class TableComponent {
         });
         return sorted;
     }
+    normalizeInitialSort(cfg) {
+        const s = cfg?.initialSort;
+        // NEW style
+        if (Array.isArray(s))
+            return s.filter(x => !!x?.field);
+        if (s && typeof s === 'object' && s.field)
+            return [s];
+        // LEGACY fallback
+        if (cfg?.initialSortField) {
+            return [{
+                    field: cfg.initialSortField,
+                    order: (cfg.initialSortOrder ?? 1),
+                }];
+        }
+        return [];
+    }
     /**
    * Applies initial sort once:
    * - Uses tableConfiguration.initialSortField if provided
@@ -3509,7 +3629,6 @@ class TableComponent {
     applyInitialSortIfNeeded() {
         if (this.initialSortApplied)
             return;
-        // if no data, just render empty fast and stop loading
         if (!this.allData?.length) {
             this.tableData = [];
             this.totalRecords = 0;
@@ -3519,33 +3638,32 @@ class TableComponent {
         }
         const cols = (this.selectedColumns?.length ? this.selectedColumns : this.columns) ?? [];
         if (!cols.length)
-            return; // columns not ready yet (ngOnChanges will call again)
-        // pick configured or fallback
-        const configuredField = this.tableConfiguration?.initialSortField;
+            return;
+        // 1) normalize config
+        const cfgMeta = this.normalizeInitialSort(this.tableConfiguration);
+        // 2) if nothing configured -> fallback first column ASC
         const fallbackField = cols[0]?.field;
-        const field = configuredField || fallbackField;
-        const exists = cols.some((c) => c?.field === field);
-        const finalField = exists ? field : fallbackField;
-        // if still no field, just render base
-        if (!finalField) {
+        const wantedMeta = (cfgMeta.length ? cfgMeta : [{ field: fallbackField, order: 1 }])
+            .filter(m => !!m?.field);
+        // 3) keep only fields that exist in columns
+        const validMeta = wantedMeta.filter(m => cols.some((c) => c?.field === m.field));
+        const finalMeta = validMeta.length ? validMeta : [{ field: fallbackField, order: 1 }];
+        if (!finalMeta[0]?.field) {
             this.tableData = this.allData;
             this.totalRecords = this.tableData.length;
             this.initialSortLoading = false;
             this.initialSortApplied = true;
-            this.cdr.markForCheck();
             return;
         }
-        const meta = [{ field: finalField, order: 1 }];
         try {
             if (this.dt)
-                this.dt.multiSortMeta = meta;
+                this.dt.multiSortMeta = finalMeta;
         }
         catch { }
-        this.lastSortKey = JSON.stringify(meta);
+        this.lastSortKey = JSON.stringify(finalMeta);
         this.initialSortApplied = true;
-        this.initialSortFieldApplied = finalField;
-        // keep loading true until worker returns
-        this.runWorkerSort(meta);
+        this.initialSortFieldApplied = finalMeta[0].field;
+        this.runWorkerSort(finalMeta);
     }
     // ============================================================
     // SEARCH / FILTER
@@ -3756,8 +3874,9 @@ class TableComponent {
      * Some tables allow click on first N columns to open details.
      */
     isColumnClickable(columnIndex) {
-        return (columnIndex < (this.tableConfiguration?.clickableColumnCount ?? 1) &&
-            this.tableConfiguration?.hasCellClick);
+        const max = this.tableConfiguration?.clickableColumnCount ?? 1;
+        const enabled = this.tableConfiguration?.hasCellClick ?? false;
+        return columnIndex < max && enabled;
     }
     /**
      * Utility for copy icons inside cells (prevents row-click).
@@ -4272,6 +4391,9 @@ class ObjectItemDialogComponent {
         key: 'asd',
         rows: 20,
         selectionType: tableSelectionType.RADIO_BTN,
+        actions: [],
+        exportTable: false,
+        filterConfiguration: []
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ObjectItemDialogComponent, deps: [{ token: i1$2.DynamicDialogRef }, { token: i1$2.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ObjectItemDialogComponent, isStandalone: true, selector: "phoenix-object-item-dialog", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div style=\"overflow: hidden; padding-bottom: 50px\">\n  <phoenix-table\n    #table\n    [data]=\"tableData\"\n    [columns]=\"columns\"\n    [tableConfiguration]=\"tableConfiguration\"\n     (checkBoxSelection)=\"onSelectionChanged($event)\"\n  >\n  </phoenix-table>\n</div>\n<div class=\"absolute bottom-0 right-0 p-4\">\n  <div class=\"flex gap-2\">\n    <ng-container *ngFor=\"let action of actions\">\n    <p-button\n        [label]=\"action.label | translate\"\n        [icon]=\"action.icon || ''\"\n        [severity]=\"action.severity || 'primary'\"\n        [disabled]=\"action.id === 'assign' && !hasSelection\"\n        [id]=\"action.id\"\n        (onClick)=\"actionClick(action.id)\"\n        size=\"small\"\n      ></p-button>\n    </ng-container>\n</div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TableComponent, selector: "phoenix-table", inputs: ["columns", "selectedColumnsInput", "tableConfiguration", "filters", "data"], outputs: ["actionClick", "rowSelection", "checkBoxSelection", "saveColumns"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }] });