@nanoporetech-digital/components 4.8.0 → 4.9.1

package/dist/collection/components/table/table.worker.js

@@ -2,21 +2,7 @@
  * Web Components for Nanopore digital Web Apps
  */
 import { filter as smartFilter } from 'smart-array-filter';
-// we'll do ordering and filtering in here
-// https://fusejs.io/demo.html
-//https://github.com/bvaughn/js-search
-// https://github.com/cheminfo/smart-array-filter
-// https://github.com/thundermiracle/filter-data
-function colsFromStore(safeColumns) {
-  return safeColumns.map((c) => {
-    if (!!c.sortCompareFn) {
-      c.sortCompareFn = new Function('return ' + c.sortCompareFn)();
-    }
-    return c;
-  });
-}
 const dataWorkers = new Map();
-/** SETUP / SYNC */
 function uid() {
   return Date.now().toString(36) + Math.random().toString(36).substring(2);
 }
@@ -43,6 +29,82 @@ export async function syncConfigToWorker(workerId, columns) {
     destroyWorkerStore(workerId);
   return true;
 }
+/** SEARCH */
+/**
+ * A general text search across all table columns.
+ * Search is the first thing we do. Cache the result for filtering / sorting
+ * @param workerId
+ * @param term
+ * @returns the searched for data rows - with col filters / sorts also applied
+ */
+export async function workerSearch(workerId, term) {
+  const workerStore = dataWorkers.get(workerId);
+  if (!workerStore)
+    throw 'cannot find worker with ID ' + workerId;
+  workerStore.searchTerm = term;
+  if (!term || !term.length) {
+    workerStore.filterRows = workerStore.rows;
+    return applyFiltersAndSort(workerStore, workerStore.rows);
+  }
+  const availCols = workerStore.columns.filter((c) => c.searchable !== false);
+  // cache result
+  workerStore.filterRows = smartFilter(workerStore.rows, {
+    keywords: term,
+    predicate: 'OR',
+    includePaths: [...availCols.map((c) => c.prop)],
+    ignorePaths: ['__uuid', '__index'],
+  });
+  // apply filter and sort
+  return applyFiltersAndSort(workerStore, workerStore.filterRows);
+}
+/** FILTER */
+/**
+ * Finds any currently applied filter conditions from the column config
+ * @param workerStore
+ * @returns the found column filter object array
+ */
+function getCurrentFilters(workerStore) {
+  return workerStore.columns
+    .filter((c) => c.filter !== undefined && c.filter !== null)
+    .reduce((filters, col) => {
+    const { prop, filter } = col;
+    filters.push({ prop, filter });
+    return filters;
+  }, []);
+}
+function filter(workerStore, rows, filters = []) {
+  if (!filters || !filters.length)
+    filters = getCurrentFilters(workerStore);
+  if (!filters || !filters.length)
+    return rows;
+  filters.forEach((filter) => {
+    if (typeof filter.filter === 'boolean') {
+      rows = rows.filter((row) => row[filter.prop] === filter.filter);
+    }
+    else {
+      rows = smartFilter(rows, {
+        keywords: filter.filter,
+        includePaths: [filter.prop],
+        ignorePaths: ['__uuid', '__index'],
+      });
+    }
+  });
+  return rows;
+}
+export async function workerFilter(workerId, filters) {
+  const workerStore = dataWorkers.get(workerId);
+  if (!workerStore)
+    throw 'cannot find worker with ID ' + workerId;
+  // get cached results from a search
+  const data = (!filters || !filters.length) && workerStore.searchTerm
+    ? await workerSearch(workerId, workerStore.searchTerm)
+    : workerStore.searchTerm
+      ? workerStore.filterRows
+      : workerStore.rows;
+  workerStore.filterRows = filter(workerStore, data, filters);
+  // apply sort
+  return sort(workerStore, workerStore.filterRows);
+}
 /** SORT */
 /**
  * Finds any currently applied sort conditions from the column config
@@ -108,62 +170,20 @@ export async function workerSort(workerId, prop, order) {
   const data = workerStore.filterRows || workerStore.rows;
   return sort(workerStore, data, prop, order);
 }
-/** FILTER */
-function filter(rows, filters = []) {
-  if (!filters)
-    return rows;
-  filters.forEach((filter) => {
-    rows = smartFilter(rows, {
-      keywords: filter.filter,
-      includePaths: [filter.prop],
-      ignorePaths: ['__uuid', '__index'],
-    });
-  });
-  return rows;
-}
+/** UTILS */
+// used after a search, it only sorts rn
+// (search acting like a filter 'reset' atm)
 function applyFiltersAndSort(workerStore, rows) {
-  rows = filter(rows);
+  rows = filter(workerStore, rows);
   return sort(workerStore, rows);
 }
-export async function workerFilter(workerId, filters) {
-  const workerStore = dataWorkers.get(workerId);
-  if (!workerStore)
-    throw 'cannot find worker with ID ' + workerId;
-  // get cached results from a search
-  const data = !filters || !filters.length
-    ? await workerSearch(workerId, workerStore.searchTerm)
-    : workerStore.filterRows || workerStore.rows;
-  workerStore.filterRows = filter(data, filters);
-  // apply sort
-  return sort(workerStore, workerStore.filterRows);
-}
-/** SEARCH */
-/**
- * A general text search across all table columns.
- * Search is the first thing we do. Cache the result for filtering / sorting
- * @param workerId
- * @param term
- * @returns the searched for data rows - with col filters / sorts also applied
- */
-export async function workerSearch(workerId, term) {
-  const workerStore = dataWorkers.get(workerId);
-  if (!workerStore)
-    throw 'cannot find worker with ID ' + workerId;
-  workerStore.searchTerm = term;
-  if (!term || !term.length) {
-    workerStore.filterRows = workerStore.rows;
-    return applyFiltersAndSort(workerStore, workerStore.rows);
-  }
-  const availCols = workerStore.columns.filter((c) => c.searchable !== false);
-  // cache result
-  workerStore.filterRows = smartFilter(workerStore.rows, {
-    keywords: term,
-    predicate: 'OR',
-    includePaths: [...availCols.map((c) => c.prop)],
-    ignorePaths: ['__uuid', '__index'],
+function colsFromStore(safeColumns) {
+  return safeColumns.map((c) => {
+    if (!!c.sortCompareFn) {
+      c.sortCompareFn = new Function('return ' + c.sortCompareFn)();
+    }
+    return c;
   });
-  // apply filter and sort
-  return applyFiltersAndSort(workerStore, workerStore.filterRows);
 }
 /**
  * Clean up

package/dist/collection/components/table/table.worker.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.worker.js","sourceRoot":"","sources":["../../../src/components/table/table.worker.ts"],"names":[],"mappings":"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","sourcesContent":["import { filter as smartFilter } from 'smart-array-filter';\nimport type { TableTypes } from '../../interface';\n\n// we'll do ordering and filtering in here\n// https://fusejs.io/demo.html\n\n//https://github.com/bvaughn/js-search\n\n// https://github.com/cheminfo/smart-array-filter\n\n// https://github.com/thundermiracle/filter-data\n\nfunction colsFromStore(safeColumns: Partial<TableTypes.ColumnConfig>[]) {\n  return safeColumns.map((c) => {\n    if (!!c.sortCompareFn) {\n      c.sortCompareFn = new Function('return ' + c.sortCompareFn)();\n    }\n    return c;\n  });\n}\n\ninterface WorkerStore {\n  rows: TableTypes.NanoTable['rows'];\n  columns: Partial<TableTypes.ColumnConfig>[];\n  filterRows?: TableTypes.NanoTable['rows'];\n  searchTerm?: string;\n}\n\nconst dataWorkers: Map<string, WorkerStore> = new Map();\n\n/** SETUP / SYNC */\n\nfunction uid() {\n  return Date.now().toString(36) + Math.random().toString(36).substring(2);\n}\n\nexport async function createWorkerStore(\n  rows: TableTypes.NanoTable['rows'],\n  columns: Partial<TableTypes.ColumnConfig>[]\n) {\n  const id = uid();\n  dataWorkers.set(id, { rows, columns: colsFromStore(columns) });\n  return id;\n}\n\nexport async function syncDataToWorker(\n  workerId: string,\n  rows: TableTypes.NanoTable['rows']\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  workerStore.rows = rows;\n  if (!workerStore.rows && !workerStore.columns) destroyWorkerStore(workerId);\n  return true;\n}\n\nexport async function syncConfigToWorker(\n  workerId: string,\n  columns: Partial<TableTypes.ColumnConfig>[]\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  workerStore.columns = colsFromStore(columns);\n  if (!workerStore.rows && !workerStore.columns) destroyWorkerStore(workerId);\n  return true;\n}\n\n/** SORT */\n\n/**\n * Finds any currently applied sort conditions from the column config\n * @param workerStore\n * @returns the found column name and it's sort direction\n */\nfunction getCurrentSort(workerStore: WorkerStore) {\n  const foundSort = workerStore.columns.find((c) => !!c.order);\n\n  if (foundSort) {\n    const { prop, order } = foundSort;\n    return { prop, order };\n  }\n  return null;\n}\n\nfunction sort(\n  workerStore: WorkerStore,\n  rows: TableTypes.NanoTable['rows'],\n  prop?: TableTypes.Prop,\n  order?: TableTypes.Order\n) {\n  if (!prop && !order) {\n    const currentSort = getCurrentSort(workerStore);\n    if (currentSort) {\n      ({ prop, order } = currentSort);\n    }\n  }\n  if (!prop || !order || !rows.length) return rows;\n\n  const col = workerStore.columns.find((c) => c.prop === prop);\n\n  // custom sort\n  if (!!col.sortCompareFn && typeof col.sortCompareFn === 'function') {\n    const sorted = rows.slice().sort(col.sortCompareFn(prop, order));\n    return sorted;\n  }\n\n  // text sort\n  if (col.type === 'text' && typeof rows[0][prop] === 'string') {\n    const sorted = rows.slice().sort((a, b) => {\n      if (!a[prop]) return 1;\n      if (!b[prop]) return -1;\n      return order === 'asc'\n        ? a[prop].localeCompare(b[prop])\n        : b[prop].localeCompare(a[prop]);\n    });\n    return sorted;\n  }\n\n  // catch-all - number / date / string sort\n  const sorted = rows.slice().sort((a, b) => {\n    if (!a[prop]) return 1;\n    if (!b[prop]) return -1;\n    if (a[prop]! < b[prop]!) return order === 'asc' ? -1 : 1;\n    if (a[prop]! > b[prop]!) return order === 'asc' ? 1 : -1;\n    return 0;\n  });\n  return sorted;\n}\n\n/** Sorting is the last thing we do - don't cache this, there's no point */\nexport async function workerSort(\n  workerId: string,\n  prop: TableTypes.Prop,\n  order: TableTypes.Order\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  // get cached results from a search / filter\n  const data = workerStore.filterRows || workerStore.rows;\n  return sort(workerStore, data, prop, order);\n}\n\n/** FILTER */\n\nfunction filter(\n  rows: TableTypes.NanoTable['rows'],\n  filters: TableTypes.Filter[] = []\n) {\n  if (!filters) return rows;\n\n  filters.forEach((filter) => {\n    rows = smartFilter(rows, {\n      keywords: filter.filter,\n      includePaths: [filter.prop as string],\n      ignorePaths: ['__uuid', '__index'],\n    });\n  });\n  return rows;\n}\n\nfunction applyFiltersAndSort(\n  workerStore: WorkerStore,\n  rows: TableTypes.NanoTable['rows']\n) {\n  rows = filter(rows);\n  return sort(workerStore, rows);\n}\n\nexport async function workerFilter(\n  workerId: string,\n  filters: TableTypes.Filter[]\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  // get cached results from a search\n  const data =\n    !filters || !filters.length\n      ? await workerSearch(workerId, workerStore.searchTerm)\n      : workerStore.filterRows || workerStore.rows;\n  workerStore.filterRows = filter(data, filters);\n\n  // apply sort\n  return sort(workerStore, workerStore.filterRows);\n}\n\n/** SEARCH */\n\n/**\n * A general text search across all table columns.\n * Search is the first thing we do. Cache the result for filtering / sorting\n * @param workerId\n * @param term\n * @returns the searched for data rows - with col filters / sorts also applied\n */\nexport async function workerSearch(workerId: string, term: string) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  workerStore.searchTerm = term;\n  if (!term || !term.length) {\n    workerStore.filterRows = workerStore.rows;\n    return applyFiltersAndSort(workerStore, workerStore.rows);\n  }\n\n  const availCols = workerStore.columns.filter((c) => c.searchable !== false);\n  // cache result\n  workerStore.filterRows = smartFilter(workerStore.rows, {\n    keywords: term,\n    predicate: 'OR',\n    includePaths: [...(availCols.map((c) => c.prop) as string[])],\n    ignorePaths: ['__uuid', '__index'],\n  });\n\n  // apply filter and sort\n  return applyFiltersAndSort(workerStore, workerStore.filterRows);\n}\n\n/**\n * Clean up\n * @param workerId\n */\nexport async function destroyWorkerStore(workerId: string) {\n  dataWorkers.delete(workerId);\n}\n"]}
+{"version":3,"file":"table.worker.js","sourceRoot":"","sources":["../../../src/components/table/table.worker.ts"],"names":[],"mappings":"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","sourcesContent":["import { filter as smartFilter } from 'smart-array-filter';\nimport type { TableTypes } from '../../interface';\n\n// we'll do ordering and filtering in here\n\n/** SETUP */\n\ninterface WorkerStore {\n  rows: TableTypes.NanoTable['rows'];\n  columns: Partial<TableTypes.ColumnConfig>[];\n  filterRows?: TableTypes.NanoTable['rows'];\n  searchTerm?: string;\n}\n\nconst dataWorkers: Map<string, WorkerStore> = new Map();\n\nfunction uid() {\n  return Date.now().toString(36) + Math.random().toString(36).substring(2);\n}\n\nexport async function createWorkerStore(\n  rows: TableTypes.NanoTable['rows'],\n  columns: Partial<TableTypes.ColumnConfig>[]\n) {\n  const id = uid();\n  dataWorkers.set(id, { rows, columns: colsFromStore(columns) });\n  return id;\n}\n\nexport async function syncDataToWorker(\n  workerId: string,\n  rows: TableTypes.NanoTable['rows']\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  workerStore.rows = rows;\n  if (!workerStore.rows && !workerStore.columns) destroyWorkerStore(workerId);\n  return true;\n}\n\nexport async function syncConfigToWorker(\n  workerId: string,\n  columns: Partial<TableTypes.ColumnConfig>[]\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  workerStore.columns = colsFromStore(columns);\n  if (!workerStore.rows && !workerStore.columns) destroyWorkerStore(workerId);\n  return true;\n}\n\n/** SEARCH */\n\n/**\n * A general text search across all table columns.\n * Search is the first thing we do. Cache the result for filtering / sorting\n * @param workerId\n * @param term\n * @returns the searched for data rows - with col filters / sorts also applied\n */\nexport async function workerSearch(workerId: string, term: string) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  workerStore.searchTerm = term;\n  if (!term || !term.length) {\n    workerStore.filterRows = workerStore.rows;\n    return applyFiltersAndSort(workerStore, workerStore.rows);\n  }\n\n  const availCols = workerStore.columns.filter((c) => c.searchable !== false);\n  // cache result\n  workerStore.filterRows = smartFilter(workerStore.rows, {\n    keywords: term,\n    predicate: 'OR',\n    includePaths: [...(availCols.map((c) => c.prop) as string[])],\n    ignorePaths: ['__uuid', '__index'],\n  });\n\n  // apply filter and sort\n  return applyFiltersAndSort(workerStore, workerStore.filterRows);\n}\n\n/** FILTER */\n\n/**\n * Finds any currently applied filter conditions from the column config\n * @param workerStore\n * @returns the found column filter object array\n */\nfunction getCurrentFilters(workerStore: WorkerStore) {\n  return workerStore.columns\n    .filter((c) => c.filter !== undefined && c.filter !== null)\n    .reduce((filters, col) => {\n      const { prop, filter } = col;\n      filters.push({ prop, filter });\n      return filters;\n    }, [] as TableTypes.Filter[]);\n}\n\nfunction filter(\n  workerStore: WorkerStore,\n  rows: TableTypes.NanoTable['rows'],\n  filters: TableTypes.Filter[] = []\n) {\n  if (!filters || !filters.length) filters = getCurrentFilters(workerStore);\n  if (!filters || !filters.length) return rows;\n\n  filters.forEach((filter) => {\n    if (typeof filter.filter === 'boolean') {\n      rows = rows.filter((row) => row[filter.prop] === filter.filter);\n    } else {\n      rows = smartFilter(rows, {\n        keywords: filter.filter,\n        includePaths: [filter.prop as string],\n        ignorePaths: ['__uuid', '__index'],\n      });\n    }\n  });\n  return rows;\n}\n\nexport async function workerFilter(\n  workerId: string,\n  filters: TableTypes.Filter[]\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  // get cached results from a search\n  const data =\n    (!filters || !filters.length) && workerStore.searchTerm\n      ? await workerSearch(workerId, workerStore.searchTerm)\n      : workerStore.searchTerm\n      ? workerStore.filterRows\n      : workerStore.rows;\n  workerStore.filterRows = filter(workerStore, data, filters);\n\n  // apply sort\n  return sort(workerStore, workerStore.filterRows);\n}\n\n/** SORT */\n\n/**\n * Finds any currently applied sort conditions from the column config\n * @param workerStore\n * @returns the found column name and it's sort direction\n */\nfunction getCurrentSort(workerStore: WorkerStore) {\n  const foundSort = workerStore.columns.find((c) => !!c.order);\n\n  if (foundSort) {\n    const { prop, order } = foundSort;\n    return { prop, order };\n  }\n  return null;\n}\n\nfunction sort(\n  workerStore: WorkerStore,\n  rows: TableTypes.NanoTable['rows'],\n  prop?: TableTypes.Prop,\n  order?: TableTypes.Order\n) {\n  if (!prop && !order) {\n    const currentSort = getCurrentSort(workerStore);\n    if (currentSort) {\n      ({ prop, order } = currentSort);\n    }\n  }\n  if (!prop || !order || !rows.length) return rows;\n\n  const col = workerStore.columns.find((c) => c.prop === prop);\n\n  // custom sort\n  if (!!col.sortCompareFn && typeof col.sortCompareFn === 'function') {\n    const sorted = rows.slice().sort(col.sortCompareFn(prop, order));\n    return sorted;\n  }\n\n  // text sort\n  if (col.type === 'text' && typeof rows[0][prop] === 'string') {\n    const sorted = rows.slice().sort((a, b) => {\n      if (!a[prop]) return 1;\n      if (!b[prop]) return -1;\n      return order === 'asc'\n        ? a[prop].localeCompare(b[prop])\n        : b[prop].localeCompare(a[prop]);\n    });\n    return sorted;\n  }\n\n  // catch-all - number / date / string sort\n  const sorted = rows.slice().sort((a, b) => {\n    if (!a[prop]) return 1;\n    if (!b[prop]) return -1;\n    if (a[prop]! < b[prop]!) return order === 'asc' ? -1 : 1;\n    if (a[prop]! > b[prop]!) return order === 'asc' ? 1 : -1;\n    return 0;\n  });\n  return sorted;\n}\n\n/** Sorting is the last thing we do - don't cache this, there's no point */\nexport async function workerSort(\n  workerId: string,\n  prop: TableTypes.Prop,\n  order: TableTypes.Order\n) {\n  const workerStore = dataWorkers.get(workerId);\n  if (!workerStore) throw 'cannot find worker with ID ' + workerId;\n\n  // get cached results from a search / filter\n  const data = workerStore.filterRows || workerStore.rows;\n  return sort(workerStore, data, prop, order);\n}\n\n/** UTILS */\n\n// used after a search, it only sorts rn\n// (search acting like a filter 'reset' atm)\nfunction applyFiltersAndSort(\n  workerStore: WorkerStore,\n  rows: TableTypes.NanoTable['rows']\n) {\n  rows = filter(workerStore, rows);\n  return sort(workerStore, rows);\n}\n\nfunction colsFromStore(safeColumns: Partial<TableTypes.ColumnConfig>[]) {\n  return safeColumns.map((c) => {\n    if (!!c.sortCompareFn) {\n      c.sortCompareFn = new Function('return ' + c.sortCompareFn)();\n    }\n    return c;\n  });\n}\n\n/**\n * Clean up\n * @param workerId\n */\nexport async function destroyWorkerStore(workerId: string) {\n  dataWorkers.delete(workerId);\n}\n"]}

package/dist/components/table.js

@@ -174,7 +174,7 @@ function getDataType(value) {
   if (value instanceof Date) {
     return 'date';
   }
-  if (['number', 'string'].includes(typeof value)) {
+  if (['number', 'string', 'boolean'].includes(typeof value)) {
     return typeof value;
   }
   return 'unknown';
@@ -190,7 +190,7 @@ function storeSetData(host, rows) {
     return [...prev, curr.prop];
   }, []);
   const unknownCols = cols.filter((col) => !col.type);
-  // augments data with some internal.
+  // augments data with some internal props.
   // discern unknown column types
   // convert dates to numbers for worker
   rows = rows.map((row, i) => {
@@ -618,7 +618,7 @@ const TableColHead = ({ column, headRenderer, onColumnSortClick, onColumnPinned,
     extraProps = column.columnProperties(column) || extraProps;
   }
   const baseProps = {
-    class: Object.assign(Object.assign({}, headerPinClasses('th', headRenderer === null || headRenderer === void 0 ? void 0 : headRenderer.pinned)), { [`${CSSNAMESPACE}__pin--start`]: column.pinned === 'start', [`${CSSNAMESPACE}__pin--end`]: column.pinned === 'end', [`${CSSNAMESPACE}__ordered`]: !!column.order, [`${CSSNAMESPACE}__filtered`]: !!column.filter }),
+    class: Object.assign(Object.assign({}, headerPinClasses('th', headRenderer === null || headRenderer === void 0 ? void 0 : headRenderer.pinned)), { [`${CSSNAMESPACE}__pin--start`]: column.pinned === 'start', [`${CSSNAMESPACE}__pin--end`]: column.pinned === 'end', [`${CSSNAMESPACE}__ordered`]: !!column.order, [`${CSSNAMESPACE}__filtered`]: column.filter !== undefined && column.filter !== null }),
   };
   let props = extraProps ? mergeProperties(baseProps, extraProps) : baseProps;
   const content = colheadFootRender(column);
@@ -659,13 +659,13 @@ const TableColHead = ({ column, headRenderer, onColumnSortClick, onColumnPinned,
         [`${CSSNAMESPACE}__cell-content`]: true,
       }, onClick: handleColumnSortClick },
       colheadFootRender(column),
-      !!column.filter && h("nano-icon", { name: "light/filter" }),
+      column.filter !== undefined && column.filter !== null && (h("nano-icon", { name: "light/filter" })),
       !!column.order &&
         (column.order === 'desc' ? (h("nano-icon", { name: "solid/long-arrow-down" })) : (h("nano-icon", { name: "solid/long-arrow-up" }))),
       h("div", { class: `${CSSNAMESPACE}__status-icons` },
         h("nano-icon", { name: "light/chevron-down" })))) : (h("div", { class: `${CSSNAMESPACE}__cell-content` },
       colheadFootRender(column),
-      !!column.filter && h("nano-icon", { name: "light/bars-filter" })))));
+      column.filter !== undefined && column.filter !== null && (h("nano-icon", { name: "light/bars-filter" }))))));
 };
 
 // TABLE CELL
@@ -690,7 +690,7 @@ function cellRender(rowIndex, colIndex) {
         : d;
     }
   }
-  return tpl ? (tpl(h, model)) : model.cellModel ? (h(Fragment, null, (_b = model.cellModel) === null || _b === void 0 ? void 0 : _b.toString())) : ('');
+  return tpl ? (tpl(h, model)) : model.cellModel !== undefined && model.cellModel !== null ? (h(Fragment, null, (_b = model.cellModel) === null || _b === void 0 ? void 0 : _b.toString())) : ('');
 }
 const baseCellClasses = (colIndex, toString = false) => {
   const store = fetchStores();
@@ -852,8 +852,9 @@ const TableHeadFootRow = ({ rowRenderer, onColumnPinned }, children, utils) => {
 
 const tableCss = ":host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}nano-table{display:block;width:100%;--max-col-width:clamp(200px, 500px, 50vw);--color:var(--nano-color-mediumgrey, #68767e);--font-size:0.87rem;--cell-line-height:1.5;--thead-font-size:0.95rem;--thead-color:#455560;--tfoot-color:#455560;--border-color:#dddbda;--border-style:thin solid var(--border-color);--border-tint-color:#0084a9;--border-tint-style:3px solid var(--border-tint-color);--cell-bg-rgb:var(--nano-color-white-rgb, 255 255 255);--head-bg-rgb:250 250 249;--foot-bg-rgb:var(--head-bg-rgb);--th-row-bg-rgb:var(--cell-bg-rgb);--ordered-bg-rgb:var(--nano-color-offwhite-rgb, 249 249 251);--td-padding-start:0.625rem;--td-padding-end:0.625rem;--td-padding-top:0.5rem;--td-padding-bottom:0.4125rem;--th-padding-start:0.625rem;--th-padding-end:0.625rem;--th-padding-top:0.875rem;--th-padding-bottom:0.6875rem;--td-padding-v:var(--td-padding-top) var(--td-padding-bottom);--td-padding-h:var(--td-padding-start) var(--td-padding-end);--th-padding-v:var(--th-padding-top) var(--th-padding-bottom);--th-padding-h:var(--th-padding-start) var(--th-padding-end);--foot-th-padding-v:var(--td-padding-top) var(--td-padding-bottom);--foot-th-padding-h:var(--td-padding-start) var(--td-padding-end);--head-th-padding-v:var(--th-padding-top) var(--th-padding-bottom);--head-th-padding-h:var(--th-padding-start) var(--th-padding-end);--bookend-col-padding:2rem}.nano-tbl{color:var(--color);text-align:start;width:100%;font-size:var(--font-size);border-spacing:0 0;border-collapse:separate;background:rgb(var(--cell-bg-rgb));-webkit-border-end:1px solid transparent;border-inline-end:1px solid transparent;-webkit-border-before:1px solid transparent;border-block-start:1px solid transparent;position:relative;z-index:1}.nano-tbl__wrap{display:table;min-width:100%}.nano-tbl__top-anchor{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;position:relative}.nano-tbl__ordered{background-color:var(--ordered-bg);-webkit-border-start:var(--border-style);border-inline-start:var(--border-style);-webkit-border-end:var(--border-style);border-inline-end:var(--border-style)}.nano-tbl__drag-mask{display:none;position:absolute;inset-block:-2px -2px;z-index:10;opacity:0;transition:0.2s ease opacity}.nano-tbl__drag-mask--start{width:calc(50% + 2px);inset-inline-start:-2px;-webkit-border-start:2px dashed var(--border-tint-color);border-inline-start:2px dashed var(--border-tint-color)}.nano-tbl__drag-mask--end{width:50%;inset-inline-end:0;-webkit-border-end:2px dashed var(--border-tint-color);border-inline-end:2px dashed var(--border-tint-color)}.nano-tbl__drag-mask--active{opacity:1}.nano-tbl__dragging .nano-tbl__drag-mask{display:block}.nano-tbl__drag--start{opacity:0.4}.nano-tbl__dragging .nano-tbl__td,.nano-tbl__dragging .nano-tbl__th{cursor:no-drop}.nano-tbl__dragging .nano-tbl__td .nano-tbl__cell-content,.nano-tbl__dragging .nano-tbl__th .nano-tbl__cell-content{pointer-events:none}.nano-tbl__order-btn{padding:0;border:none;outline:none;font:inherit;background:none;-webkit-appearance:none;appearance:none;color:inherit;display:flex;gap:10px;align-items:center;width:100%}.nano-tbl__status-icons{margin-inline:auto 10px;display:flex;gap:10px}.nano-tbl__progress-bar{font-size:0.2rem;position:sticky;inset-block-start:0;inset-inline:0;z-index:10;transition:scale 0.25s;transform:scale(0);width:100%;height:0}.nano-tbl__progress-bar--show{transform:scale(1);height:auto}.nano-tbl__caption--hide{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.nano-tbl__td,.nano-tbl__th{line-height:var(--cell-line-height);text-align:start;-webkit-border-before:var(--border-style);border-block-start:var(--border-style);max-width:var(--max-col-width);background-color:rgb(var(--cell-bg-rgb))}tbody:first-of-type tr:first-child .nano-tbl__td,tbody:first-of-type tr:first-child .nano-tbl__th{-webkit-border-before:none;border-block-start:none}tbody:last-of-type tr:last-child .nano-tbl__td,tbody:last-of-type tr:last-child .nano-tbl__th{-webkit-border-after:var(--border-style);border-block-end:var(--border-style)}.md .nano-tbl__td:first-child .nano-tbl__cell-content,.md .nano-tbl__th:first-child .nano-tbl__cell-content{-webkit-padding-start:var(--bookend-col-padding);padding-inline-start:var(--bookend-col-padding)}.md .nano-tbl__td:last-child .nano-tbl__cell-content,.md .nano-tbl__th:last-child .nano-tbl__cell-content{-webkit-padding-end:var(--bookend-col-padding);padding-inline-end:var(--bookend-col-padding)}@media (max-width: 768px){.nano-tbl__td:first-child .nano-tbl__cell-content,.nano-tbl__th:first-child .nano-tbl__cell-content{-webkit-padding-start:var(--td-padding-start) !important;padding-inline-start:var(--td-padding-start) !important}.nano-tbl__td:last-child .nano-tbl__cell-content,.nano-tbl__th:last-child .nano-tbl__cell-content{-webkit-padding-end:var(--td-padding-end) !important;padding-inline-end:var(--td-padding-end) !important}}thead .nano-tbl__td,thead .nano-tbl__th{color:var(--thead-color);font-weight:800;background:rgb(var(--head-bg-rgb)/90%);font-size:var(--thead-font-size);-webkit-border-before:none !important;border-block-start:none !important;transition:all 0.2s ease}thead .nano-tbl__td .nano-tbl__cell-content,thead .nano-tbl__th .nano-tbl__cell-content{padding-block:var(--head-th-padding-v);padding-inline:var(--head-th-padding-h)}tfoot .nano-tbl__td,tfoot .nano-tbl__th{color:var(--tfoot-color);font-weight:800;-webkit-border-before:none;border-block-start:none;background:rgb(var(--foot-bg-rgb)/90%);font-size:var(--thead-font-size)}tfoot .nano-tbl__td .nano-tbl__cell-content,tfoot .nano-tbl__th .nano-tbl__cell-content{padding-block:var(--foot-th-padding-v);padding-inline:var(--foot-th-padding-h)}.nano-tbl__td.nano-tbl__ordered,.nano-tbl__th.nano-tbl__ordered{background-color:rgb(var(--ordered-bg-rgb)/80%) !important}.nano-tbl__cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:var(--td-padding-v);padding-inline:var(--td-padding-h)}.nano-tbl__cell-content--no-result{padding-block:2rem}.nano-tbl__cell-content--wrap{white-space:normal;overflow:visible}.nano-tbl tbody{will-change:scroll-position;opacity:1;transition:0.1s ease opacity;transform:translateZ(0)}.nano-tbl tbody.nano-tbl__inactive{opacity:0}.nano-tbl th[scope=row]{font-weight:800;margin:0}.nano-tbl__pin{position:sticky;transform:translateZ(0)}.nano-tbl__pin--start{inset-inline:-1px auto;transition:max-width 0.25s ease}.nano-tbl__pin--start::after{content:\"\";position:absolute;inset:0;box-shadow:5px 1px 4px 0 rgba(0, 0, 0, 0.2);opacity:0;z-index:-1}.nano-tbl__pinned--start .nano-tbl__pin--start{z-index:2;max-width:125px !important}.sm .nano-tbl__pinned--start .nano-tbl__pin--start{max-width:var(--max-col-width) !important}.nano-tbl__pinned--start .nano-tbl__pin--start::after{opacity:1}.nano-tbl__pin--end{}.nano-tbl__pin--start+.nano-tbl__pin--end{inset-inline:auto auto}.nano-tbl__pin--start+.nano-tbl__pin--end::after{display:none}.sm .nano-tbl__pin--end{inset-inline:auto -1px !important;max-width:min(50vw, 200px)}.sm .nano-tbl__pin--end::after{display:block !important;content:\"\";position:absolute;inset:0;box-shadow:-5px 1px 4px 0 rgba(0, 0, 0, 0.2);opacity:0;z-index:-1}.sm .nano-tbl__pinned--end .nano-tbl__pin--end::after{opacity:1}.nano-tbl__pin--top{inset-block:-1px auto}.nano-tbl__pinned--top .nano-tbl__pin--top{z-index:4 !important}.nano-tbl__pin--bottom{inset-block:auto -1px}.nano-tbl__pinned--bottom .nano-tbl__pin--bottom{z-index:5 !important}.nano-tbl__pinned--start .nano-tbl__pin--top.nano-tbl__pin--start{z-index:5 !important}.nano-tbl__pinned--top.nano-tbl__pinned--start .nano-tbl__pin--top.nano-tbl__pin--start{z-index:6 !important}.nano-tbl__pinned--end .nano-tbl__pin--top.nano-tbl__pin--end{z-index:5 !important}.nano-tbl__pinned--top.nano-tbl__pinned--end .nano-tbl__pin--top.nano-tbl__pin--end{z-index:6 !important}.nano-tbl__pinned--start .nano-tbl__pin--bottom.nano-tbl__pin--start{z-index:5 !important}.nano-tbl__pinned--bottom.nano-tbl__pinned--start .nano-tbl__pin--bottom.nano-tbl__pin--start{z-index:6 !important}.nano-tbl__pinned--end .nano-tbl__pin--bottom.nano-tbl__pin--end{z-index:5 !important}.nano-tbl__pinned--bottom.nano-tbl__pinned--end .nano-tbl__pin--bottom.nano-tbl__pin--end{z-index:6 !important}.nano-tbl thead tr:last-of-type td,.nano-tbl thead tr:last-of-type th{-webkit-border-after:var(--border-tint-style);border-block-end:var(--border-tint-style)}.nano-tbl tfoot tr:first-of-type td,.nano-tbl tfoot tr:first-of-type th{-webkit-border-before:none;border-block-start:none}.nano-tbl tfoot tr:last-of-type td,.nano-tbl tfoot tr:last-of-type th{-webkit-border-after:var(--border-tint-style);border-block-end:var(--border-tint-style)}.nano-tbl__pinned--bottom .nano-tbl tfoot tr.nano-tbl__pin--bottom:first-of-type td,.nano-tbl__pinned--bottom .nano-tbl tfoot tr.nano-tbl__pin--bottom:first-of-type th{-webkit-border-before:var(--border-tint-style) !important;border-block-start:var(--border-tint-style) !important}.nano-tbl__pinned--bottom .nano-tbl tfoot tr.nano-tbl__pin--bottom:last-of-type td,.nano-tbl__pinned--bottom .nano-tbl tfoot tr.nano-tbl__pin--bottom:last-of-type th{-webkit-border-after:none !important;border-block-end:none !important}.nano-tbl .unlimited-width{max-width:none}.nano-tbl__spinner{font-size:1.5rem;transition:scale 0.25s;scale:0;padding:0.5rem;position:absolute;inset-block-end:0;inset-inline-start:calc(50% - 0.75rem);z-index:0}.nano-tbl__spinner--show{scale:1;position:sticky}.nano-tbl nano-skeleton{line-height:var(--cell-line-height)}";
 
+const measurePerf = false;
 function perMark(name, end = false) {
-  if (!Build.isDev || Build.isTesting || !performance)
+  if (!Build.isDev || Build.isTesting || !performance || !measurePerf)
     return;
   if (end) {
     performance === null || performance === void 0 ? void 0 : performance.mark('end' + name);
@@ -1280,6 +1281,8 @@ const Table = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       const cFilter = this.filters.find((f) => f.prop === c.prop);
       if (cFilter)
         c.filter = cFilter.filter;
+      else if (c.filter !== null && c.filter !== undefined)
+        c.filter = undefined;
       return c;
     });
     this.nanoTblAfterFilter.emit({ filters: this.filters });
@@ -1347,7 +1350,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   /** Apply initial columns settings */
   async columnInit() {
     this.filters = this.columns
-      .filter((c) => !!c.filter)
+      .filter((c) => c.filter !== undefined && c.filter !== null)
       .map((c) => {
       const { filter, prop } = c;
       return { filter, prop };
@@ -1490,7 +1493,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           sortable: this.defaultSort,
           draggable: this.defaultColDraggable,
         } }),
-    ]))), this._loading && !this.blocks.length && (h("tbody", { class: `${CSSNAMESPACE}__active` }, [...Array(10).keys()].map((rowIndex) => (h("tr", null, this.store.config.state.columns.map((_colModel, colIndex) => (h(TableCell, { rowIndex: rowIndex, colIndex: colIndex, nestedContent: () => h("nano-skeleton", null) })))))))), !this._loading && !this.blocks.length && (h("tr", null, h("th", { class: `${CSSNAMESPACE}__th`, colSpan: this.store.config.state.columns.length }, h("div", { class: "nano-tbl__cell-content nano-tbl__cell-content--no-result" }, h("slot", { name: "no-results" }, "No results found"))))), this.blocks.map((block, blockIndex) => (h("tbody", { key: block.__uuid, id: `tbody-${this.renderId}-${blockIndex}`, ref: (tb) => {
+    ]))), this._loading && !this.blocks.length && (h("tbody", { class: `${CSSNAMESPACE}__active` }, [...Array(10).keys()].map((rowIndex) => (h("tr", null, this.store.config.state.columns.map((_colModel, colIndex) => (h(TableCell, { rowIndex: rowIndex, colIndex: colIndex, nestedContent: () => h("nano-skeleton", null) })))))))), h("tr", { hidden: !!this._loading || !!this.blocks.length }, h("th", { class: `${CSSNAMESPACE}__th`, colSpan: this.store.config.state.columns.length }, h("div", { class: "nano-tbl__cell-content nano-tbl__cell-content--no-result" }, h("slot", { name: "no-results" }, "No results found")))), this.blocks.map((block, blockIndex) => (h("tbody", { key: block.__uuid, id: `tbody-${this.renderId}-${blockIndex}`, ref: (tb) => {
         this.blockElements.push(tb);
       }, class: {
         [`${CSSNAMESPACE}__inactive`]: !this.activeBlocks.includes(blockIndex),