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

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -3336,13 +3336,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)