@nova-design-system/nova-webcomponents 3.24.0 → 3.25.0

package/dist/components/nv-datagrid.js

@@ -1,4580 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-C63Xpg9a.js';
-import { h as SortingPossibility } from './p-BReL3Lsa.js';
-import { d as defineCustomElement$3 } from './p-BILd3Ta-.js';
-import { d as defineCustomElement$2 } from './p-nfYynlVq.js';
-
-/**
-   * table-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-// type Person = {
-//   firstName: string
-//   lastName: string
-//   age: number
-//   visits: number
-//   status: string
-//   progress: number
-//   createdAt: Date
-//   nested: {
-//     foo: [
-//       {
-//         bar: 'bar'
-//       }
-//     ]
-//     bar: { subBar: boolean }[]
-//     baz: {
-//       foo: 'foo'
-//       bar: {
-//         baz: 'baz'
-//       }
-//     }
-//   }
-// }
-
-// const test: DeepKeys<Person> = 'nested.foo.0.bar'
-// const test2: DeepKeys<Person> = 'nested.bar'
-
-// const helper = createColumnHelper<Person>()
-
-// helper.accessor('nested.foo', {
-//   cell: info => info.getValue(),
-// })
-
-// helper.accessor('nested.foo.0.bar', {
-//   cell: info => info.getValue(),
-// })
-
-// helper.accessor('nested.bar', {
-//   cell: info => info.getValue(),
-// })
-
-function createColumnHelper() {
-  return {
-    accessor: (accessor, column) => {
-      return typeof accessor === 'function' ? {
-        ...column,
-        accessorFn: accessor
-      } : {
-        ...column,
-        accessorKey: accessor
-      };
-    },
-    display: column => column,
-    group: column => column
-  };
-}
-
-// Is this type a tuple?
-
-// If this type is a tuple, what indices are allowed?
-
-///
-
-function functionalUpdate(updater, input) {
-  return typeof updater === 'function' ? updater(input) : updater;
-}
-function makeStateUpdater(key, instance) {
-  return updater => {
-    instance.setState(old => {
-      return {
-        ...old,
-        [key]: functionalUpdate(updater, old[key])
-      };
-    });
-  };
-}
-function isFunction(d) {
-  return d instanceof Function;
-}
-function isNumberArray(d) {
-  return Array.isArray(d) && d.every(val => typeof val === 'number');
-}
-function flattenBy(arr, getChildren) {
-  const flat = [];
-  const recurse = subArr => {
-    subArr.forEach(item => {
-      flat.push(item);
-      const children = getChildren(item);
-      if (children != null && children.length) {
-        recurse(children);
-      }
-    });
-  };
-  recurse(arr);
-  return flat;
-}
-function memo(getDeps, fn, opts) {
-  let deps = [];
-  let result;
-  return depArgs => {
-    let depTime;
-    if (opts.key && opts.debug) depTime = Date.now();
-    const newDeps = getDeps(depArgs);
-    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
-    if (!depsChanged) {
-      return result;
-    }
-    deps = newDeps;
-    let resultTime;
-    if (opts.key && opts.debug) resultTime = Date.now();
-    result = fn(...newDeps);
-    opts == null || opts.onChange == null || opts.onChange(result);
-    if (opts.key && opts.debug) {
-      if (opts != null && opts.debug()) {
-        const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
-        const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
-        const resultFpsPercentage = resultEndTime / 16;
-        const pad = (str, num) => {
-          str = String(str);
-          while (str.length < num) {
-            str = ' ' + str;
-          }
-          return str;
-        };
-        console.info(`%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`, `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts == null ? void 0 : opts.key);
-      }
-    }
-    return result;
-  };
-}
-function getMemoOptions(tableOptions, debugLevel, key, onChange) {
-  return {
-    debug: () => {
-      var _tableOptions$debugAl;
-      return (_tableOptions$debugAl = tableOptions == null ? void 0 : tableOptions.debugAll) != null ? _tableOptions$debugAl : tableOptions[debugLevel];
-    },
-    key: "production" === 'development',
-    onChange
-  };
-}
-
-function createCell(table, row, column, columnId) {
-  const getRenderValue = () => {
-    var _cell$getValue;
-    return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : table.options.renderFallbackValue;
-  };
-  const cell = {
-    id: `${row.id}_${column.id}`,
-    row,
-    column,
-    getValue: () => row.getValue(columnId),
-    renderValue: getRenderValue,
-    getContext: memo(() => [table, column, row, cell], (table, column, row, cell) => ({
-      table,
-      column,
-      row,
-      cell: cell,
-      getValue: cell.getValue,
-      renderValue: cell.renderValue
-    }), getMemoOptions(table.options, 'debugCells'))
-  };
-  table._features.forEach(feature => {
-    feature.createCell == null || feature.createCell(cell, column, row, table);
-  }, {});
-  return cell;
-}
-
-function createColumn(table, columnDef, depth, parent) {
-  var _ref, _resolvedColumnDef$id;
-  const defaultColumn = table._getDefaultColumnDef();
-  const resolvedColumnDef = {
-    ...defaultColumn,
-    ...columnDef
-  };
-  const accessorKey = resolvedColumnDef.accessorKey;
-  let id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : accessorKey ? typeof String.prototype.replaceAll === 'function' ? accessorKey.replaceAll('.', '_') : accessorKey.replace(/\./g, '_') : undefined) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
-  let accessorFn;
-  if (resolvedColumnDef.accessorFn) {
-    accessorFn = resolvedColumnDef.accessorFn;
-  } else if (accessorKey) {
-    // Support deep accessor keys
-    if (accessorKey.includes('.')) {
-      accessorFn = originalRow => {
-        let result = originalRow;
-        for (const key of accessorKey.split('.')) {
-          var _result;
-          result = (_result = result) == null ? void 0 : _result[key];
-        }
-        return result;
-      };
-    } else {
-      accessorFn = originalRow => originalRow[resolvedColumnDef.accessorKey];
-    }
-  }
-  if (!id) {
-    throw new Error();
-  }
-  let column = {
-    id: `${String(id)}`,
-    accessorFn,
-    parent: parent,
-    depth,
-    columnDef: resolvedColumnDef,
-    columns: [],
-    getFlatColumns: memo(() => [true], () => {
-      var _column$columns;
-      return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
-    }, getMemoOptions(table.options, 'debugColumns')),
-    getLeafColumns: memo(() => [table._getOrderColumnsFn()], orderColumns => {
-      var _column$columns2;
-      if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
-        let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
-        return orderColumns(leafColumns);
-      }
-      return [column];
-    }, getMemoOptions(table.options, 'debugColumns'))
-  };
-  for (const feature of table._features) {
-    feature.createColumn == null || feature.createColumn(column, table);
-  }
-
-  // Yes, we have to convert table to unknown, because we know more than the compiler here.
-  return column;
-}
-
-const debug = 'debugHeaders';
-//
-
-function createHeader(table, column, options) {
-  var _options$id;
-  const id = (_options$id = options.id) != null ? _options$id : column.id;
-  let header = {
-    id,
-    column,
-    index: options.index,
-    isPlaceholder: !!options.isPlaceholder,
-    placeholderId: options.placeholderId,
-    depth: options.depth,
-    subHeaders: [],
-    colSpan: 0,
-    rowSpan: 0,
-    headerGroup: null,
-    getLeafHeaders: () => {
-      const leafHeaders = [];
-      const recurseHeader = h => {
-        if (h.subHeaders && h.subHeaders.length) {
-          h.subHeaders.map(recurseHeader);
-        }
-        leafHeaders.push(h);
-      };
-      recurseHeader(header);
-      return leafHeaders;
-    },
-    getContext: () => ({
-      table,
-      header: header,
-      column
-    })
-  };
-  table._features.forEach(feature => {
-    feature.createHeader == null || feature.createHeader(header, table);
-  });
-  return header;
-}
-const Headers = {
-  createTable: table => {
-    // Header Groups
-
-    table.getHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
-      var _left$map$filter, _right$map$filter;
-      const leftColumns = (_left$map$filter = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
-      const rightColumns = (_right$map$filter = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
-      const centerColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
-      const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
-      return headerGroups;
-    }, getMemoOptions(table.options, debug));
-    table.getCenterHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
-      leafColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
-      return buildHeaderGroups(allColumns, leafColumns, table, 'center');
-    }, getMemoOptions(table.options, debug));
-    table.getLeftHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
-      var _left$map$filter2;
-      const orderedLeafColumns = (_left$map$filter2 = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
-      return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
-    }, getMemoOptions(table.options, debug));
-    table.getRightHeaderGroups = memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
-      var _right$map$filter2;
-      const orderedLeafColumns = (_right$map$filter2 = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
-      return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
-    }, getMemoOptions(table.options, debug));
-
-    // Footer Groups
-
-    table.getFooterGroups = memo(() => [table.getHeaderGroups()], headerGroups => {
-      return [...headerGroups].reverse();
-    }, getMemoOptions(table.options, debug));
-    table.getLeftFooterGroups = memo(() => [table.getLeftHeaderGroups()], headerGroups => {
-      return [...headerGroups].reverse();
-    }, getMemoOptions(table.options, debug));
-    table.getCenterFooterGroups = memo(() => [table.getCenterHeaderGroups()], headerGroups => {
-      return [...headerGroups].reverse();
-    }, getMemoOptions(table.options, debug));
-    table.getRightFooterGroups = memo(() => [table.getRightHeaderGroups()], headerGroups => {
-      return [...headerGroups].reverse();
-    }, getMemoOptions(table.options, debug));
-
-    // Flat Headers
-
-    table.getFlatHeaders = memo(() => [table.getHeaderGroups()], headerGroups => {
-      return headerGroups.map(headerGroup => {
-        return headerGroup.headers;
-      }).flat();
-    }, getMemoOptions(table.options, debug));
-    table.getLeftFlatHeaders = memo(() => [table.getLeftHeaderGroups()], left => {
-      return left.map(headerGroup => {
-        return headerGroup.headers;
-      }).flat();
-    }, getMemoOptions(table.options, debug));
-    table.getCenterFlatHeaders = memo(() => [table.getCenterHeaderGroups()], left => {
-      return left.map(headerGroup => {
-        return headerGroup.headers;
-      }).flat();
-    }, getMemoOptions(table.options, debug));
-    table.getRightFlatHeaders = memo(() => [table.getRightHeaderGroups()], left => {
-      return left.map(headerGroup => {
-        return headerGroup.headers;
-      }).flat();
-    }, getMemoOptions(table.options, debug));
-
-    // Leaf Headers
-
-    table.getCenterLeafHeaders = memo(() => [table.getCenterFlatHeaders()], flatHeaders => {
-      return flatHeaders.filter(header => {
-        var _header$subHeaders;
-        return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
-      });
-    }, getMemoOptions(table.options, debug));
-    table.getLeftLeafHeaders = memo(() => [table.getLeftFlatHeaders()], flatHeaders => {
-      return flatHeaders.filter(header => {
-        var _header$subHeaders2;
-        return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
-      });
-    }, getMemoOptions(table.options, debug));
-    table.getRightLeafHeaders = memo(() => [table.getRightFlatHeaders()], flatHeaders => {
-      return flatHeaders.filter(header => {
-        var _header$subHeaders3;
-        return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
-      });
-    }, getMemoOptions(table.options, debug));
-    table.getLeafHeaders = memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
-      var _left$0$headers, _left$, _center$0$headers, _center$, _right$0$headers, _right$;
-      return [...((_left$0$headers = (_left$ = left[0]) == null ? void 0 : _left$.headers) != null ? _left$0$headers : []), ...((_center$0$headers = (_center$ = center[0]) == null ? void 0 : _center$.headers) != null ? _center$0$headers : []), ...((_right$0$headers = (_right$ = right[0]) == null ? void 0 : _right$.headers) != null ? _right$0$headers : [])].map(header => {
-        return header.getLeafHeaders();
-      }).flat();
-    }, getMemoOptions(table.options, debug));
-  }
-};
-function buildHeaderGroups(allColumns, columnsToGroup, table, headerFamily) {
-  var _headerGroups$0$heade, _headerGroups$;
-  // Find the max depth of the columns:
-  // build the leaf column row
-  // build each buffer row going up
-  //    placeholder for non-existent level
-  //    real column for existing level
-
-  let maxDepth = 0;
-  const findMaxDepth = function (columns, depth) {
-    if (depth === void 0) {
-      depth = 1;
-    }
-    maxDepth = Math.max(maxDepth, depth);
-    columns.filter(column => column.getIsVisible()).forEach(column => {
-      var _column$columns;
-      if ((_column$columns = column.columns) != null && _column$columns.length) {
-        findMaxDepth(column.columns, depth + 1);
-      }
-    }, 0);
-  };
-  findMaxDepth(allColumns);
-  let headerGroups = [];
-  const createHeaderGroup = (headersToGroup, depth) => {
-    // The header group we are creating
-    const headerGroup = {
-      depth,
-      id: [headerFamily, `${depth}`].filter(Boolean).join('_'),
-      headers: []
-    };
-
-    // The parent columns we're going to scan next
-    const pendingParentHeaders = [];
-
-    // Scan each column for parents
-    headersToGroup.forEach(headerToGroup => {
-      // What is the latest (last) parent column?
-
-      const latestPendingParentHeader = [...pendingParentHeaders].reverse()[0];
-      const isLeafHeader = headerToGroup.column.depth === headerGroup.depth;
-      let column;
-      let isPlaceholder = false;
-      if (isLeafHeader && headerToGroup.column.parent) {
-        // The parent header is new
-        column = headerToGroup.column.parent;
-      } else {
-        // The parent header is repeated
-        column = headerToGroup.column;
-        isPlaceholder = true;
-      }
-      if (latestPendingParentHeader && (latestPendingParentHeader == null ? void 0 : latestPendingParentHeader.column) === column) {
-        // This column is repeated. Add it as a sub header to the next batch
-        latestPendingParentHeader.subHeaders.push(headerToGroup);
-      } else {
-        // This is a new header. Let's create it
-        const header = createHeader(table, column, {
-          id: [headerFamily, depth, column.id, headerToGroup == null ? void 0 : headerToGroup.id].filter(Boolean).join('_'),
-          isPlaceholder,
-          placeholderId: isPlaceholder ? `${pendingParentHeaders.filter(d => d.column === column).length}` : undefined,
-          depth,
-          index: pendingParentHeaders.length
-        });
-
-        // Add the headerToGroup as a subHeader of the new header
-        header.subHeaders.push(headerToGroup);
-        // Add the new header to the pendingParentHeaders to get grouped
-        // in the next batch
-        pendingParentHeaders.push(header);
-      }
-      headerGroup.headers.push(headerToGroup);
-      headerToGroup.headerGroup = headerGroup;
-    });
-    headerGroups.push(headerGroup);
-    if (depth > 0) {
-      createHeaderGroup(pendingParentHeaders, depth - 1);
-    }
-  };
-  const bottomHeaders = columnsToGroup.map((column, index) => createHeader(table, column, {
-    depth: maxDepth,
-    index
-  }));
-  createHeaderGroup(bottomHeaders, maxDepth - 1);
-  headerGroups.reverse();
-
-  // headerGroups = headerGroups.filter(headerGroup => {
-  //   return !headerGroup.headers.every(header => header.isPlaceholder)
-  // })
-
-  const recurseHeadersForSpans = headers => {
-    const filteredHeaders = headers.filter(header => header.column.getIsVisible());
-    return filteredHeaders.map(header => {
-      let colSpan = 0;
-      let rowSpan = 0;
-      let childRowSpans = [0];
-      if (header.subHeaders && header.subHeaders.length) {
-        childRowSpans = [];
-        recurseHeadersForSpans(header.subHeaders).forEach(_ref => {
-          let {
-            colSpan: childColSpan,
-            rowSpan: childRowSpan
-          } = _ref;
-          colSpan += childColSpan;
-          childRowSpans.push(childRowSpan);
-        });
-      } else {
-        colSpan = 1;
-      }
-      const minChildRowSpan = Math.min(...childRowSpans);
-      rowSpan = rowSpan + minChildRowSpan;
-      header.colSpan = colSpan;
-      header.rowSpan = rowSpan;
-      return {
-        colSpan,
-        rowSpan
-      };
-    });
-  };
-  recurseHeadersForSpans((_headerGroups$0$heade = (_headerGroups$ = headerGroups[0]) == null ? void 0 : _headerGroups$.headers) != null ? _headerGroups$0$heade : []);
-  return headerGroups;
-}
-
-const createRow = (table, id, original, rowIndex, depth, subRows, parentId) => {
-  let row = {
-    id,
-    index: rowIndex,
-    original,
-    depth,
-    parentId,
-    _valuesCache: {},
-    _uniqueValuesCache: {},
-    getValue: columnId => {
-      if (row._valuesCache.hasOwnProperty(columnId)) {
-        return row._valuesCache[columnId];
-      }
-      const column = table.getColumn(columnId);
-      if (!(column != null && column.accessorFn)) {
-        return undefined;
-      }
-      row._valuesCache[columnId] = column.accessorFn(row.original, rowIndex);
-      return row._valuesCache[columnId];
-    },
-    getUniqueValues: columnId => {
-      if (row._uniqueValuesCache.hasOwnProperty(columnId)) {
-        return row._uniqueValuesCache[columnId];
-      }
-      const column = table.getColumn(columnId);
-      if (!(column != null && column.accessorFn)) {
-        return undefined;
-      }
-      if (!column.columnDef.getUniqueValues) {
-        row._uniqueValuesCache[columnId] = [row.getValue(columnId)];
-        return row._uniqueValuesCache[columnId];
-      }
-      row._uniqueValuesCache[columnId] = column.columnDef.getUniqueValues(row.original, rowIndex);
-      return row._uniqueValuesCache[columnId];
-    },
-    renderValue: columnId => {
-      var _row$getValue;
-      return (_row$getValue = row.getValue(columnId)) != null ? _row$getValue : table.options.renderFallbackValue;
-    },
-    subRows: [],
-    getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
-    getParentRow: () => row.parentId ? table.getRow(row.parentId, true) : undefined,
-    getParentRows: () => {
-      let parentRows = [];
-      let currentRow = row;
-      while (true) {
-        const parentRow = currentRow.getParentRow();
-        if (!parentRow) break;
-        parentRows.push(parentRow);
-        currentRow = parentRow;
-      }
-      return parentRows.reverse();
-    },
-    getAllCells: memo(() => [table.getAllLeafColumns()], leafColumns => {
-      return leafColumns.map(column => {
-        return createCell(table, row, column, column.id);
-      });
-    }, getMemoOptions(table.options, 'debugRows')),
-    _getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
-      return allCells.reduce((acc, cell) => {
-        acc[cell.column.id] = cell;
-        return acc;
-      }, {});
-    }, getMemoOptions(table.options, 'debugRows'))
-  };
-  for (let i = 0; i < table._features.length; i++) {
-    const feature = table._features[i];
-    feature == null || feature.createRow == null || feature.createRow(row, table);
-  }
-  return row;
-};
-
-//
-
-const ColumnFaceting = {
-  createColumn: (column, table) => {
-    column._getFacetedRowModel = table.options.getFacetedRowModel && table.options.getFacetedRowModel(table, column.id);
-    column.getFacetedRowModel = () => {
-      if (!column._getFacetedRowModel) {
-        return table.getPreFilteredRowModel();
-      }
-      return column._getFacetedRowModel();
-    };
-    column._getFacetedUniqueValues = table.options.getFacetedUniqueValues && table.options.getFacetedUniqueValues(table, column.id);
-    column.getFacetedUniqueValues = () => {
-      if (!column._getFacetedUniqueValues) {
-        return new Map();
-      }
-      return column._getFacetedUniqueValues();
-    };
-    column._getFacetedMinMaxValues = table.options.getFacetedMinMaxValues && table.options.getFacetedMinMaxValues(table, column.id);
-    column.getFacetedMinMaxValues = () => {
-      if (!column._getFacetedMinMaxValues) {
-        return undefined;
-      }
-      return column._getFacetedMinMaxValues();
-    };
-  }
-};
-
-const includesString = (row, columnId, filterValue) => {
-  var _filterValue$toString, _row$getValue;
-  const search = filterValue == null || (_filterValue$toString = filterValue.toString()) == null ? void 0 : _filterValue$toString.toLowerCase();
-  return Boolean((_row$getValue = row.getValue(columnId)) == null || (_row$getValue = _row$getValue.toString()) == null || (_row$getValue = _row$getValue.toLowerCase()) == null ? void 0 : _row$getValue.includes(search));
-};
-includesString.autoRemove = val => testFalsey(val);
-const includesStringSensitive = (row, columnId, filterValue) => {
-  var _row$getValue2;
-  return Boolean((_row$getValue2 = row.getValue(columnId)) == null || (_row$getValue2 = _row$getValue2.toString()) == null ? void 0 : _row$getValue2.includes(filterValue));
-};
-includesStringSensitive.autoRemove = val => testFalsey(val);
-const equalsString = (row, columnId, filterValue) => {
-  var _row$getValue3;
-  return ((_row$getValue3 = row.getValue(columnId)) == null || (_row$getValue3 = _row$getValue3.toString()) == null ? void 0 : _row$getValue3.toLowerCase()) === (filterValue == null ? void 0 : filterValue.toLowerCase());
-};
-equalsString.autoRemove = val => testFalsey(val);
-const arrIncludes = (row, columnId, filterValue) => {
-  var _row$getValue4;
-  return (_row$getValue4 = row.getValue(columnId)) == null ? void 0 : _row$getValue4.includes(filterValue);
-};
-arrIncludes.autoRemove = val => testFalsey(val);
-const arrIncludesAll = (row, columnId, filterValue) => {
-  return !filterValue.some(val => {
-    var _row$getValue5;
-    return !((_row$getValue5 = row.getValue(columnId)) != null && _row$getValue5.includes(val));
-  });
-};
-arrIncludesAll.autoRemove = val => testFalsey(val) || !(val != null && val.length);
-const arrIncludesSome = (row, columnId, filterValue) => {
-  return filterValue.some(val => {
-    var _row$getValue6;
-    return (_row$getValue6 = row.getValue(columnId)) == null ? void 0 : _row$getValue6.includes(val);
-  });
-};
-arrIncludesSome.autoRemove = val => testFalsey(val) || !(val != null && val.length);
-const equals = (row, columnId, filterValue) => {
-  return row.getValue(columnId) === filterValue;
-};
-equals.autoRemove = val => testFalsey(val);
-const weakEquals = (row, columnId, filterValue) => {
-  return row.getValue(columnId) == filterValue;
-};
-weakEquals.autoRemove = val => testFalsey(val);
-const inNumberRange = (row, columnId, filterValue) => {
-  let [min, max] = filterValue;
-  const rowValue = row.getValue(columnId);
-  return rowValue >= min && rowValue <= max;
-};
-inNumberRange.resolveFilterValue = val => {
-  let [unsafeMin, unsafeMax] = val;
-  let parsedMin = typeof unsafeMin !== 'number' ? parseFloat(unsafeMin) : unsafeMin;
-  let parsedMax = typeof unsafeMax !== 'number' ? parseFloat(unsafeMax) : unsafeMax;
-  let min = unsafeMin === null || Number.isNaN(parsedMin) ? -Infinity : parsedMin;
-  let max = unsafeMax === null || Number.isNaN(parsedMax) ? Infinity : parsedMax;
-  if (min > max) {
-    const temp = min;
-    min = max;
-    max = temp;
-  }
-  return [min, max];
-};
-inNumberRange.autoRemove = val => testFalsey(val) || testFalsey(val[0]) && testFalsey(val[1]);
-
-// Export
-
-const filterFns = {
-  includesString,
-  includesStringSensitive,
-  equalsString,
-  arrIncludes,
-  arrIncludesAll,
-  arrIncludesSome,
-  equals,
-  weakEquals,
-  inNumberRange
-};
-// Utils
-
-function testFalsey(val) {
-  return val === undefined || val === null || val === '';
-}
-
-//
-
-const ColumnFiltering = {
-  getDefaultColumnDef: () => {
-    return {
-      filterFn: 'auto'
-    };
-  },
-  getInitialState: state => {
-    return {
-      columnFilters: [],
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onColumnFiltersChange: makeStateUpdater('columnFilters', table),
-      filterFromLeafRows: false,
-      maxLeafRowFilterDepth: 100
-    };
-  },
-  createColumn: (column, table) => {
-    column.getAutoFilterFn = () => {
-      const firstRow = table.getCoreRowModel().flatRows[0];
-      const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
-      if (typeof value === 'string') {
-        return filterFns.includesString;
-      }
-      if (typeof value === 'number') {
-        return filterFns.inNumberRange;
-      }
-      if (typeof value === 'boolean') {
-        return filterFns.equals;
-      }
-      if (value !== null && typeof value === 'object') {
-        return filterFns.equals;
-      }
-      if (Array.isArray(value)) {
-        return filterFns.arrIncludes;
-      }
-      return filterFns.weakEquals;
-    };
-    column.getFilterFn = () => {
-      var _table$options$filter, _table$options$filter2;
-      return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() : // @ts-ignore
-      (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[column.columnDef.filterFn]) != null ? _table$options$filter : filterFns[column.columnDef.filterFn];
-    };
-    column.getCanFilter = () => {
-      var _column$columnDef$ena, _table$options$enable, _table$options$enable2;
-      return ((_column$columnDef$ena = column.columnDef.enableColumnFilter) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableColumnFilters) != null ? _table$options$enable : true) && ((_table$options$enable2 = table.options.enableFilters) != null ? _table$options$enable2 : true) && !!column.accessorFn;
-    };
-    column.getIsFiltered = () => column.getFilterIndex() > -1;
-    column.getFilterValue = () => {
-      var _table$getState$colum;
-      return (_table$getState$colum = table.getState().columnFilters) == null || (_table$getState$colum = _table$getState$colum.find(d => d.id === column.id)) == null ? void 0 : _table$getState$colum.value;
-    };
-    column.getFilterIndex = () => {
-      var _table$getState$colum2, _table$getState$colum3;
-      return (_table$getState$colum2 = (_table$getState$colum3 = table.getState().columnFilters) == null ? void 0 : _table$getState$colum3.findIndex(d => d.id === column.id)) != null ? _table$getState$colum2 : -1;
-    };
-    column.setFilterValue = value => {
-      table.setColumnFilters(old => {
-        const filterFn = column.getFilterFn();
-        const previousFilter = old == null ? void 0 : old.find(d => d.id === column.id);
-        const newFilter = functionalUpdate(value, previousFilter ? previousFilter.value : undefined);
-
-        //
-        if (shouldAutoRemoveFilter(filterFn, newFilter, column)) {
-          var _old$filter;
-          return (_old$filter = old == null ? void 0 : old.filter(d => d.id !== column.id)) != null ? _old$filter : [];
-        }
-        const newFilterObj = {
-          id: column.id,
-          value: newFilter
-        };
-        if (previousFilter) {
-          var _old$map;
-          return (_old$map = old == null ? void 0 : old.map(d => {
-            if (d.id === column.id) {
-              return newFilterObj;
-            }
-            return d;
-          })) != null ? _old$map : [];
-        }
-        if (old != null && old.length) {
-          return [...old, newFilterObj];
-        }
-        return [newFilterObj];
-      });
-    };
-  },
-  createRow: (row, _table) => {
-    row.columnFilters = {};
-    row.columnFiltersMeta = {};
-  },
-  createTable: table => {
-    table.setColumnFilters = updater => {
-      const leafColumns = table.getAllLeafColumns();
-      const updateFn = old => {
-        var _functionalUpdate;
-        return (_functionalUpdate = functionalUpdate(updater, old)) == null ? void 0 : _functionalUpdate.filter(filter => {
-          const column = leafColumns.find(d => d.id === filter.id);
-          if (column) {
-            const filterFn = column.getFilterFn();
-            if (shouldAutoRemoveFilter(filterFn, filter.value, column)) {
-              return false;
-            }
-          }
-          return true;
-        });
-      };
-      table.options.onColumnFiltersChange == null || table.options.onColumnFiltersChange(updateFn);
-    };
-    table.resetColumnFilters = defaultState => {
-      var _table$initialState$c, _table$initialState;
-      table.setColumnFilters(defaultState ? [] : (_table$initialState$c = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.columnFilters) != null ? _table$initialState$c : []);
-    };
-    table.getPreFilteredRowModel = () => table.getCoreRowModel();
-    table.getFilteredRowModel = () => {
-      if (!table._getFilteredRowModel && table.options.getFilteredRowModel) {
-        table._getFilteredRowModel = table.options.getFilteredRowModel(table);
-      }
-      if (table.options.manualFiltering || !table._getFilteredRowModel) {
-        return table.getPreFilteredRowModel();
-      }
-      return table._getFilteredRowModel();
-    };
-  }
-};
-function shouldAutoRemoveFilter(filterFn, value, column) {
-  return (filterFn && filterFn.autoRemove ? filterFn.autoRemove(value, column) : false) || typeof value === 'undefined' || typeof value === 'string' && !value;
-}
-
-const sum = (columnId, _leafRows, childRows) => {
-  // It's faster to just add the aggregations together instead of
-  // process leaf nodes individually
-  return childRows.reduce((sum, next) => {
-    const nextValue = next.getValue(columnId);
-    return sum + (typeof nextValue === 'number' ? nextValue : 0);
-  }, 0);
-};
-const min = (columnId, _leafRows, childRows) => {
-  let min;
-  childRows.forEach(row => {
-    const value = row.getValue(columnId);
-    if (value != null && (min > value || min === undefined && value >= value)) {
-      min = value;
-    }
-  });
-  return min;
-};
-const max = (columnId, _leafRows, childRows) => {
-  let max;
-  childRows.forEach(row => {
-    const value = row.getValue(columnId);
-    if (value != null && (max < value || max === undefined && value >= value)) {
-      max = value;
-    }
-  });
-  return max;
-};
-const extent = (columnId, _leafRows, childRows) => {
-  let min;
-  let max;
-  childRows.forEach(row => {
-    const value = row.getValue(columnId);
-    if (value != null) {
-      if (min === undefined) {
-        if (value >= value) min = max = value;
-      } else {
-        if (min > value) min = value;
-        if (max < value) max = value;
-      }
-    }
-  });
-  return [min, max];
-};
-const mean = (columnId, leafRows) => {
-  let count = 0;
-  let sum = 0;
-  leafRows.forEach(row => {
-    let value = row.getValue(columnId);
-    if (value != null && (value = +value) >= value) {
-      ++count, sum += value;
-    }
-  });
-  if (count) return sum / count;
-  return;
-};
-const median = (columnId, leafRows) => {
-  if (!leafRows.length) {
-    return;
-  }
-  const values = leafRows.map(row => row.getValue(columnId));
-  if (!isNumberArray(values)) {
-    return;
-  }
-  if (values.length === 1) {
-    return values[0];
-  }
-  const mid = Math.floor(values.length / 2);
-  const nums = values.sort((a, b) => a - b);
-  return values.length % 2 !== 0 ? nums[mid] : (nums[mid - 1] + nums[mid]) / 2;
-};
-const unique = (columnId, leafRows) => {
-  return Array.from(new Set(leafRows.map(d => d.getValue(columnId))).values());
-};
-const uniqueCount = (columnId, leafRows) => {
-  return new Set(leafRows.map(d => d.getValue(columnId))).size;
-};
-const count = (_columnId, leafRows) => {
-  return leafRows.length;
-};
-const aggregationFns = {
-  sum,
-  min,
-  max,
-  extent,
-  mean,
-  median,
-  unique,
-  uniqueCount,
-  count
-};
-
-//
-
-const ColumnGrouping = {
-  getDefaultColumnDef: () => {
-    return {
-      aggregatedCell: props => {
-        var _toString, _props$getValue;
-        return (_toString = (_props$getValue = props.getValue()) == null || _props$getValue.toString == null ? void 0 : _props$getValue.toString()) != null ? _toString : null;
-      },
-      aggregationFn: 'auto'
-    };
-  },
-  getInitialState: state => {
-    return {
-      grouping: [],
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onGroupingChange: makeStateUpdater('grouping', table),
-      groupedColumnMode: 'reorder'
-    };
-  },
-  createColumn: (column, table) => {
-    column.toggleGrouping = () => {
-      table.setGrouping(old => {
-        // Find any existing grouping for this column
-        if (old != null && old.includes(column.id)) {
-          return old.filter(d => d !== column.id);
-        }
-        return [...(old != null ? old : []), column.id];
-      });
-    };
-    column.getCanGroup = () => {
-      var _column$columnDef$ena, _table$options$enable;
-      return ((_column$columnDef$ena = column.columnDef.enableGrouping) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableGrouping) != null ? _table$options$enable : true) && (!!column.accessorFn || !!column.columnDef.getGroupingValue);
-    };
-    column.getIsGrouped = () => {
-      var _table$getState$group;
-      return (_table$getState$group = table.getState().grouping) == null ? void 0 : _table$getState$group.includes(column.id);
-    };
-    column.getGroupedIndex = () => {
-      var _table$getState$group2;
-      return (_table$getState$group2 = table.getState().grouping) == null ? void 0 : _table$getState$group2.indexOf(column.id);
-    };
-    column.getToggleGroupingHandler = () => {
-      const canGroup = column.getCanGroup();
-      return () => {
-        if (!canGroup) return;
-        column.toggleGrouping();
-      };
-    };
-    column.getAutoAggregationFn = () => {
-      const firstRow = table.getCoreRowModel().flatRows[0];
-      const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
-      if (typeof value === 'number') {
-        return aggregationFns.sum;
-      }
-      if (Object.prototype.toString.call(value) === '[object Date]') {
-        return aggregationFns.extent;
-      }
-    };
-    column.getAggregationFn = () => {
-      var _table$options$aggreg, _table$options$aggreg2;
-      if (!column) {
-        throw new Error();
-      }
-      return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (_table$options$aggreg = (_table$options$aggreg2 = table.options.aggregationFns) == null ? void 0 : _table$options$aggreg2[column.columnDef.aggregationFn]) != null ? _table$options$aggreg : aggregationFns[column.columnDef.aggregationFn];
-    };
-  },
-  createTable: table => {
-    table.setGrouping = updater => table.options.onGroupingChange == null ? void 0 : table.options.onGroupingChange(updater);
-    table.resetGrouping = defaultState => {
-      var _table$initialState$g, _table$initialState;
-      table.setGrouping(defaultState ? [] : (_table$initialState$g = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.grouping) != null ? _table$initialState$g : []);
-    };
-    table.getPreGroupedRowModel = () => table.getFilteredRowModel();
-    table.getGroupedRowModel = () => {
-      if (!table._getGroupedRowModel && table.options.getGroupedRowModel) {
-        table._getGroupedRowModel = table.options.getGroupedRowModel(table);
-      }
-      if (table.options.manualGrouping || !table._getGroupedRowModel) {
-        return table.getPreGroupedRowModel();
-      }
-      return table._getGroupedRowModel();
-    };
-  },
-  createRow: (row, table) => {
-    row.getIsGrouped = () => !!row.groupingColumnId;
-    row.getGroupingValue = columnId => {
-      if (row._groupingValuesCache.hasOwnProperty(columnId)) {
-        return row._groupingValuesCache[columnId];
-      }
-      const column = table.getColumn(columnId);
-      if (!(column != null && column.columnDef.getGroupingValue)) {
-        return row.getValue(columnId);
-      }
-      row._groupingValuesCache[columnId] = column.columnDef.getGroupingValue(row.original);
-      return row._groupingValuesCache[columnId];
-    };
-    row._groupingValuesCache = {};
-  },
-  createCell: (cell, column, row, table) => {
-    cell.getIsGrouped = () => column.getIsGrouped() && column.id === row.groupingColumnId;
-    cell.getIsPlaceholder = () => !cell.getIsGrouped() && column.getIsGrouped();
-    cell.getIsAggregated = () => {
-      var _row$subRows;
-      return !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
-    };
-  }
-};
-function orderColumns(leafColumns, grouping, groupedColumnMode) {
-  if (!(grouping != null && grouping.length) || !groupedColumnMode) {
-    return leafColumns;
-  }
-  const nonGroupingColumns = leafColumns.filter(col => !grouping.includes(col.id));
-  if (groupedColumnMode === 'remove') {
-    return nonGroupingColumns;
-  }
-  const groupingColumns = grouping.map(g => leafColumns.find(col => col.id === g)).filter(Boolean);
-  return [...groupingColumns, ...nonGroupingColumns];
-}
-
-//
-
-const ColumnOrdering = {
-  getInitialState: state => {
-    return {
-      columnOrder: [],
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onColumnOrderChange: makeStateUpdater('columnOrder', table)
-    };
-  },
-  createColumn: (column, table) => {
-    column.getIndex = memo(position => [_getVisibleLeafColumns(table, position)], columns => columns.findIndex(d => d.id === column.id), getMemoOptions(table.options, 'debugColumns'));
-    column.getIsFirstColumn = position => {
-      var _columns$;
-      const columns = _getVisibleLeafColumns(table, position);
-      return ((_columns$ = columns[0]) == null ? void 0 : _columns$.id) === column.id;
-    };
-    column.getIsLastColumn = position => {
-      var _columns;
-      const columns = _getVisibleLeafColumns(table, position);
-      return ((_columns = columns[columns.length - 1]) == null ? void 0 : _columns.id) === column.id;
-    };
-  },
-  createTable: table => {
-    table.setColumnOrder = updater => table.options.onColumnOrderChange == null ? void 0 : table.options.onColumnOrderChange(updater);
-    table.resetColumnOrder = defaultState => {
-      var _table$initialState$c;
-      table.setColumnOrder(defaultState ? [] : (_table$initialState$c = table.initialState.columnOrder) != null ? _table$initialState$c : []);
-    };
-    table._getOrderColumnsFn = memo(() => [table.getState().columnOrder, table.getState().grouping, table.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => columns => {
-      // Sort grouped columns to the start of the column list
-      // before the headers are built
-      let orderedColumns = [];
-
-      // If there is no order, return the normal columns
-      if (!(columnOrder != null && columnOrder.length)) {
-        orderedColumns = columns;
-      } else {
-        const columnOrderCopy = [...columnOrder];
-
-        // If there is an order, make a copy of the columns
-        const columnsCopy = [...columns];
-
-        // And make a new ordered array of the columns
-
-        // Loop over the columns and place them in order into the new array
-        while (columnsCopy.length && columnOrderCopy.length) {
-          const targetColumnId = columnOrderCopy.shift();
-          const foundIndex = columnsCopy.findIndex(d => d.id === targetColumnId);
-          if (foundIndex > -1) {
-            orderedColumns.push(columnsCopy.splice(foundIndex, 1)[0]);
-          }
-        }
-
-        // If there are any columns left, add them to the end
-        orderedColumns = [...orderedColumns, ...columnsCopy];
-      }
-      return orderColumns(orderedColumns, grouping, groupedColumnMode);
-    }, getMemoOptions(table.options, 'debugTable'));
-  }
-};
-
-//
-
-const getDefaultColumnPinningState = () => ({
-  left: [],
-  right: []
-});
-const ColumnPinning = {
-  getInitialState: state => {
-    return {
-      columnPinning: getDefaultColumnPinningState(),
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onColumnPinningChange: makeStateUpdater('columnPinning', table)
-    };
-  },
-  createColumn: (column, table) => {
-    column.pin = position => {
-      const columnIds = column.getLeafColumns().map(d => d.id).filter(Boolean);
-      table.setColumnPinning(old => {
-        var _old$left3, _old$right3;
-        if (position === 'right') {
-          var _old$left, _old$right;
-          return {
-            left: ((_old$left = old == null ? void 0 : old.left) != null ? _old$left : []).filter(d => !(columnIds != null && columnIds.includes(d))),
-            right: [...((_old$right = old == null ? void 0 : old.right) != null ? _old$right : []).filter(d => !(columnIds != null && columnIds.includes(d))), ...columnIds]
-          };
-        }
-        if (position === 'left') {
-          var _old$left2, _old$right2;
-          return {
-            left: [...((_old$left2 = old == null ? void 0 : old.left) != null ? _old$left2 : []).filter(d => !(columnIds != null && columnIds.includes(d))), ...columnIds],
-            right: ((_old$right2 = old == null ? void 0 : old.right) != null ? _old$right2 : []).filter(d => !(columnIds != null && columnIds.includes(d)))
-          };
-        }
-        return {
-          left: ((_old$left3 = old == null ? void 0 : old.left) != null ? _old$left3 : []).filter(d => !(columnIds != null && columnIds.includes(d))),
-          right: ((_old$right3 = old == null ? void 0 : old.right) != null ? _old$right3 : []).filter(d => !(columnIds != null && columnIds.includes(d)))
-        };
-      });
-    };
-    column.getCanPin = () => {
-      const leafColumns = column.getLeafColumns();
-      return leafColumns.some(d => {
-        var _d$columnDef$enablePi, _ref, _table$options$enable;
-        return ((_d$columnDef$enablePi = d.columnDef.enablePinning) != null ? _d$columnDef$enablePi : true) && ((_ref = (_table$options$enable = table.options.enableColumnPinning) != null ? _table$options$enable : table.options.enablePinning) != null ? _ref : true);
-      });
-    };
-    column.getIsPinned = () => {
-      const leafColumnIds = column.getLeafColumns().map(d => d.id);
-      const {
-        left,
-        right
-      } = table.getState().columnPinning;
-      const isLeft = leafColumnIds.some(d => left == null ? void 0 : left.includes(d));
-      const isRight = leafColumnIds.some(d => right == null ? void 0 : right.includes(d));
-      return isLeft ? 'left' : isRight ? 'right' : false;
-    };
-    column.getPinnedIndex = () => {
-      var _table$getState$colum, _table$getState$colum2;
-      const position = column.getIsPinned();
-      return position ? (_table$getState$colum = (_table$getState$colum2 = table.getState().columnPinning) == null || (_table$getState$colum2 = _table$getState$colum2[position]) == null ? void 0 : _table$getState$colum2.indexOf(column.id)) != null ? _table$getState$colum : -1 : 0;
-    };
-  },
-  createRow: (row, table) => {
-    row.getCenterVisibleCells = memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allCells, left, right) => {
-      const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
-      return allCells.filter(d => !leftAndRight.includes(d.column.id));
-    }, getMemoOptions(table.options, 'debugRows'));
-    row.getLeftVisibleCells = memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left], (allCells, left) => {
-      const cells = (left != null ? left : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
-        ...d,
-        position: 'left'
-      }));
-      return cells;
-    }, getMemoOptions(table.options, 'debugRows'));
-    row.getRightVisibleCells = memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
-      const cells = (right != null ? right : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
-        ...d,
-        position: 'right'
-      }));
-      return cells;
-    }, getMemoOptions(table.options, 'debugRows'));
-  },
-  createTable: table => {
-    table.setColumnPinning = updater => table.options.onColumnPinningChange == null ? void 0 : table.options.onColumnPinningChange(updater);
-    table.resetColumnPinning = defaultState => {
-      var _table$initialState$c, _table$initialState;
-      return table.setColumnPinning(defaultState ? getDefaultColumnPinningState() : (_table$initialState$c = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.columnPinning) != null ? _table$initialState$c : getDefaultColumnPinningState());
-    };
-    table.getIsSomeColumnsPinned = position => {
-      var _pinningState$positio;
-      const pinningState = table.getState().columnPinning;
-      if (!position) {
-        var _pinningState$left, _pinningState$right;
-        return Boolean(((_pinningState$left = pinningState.left) == null ? void 0 : _pinningState$left.length) || ((_pinningState$right = pinningState.right) == null ? void 0 : _pinningState$right.length));
-      }
-      return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
-    };
-    table.getLeftLeafColumns = memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
-      return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
-    }, getMemoOptions(table.options, 'debugColumns'));
-    table.getRightLeafColumns = memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
-      return (right != null ? right : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
-    }, getMemoOptions(table.options, 'debugColumns'));
-    table.getCenterLeafColumns = memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, left, right) => {
-      const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
-      return allColumns.filter(d => !leftAndRight.includes(d.id));
-    }, getMemoOptions(table.options, 'debugColumns'));
-  }
-};
-
-function safelyAccessDocument(_document) {
-  return _document || (typeof document !== 'undefined' ? document : null);
-}
-
-//
-
-//
-
-const defaultColumnSizing = {
-  size: 150,
-  minSize: 20,
-  maxSize: Number.MAX_SAFE_INTEGER
-};
-const getDefaultColumnSizingInfoState = () => ({
-  startOffset: null,
-  startSize: null,
-  deltaOffset: null,
-  deltaPercentage: null,
-  isResizingColumn: false,
-  columnSizingStart: []
-});
-const ColumnSizing = {
-  getDefaultColumnDef: () => {
-    return defaultColumnSizing;
-  },
-  getInitialState: state => {
-    return {
-      columnSizing: {},
-      columnSizingInfo: getDefaultColumnSizingInfoState(),
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      columnResizeMode: 'onEnd',
-      columnResizeDirection: 'ltr',
-      onColumnSizingChange: makeStateUpdater('columnSizing', table),
-      onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', table)
-    };
-  },
-  createColumn: (column, table) => {
-    column.getSize = () => {
-      var _column$columnDef$min, _ref, _column$columnDef$max;
-      const columnSize = table.getState().columnSizing[column.id];
-      return Math.min(Math.max((_column$columnDef$min = column.columnDef.minSize) != null ? _column$columnDef$min : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.columnDef.size) != null ? _ref : defaultColumnSizing.size), (_column$columnDef$max = column.columnDef.maxSize) != null ? _column$columnDef$max : defaultColumnSizing.maxSize);
-    };
-    column.getStart = memo(position => [position, _getVisibleLeafColumns(table, position), table.getState().columnSizing], (position, columns) => columns.slice(0, column.getIndex(position)).reduce((sum, column) => sum + column.getSize(), 0), getMemoOptions(table.options, 'debugColumns'));
-    column.getAfter = memo(position => [position, _getVisibleLeafColumns(table, position), table.getState().columnSizing], (position, columns) => columns.slice(column.getIndex(position) + 1).reduce((sum, column) => sum + column.getSize(), 0), getMemoOptions(table.options, 'debugColumns'));
-    column.resetSize = () => {
-      table.setColumnSizing(_ref2 => {
-        let {
-          [column.id]: _,
-          ...rest
-        } = _ref2;
-        return rest;
-      });
-    };
-    column.getCanResize = () => {
-      var _column$columnDef$ena, _table$options$enable;
-      return ((_column$columnDef$ena = column.columnDef.enableResizing) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableColumnResizing) != null ? _table$options$enable : true);
-    };
-    column.getIsResizing = () => {
-      return table.getState().columnSizingInfo.isResizingColumn === column.id;
-    };
-  },
-  createHeader: (header, table) => {
-    header.getSize = () => {
-      let sum = 0;
-      const recurse = header => {
-        if (header.subHeaders.length) {
-          header.subHeaders.forEach(recurse);
-        } else {
-          var _header$column$getSiz;
-          sum += (_header$column$getSiz = header.column.getSize()) != null ? _header$column$getSiz : 0;
-        }
-      };
-      recurse(header);
-      return sum;
-    };
-    header.getStart = () => {
-      if (header.index > 0) {
-        const prevSiblingHeader = header.headerGroup.headers[header.index - 1];
-        return prevSiblingHeader.getStart() + prevSiblingHeader.getSize();
-      }
-      return 0;
-    };
-    header.getResizeHandler = _contextDocument => {
-      const column = table.getColumn(header.column.id);
-      const canResize = column == null ? void 0 : column.getCanResize();
-      return e => {
-        if (!column || !canResize) {
-          return;
-        }
-        e.persist == null || e.persist();
-        if (isTouchStartEvent(e)) {
-          // lets not respond to multiple touches (e.g. 2 or 3 fingers)
-          if (e.touches && e.touches.length > 1) {
-            return;
-          }
-        }
-        const startSize = header.getSize();
-        const columnSizingStart = header ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
-        const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
-        const newColumnSizing = {};
-        const updateOffset = (eventType, clientXPos) => {
-          if (typeof clientXPos !== 'number') {
-            return;
-          }
-          table.setColumnSizingInfo(old => {
-            var _old$startOffset, _old$startSize;
-            const deltaDirection = table.options.columnResizeDirection === 'rtl' ? -1 : 1;
-            const deltaOffset = (clientXPos - ((_old$startOffset = old == null ? void 0 : old.startOffset) != null ? _old$startOffset : 0)) * deltaDirection;
-            const deltaPercentage = Math.max(deltaOffset / ((_old$startSize = old == null ? void 0 : old.startSize) != null ? _old$startSize : 0), -0.999999);
-            old.columnSizingStart.forEach(_ref3 => {
-              let [columnId, headerSize] = _ref3;
-              newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
-            });
-            return {
-              ...old,
-              deltaOffset,
-              deltaPercentage
-            };
-          });
-          if (table.options.columnResizeMode === 'onChange' || eventType === 'end') {
-            table.setColumnSizing(old => ({
-              ...old,
-              ...newColumnSizing
-            }));
-          }
-        };
-        const onMove = clientXPos => updateOffset('move', clientXPos);
-        const onEnd = clientXPos => {
-          updateOffset('end', clientXPos);
-          table.setColumnSizingInfo(old => ({
-            ...old,
-            isResizingColumn: false,
-            startOffset: null,
-            startSize: null,
-            deltaOffset: null,
-            deltaPercentage: null,
-            columnSizingStart: []
-          }));
-        };
-        const contextDocument = safelyAccessDocument(_contextDocument);
-        const mouseEvents = {
-          moveHandler: e => onMove(e.clientX),
-          upHandler: e => {
-            contextDocument == null || contextDocument.removeEventListener('mousemove', mouseEvents.moveHandler);
-            contextDocument == null || contextDocument.removeEventListener('mouseup', mouseEvents.upHandler);
-            onEnd(e.clientX);
-          }
-        };
-        const touchEvents = {
-          moveHandler: e => {
-            if (e.cancelable) {
-              e.preventDefault();
-              e.stopPropagation();
-            }
-            onMove(e.touches[0].clientX);
-            return false;
-          },
-          upHandler: e => {
-            var _e$touches$;
-            contextDocument == null || contextDocument.removeEventListener('touchmove', touchEvents.moveHandler);
-            contextDocument == null || contextDocument.removeEventListener('touchend', touchEvents.upHandler);
-            if (e.cancelable) {
-              e.preventDefault();
-              e.stopPropagation();
-            }
-            onEnd((_e$touches$ = e.touches[0]) == null ? void 0 : _e$touches$.clientX);
-          }
-        };
-        const passiveIfSupported = passiveEventSupported() ? {
-          passive: false
-        } : false;
-        if (isTouchStartEvent(e)) {
-          contextDocument == null || contextDocument.addEventListener('touchmove', touchEvents.moveHandler, passiveIfSupported);
-          contextDocument == null || contextDocument.addEventListener('touchend', touchEvents.upHandler, passiveIfSupported);
-        } else {
-          contextDocument == null || contextDocument.addEventListener('mousemove', mouseEvents.moveHandler, passiveIfSupported);
-          contextDocument == null || contextDocument.addEventListener('mouseup', mouseEvents.upHandler, passiveIfSupported);
-        }
-        table.setColumnSizingInfo(old => ({
-          ...old,
-          startOffset: clientX,
-          startSize,
-          deltaOffset: 0,
-          deltaPercentage: 0,
-          columnSizingStart,
-          isResizingColumn: column.id
-        }));
-      };
-    };
-  },
-  createTable: table => {
-    table.setColumnSizing = updater => table.options.onColumnSizingChange == null ? void 0 : table.options.onColumnSizingChange(updater);
-    table.setColumnSizingInfo = updater => table.options.onColumnSizingInfoChange == null ? void 0 : table.options.onColumnSizingInfoChange(updater);
-    table.resetColumnSizing = defaultState => {
-      var _table$initialState$c;
-      table.setColumnSizing(defaultState ? {} : (_table$initialState$c = table.initialState.columnSizing) != null ? _table$initialState$c : {});
-    };
-    table.resetHeaderSizeInfo = defaultState => {
-      var _table$initialState$c2;
-      table.setColumnSizingInfo(defaultState ? getDefaultColumnSizingInfoState() : (_table$initialState$c2 = table.initialState.columnSizingInfo) != null ? _table$initialState$c2 : getDefaultColumnSizingInfoState());
-    };
-    table.getTotalSize = () => {
-      var _table$getHeaderGroup, _table$getHeaderGroup2;
-      return (_table$getHeaderGroup = (_table$getHeaderGroup2 = table.getHeaderGroups()[0]) == null ? void 0 : _table$getHeaderGroup2.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) != null ? _table$getHeaderGroup : 0;
-    };
-    table.getLeftTotalSize = () => {
-      var _table$getLeftHeaderG, _table$getLeftHeaderG2;
-      return (_table$getLeftHeaderG = (_table$getLeftHeaderG2 = table.getLeftHeaderGroups()[0]) == null ? void 0 : _table$getLeftHeaderG2.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) != null ? _table$getLeftHeaderG : 0;
-    };
-    table.getCenterTotalSize = () => {
-      var _table$getCenterHeade, _table$getCenterHeade2;
-      return (_table$getCenterHeade = (_table$getCenterHeade2 = table.getCenterHeaderGroups()[0]) == null ? void 0 : _table$getCenterHeade2.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) != null ? _table$getCenterHeade : 0;
-    };
-    table.getRightTotalSize = () => {
-      var _table$getRightHeader, _table$getRightHeader2;
-      return (_table$getRightHeader = (_table$getRightHeader2 = table.getRightHeaderGroups()[0]) == null ? void 0 : _table$getRightHeader2.headers.reduce((sum, header) => {
-        return sum + header.getSize();
-      }, 0)) != null ? _table$getRightHeader : 0;
-    };
-  }
-};
-let passiveSupported = null;
-function passiveEventSupported() {
-  if (typeof passiveSupported === 'boolean') return passiveSupported;
-  let supported = false;
-  try {
-    const options = {
-      get passive() {
-        supported = true;
-        return false;
-      }
-    };
-    const noop = () => {};
-    window.addEventListener('test', noop, options);
-    window.removeEventListener('test', noop);
-  } catch (err) {
-    supported = false;
-  }
-  passiveSupported = supported;
-  return passiveSupported;
-}
-function isTouchStartEvent(e) {
-  return e.type === 'touchstart';
-}
-
-//
-
-const ColumnVisibility = {
-  getInitialState: state => {
-    return {
-      columnVisibility: {},
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onColumnVisibilityChange: makeStateUpdater('columnVisibility', table)
-    };
-  },
-  createColumn: (column, table) => {
-    column.toggleVisibility = value => {
-      if (column.getCanHide()) {
-        table.setColumnVisibility(old => ({
-          ...old,
-          [column.id]: value != null ? value : !column.getIsVisible()
-        }));
-      }
-    };
-    column.getIsVisible = () => {
-      var _ref, _table$getState$colum;
-      const childColumns = column.columns;
-      return (_ref = childColumns.length ? childColumns.some(c => c.getIsVisible()) : (_table$getState$colum = table.getState().columnVisibility) == null ? void 0 : _table$getState$colum[column.id]) != null ? _ref : true;
-    };
-    column.getCanHide = () => {
-      var _column$columnDef$ena, _table$options$enable;
-      return ((_column$columnDef$ena = column.columnDef.enableHiding) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableHiding) != null ? _table$options$enable : true);
-    };
-    column.getToggleVisibilityHandler = () => {
-      return e => {
-        column.toggleVisibility == null || column.toggleVisibility(e.target.checked);
-      };
-    };
-  },
-  createRow: (row, table) => {
-    row._getAllVisibleCells = memo(() => [row.getAllCells(), table.getState().columnVisibility], cells => {
-      return cells.filter(cell => cell.column.getIsVisible());
-    }, getMemoOptions(table.options, 'debugRows'));
-    row.getVisibleCells = memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], getMemoOptions(table.options, 'debugRows'));
-  },
-  createTable: table => {
-    const makeVisibleColumnsMethod = (key, getColumns) => {
-      return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
-        return columns.filter(d => d.getIsVisible == null ? void 0 : d.getIsVisible());
-      }, getMemoOptions(table.options, 'debugColumns'));
-    };
-    table.getVisibleFlatColumns = makeVisibleColumnsMethod('getVisibleFlatColumns', () => table.getAllFlatColumns());
-    table.getVisibleLeafColumns = makeVisibleColumnsMethod('getVisibleLeafColumns', () => table.getAllLeafColumns());
-    table.getLeftVisibleLeafColumns = makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => table.getLeftLeafColumns());
-    table.getRightVisibleLeafColumns = makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => table.getRightLeafColumns());
-    table.getCenterVisibleLeafColumns = makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => table.getCenterLeafColumns());
-    table.setColumnVisibility = updater => table.options.onColumnVisibilityChange == null ? void 0 : table.options.onColumnVisibilityChange(updater);
-    table.resetColumnVisibility = defaultState => {
-      var _table$initialState$c;
-      table.setColumnVisibility(defaultState ? {} : (_table$initialState$c = table.initialState.columnVisibility) != null ? _table$initialState$c : {});
-    };
-    table.toggleAllColumnsVisible = value => {
-      var _value;
-      value = (_value = value) != null ? _value : !table.getIsAllColumnsVisible();
-      table.setColumnVisibility(table.getAllLeafColumns().reduce((obj, column) => ({
-        ...obj,
-        [column.id]: !value ? !(column.getCanHide != null && column.getCanHide()) : value
-      }), {}));
-    };
-    table.getIsAllColumnsVisible = () => !table.getAllLeafColumns().some(column => !(column.getIsVisible != null && column.getIsVisible()));
-    table.getIsSomeColumnsVisible = () => table.getAllLeafColumns().some(column => column.getIsVisible == null ? void 0 : column.getIsVisible());
-    table.getToggleAllColumnsVisibilityHandler = () => {
-      return e => {
-        var _target;
-        table.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
-      };
-    };
-  }
-};
-function _getVisibleLeafColumns(table, position) {
-  return !position ? table.getVisibleLeafColumns() : position === 'center' ? table.getCenterVisibleLeafColumns() : position === 'left' ? table.getLeftVisibleLeafColumns() : table.getRightVisibleLeafColumns();
-}
-
-//
-
-const GlobalFaceting = {
-  createTable: table => {
-    table._getGlobalFacetedRowModel = table.options.getFacetedRowModel && table.options.getFacetedRowModel(table, '__global__');
-    table.getGlobalFacetedRowModel = () => {
-      if (table.options.manualFiltering || !table._getGlobalFacetedRowModel) {
-        return table.getPreFilteredRowModel();
-      }
-      return table._getGlobalFacetedRowModel();
-    };
-    table._getGlobalFacetedUniqueValues = table.options.getFacetedUniqueValues && table.options.getFacetedUniqueValues(table, '__global__');
-    table.getGlobalFacetedUniqueValues = () => {
-      if (!table._getGlobalFacetedUniqueValues) {
-        return new Map();
-      }
-      return table._getGlobalFacetedUniqueValues();
-    };
-    table._getGlobalFacetedMinMaxValues = table.options.getFacetedMinMaxValues && table.options.getFacetedMinMaxValues(table, '__global__');
-    table.getGlobalFacetedMinMaxValues = () => {
-      if (!table._getGlobalFacetedMinMaxValues) {
-        return;
-      }
-      return table._getGlobalFacetedMinMaxValues();
-    };
-  }
-};
-
-//
-
-const GlobalFiltering = {
-  getInitialState: state => {
-    return {
-      globalFilter: undefined,
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onGlobalFilterChange: makeStateUpdater('globalFilter', table),
-      globalFilterFn: 'auto',
-      getColumnCanGlobalFilter: column => {
-        var _table$getCoreRowMode;
-        const value = (_table$getCoreRowMode = table.getCoreRowModel().flatRows[0]) == null || (_table$getCoreRowMode = _table$getCoreRowMode._getAllCellsByColumnId()[column.id]) == null ? void 0 : _table$getCoreRowMode.getValue();
-        return typeof value === 'string' || typeof value === 'number';
-      }
-    };
-  },
-  createColumn: (column, table) => {
-    column.getCanGlobalFilter = () => {
-      var _column$columnDef$ena, _table$options$enable, _table$options$enable2, _table$options$getCol;
-      return ((_column$columnDef$ena = column.columnDef.enableGlobalFilter) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableGlobalFilter) != null ? _table$options$enable : true) && ((_table$options$enable2 = table.options.enableFilters) != null ? _table$options$enable2 : true) && ((_table$options$getCol = table.options.getColumnCanGlobalFilter == null ? void 0 : table.options.getColumnCanGlobalFilter(column)) != null ? _table$options$getCol : true) && !!column.accessorFn;
-    };
-  },
-  createTable: table => {
-    table.getGlobalAutoFilterFn = () => {
-      return filterFns.includesString;
-    };
-    table.getGlobalFilterFn = () => {
-      var _table$options$filter, _table$options$filter2;
-      const {
-        globalFilterFn: globalFilterFn
-      } = table.options;
-      return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() : (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[globalFilterFn]) != null ? _table$options$filter : filterFns[globalFilterFn];
-    };
-    table.setGlobalFilter = updater => {
-      table.options.onGlobalFilterChange == null || table.options.onGlobalFilterChange(updater);
-    };
-    table.resetGlobalFilter = defaultState => {
-      table.setGlobalFilter(defaultState ? undefined : table.initialState.globalFilter);
-    };
-  }
-};
-
-//
-
-const RowExpanding = {
-  getInitialState: state => {
-    return {
-      expanded: {},
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onExpandedChange: makeStateUpdater('expanded', table),
-      paginateExpandedRows: true
-    };
-  },
-  createTable: table => {
-    let registered = false;
-    let queued = false;
-    table._autoResetExpanded = () => {
-      var _ref, _table$options$autoRe;
-      if (!registered) {
-        table._queue(() => {
-          registered = true;
-        });
-        return;
-      }
-      if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetExpanded) != null ? _ref : !table.options.manualExpanding) {
-        if (queued) return;
-        queued = true;
-        table._queue(() => {
-          table.resetExpanded();
-          queued = false;
-        });
-      }
-    };
-    table.setExpanded = updater => table.options.onExpandedChange == null ? void 0 : table.options.onExpandedChange(updater);
-    table.toggleAllRowsExpanded = expanded => {
-      if (expanded != null ? expanded : !table.getIsAllRowsExpanded()) {
-        table.setExpanded(true);
-      } else {
-        table.setExpanded({});
-      }
-    };
-    table.resetExpanded = defaultState => {
-      var _table$initialState$e, _table$initialState;
-      table.setExpanded(defaultState ? {} : (_table$initialState$e = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.expanded) != null ? _table$initialState$e : {});
-    };
-    table.getCanSomeRowsExpand = () => {
-      return table.getPrePaginationRowModel().flatRows.some(row => row.getCanExpand());
-    };
-    table.getToggleAllRowsExpandedHandler = () => {
-      return e => {
-        e.persist == null || e.persist();
-        table.toggleAllRowsExpanded();
-      };
-    };
-    table.getIsSomeRowsExpanded = () => {
-      const expanded = table.getState().expanded;
-      return expanded === true || Object.values(expanded).some(Boolean);
-    };
-    table.getIsAllRowsExpanded = () => {
-      const expanded = table.getState().expanded;
-
-      // If expanded is true, save some cycles and return true
-      if (typeof expanded === 'boolean') {
-        return expanded === true;
-      }
-      if (!Object.keys(expanded).length) {
-        return false;
-      }
-
-      // If any row is not expanded, return false
-      if (table.getRowModel().flatRows.some(row => !row.getIsExpanded())) {
-        return false;
-      }
-
-      // They must all be expanded :shrug:
-      return true;
-    };
-    table.getExpandedDepth = () => {
-      let maxDepth = 0;
-      const rowIds = table.getState().expanded === true ? Object.keys(table.getRowModel().rowsById) : Object.keys(table.getState().expanded);
-      rowIds.forEach(id => {
-        const splitId = id.split('.');
-        maxDepth = Math.max(maxDepth, splitId.length);
-      });
-      return maxDepth;
-    };
-    table.getPreExpandedRowModel = () => table.getSortedRowModel();
-    table.getExpandedRowModel = () => {
-      if (!table._getExpandedRowModel && table.options.getExpandedRowModel) {
-        table._getExpandedRowModel = table.options.getExpandedRowModel(table);
-      }
-      if (table.options.manualExpanding || !table._getExpandedRowModel) {
-        return table.getPreExpandedRowModel();
-      }
-      return table._getExpandedRowModel();
-    };
-  },
-  createRow: (row, table) => {
-    row.toggleExpanded = expanded => {
-      table.setExpanded(old => {
-        var _expanded;
-        const exists = old === true ? true : !!(old != null && old[row.id]);
-        let oldExpanded = {};
-        if (old === true) {
-          Object.keys(table.getRowModel().rowsById).forEach(rowId => {
-            oldExpanded[rowId] = true;
-          });
-        } else {
-          oldExpanded = old;
-        }
-        expanded = (_expanded = expanded) != null ? _expanded : !exists;
-        if (!exists && expanded) {
-          return {
-            ...oldExpanded,
-            [row.id]: true
-          };
-        }
-        if (exists && !expanded) {
-          const {
-            [row.id]: _,
-            ...rest
-          } = oldExpanded;
-          return rest;
-        }
-        return old;
-      });
-    };
-    row.getIsExpanded = () => {
-      var _table$options$getIsR;
-      const expanded = table.getState().expanded;
-      return !!((_table$options$getIsR = table.options.getIsRowExpanded == null ? void 0 : table.options.getIsRowExpanded(row)) != null ? _table$options$getIsR : expanded === true || (expanded == null ? void 0 : expanded[row.id]));
-    };
-    row.getCanExpand = () => {
-      var _table$options$getRow, _table$options$enable, _row$subRows;
-      return (_table$options$getRow = table.options.getRowCanExpand == null ? void 0 : table.options.getRowCanExpand(row)) != null ? _table$options$getRow : ((_table$options$enable = table.options.enableExpanding) != null ? _table$options$enable : true) && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
-    };
-    row.getIsAllParentsExpanded = () => {
-      let isFullyExpanded = true;
-      let currentRow = row;
-      while (isFullyExpanded && currentRow.parentId) {
-        currentRow = table.getRow(currentRow.parentId, true);
-        isFullyExpanded = currentRow.getIsExpanded();
-      }
-      return isFullyExpanded;
-    };
-    row.getToggleExpandedHandler = () => {
-      const canExpand = row.getCanExpand();
-      return () => {
-        if (!canExpand) return;
-        row.toggleExpanded();
-      };
-    };
-  }
-};
-
-//
-
-const defaultPageIndex = 0;
-const defaultPageSize = 10;
-const getDefaultPaginationState = () => ({
-  pageIndex: defaultPageIndex,
-  pageSize: defaultPageSize
-});
-const RowPagination = {
-  getInitialState: state => {
-    return {
-      ...state,
-      pagination: {
-        ...getDefaultPaginationState(),
-        ...(state == null ? void 0 : state.pagination)
-      }
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onPaginationChange: makeStateUpdater('pagination', table)
-    };
-  },
-  createTable: table => {
-    let registered = false;
-    let queued = false;
-    table._autoResetPageIndex = () => {
-      var _ref, _table$options$autoRe;
-      if (!registered) {
-        table._queue(() => {
-          registered = true;
-        });
-        return;
-      }
-      if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetPageIndex) != null ? _ref : !table.options.manualPagination) {
-        if (queued) return;
-        queued = true;
-        table._queue(() => {
-          table.resetPageIndex();
-          queued = false;
-        });
-      }
-    };
-    table.setPagination = updater => {
-      const safeUpdater = old => {
-        let newState = functionalUpdate(updater, old);
-        return newState;
-      };
-      return table.options.onPaginationChange == null ? void 0 : table.options.onPaginationChange(safeUpdater);
-    };
-    table.resetPagination = defaultState => {
-      var _table$initialState$p;
-      table.setPagination(defaultState ? getDefaultPaginationState() : (_table$initialState$p = table.initialState.pagination) != null ? _table$initialState$p : getDefaultPaginationState());
-    };
-    table.setPageIndex = updater => {
-      table.setPagination(old => {
-        let pageIndex = functionalUpdate(updater, old.pageIndex);
-        const maxPageIndex = typeof table.options.pageCount === 'undefined' || table.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : table.options.pageCount - 1;
-        pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));
-        return {
-          ...old,
-          pageIndex
-        };
-      });
-    };
-    table.resetPageIndex = defaultState => {
-      var _table$initialState$p2, _table$initialState;
-      table.setPageIndex(defaultState ? defaultPageIndex : (_table$initialState$p2 = (_table$initialState = table.initialState) == null || (_table$initialState = _table$initialState.pagination) == null ? void 0 : _table$initialState.pageIndex) != null ? _table$initialState$p2 : defaultPageIndex);
-    };
-    table.resetPageSize = defaultState => {
-      var _table$initialState$p3, _table$initialState2;
-      table.setPageSize(defaultState ? defaultPageSize : (_table$initialState$p3 = (_table$initialState2 = table.initialState) == null || (_table$initialState2 = _table$initialState2.pagination) == null ? void 0 : _table$initialState2.pageSize) != null ? _table$initialState$p3 : defaultPageSize);
-    };
-    table.setPageSize = updater => {
-      table.setPagination(old => {
-        const pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));
-        const topRowIndex = old.pageSize * old.pageIndex;
-        const pageIndex = Math.floor(topRowIndex / pageSize);
-        return {
-          ...old,
-          pageIndex,
-          pageSize
-        };
-      });
-    };
-    //deprecated
-    table.setPageCount = updater => table.setPagination(old => {
-      var _table$options$pageCo;
-      let newPageCount = functionalUpdate(updater, (_table$options$pageCo = table.options.pageCount) != null ? _table$options$pageCo : -1);
-      if (typeof newPageCount === 'number') {
-        newPageCount = Math.max(-1, newPageCount);
-      }
-      return {
-        ...old,
-        pageCount: newPageCount
-      };
-    });
-    table.getPageOptions = memo(() => [table.getPageCount()], pageCount => {
-      let pageOptions = [];
-      if (pageCount && pageCount > 0) {
-        pageOptions = [...new Array(pageCount)].fill(null).map((_, i) => i);
-      }
-      return pageOptions;
-    }, getMemoOptions(table.options, 'debugTable'));
-    table.getCanPreviousPage = () => table.getState().pagination.pageIndex > 0;
-    table.getCanNextPage = () => {
-      const {
-        pageIndex
-      } = table.getState().pagination;
-      const pageCount = table.getPageCount();
-      if (pageCount === -1) {
-        return true;
-      }
-      if (pageCount === 0) {
-        return false;
-      }
-      return pageIndex < pageCount - 1;
-    };
-    table.previousPage = () => {
-      return table.setPageIndex(old => old - 1);
-    };
-    table.nextPage = () => {
-      return table.setPageIndex(old => {
-        return old + 1;
-      });
-    };
-    table.firstPage = () => {
-      return table.setPageIndex(0);
-    };
-    table.lastPage = () => {
-      return table.setPageIndex(table.getPageCount() - 1);
-    };
-    table.getPrePaginationRowModel = () => table.getExpandedRowModel();
-    table.getPaginationRowModel = () => {
-      if (!table._getPaginationRowModel && table.options.getPaginationRowModel) {
-        table._getPaginationRowModel = table.options.getPaginationRowModel(table);
-      }
-      if (table.options.manualPagination || !table._getPaginationRowModel) {
-        return table.getPrePaginationRowModel();
-      }
-      return table._getPaginationRowModel();
-    };
-    table.getPageCount = () => {
-      var _table$options$pageCo2;
-      return (_table$options$pageCo2 = table.options.pageCount) != null ? _table$options$pageCo2 : Math.ceil(table.getRowCount() / table.getState().pagination.pageSize);
-    };
-    table.getRowCount = () => {
-      var _table$options$rowCou;
-      return (_table$options$rowCou = table.options.rowCount) != null ? _table$options$rowCou : table.getPrePaginationRowModel().rows.length;
-    };
-  }
-};
-
-//
-
-const getDefaultRowPinningState = () => ({
-  top: [],
-  bottom: []
-});
-const RowPinning = {
-  getInitialState: state => {
-    return {
-      rowPinning: getDefaultRowPinningState(),
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onRowPinningChange: makeStateUpdater('rowPinning', table)
-    };
-  },
-  createRow: (row, table) => {
-    row.pin = (position, includeLeafRows, includeParentRows) => {
-      const leafRowIds = includeLeafRows ? row.getLeafRows().map(_ref => {
-        let {
-          id
-        } = _ref;
-        return id;
-      }) : [];
-      const parentRowIds = includeParentRows ? row.getParentRows().map(_ref2 => {
-        let {
-          id
-        } = _ref2;
-        return id;
-      }) : [];
-      const rowIds = new Set([...parentRowIds, row.id, ...leafRowIds]);
-      table.setRowPinning(old => {
-        var _old$top3, _old$bottom3;
-        if (position === 'bottom') {
-          var _old$top, _old$bottom;
-          return {
-            top: ((_old$top = old == null ? void 0 : old.top) != null ? _old$top : []).filter(d => !(rowIds != null && rowIds.has(d))),
-            bottom: [...((_old$bottom = old == null ? void 0 : old.bottom) != null ? _old$bottom : []).filter(d => !(rowIds != null && rowIds.has(d))), ...Array.from(rowIds)]
-          };
-        }
-        if (position === 'top') {
-          var _old$top2, _old$bottom2;
-          return {
-            top: [...((_old$top2 = old == null ? void 0 : old.top) != null ? _old$top2 : []).filter(d => !(rowIds != null && rowIds.has(d))), ...Array.from(rowIds)],
-            bottom: ((_old$bottom2 = old == null ? void 0 : old.bottom) != null ? _old$bottom2 : []).filter(d => !(rowIds != null && rowIds.has(d)))
-          };
-        }
-        return {
-          top: ((_old$top3 = old == null ? void 0 : old.top) != null ? _old$top3 : []).filter(d => !(rowIds != null && rowIds.has(d))),
-          bottom: ((_old$bottom3 = old == null ? void 0 : old.bottom) != null ? _old$bottom3 : []).filter(d => !(rowIds != null && rowIds.has(d)))
-        };
-      });
-    };
-    row.getCanPin = () => {
-      var _ref3;
-      const {
-        enableRowPinning,
-        enablePinning
-      } = table.options;
-      if (typeof enableRowPinning === 'function') {
-        return enableRowPinning(row);
-      }
-      return (_ref3 = enableRowPinning != null ? enableRowPinning : enablePinning) != null ? _ref3 : true;
-    };
-    row.getIsPinned = () => {
-      const rowIds = [row.id];
-      const {
-        top,
-        bottom
-      } = table.getState().rowPinning;
-      const isTop = rowIds.some(d => top == null ? void 0 : top.includes(d));
-      const isBottom = rowIds.some(d => bottom == null ? void 0 : bottom.includes(d));
-      return isTop ? 'top' : isBottom ? 'bottom' : false;
-    };
-    row.getPinnedIndex = () => {
-      var _ref4, _visiblePinnedRowIds$;
-      const position = row.getIsPinned();
-      if (!position) return -1;
-      const visiblePinnedRowIds = (_ref4 = position === 'top' ? table.getTopRows() : table.getBottomRows()) == null ? void 0 : _ref4.map(_ref5 => {
-        let {
-          id
-        } = _ref5;
-        return id;
-      });
-      return (_visiblePinnedRowIds$ = visiblePinnedRowIds == null ? void 0 : visiblePinnedRowIds.indexOf(row.id)) != null ? _visiblePinnedRowIds$ : -1;
-    };
-  },
-  createTable: table => {
-    table.setRowPinning = updater => table.options.onRowPinningChange == null ? void 0 : table.options.onRowPinningChange(updater);
-    table.resetRowPinning = defaultState => {
-      var _table$initialState$r, _table$initialState;
-      return table.setRowPinning(defaultState ? getDefaultRowPinningState() : (_table$initialState$r = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.rowPinning) != null ? _table$initialState$r : getDefaultRowPinningState());
-    };
-    table.getIsSomeRowsPinned = position => {
-      var _pinningState$positio;
-      const pinningState = table.getState().rowPinning;
-      if (!position) {
-        var _pinningState$top, _pinningState$bottom;
-        return Boolean(((_pinningState$top = pinningState.top) == null ? void 0 : _pinningState$top.length) || ((_pinningState$bottom = pinningState.bottom) == null ? void 0 : _pinningState$bottom.length));
-      }
-      return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
-    };
-    table._getPinnedRows = (visibleRows, pinnedRowIds, position) => {
-      var _table$options$keepPi;
-      const rows = ((_table$options$keepPi = table.options.keepPinnedRows) != null ? _table$options$keepPi : true) ?
-      //get all rows that are pinned even if they would not be otherwise visible
-      //account for expanded parent rows, but not pagination or filtering
-      (pinnedRowIds != null ? pinnedRowIds : []).map(rowId => {
-        const row = table.getRow(rowId, true);
-        return row.getIsAllParentsExpanded() ? row : null;
-      }) :
-      //else get only visible rows that are pinned
-      (pinnedRowIds != null ? pinnedRowIds : []).map(rowId => visibleRows.find(row => row.id === rowId));
-      return rows.filter(Boolean).map(d => ({
-        ...d,
-        position
-      }));
-    };
-    table.getTopRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.top], (allRows, topPinnedRowIds) => table._getPinnedRows(allRows, topPinnedRowIds, 'top'), getMemoOptions(table.options, 'debugRows'));
-    table.getBottomRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.bottom], (allRows, bottomPinnedRowIds) => table._getPinnedRows(allRows, bottomPinnedRowIds, 'bottom'), getMemoOptions(table.options, 'debugRows'));
-    table.getCenterRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.top, table.getState().rowPinning.bottom], (allRows, top, bottom) => {
-      const topAndBottom = new Set([...(top != null ? top : []), ...(bottom != null ? bottom : [])]);
-      return allRows.filter(d => !topAndBottom.has(d.id));
-    }, getMemoOptions(table.options, 'debugRows'));
-  }
-};
-
-//
-
-const RowSelection = {
-  getInitialState: state => {
-    return {
-      rowSelection: {},
-      ...state
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onRowSelectionChange: makeStateUpdater('rowSelection', table),
-      enableRowSelection: true,
-      enableMultiRowSelection: true,
-      enableSubRowSelection: true
-      // enableGroupingRowSelection: false,
-      // isAdditiveSelectEvent: (e: unknown) => !!e.metaKey,
-      // isInclusiveSelectEvent: (e: unknown) => !!e.shiftKey,
-    };
-  },
-  createTable: table => {
-    table.setRowSelection = updater => table.options.onRowSelectionChange == null ? void 0 : table.options.onRowSelectionChange(updater);
-    table.resetRowSelection = defaultState => {
-      var _table$initialState$r;
-      return table.setRowSelection(defaultState ? {} : (_table$initialState$r = table.initialState.rowSelection) != null ? _table$initialState$r : {});
-    };
-    table.toggleAllRowsSelected = value => {
-      table.setRowSelection(old => {
-        value = typeof value !== 'undefined' ? value : !table.getIsAllRowsSelected();
-        const rowSelection = {
-          ...old
-        };
-        const preGroupedFlatRows = table.getPreGroupedRowModel().flatRows;
-
-        // We don't use `mutateRowIsSelected` here for performance reasons.
-        // All of the rows are flat already, so it wouldn't be worth it
-        if (value) {
-          preGroupedFlatRows.forEach(row => {
-            if (!row.getCanSelect()) {
-              return;
-            }
-            rowSelection[row.id] = true;
-          });
-        } else {
-          preGroupedFlatRows.forEach(row => {
-            delete rowSelection[row.id];
-          });
-        }
-        return rowSelection;
-      });
-    };
-    table.toggleAllPageRowsSelected = value => table.setRowSelection(old => {
-      const resolvedValue = typeof value !== 'undefined' ? value : !table.getIsAllPageRowsSelected();
-      const rowSelection = {
-        ...old
-      };
-      table.getRowModel().rows.forEach(row => {
-        mutateRowIsSelected(rowSelection, row.id, resolvedValue, true, table);
-      });
-      return rowSelection;
-    });
-
-    // addRowSelectionRange: rowId => {
-    //   const {
-    //     rows,
-    //     rowsById,
-    //     options: { selectGroupingRows, selectSubRows },
-    //   } = table
-
-    //   const findSelectedRow = (rows: Row[]) => {
-    //     let found
-    //     rows.find(d => {
-    //       if (d.getIsSelected()) {
-    //         found = d
-    //         return true
-    //       }
-    //       const subFound = findSelectedRow(d.subRows || [])
-    //       if (subFound) {
-    //         found = subFound
-    //         return true
-    //       }
-    //       return false
-    //     })
-    //     return found
-    //   }
-
-    //   const firstRow = findSelectedRow(rows) || rows[0]
-    //   const lastRow = rowsById[rowId]
-
-    //   let include = false
-    //   const selectedRowIds = {}
-
-    //   const addRow = (row: Row) => {
-    //     mutateRowIsSelected(selectedRowIds, row.id, true, {
-    //       rowsById,
-    //       selectGroupingRows: selectGroupingRows!,
-    //       selectSubRows: selectSubRows!,
-    //     })
-    //   }
-
-    //   table.rows.forEach(row => {
-    //     const isFirstRow = row.id === firstRow.id
-    //     const isLastRow = row.id === lastRow.id
-
-    //     if (isFirstRow || isLastRow) {
-    //       if (!include) {
-    //         include = true
-    //       } else if (include) {
-    //         addRow(row)
-    //         include = false
-    //       }
-    //     }
-
-    //     if (include) {
-    //       addRow(row)
-    //     }
-    //   })
-
-    //   table.setRowSelection(selectedRowIds)
-    // },
-    table.getPreSelectedRowModel = () => table.getCoreRowModel();
-    table.getSelectedRowModel = memo(() => [table.getState().rowSelection, table.getCoreRowModel()], (rowSelection, rowModel) => {
-      if (!Object.keys(rowSelection).length) {
-        return {
-          rows: [],
-          flatRows: [],
-          rowsById: {}
-        };
-      }
-      return selectRowsFn(table, rowModel);
-    }, getMemoOptions(table.options, 'debugTable'));
-    table.getFilteredSelectedRowModel = memo(() => [table.getState().rowSelection, table.getFilteredRowModel()], (rowSelection, rowModel) => {
-      if (!Object.keys(rowSelection).length) {
-        return {
-          rows: [],
-          flatRows: [],
-          rowsById: {}
-        };
-      }
-      return selectRowsFn(table, rowModel);
-    }, getMemoOptions(table.options, 'debugTable'));
-    table.getGroupedSelectedRowModel = memo(() => [table.getState().rowSelection, table.getSortedRowModel()], (rowSelection, rowModel) => {
-      if (!Object.keys(rowSelection).length) {
-        return {
-          rows: [],
-          flatRows: [],
-          rowsById: {}
-        };
-      }
-      return selectRowsFn(table, rowModel);
-    }, getMemoOptions(table.options, 'debugTable'));
-
-    ///
-
-    // getGroupingRowCanSelect: rowId => {
-    //   const row = table.getRow(rowId)
-
-    //   if (!row) {
-    //     throw new Error()
-    //   }
-
-    //   if (typeof table.options.enableGroupingRowSelection === 'function') {
-    //     return table.options.enableGroupingRowSelection(row)
-    //   }
-
-    //   return table.options.enableGroupingRowSelection ?? false
-    // },
-
-    table.getIsAllRowsSelected = () => {
-      const preGroupedFlatRows = table.getFilteredRowModel().flatRows;
-      const {
-        rowSelection
-      } = table.getState();
-      let isAllRowsSelected = Boolean(preGroupedFlatRows.length && Object.keys(rowSelection).length);
-      if (isAllRowsSelected) {
-        if (preGroupedFlatRows.some(row => row.getCanSelect() && !rowSelection[row.id])) {
-          isAllRowsSelected = false;
-        }
-      }
-      return isAllRowsSelected;
-    };
-    table.getIsAllPageRowsSelected = () => {
-      const paginationFlatRows = table.getPaginationRowModel().flatRows.filter(row => row.getCanSelect());
-      const {
-        rowSelection
-      } = table.getState();
-      let isAllPageRowsSelected = !!paginationFlatRows.length;
-      if (isAllPageRowsSelected && paginationFlatRows.some(row => !rowSelection[row.id])) {
-        isAllPageRowsSelected = false;
-      }
-      return isAllPageRowsSelected;
-    };
-    table.getIsSomeRowsSelected = () => {
-      var _table$getState$rowSe;
-      const totalSelected = Object.keys((_table$getState$rowSe = table.getState().rowSelection) != null ? _table$getState$rowSe : {}).length;
-      return totalSelected > 0 && totalSelected < table.getFilteredRowModel().flatRows.length;
-    };
-    table.getIsSomePageRowsSelected = () => {
-      const paginationFlatRows = table.getPaginationRowModel().flatRows;
-      return table.getIsAllPageRowsSelected() ? false : paginationFlatRows.filter(row => row.getCanSelect()).some(d => d.getIsSelected() || d.getIsSomeSelected());
-    };
-    table.getToggleAllRowsSelectedHandler = () => {
-      return e => {
-        table.toggleAllRowsSelected(e.target.checked);
-      };
-    };
-    table.getToggleAllPageRowsSelectedHandler = () => {
-      return e => {
-        table.toggleAllPageRowsSelected(e.target.checked);
-      };
-    };
-  },
-  createRow: (row, table) => {
-    row.toggleSelected = (value, opts) => {
-      const isSelected = row.getIsSelected();
-      table.setRowSelection(old => {
-        var _opts$selectChildren;
-        value = typeof value !== 'undefined' ? value : !isSelected;
-        if (row.getCanSelect() && isSelected === value) {
-          return old;
-        }
-        const selectedRowIds = {
-          ...old
-        };
-        mutateRowIsSelected(selectedRowIds, row.id, value, (_opts$selectChildren = opts == null ? void 0 : opts.selectChildren) != null ? _opts$selectChildren : true, table);
-        return selectedRowIds;
-      });
-    };
-    row.getIsSelected = () => {
-      const {
-        rowSelection
-      } = table.getState();
-      return isRowSelected(row, rowSelection);
-    };
-    row.getIsSomeSelected = () => {
-      const {
-        rowSelection
-      } = table.getState();
-      return isSubRowSelected(row, rowSelection) === 'some';
-    };
-    row.getIsAllSubRowsSelected = () => {
-      const {
-        rowSelection
-      } = table.getState();
-      return isSubRowSelected(row, rowSelection) === 'all';
-    };
-    row.getCanSelect = () => {
-      var _table$options$enable;
-      if (typeof table.options.enableRowSelection === 'function') {
-        return table.options.enableRowSelection(row);
-      }
-      return (_table$options$enable = table.options.enableRowSelection) != null ? _table$options$enable : true;
-    };
-    row.getCanSelectSubRows = () => {
-      var _table$options$enable2;
-      if (typeof table.options.enableSubRowSelection === 'function') {
-        return table.options.enableSubRowSelection(row);
-      }
-      return (_table$options$enable2 = table.options.enableSubRowSelection) != null ? _table$options$enable2 : true;
-    };
-    row.getCanMultiSelect = () => {
-      var _table$options$enable3;
-      if (typeof table.options.enableMultiRowSelection === 'function') {
-        return table.options.enableMultiRowSelection(row);
-      }
-      return (_table$options$enable3 = table.options.enableMultiRowSelection) != null ? _table$options$enable3 : true;
-    };
-    row.getToggleSelectedHandler = () => {
-      const canSelect = row.getCanSelect();
-      return e => {
-        var _target;
-        if (!canSelect) return;
-        row.toggleSelected((_target = e.target) == null ? void 0 : _target.checked);
-      };
-    };
-  }
-};
-const mutateRowIsSelected = (selectedRowIds, id, value, includeChildren, table) => {
-  var _row$subRows;
-  const row = table.getRow(id, true);
-
-  // const isGrouped = row.getIsGrouped()
-
-  // if ( // TODO: enforce grouping row selection rules
-  //   !isGrouped ||
-  //   (isGrouped && table.options.enableGroupingRowSelection)
-  // ) {
-  if (value) {
-    if (!row.getCanMultiSelect()) {
-      Object.keys(selectedRowIds).forEach(key => delete selectedRowIds[key]);
-    }
-    if (row.getCanSelect()) {
-      selectedRowIds[id] = true;
-    }
-  } else {
-    delete selectedRowIds[id];
-  }
-  // }
-
-  if (includeChildren && (_row$subRows = row.subRows) != null && _row$subRows.length && row.getCanSelectSubRows()) {
-    row.subRows.forEach(row => mutateRowIsSelected(selectedRowIds, row.id, value, includeChildren, table));
-  }
-};
-function selectRowsFn(table, rowModel) {
-  const rowSelection = table.getState().rowSelection;
-  const newSelectedFlatRows = [];
-  const newSelectedRowsById = {};
-
-  // Filters top level and nested rows
-  const recurseRows = function (rows, depth) {
-    return rows.map(row => {
-      var _row$subRows2;
-      const isSelected = isRowSelected(row, rowSelection);
-      if (isSelected) {
-        newSelectedFlatRows.push(row);
-        newSelectedRowsById[row.id] = row;
-      }
-      if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
-        row = {
-          ...row,
-          subRows: recurseRows(row.subRows)
-        };
-      }
-      if (isSelected) {
-        return row;
-      }
-    }).filter(Boolean);
-  };
-  return {
-    rows: recurseRows(rowModel.rows),
-    flatRows: newSelectedFlatRows,
-    rowsById: newSelectedRowsById
-  };
-}
-function isRowSelected(row, selection) {
-  var _selection$row$id;
-  return (_selection$row$id = selection[row.id]) != null ? _selection$row$id : false;
-}
-function isSubRowSelected(row, selection, table) {
-  var _row$subRows3;
-  if (!((_row$subRows3 = row.subRows) != null && _row$subRows3.length)) return false;
-  let allChildrenSelected = true;
-  let someSelected = false;
-  row.subRows.forEach(subRow => {
-    // Bail out early if we know both of these
-    if (someSelected && !allChildrenSelected) {
-      return;
-    }
-    if (subRow.getCanSelect()) {
-      if (isRowSelected(subRow, selection)) {
-        someSelected = true;
-      } else {
-        allChildrenSelected = false;
-      }
-    }
-
-    // Check row selection of nested subrows
-    if (subRow.subRows && subRow.subRows.length) {
-      const subRowChildrenSelected = isSubRowSelected(subRow, selection);
-      if (subRowChildrenSelected === 'all') {
-        someSelected = true;
-      } else if (subRowChildrenSelected === 'some') {
-        someSelected = true;
-        allChildrenSelected = false;
-      } else {
-        allChildrenSelected = false;
-      }
-    }
-  });
-  return allChildrenSelected ? 'all' : someSelected ? 'some' : false;
-}
-
-const reSplitAlphaNumeric = /([0-9]+)/gm;
-const alphanumeric = (rowA, rowB, columnId) => {
-  return compareAlphanumeric(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
-};
-const alphanumericCaseSensitive = (rowA, rowB, columnId) => {
-  return compareAlphanumeric(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
-};
-
-// The text filter is more basic (less numeric support)
-// but is much faster
-const text = (rowA, rowB, columnId) => {
-  return compareBasic(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
-};
-
-// The text filter is more basic (less numeric support)
-// but is much faster
-const textCaseSensitive = (rowA, rowB, columnId) => {
-  return compareBasic(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
-};
-const datetime = (rowA, rowB, columnId) => {
-  const a = rowA.getValue(columnId);
-  const b = rowB.getValue(columnId);
-
-  // Can handle nullish values
-  // Use > and < because == (and ===) doesn't work with
-  // Date objects (would require calling getTime()).
-  return a > b ? 1 : a < b ? -1 : 0;
-};
-const basic = (rowA, rowB, columnId) => {
-  return compareBasic(rowA.getValue(columnId), rowB.getValue(columnId));
-};
-
-// Utils
-
-function compareBasic(a, b) {
-  return a === b ? 0 : a > b ? 1 : -1;
-}
-function toString(a) {
-  if (typeof a === 'number') {
-    if (isNaN(a) || a === Infinity || a === -Infinity) {
-      return '';
-    }
-    return String(a);
-  }
-  if (typeof a === 'string') {
-    return a;
-  }
-  return '';
-}
-
-// Mixed sorting is slow, but very inclusive of many edge cases.
-// It handles numbers, mixed alphanumeric combinations, and even
-// null, undefined, and Infinity
-function compareAlphanumeric(aStr, bStr) {
-  // Split on number groups, but keep the delimiter
-  // Then remove falsey split values
-  const a = aStr.split(reSplitAlphaNumeric).filter(Boolean);
-  const b = bStr.split(reSplitAlphaNumeric).filter(Boolean);
-
-  // While
-  while (a.length && b.length) {
-    const aa = a.shift();
-    const bb = b.shift();
-    const an = parseInt(aa, 10);
-    const bn = parseInt(bb, 10);
-    const combo = [an, bn].sort();
-
-    // Both are string
-    if (isNaN(combo[0])) {
-      if (aa > bb) {
-        return 1;
-      }
-      if (bb > aa) {
-        return -1;
-      }
-      continue;
-    }
-
-    // One is a string, one is a number
-    if (isNaN(combo[1])) {
-      return isNaN(an) ? -1 : 1;
-    }
-
-    // Both are numbers
-    if (an > bn) {
-      return 1;
-    }
-    if (bn > an) {
-      return -1;
-    }
-  }
-  return a.length - b.length;
-}
-
-// Exports
-
-const sortingFns = {
-  alphanumeric,
-  alphanumericCaseSensitive,
-  text,
-  textCaseSensitive,
-  datetime,
-  basic
-};
-
-//
-
-const RowSorting = {
-  getInitialState: state => {
-    return {
-      sorting: [],
-      ...state
-    };
-  },
-  getDefaultColumnDef: () => {
-    return {
-      sortingFn: 'auto',
-      sortUndefined: 1
-    };
-  },
-  getDefaultOptions: table => {
-    return {
-      onSortingChange: makeStateUpdater('sorting', table),
-      isMultiSortEvent: e => {
-        return e.shiftKey;
-      }
-    };
-  },
-  createColumn: (column, table) => {
-    column.getAutoSortingFn = () => {
-      const firstRows = table.getFilteredRowModel().flatRows.slice(10);
-      let isString = false;
-      for (const row of firstRows) {
-        const value = row == null ? void 0 : row.getValue(column.id);
-        if (Object.prototype.toString.call(value) === '[object Date]') {
-          return sortingFns.datetime;
-        }
-        if (typeof value === 'string') {
-          isString = true;
-          if (value.split(reSplitAlphaNumeric).length > 1) {
-            return sortingFns.alphanumeric;
-          }
-        }
-      }
-      if (isString) {
-        return sortingFns.text;
-      }
-      return sortingFns.basic;
-    };
-    column.getAutoSortDir = () => {
-      const firstRow = table.getFilteredRowModel().flatRows[0];
-      const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
-      if (typeof value === 'string') {
-        return 'asc';
-      }
-      return 'desc';
-    };
-    column.getSortingFn = () => {
-      var _table$options$sortin, _table$options$sortin2;
-      if (!column) {
-        throw new Error();
-      }
-      return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (_table$options$sortin = (_table$options$sortin2 = table.options.sortingFns) == null ? void 0 : _table$options$sortin2[column.columnDef.sortingFn]) != null ? _table$options$sortin : sortingFns[column.columnDef.sortingFn];
-    };
-    column.toggleSorting = (desc, multi) => {
-      // if (column.columns.length) {
-      //   column.columns.forEach((c, i) => {
-      //     if (c.id) {
-      //       table.toggleColumnSorting(c.id, undefined, multi || !!i)
-      //     }
-      //   })
-      //   return
-      // }
-
-      // this needs to be outside of table.setSorting to be in sync with rerender
-      const nextSortingOrder = column.getNextSortingOrder();
-      const hasManualValue = typeof desc !== 'undefined' && desc !== null;
-      table.setSorting(old => {
-        // Find any existing sorting for this column
-        const existingSorting = old == null ? void 0 : old.find(d => d.id === column.id);
-        const existingIndex = old == null ? void 0 : old.findIndex(d => d.id === column.id);
-        let newSorting = [];
-
-        // What should we do with this sort action?
-        let sortAction;
-        let nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';
-
-        // Multi-mode
-        if (old != null && old.length && column.getCanMultiSort() && multi) {
-          if (existingSorting) {
-            sortAction = 'toggle';
-          } else {
-            sortAction = 'add';
-          }
-        } else {
-          // Normal mode
-          if (old != null && old.length && existingIndex !== old.length - 1) {
-            sortAction = 'replace';
-          } else if (existingSorting) {
-            sortAction = 'toggle';
-          } else {
-            sortAction = 'replace';
-          }
-        }
-
-        // Handle toggle states that will remove the sorting
-        if (sortAction === 'toggle') {
-          // If we are "actually" toggling (not a manual set value), should we remove the sorting?
-          if (!hasManualValue) {
-            // Is our intention to remove?
-            if (!nextSortingOrder) {
-              sortAction = 'remove';
-            }
-          }
-        }
-        if (sortAction === 'add') {
-          var _table$options$maxMul;
-          newSorting = [...old, {
-            id: column.id,
-            desc: nextDesc
-          }];
-          // Take latest n columns
-          newSorting.splice(0, newSorting.length - ((_table$options$maxMul = table.options.maxMultiSortColCount) != null ? _table$options$maxMul : Number.MAX_SAFE_INTEGER));
-        } else if (sortAction === 'toggle') {
-          // This flips (or sets) the
-          newSorting = old.map(d => {
-            if (d.id === column.id) {
-              return {
-                ...d,
-                desc: nextDesc
-              };
-            }
-            return d;
-          });
-        } else if (sortAction === 'remove') {
-          newSorting = old.filter(d => d.id !== column.id);
-        } else {
-          newSorting = [{
-            id: column.id,
-            desc: nextDesc
-          }];
-        }
-        return newSorting;
-      });
-    };
-    column.getFirstSortDir = () => {
-      var _ref, _column$columnDef$sor;
-      const sortDescFirst = (_ref = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : table.options.sortDescFirst) != null ? _ref : column.getAutoSortDir() === 'desc';
-      return sortDescFirst ? 'desc' : 'asc';
-    };
-    column.getNextSortingOrder = multi => {
-      var _table$options$enable, _table$options$enable2;
-      const firstSortDirection = column.getFirstSortDir();
-      const isSorted = column.getIsSorted();
-      if (!isSorted) {
-        return firstSortDirection;
-      }
-      if (isSorted !== firstSortDirection && ((_table$options$enable = table.options.enableSortingRemoval) != null ? _table$options$enable : true) && (
-      // If enableSortRemove, enable in general
-      multi ? (_table$options$enable2 = table.options.enableMultiRemove) != null ? _table$options$enable2 : true : true) // If multi, don't allow if enableMultiRemove))
-      ) {
-        return false;
-      }
-      return isSorted === 'desc' ? 'asc' : 'desc';
-    };
-    column.getCanSort = () => {
-      var _column$columnDef$ena, _table$options$enable3;
-      return ((_column$columnDef$ena = column.columnDef.enableSorting) != null ? _column$columnDef$ena : true) && ((_table$options$enable3 = table.options.enableSorting) != null ? _table$options$enable3 : true) && !!column.accessorFn;
-    };
-    column.getCanMultiSort = () => {
-      var _ref2, _column$columnDef$ena2;
-      return (_ref2 = (_column$columnDef$ena2 = column.columnDef.enableMultiSort) != null ? _column$columnDef$ena2 : table.options.enableMultiSort) != null ? _ref2 : !!column.accessorFn;
-    };
-    column.getIsSorted = () => {
-      var _table$getState$sorti;
-      const columnSort = (_table$getState$sorti = table.getState().sorting) == null ? void 0 : _table$getState$sorti.find(d => d.id === column.id);
-      return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
-    };
-    column.getSortIndex = () => {
-      var _table$getState$sorti2, _table$getState$sorti3;
-      return (_table$getState$sorti2 = (_table$getState$sorti3 = table.getState().sorting) == null ? void 0 : _table$getState$sorti3.findIndex(d => d.id === column.id)) != null ? _table$getState$sorti2 : -1;
-    };
-    column.clearSorting = () => {
-      //clear sorting for just 1 column
-      table.setSorting(old => old != null && old.length ? old.filter(d => d.id !== column.id) : []);
-    };
-    column.getToggleSortingHandler = () => {
-      const canSort = column.getCanSort();
-      return e => {
-        if (!canSort) return;
-        e.persist == null || e.persist();
-        column.toggleSorting == null || column.toggleSorting(undefined, column.getCanMultiSort() ? table.options.isMultiSortEvent == null ? void 0 : table.options.isMultiSortEvent(e) : false);
-      };
-    };
-  },
-  createTable: table => {
-    table.setSorting = updater => table.options.onSortingChange == null ? void 0 : table.options.onSortingChange(updater);
-    table.resetSorting = defaultState => {
-      var _table$initialState$s, _table$initialState;
-      table.setSorting(defaultState ? [] : (_table$initialState$s = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.sorting) != null ? _table$initialState$s : []);
-    };
-    table.getPreSortedRowModel = () => table.getGroupedRowModel();
-    table.getSortedRowModel = () => {
-      if (!table._getSortedRowModel && table.options.getSortedRowModel) {
-        table._getSortedRowModel = table.options.getSortedRowModel(table);
-      }
-      if (table.options.manualSorting || !table._getSortedRowModel) {
-        return table.getPreSortedRowModel();
-      }
-      return table._getSortedRowModel();
-    };
-  }
-};
-
-const builtInFeatures = [Headers, ColumnVisibility, ColumnOrdering, ColumnPinning, ColumnFaceting, ColumnFiltering, GlobalFaceting,
-//depends on ColumnFaceting
-GlobalFiltering,
-//depends on ColumnFiltering
-RowSorting, ColumnGrouping,
-//depends on RowSorting
-RowExpanding, RowPagination, RowPinning, RowSelection, ColumnSizing];
-
-//
-
-function createTable(options) {
-  var _options$_features, _options$initialState;
-  const _features = [...builtInFeatures, ...((_options$_features = options._features) != null ? _options$_features : [])];
-  let table = {
-    _features
-  };
-  const defaultOptions = table._features.reduce((obj, feature) => {
-    return Object.assign(obj, feature.getDefaultOptions == null ? void 0 : feature.getDefaultOptions(table));
-  }, {});
-  const mergeOptions = options => {
-    if (table.options.mergeOptions) {
-      return table.options.mergeOptions(defaultOptions, options);
-    }
-    return {
-      ...defaultOptions,
-      ...options
-    };
-  };
-  const coreInitialState = {};
-  let initialState = {
-    ...coreInitialState,
-    ...((_options$initialState = options.initialState) != null ? _options$initialState : {})
-  };
-  table._features.forEach(feature => {
-    var _feature$getInitialSt;
-    initialState = (_feature$getInitialSt = feature.getInitialState == null ? void 0 : feature.getInitialState(initialState)) != null ? _feature$getInitialSt : initialState;
-  });
-  const queued = [];
-  let queuedTimeout = false;
-  const coreInstance = {
-    _features,
-    options: {
-      ...defaultOptions,
-      ...options
-    },
-    initialState,
-    _queue: cb => {
-      queued.push(cb);
-      if (!queuedTimeout) {
-        queuedTimeout = true;
-
-        // Schedule a microtask to run the queued callbacks after
-        // the current call stack (render, etc) has finished.
-        Promise.resolve().then(() => {
-          while (queued.length) {
-            queued.shift()();
-          }
-          queuedTimeout = false;
-        }).catch(error => setTimeout(() => {
-          throw error;
-        }));
-      }
-    },
-    reset: () => {
-      table.setState(table.initialState);
-    },
-    setOptions: updater => {
-      const newOptions = functionalUpdate(updater, table.options);
-      table.options = mergeOptions(newOptions);
-    },
-    getState: () => {
-      return table.options.state;
-    },
-    setState: updater => {
-      table.options.onStateChange == null || table.options.onStateChange(updater);
-    },
-    _getRowId: (row, index, parent) => {
-      var _table$options$getRow;
-      return (_table$options$getRow = table.options.getRowId == null ? void 0 : table.options.getRowId(row, index, parent)) != null ? _table$options$getRow : `${parent ? [parent.id, index].join('.') : index}`;
-    },
-    getCoreRowModel: () => {
-      if (!table._getCoreRowModel) {
-        table._getCoreRowModel = table.options.getCoreRowModel(table);
-      }
-      return table._getCoreRowModel();
-    },
-    // The final calls start at the bottom of the model,
-    // expanded rows, which then work their way up
-
-    getRowModel: () => {
-      return table.getPaginationRowModel();
-    },
-    //in next version, we should just pass in the row model as the optional 2nd arg
-    getRow: (id, searchAll) => {
-      let row = (searchAll ? table.getPrePaginationRowModel() : table.getRowModel()).rowsById[id];
-      if (!row) {
-        row = table.getCoreRowModel().rowsById[id];
-        if (!row) {
-          throw new Error();
-        }
-      }
-      return row;
-    },
-    _getDefaultColumnDef: memo(() => [table.options.defaultColumn], defaultColumn => {
-      var _defaultColumn;
-      defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
-      return {
-        header: props => {
-          const resolvedColumnDef = props.header.column.columnDef;
-          if (resolvedColumnDef.accessorKey) {
-            return resolvedColumnDef.accessorKey;
-          }
-          if (resolvedColumnDef.accessorFn) {
-            return resolvedColumnDef.id;
-          }
-          return null;
-        },
-        // footer: props => props.header.column.id,
-        cell: props => {
-          var _props$renderValue$to, _props$renderValue;
-          return (_props$renderValue$to = (_props$renderValue = props.renderValue()) == null || _props$renderValue.toString == null ? void 0 : _props$renderValue.toString()) != null ? _props$renderValue$to : null;
-        },
-        ...table._features.reduce((obj, feature) => {
-          return Object.assign(obj, feature.getDefaultColumnDef == null ? void 0 : feature.getDefaultColumnDef());
-        }, {}),
-        ...defaultColumn
-      };
-    }, getMemoOptions(options, 'debugColumns')),
-    _getColumnDefs: () => table.options.columns,
-    getAllColumns: memo(() => [table._getColumnDefs()], columnDefs => {
-      const recurseColumns = function (columnDefs, parent, depth) {
-        if (depth === void 0) {
-          depth = 0;
-        }
-        return columnDefs.map(columnDef => {
-          const column = createColumn(table, columnDef, depth, parent);
-          const groupingColumnDef = columnDef;
-          column.columns = groupingColumnDef.columns ? recurseColumns(groupingColumnDef.columns, column, depth + 1) : [];
-          return column;
-        });
-      };
-      return recurseColumns(columnDefs);
-    }, getMemoOptions(options, 'debugColumns')),
-    getAllFlatColumns: memo(() => [table.getAllColumns()], allColumns => {
-      return allColumns.flatMap(column => {
-        return column.getFlatColumns();
-      });
-    }, getMemoOptions(options, 'debugColumns')),
-    _getAllFlatColumnsById: memo(() => [table.getAllFlatColumns()], flatColumns => {
-      return flatColumns.reduce((acc, column) => {
-        acc[column.id] = column;
-        return acc;
-      }, {});
-    }, getMemoOptions(options, 'debugColumns')),
-    getAllLeafColumns: memo(() => [table.getAllColumns(), table._getOrderColumnsFn()], (allColumns, orderColumns) => {
-      let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
-      return orderColumns(leafColumns);
-    }, getMemoOptions(options, 'debugColumns')),
-    getColumn: columnId => {
-      const column = table._getAllFlatColumnsById()[columnId];
-      return column;
-    }
-  };
-  Object.assign(table, coreInstance);
-  for (let index = 0; index < table._features.length; index++) {
-    const feature = table._features[index];
-    feature == null || feature.createTable == null || feature.createTable(table);
-  }
-  return table;
-}
-
-function getCoreRowModel() {
-  return table => memo(() => [table.options.data], data => {
-    const rowModel = {
-      rows: [],
-      flatRows: [],
-      rowsById: {}
-    };
-    const accessRows = function (originalRows, depth, parentRow) {
-      if (depth === void 0) {
-        depth = 0;
-      }
-      const rows = [];
-      for (let i = 0; i < originalRows.length; i++) {
-        // This could be an expensive check at scale, so we should move it somewhere else, but where?
-        // if (!id) {
-        //   if ("production" !== 'production') {
-        //     throw new Error(`getRowId expected an ID, but got ${id}`)
-        //   }
-        // }
-
-        // Make the row
-        const row = createRow(table, table._getRowId(originalRows[i], i, parentRow), originalRows[i], i, depth, undefined, parentRow == null ? void 0 : parentRow.id);
-
-        // Keep track of every row in a flat array
-        rowModel.flatRows.push(row);
-        // Also keep track of every row by its ID
-        rowModel.rowsById[row.id] = row;
-        // Push table row into parent
-        rows.push(row);
-
-        // Get the original subrows
-        if (table.options.getSubRows) {
-          var _row$originalSubRows;
-          row.originalSubRows = table.options.getSubRows(originalRows[i], i);
-
-          // Then recursively access them
-          if ((_row$originalSubRows = row.originalSubRows) != null && _row$originalSubRows.length) {
-            row.subRows = accessRows(row.originalSubRows, depth + 1, row);
-          }
-        }
-      }
-      return rows;
-    };
-    rowModel.rows = accessRows(data);
-    return rowModel;
-  }, getMemoOptions(table.options, 'debugTable', 'getRowModel', () => table._autoResetPageIndex()));
-}
-function expandRows(rowModel) {
-  const expandedRows = [];
-  const handleRow = row => {
-    var _row$subRows;
-    expandedRows.push(row);
-    if ((_row$subRows = row.subRows) != null && _row$subRows.length && row.getIsExpanded()) {
-      row.subRows.forEach(handleRow);
-    }
-  };
-  rowModel.rows.forEach(handleRow);
-  return {
-    rows: expandedRows,
-    flatRows: rowModel.flatRows,
-    rowsById: rowModel.rowsById
-  };
-}
-
-function filterRows(rows, filterRowImpl, table) {
-  if (table.options.filterFromLeafRows) {
-    return filterRowModelFromLeafs(rows, filterRowImpl, table);
-  }
-  return filterRowModelFromRoot(rows, filterRowImpl, table);
-}
-function filterRowModelFromLeafs(rowsToFilter, filterRow, table) {
-  var _table$options$maxLea;
-  const newFilteredFlatRows = [];
-  const newFilteredRowsById = {};
-  const maxDepth = (_table$options$maxLea = table.options.maxLeafRowFilterDepth) != null ? _table$options$maxLea : 100;
-  const recurseFilterRows = function (rowsToFilter, depth) {
-    if (depth === void 0) {
-      depth = 0;
-    }
-    const rows = [];
-
-    // Filter from children up first
-    for (let i = 0; i < rowsToFilter.length; i++) {
-      var _row$subRows;
-      let row = rowsToFilter[i];
-      const newRow = createRow(table, row.id, row.original, row.index, row.depth, undefined, row.parentId);
-      newRow.columnFilters = row.columnFilters;
-      if ((_row$subRows = row.subRows) != null && _row$subRows.length && depth < maxDepth) {
-        newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
-        row = newRow;
-        if (filterRow(row) && !newRow.subRows.length) {
-          rows.push(row);
-          newFilteredRowsById[row.id] = row;
-          newFilteredFlatRows.push(row);
-          continue;
-        }
-        if (filterRow(row) || newRow.subRows.length) {
-          rows.push(row);
-          newFilteredRowsById[row.id] = row;
-          newFilteredFlatRows.push(row);
-          continue;
-        }
-      } else {
-        row = newRow;
-        if (filterRow(row)) {
-          rows.push(row);
-          newFilteredRowsById[row.id] = row;
-          newFilteredFlatRows.push(row);
-        }
-      }
-    }
-    return rows;
-  };
-  return {
-    rows: recurseFilterRows(rowsToFilter),
-    flatRows: newFilteredFlatRows,
-    rowsById: newFilteredRowsById
-  };
-}
-function filterRowModelFromRoot(rowsToFilter, filterRow, table) {
-  var _table$options$maxLea2;
-  const newFilteredFlatRows = [];
-  const newFilteredRowsById = {};
-  const maxDepth = (_table$options$maxLea2 = table.options.maxLeafRowFilterDepth) != null ? _table$options$maxLea2 : 100;
-
-  // Filters top level and nested rows
-  const recurseFilterRows = function (rowsToFilter, depth) {
-    if (depth === void 0) {
-      depth = 0;
-    }
-    // Filter from parents downward first
-
-    const rows = [];
-
-    // Apply the filter to any subRows
-    for (let i = 0; i < rowsToFilter.length; i++) {
-      let row = rowsToFilter[i];
-      const pass = filterRow(row);
-      if (pass) {
-        var _row$subRows2;
-        if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length && depth < maxDepth) {
-          const newRow = createRow(table, row.id, row.original, row.index, row.depth, undefined, row.parentId);
-          newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
-          row = newRow;
-        }
-        rows.push(row);
-        newFilteredFlatRows.push(row);
-        newFilteredRowsById[row.id] = row;
-      }
-    }
-    return rows;
-  };
-  return {
-    rows: recurseFilterRows(rowsToFilter),
-    flatRows: newFilteredFlatRows,
-    rowsById: newFilteredRowsById
-  };
-}
-
-function getFilteredRowModel() {
-  return table => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
-    if (!rowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
-      for (let i = 0; i < rowModel.flatRows.length; i++) {
-        rowModel.flatRows[i].columnFilters = {};
-        rowModel.flatRows[i].columnFiltersMeta = {};
-      }
-      return rowModel;
-    }
-    const resolvedColumnFilters = [];
-    const resolvedGlobalFilters = [];
-    (columnFilters != null ? columnFilters : []).forEach(d => {
-      var _filterFn$resolveFilt;
-      const column = table.getColumn(d.id);
-      if (!column) {
-        return;
-      }
-      const filterFn = column.getFilterFn();
-      if (!filterFn) {
-        return;
-      }
-      resolvedColumnFilters.push({
-        id: d.id,
-        filterFn,
-        resolvedValue: (_filterFn$resolveFilt = filterFn.resolveFilterValue == null ? void 0 : filterFn.resolveFilterValue(d.value)) != null ? _filterFn$resolveFilt : d.value
-      });
-    });
-    const filterableIds = (columnFilters != null ? columnFilters : []).map(d => d.id);
-    const globalFilterFn = table.getGlobalFilterFn();
-    const globallyFilterableColumns = table.getAllLeafColumns().filter(column => column.getCanGlobalFilter());
-    if (globalFilter && globalFilterFn && globallyFilterableColumns.length) {
-      filterableIds.push('__global__');
-      globallyFilterableColumns.forEach(column => {
-        var _globalFilterFn$resol;
-        resolvedGlobalFilters.push({
-          id: column.id,
-          filterFn: globalFilterFn,
-          resolvedValue: (_globalFilterFn$resol = globalFilterFn.resolveFilterValue == null ? void 0 : globalFilterFn.resolveFilterValue(globalFilter)) != null ? _globalFilterFn$resol : globalFilter
-        });
-      });
-    }
-    let currentColumnFilter;
-    let currentGlobalFilter;
-
-    // Flag the prefiltered row model with each filter state
-    for (let j = 0; j < rowModel.flatRows.length; j++) {
-      const row = rowModel.flatRows[j];
-      row.columnFilters = {};
-      if (resolvedColumnFilters.length) {
-        for (let i = 0; i < resolvedColumnFilters.length; i++) {
-          currentColumnFilter = resolvedColumnFilters[i];
-          const id = currentColumnFilter.id;
-
-          // Tag the row with the column filter state
-          row.columnFilters[id] = currentColumnFilter.filterFn(row, id, currentColumnFilter.resolvedValue, filterMeta => {
-            row.columnFiltersMeta[id] = filterMeta;
-          });
-        }
-      }
-      if (resolvedGlobalFilters.length) {
-        for (let i = 0; i < resolvedGlobalFilters.length; i++) {
-          currentGlobalFilter = resolvedGlobalFilters[i];
-          const id = currentGlobalFilter.id;
-          // Tag the row with the first truthy global filter state
-          if (currentGlobalFilter.filterFn(row, id, currentGlobalFilter.resolvedValue, filterMeta => {
-            row.columnFiltersMeta[id] = filterMeta;
-          })) {
-            row.columnFilters.__global__ = true;
-            break;
-          }
-        }
-        if (row.columnFilters.__global__ !== true) {
-          row.columnFilters.__global__ = false;
-        }
-      }
-    }
-    const filterRowsImpl = row => {
-      // Horizontally filter rows through each column
-      for (let i = 0; i < filterableIds.length; i++) {
-        if (row.columnFilters[filterableIds[i]] === false) {
-          return false;
-        }
-      }
-      return true;
-    };
-
-    // Filter final rows using all of the active filters
-    return filterRows(rowModel.rows, filterRowsImpl, table);
-  }, getMemoOptions(table.options, 'debugTable', 'getFilteredRowModel', () => table._autoResetPageIndex()));
-}
-
-function getPaginationRowModel(opts) {
-  return table => memo(() => [table.getState().pagination, table.getPrePaginationRowModel(), table.options.paginateExpandedRows ? undefined : table.getState().expanded], (pagination, rowModel) => {
-    if (!rowModel.rows.length) {
-      return rowModel;
-    }
-    const {
-      pageSize,
-      pageIndex
-    } = pagination;
-    let {
-      rows,
-      flatRows,
-      rowsById
-    } = rowModel;
-    const pageStart = pageSize * pageIndex;
-    const pageEnd = pageStart + pageSize;
-    rows = rows.slice(pageStart, pageEnd);
-    let paginatedRowModel;
-    if (!table.options.paginateExpandedRows) {
-      paginatedRowModel = expandRows({
-        rows,
-        flatRows,
-        rowsById
-      });
-    } else {
-      paginatedRowModel = {
-        rows,
-        flatRows,
-        rowsById
-      };
-    }
-    paginatedRowModel.flatRows = [];
-    const handleRow = row => {
-      paginatedRowModel.flatRows.push(row);
-      if (row.subRows.length) {
-        row.subRows.forEach(handleRow);
-      }
-    };
-    paginatedRowModel.rows.forEach(handleRow);
-    return paginatedRowModel;
-  }, getMemoOptions(table.options, 'debugTable'));
-}
-
-function getSortedRowModel() {
-  return table => memo(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
-    if (!rowModel.rows.length || !(sorting != null && sorting.length)) {
-      return rowModel;
-    }
-    const sortingState = table.getState().sorting;
-    const sortedFlatRows = [];
-
-    // Filter out sortings that correspond to non existing columns
-    const availableSorting = sortingState.filter(sort => {
-      var _table$getColumn;
-      return (_table$getColumn = table.getColumn(sort.id)) == null ? void 0 : _table$getColumn.getCanSort();
-    });
-    const columnInfoById = {};
-    availableSorting.forEach(sortEntry => {
-      const column = table.getColumn(sortEntry.id);
-      if (!column) return;
-      columnInfoById[sortEntry.id] = {
-        sortUndefined: column.columnDef.sortUndefined,
-        invertSorting: column.columnDef.invertSorting,
-        sortingFn: column.getSortingFn()
-      };
-    });
-    const sortData = rows => {
-      // This will also perform a stable sorting using the row index
-      // if needed.
-      const sortedData = rows.map(row => ({
-        ...row
-      }));
-      sortedData.sort((rowA, rowB) => {
-        for (let i = 0; i < availableSorting.length; i += 1) {
-          var _sortEntry$desc;
-          const sortEntry = availableSorting[i];
-          const columnInfo = columnInfoById[sortEntry.id];
-          const sortUndefined = columnInfo.sortUndefined;
-          const isDesc = (_sortEntry$desc = sortEntry == null ? void 0 : sortEntry.desc) != null ? _sortEntry$desc : false;
-          let sortInt = 0;
-
-          // All sorting ints should always return in ascending order
-          if (sortUndefined) {
-            const aValue = rowA.getValue(sortEntry.id);
-            const bValue = rowB.getValue(sortEntry.id);
-            const aUndefined = aValue === undefined;
-            const bUndefined = bValue === undefined;
-            if (aUndefined || bUndefined) {
-              if (sortUndefined === 'first') return aUndefined ? -1 : 1;
-              if (sortUndefined === 'last') return aUndefined ? 1 : -1;
-              sortInt = aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;
-            }
-          }
-          if (sortInt === 0) {
-            sortInt = columnInfo.sortingFn(rowA, rowB, sortEntry.id);
-          }
-
-          // If sorting is non-zero, take care of desc and inversion
-          if (sortInt !== 0) {
-            if (isDesc) {
-              sortInt *= -1;
-            }
-            if (columnInfo.invertSorting) {
-              sortInt *= -1;
-            }
-            return sortInt;
-          }
-        }
-        return rowA.index - rowB.index;
-      });
-
-      // If there are sub-rows, sort them
-      sortedData.forEach(row => {
-        var _row$subRows;
-        sortedFlatRows.push(row);
-        if ((_row$subRows = row.subRows) != null && _row$subRows.length) {
-          row.subRows = sortData(row.subRows);
-        }
-      });
-      return sortedData;
-    };
-    return {
-      rows: sortData(rowModel.rows),
-      flatRows: sortedFlatRows,
-      rowsById: rowModel.rowsById
-    };
-  }, getMemoOptions(table.options, 'debugTable', 'getSortedRowModel', () => table._autoResetPageIndex()));
-}
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * All properties that should be excluded from the deep copy of an HTML element.
- */
-const excludedProps = new Set([
-    // Text and content-related properties
-    'textContent',
-    'innerText',
-    'outerText',
-    'innerHTML',
-    'outerHTML',
-    'text',
-    // Form element properties
-    'value',
-    'defaultValue',
-    'checked',
-    'defaultChecked',
-    'selectionStart',
-    'selectionEnd',
-    'selectionDirection',
-    'form',
-    'willValidate',
-    'validity',
-    'validationMessage',
-    'labels',
-    'list',
-    'maxLength',
-    'minLength',
-    'valueAsDate',
-    'valueAsNumber',
-    // Editability and namespaces
-    'contentEditable',
-    'isContentEditable',
-    'namespaceURI',
-    // Child-related properties (handled recursively)
-    'attributes',
-    'children',
-    'childNodes',
-    'firstChild',
-    'lastChild',
-    // Blazor-related properties
-    'origin',
-    'dataset',
-    'attributeStyleMap',
-    'prefix',
-    'localName',
-    'tagName',
-    'shadowRoot',
-    'assignedSlot',
-    'scrollWidth',
-    'scrollHeight',
-    'clientTop',
-    'clientLeft',
-    'clientWidth',
-    'clientHeight',
-    'firstElementChild',
-    'lastElementChild',
-    'childElementCount',
-    'previousElementSibling',
-    'nextElementSibling',
-    'currentCSSZoom',
-    'nodeType',
-    'nodeName',
-    'baseURI',
-    'isConnected',
-    'ownerDocument',
-    'parentNode',
-    'parentElement',
-    'previousSibling',
-    'nextSibling',
-    'ELEMENT_NODE',
-    'ATTRIBUTE_NODE',
-    'TEXT_NODE',
-    'CDATA_SECTION_NODE',
-    'ENTITY_REFERENCE_NODE',
-    'ENTITY_NODE',
-    'PROCESSING_INSTRUCTION_NODE',
-    'COMMENT_NODE',
-    'DOCUMENT_NODE',
-    'DOCUMENT_TYPE_NODE',
-    'DOCUMENT_FRAGMENT_NODE',
-    'NOTATION_NODE',
-    'DOCUMENT_POSITION_DISCONNECTED',
-    'DOCUMENT_POSITION_PRECEDING',
-    'DOCUMENT_POSITION_FOLLOWING',
-    'DOCUMENT_POSITION_CONTAINS',
-    'DOCUMENT_POSITION_CONTAINED_BY',
-    'DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC',
-]);
-/**
- * Deep copy an HTML element with all its attributes, properties, and child nodes.
- * This method is useful for creating a clone of an element that can be safely modified without affecting the original.
- * @param {HTMLElement} element - The HTML element to copy.
- * @returns {HTMLElement} - A deep copy of the HTML element.
- * @example const copy = deepCopyElement(document.getElementById('myElement'));
- */
-function deepCopyElement(element) {
-    const copy = document.createElement(element.tagName);
-    // ✅ Copy attributes
-    Array.from(element.attributes).forEach(attr => {
-        copy.setAttribute(attr.name, attr.value);
-    });
-    // ✅ Dynamically extract relevant properties
-    const properties = new Set();
-    // Collect only own enumerable properties
-    Object.keys(element).forEach(key => properties.add(key));
-    // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
-    let proto = Object.getPrototypeOf(element);
-    while (proto && proto !== HTMLElement.prototype) {
-        Object.keys(proto).forEach(key => properties.add(key));
-        proto = Object.getPrototypeOf(proto);
-    }
-    // ✅ Filter and copy only non-function properties (methods are excluded) and non-event listeners
-    properties.forEach(prop => {
-        if (typeof element[prop] !== 'function' && // Ignore methods
-            !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
-            !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
-        ) {
-            try {
-                copy[prop] = element[prop];
-            }
-            catch (error) {
-                console.warn(`Could not copy property ${prop}:`, error.message);
-            }
-        }
-    });
-    // ✅ Copy dataset separately
-    Object.assign(copy.dataset, element.dataset);
-    // ✅ Handle form elements specifically
-    if (element instanceof HTMLInputElement) {
-        copy.value = element.value;
-        copy.checked = element.checked;
-        copy.defaultValue = element.defaultValue;
-        copy.defaultChecked = element.defaultChecked;
-        copy.selectionStart = element.selectionStart;
-        copy.selectionEnd = element.selectionEnd;
-        copy.selectionDirection = element.selectionDirection;
-    }
-    else if (element instanceof HTMLTextAreaElement) {
-        copy.value = element.value;
-        copy.defaultValue = element.defaultValue;
-        copy.selectionStart = element.selectionStart;
-        copy.selectionEnd = element.selectionEnd;
-        copy.selectionDirection =
-            element.selectionDirection;
-    }
-    else if (element instanceof HTMLSelectElement) {
-        copy.value = element.value;
-        copy.selectedIndex = element.selectedIndex;
-    }
-    // ✅ Recursively copy child nodes (prevent duplicates)
-    element.childNodes.forEach(child => {
-        let childCopy;
-        if (child.nodeType === Node.ELEMENT_NODE) {
-            childCopy = deepCopyElement(child);
-        }
-        else {
-            childCopy = child.cloneNode(true);
-        }
-        copy.appendChild(childCopy);
-    });
-    return copy;
-}
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * Debounce function to prevent multiple calls in a short
- * period of time (e.g., input events).
- * @param {T} func - Function to be debounced
- * @param {number} wait - Time in milliseconds
- * @returns {(...args: Parameters<T>) => void} - Debounced function
- */
-function debounce(func, wait) {
-    let timeout;
-    return function executedFunction(...args) {
-        const later = () => {
-            clearTimeout(timeout);
-            func(...args);
-        };
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-    };
-}
-
-const nvDatagridCss = "nv-datagrid{--nv-datagrid-border-default:var(\n    --components-form-field-border-default\n  );--nv-datagrid-border-hover:var(--components-form-field-border-hover);--nv-datagrid-border-focus:var(--components-form-field-border-default);--nv-datagrid-background-default:var(\n    --components-form-field-background-default\n  );--nv-datagrid-background-checked:var(\n    --components-form-field-background-checked\n  );--nv-datagrid-background-disabled:var(\n    --components-form-field-background-disabled\n  );--nv-datagrid-color-checked:var(\n    --components-form-shape-foreground-default\n  );--nv-datagrid-color-disabled:var(\n    --components-form-shape-foreground-disabled\n  );--nv-datagrid-outline-color:var(--color-focus-brand);display:block}nv-datagrid .hidden{display:none}nv-datagrid table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-datagrid th{text-align:left;border-bottom:1px solid var(--components-datagrid-header-border);min-height:var(--spacing-12);padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);font-size:var(--font-size-md);font-weight:var(--font-weight-high-emphasis);color:var(--components-datagrid-header-text)}nv-datagrid td{border-bottom:1px solid var(--components-datagrid-body-border);min-height:var(--spacing-12);max-height:var(--spacing-14);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-weight:var(--font-weight-low-emphasis);color:var(--components-datagrid-body-text);white-space:nowrap;text-overflow:ellipsis}nv-datagrid tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}nv-datagrid .cursor-pointer{cursor:pointer}nv-datagrid .select-none{-webkit-user-select:none;user-select:none}nv-datagrid .search-container{display:flex}nv-datagrid .checkbox-container{position:relative;color:var(--nv-datagrid-color-checked)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-datagrid-color-disabled)}nv-datagrid .checkbox-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-datagrid-border-default);background:var(--nv-datagrid-background-default)}nv-datagrid .checkbox-container input[type=checkbox]:hover{border-color:var(--nv-datagrid-border-hover)}nv-datagrid .checkbox-container input[type=checkbox]:focus{border-color:var(--nv-datagrid-border-focus)}nv-datagrid .checkbox-container input[type=checkbox]:focus,nv-datagrid .checkbox-container input[type=checkbox]:focus-within{outline:none}nv-datagrid .checkbox-container input[type=checkbox]:focus-visible,nv-datagrid .checkbox-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-datagrid-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-datagrid .checkbox-container input[type=checkbox]:checked,nv-datagrid .checkbox-container input[type=checkbox]:indeterminate{background:var(--nv-datagrid-background-checked);border-color:var(--nv-datagrid-background-checked)}nv-datagrid .checkbox-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-datagrid-background-disabled);border-color:var(--nv-datagrid-border-default)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-datagrid .checkbox-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}";
-
-const NvDatagrid$1 = /*@__PURE__*/ proxyCustomElement(class NvDatagrid extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.action = createEvent(this, "action", 3);
-        this.selectedRows = createEvent(this, "selectedRows", 3);
-        this.stateChanged = createEvent(this, "stateChanged", 3);
-        this.templateCache = new Map();
-        this.headerTemplateCache = new Map();
-        this.minPageIndex = 1;
-        /****************************************************************************/
-        //#region STATES
-        this.table = null;
-        this.parsedColumns = []; // Parsed array
-        this.parsedData = []; // Parsed array
-        this.globalFilterSearchTerm = '';
-        this.columnData = [];
-        this.paginationState = null;
-        this.sortingState = [];
-        this.rowSelectionState = {};
-        //#endregion STATES
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * The data to display in the data grid.
-         * @example [{ "name": "Alice", "age": 25 }, { "name": "Bob", "age": 30 }]
-         * @default []
-         */
-        this.data = [];
-        /**
-         * The columns to display in the data grid.
-         * @example
-         * [
-         *  {"header":"Name","accessor":"name"},
-         *  {"header":"Age","accessor":"age"},
-         *  {"header":"Email","accessor":"email"}
-         * ]
-         * @default []
-         */
-        this.columns = [];
-        /**
-         * Fallback value to be displayed when data is not available
-         * @default 'N/A'
-         */
-        this.fallbackValue = 'N/A';
-        /**
-         * The message to display when there is no data available.
-         * @default 'No data available'
-         */
-        this.noDataMessage = 'No data available';
-        /**
-         * The message to display when there are no columns or data available.
-         * @default 'No data or columns available to display.'
-         */
-        this.noColumnsNoDataMessage = 'No data or columns available to display.';
-        /**
-         * Whether to automatically generate columns if none are provided.
-         * If columns are explicitly set, this property is ignored.
-         * @default false
-         */
-        this.autoGenerateColumns = false;
-        /**
-         * Whether to enable global filtering for the data grid.
-         * This allows users to search across all columns for a specific value.
-         * The search is case-insensitive and supports partial matches.
-         * It use string.includes() to match the search term.
-         * @default false
-         */
-        this.enableGlobalFilter = false;
-        /**
-         * Position the global filter input field
-         */
-        this.globalFilterPosition = 'end';
-        /**
-         * Whether to enable pagination for the data grid.
-         * @default false
-         */
-        this.enablePagination = false;
-        /**
-         * The number of rows to display per page.
-         * If the number is not present in the property pageSizes it takes the first of the list.
-         * @default 10
-         */
-        this.pageSize = 10;
-        /**
-         * The array of page sizes to display in the pagination dropdown.
-         * @default [10, 20, 30, 40, 50]
-         */
-        this.pageSizes = [10, 20, 30, 40, 50];
-        /**
-         * Whether to enable sorting for the data grid.
-         * @default false
-         */
-        this.enableSorting = false;
-        /**
-         * Whether to enable row selection for the data grid.
-         */
-        this.enableRowSelection = false;
-        /**
-         * The overall state
-         */
-        this.state = null;
-        this.debouncedFilter = debounce((value) => {
-            this.table?.setGlobalFilter(value);
-        }, 300);
-        /**
-         * Handles global filtering on input event for the search input.
-         * It debounces the input to prevent excessive filtering.
-         * @param {Event} event - The input event.
-         * @returns {void} - Nothing.
-         */
-        this.handleGlobalFilteringOnInput = (event) => {
-            const target = event.target;
-            if (target instanceof HTMLInputElement) {
-                const value = target.value;
-                // Update the globalFilter state
-                this.debouncedFilter(value);
-            }
-        };
-        this.flexRender = (comp, props) => {
-            if (typeof comp === 'function') {
-                return comp(props);
-            }
-            return comp;
-        };
-        this.handlePageIndexChange = (event) => {
-            const target = event.target;
-            const page = target.value ? Number(target.value) - 1 : 0;
-            // Simply use `setPageIndex` to update the page index directly
-            this.paginationState = { ...this.paginationState, pageIndex: page }; // This triggers the paginationState watcher
-        };
-        this.handlePageSizeChange = (event) => {
-            const target = event.target;
-            let effectivePageSize = Number(target.value);
-            if (!this.pageSizes.includes(effectivePageSize) && this.pageSizes) {
-                effectivePageSize = this.pageSizes[0];
-            }
-            // Simply use `setPageSize` to update the page size directly
-            this.paginationState = {
-                ...this.paginationState,
-                pageSize: effectivePageSize,
-            }; // This triggers the paginationState watcher
-        };
-        this.handleSortingClick = (event, header) => {
-            if (!header.column.getCanSort()) {
-                return;
-            }
-            header.column.getToggleSortingHandler()?.(event);
-        };
-        this.getSortTitle = (header) => {
-            if (!header.column.getCanSort())
-                return;
-            const nextOrder = header.column.getNextSortingOrder();
-            switch (nextOrder) {
-                case SortingPossibility.Asc:
-                    return 'Sort ascending';
-                case SortingPossibility.Desc:
-                    return 'Sort descending';
-                default:
-                    return 'Clear sort';
-            }
-        };
-    }
-    //#endregion PROPERTIES
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Caches templates for cells and headers upfront to improve performance.
-     */
-    cacheTemplates() {
-        const columns = Array.from(this.el.querySelectorAll('nv-datagridcolumn'));
-        this.columnData = [];
-        columns.forEach((col) => {
-            const key = col.accessor;
-            const cellSlot = col.querySelector('[slot="cell"]');
-            if (cellSlot) {
-                const element = deepCopyElement(cellSlot);
-                this.templateCache.set(key, element);
-            }
-            const headerSlot = col.querySelector('[slot="header"]');
-            if (headerSlot) {
-                const element = deepCopyElement(headerSlot);
-                this.headerTemplateCache.set(key, element);
-            }
-            else {
-                const header = col.header;
-                if (header) {
-                    const headerDiv = document.createElement('div');
-                    headerDiv.textContent = header;
-                    this.headerTemplateCache.set(key, headerDiv);
-                }
-            }
-            const colData = {
-                header: col.header,
-                accessor: col.accessor,
-                repeatTemplate: col.hasAttribute('repeat-template'),
-                group: col.group,
-            };
-            this.columnData.push(colData);
-        });
-        console.info('cacheTemplates this.columnData:', this.columnData);
-    }
-    parseDataAndColumns() {
-        if (this.data && this.data.length > 0) {
-            this.parseDataArray(this.data, this.parsedData);
-        }
-        if (this.columns && this.columns.length > 0) {
-            this.parseColumnsArray(this.columns, this.parsedColumns);
-        }
-        else if (this.headerTemplateCache.size > 0) {
-            const headerKeys = Array.from(this.headerTemplateCache.keys());
-            const arrayColumnsConfig = headerKeys.map(key => ({
-                ...{}, // Ensure no prototype inheritance
-                accessor: key,
-                header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '',
-                group: this.columnData.find(x => x.accessor === key)?.group ?? 'ungrouped',
-            }));
-            this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
-        }
-        else if (this.parsedData.length > 0) {
-            const firstRow = this.parsedData[0];
-            const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
-                accessor: key,
-                header: key.charAt(0).toUpperCase() + key.slice(1),
-                group: this.columnData.find(x => x.accessor === key)?.group ?? 'ungrouped',
-            }));
-            if (this.autoGenerateColumns) {
-                this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
-            }
-        }
-    }
-    deepEqual(a, b) {
-        return JSON.stringify(a) === JSON.stringify(b);
-    }
-    /**
-     * Parses the data array and sets the state accordingly
-     * @param {any[]} newValue - The new value of the data array.
-     * @param {any[]} oldValue - The old value of the data array.
-     */
-    parseDataArray(newValue, oldValue) {
-        // Ensure both are arrays for proper comparison
-        const safeNewValue = Array.isArray(newValue) ? newValue : [];
-        const safeOldValue = Array.isArray(oldValue) ? oldValue : [];
-        if (this.deepEqual(safeNewValue, safeOldValue)) {
-            return; // Deep comparison
-        }
-        this.parsedData = Array.isArray(newValue) ? newValue : [];
-    }
-    /**
-     * Parses the columns array and sets the state accordingly
-     * @param {Column[]} newValue - The new value of the columns array.
-     * @param {Column[]} oldValue - The old value of the columns array.
-     */
-    parseColumnsArray(newValue, oldValue) {
-        // Ensure both are arrays for proper comparison
-        const safeNewValue = Array.isArray(newValue) ? newValue : [];
-        const safeOldValue = Array.isArray(oldValue) ? oldValue : [];
-        // Use a proper deep comparison function (e.g., Lodash's isEqual)
-        if (this.deepEqual(safeNewValue, safeOldValue)) {
-            return;
-        }
-        // Assign only after confirming changes
-        this.parsedColumns = safeNewValue;
-    }
-    initializeTable() {
-        // Clear the previous table instance (if any)
-        this.table = null;
-        console.info('initializeTable this.columnData:', this.columnData);
-        // Set default options for the table
-        const tableOptions = {
-            columns: [],
-            data: [],
-            getCoreRowModel: getCoreRowModel(),
-            debugAll: true,
-            onStateChange: state => console.log('Table state changed:', state), // eslint-disable-line nova/no-console
-            renderFallbackValue: 'No rows to display',
-            state: {
-                sorting: [], // Default: no active sorting
-                columnVisibility: {}, // Default: all columns visible
-                columnFilters: [], // Default: no column filters
-                columnPinning: {}, // Default: no column pinning
-                columnSizing: {}, // Default: no column sizing
-                columnOrder: [], // Default: as defined in the `columns`
-                pagination: null, // Default: no pagination
-                grouping: [], // Default: no active grouping
-                expanded: {}, // Default: no expanded rows
-                rowPinning: {}, // Default: no row pinning
-                rowSelection: {}, // Default: no row selection
-                globalFilter: null, // Default: no global filter
-                columnSizingInfo: {
-                    columnSizingStart: null,
-                    deltaOffset: null,
-                    deltaPercentage: null,
-                    isResizingColumn: false,
-                    startOffset: null,
-                    startSize: null,
-                }, // Default: no column sizing info
-            },
-        };
-        if (this.parsedColumns.length > 0) {
-            // Validate and generate column definitions
-            const validColumns = this.parsedColumns.filter(column => column?.accessor);
-            // Update tableOptions based on parsed data and columns
-            const hasColumns = validColumns && Array.isArray(validColumns) && validColumns.length > 0;
-            const hasData = this.parsedData &&
-                Array.isArray(this.parsedData) &&
-                this.parsedData.length > 0;
-            if (!hasColumns && !hasData) ;
-            else if (hasColumns && !hasData) {
-                // Has columns but no data
-                tableOptions.columns = this.generateColumns(validColumns, tableOptions);
-            }
-            else {
-                // Both columns and data are available
-                tableOptions.data = this.getTableData();
-                tableOptions.columns = this.generateColumns(validColumns, tableOptions);
-            }
-        }
-        else {
-            // No parsed columns and data is available
-            const hasData = this.parsedData &&
-                Array.isArray(this.parsedData) &&
-                this.parsedData.length > 0;
-            if (hasData) {
-                // No parsed columns and data is available
-                const firstRow = this.parsedData[0];
-                const arrayColumnsConfig = Object.keys(firstRow).map(key => ({
-                    accessor: key,
-                    header: key.charAt(0).toUpperCase() + key.slice(1),
-                    group: this.columnData.find(x => x.accessor === key)?.group ?? 'ungrouped',
-                }));
-                if (this.autoGenerateColumns) {
-                    this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
-                }
-                tableOptions.data = this.getTableData();
-                tableOptions.columns = this.generateColumns(arrayColumnsConfig, tableOptions);
-            }
-        }
-        if (this.enableGlobalFilter) {
-            tableOptions.getFilteredRowModel = getFilteredRowModel();
-            const globalFilter = this.globalFilterSearchTerm;
-            // Set the initial global filter value
-            tableOptions.state.globalFilter = globalFilter;
-            // Define the callback for global filter changes
-            tableOptions.onGlobalFilterChange = updater => {
-                const newFilter = typeof updater === 'function'
-                    ? updater(this.globalFilterSearchTerm)
-                    : updater;
-                this.globalFilterSearchTerm = newFilter; // Will automatically trigger the searchTerm watcher and update the table
-            };
-            tableOptions.globalFilterFn = this.globalFilterFn;
-        }
-        if (this.enablePagination) {
-            tableOptions.getPaginationRowModel = getPaginationRowModel();
-            const pageIndex = this.paginationState?.pageIndex ?? 0;
-            let effectivePageSize = this.paginationState?.pageSize ?? 10;
-            if (!this.pageSizes.includes(effectivePageSize) && this.pageSizes) {
-                effectivePageSize = this.pageSizes[0];
-            }
-            const pagination = {
-                pageIndex: pageIndex,
-                pageSize: effectivePageSize,
-            };
-            // Set the initial pagination value with safeguards
-            tableOptions.state.pagination = pagination;
-            tableOptions.onPaginationChange = updater => {
-                const newPagination = typeof updater === 'function'
-                    ? updater(this.paginationState)
-                    : updater;
-                this.paginationState = newPagination;
-            };
-        }
-        if (this.enableSorting) {
-            tableOptions.getSortedRowModel = getSortedRowModel();
-            tableOptions.enableSorting = this.enableSorting;
-            tableOptions.state.sorting = this.sortingState;
-            tableOptions.onSortingChange = updater => {
-                const newSorting = typeof updater === 'function' ? updater(this.sortingState) : updater;
-                this.sortingState = newSorting; // Will automatically trigger the searchTerm watcher and update the table
-            };
-        }
-        if (this.enableRowSelection) {
-            tableOptions.state.rowSelection = this.rowSelectionState;
-            tableOptions.onRowSelectionChange = updater => {
-                const newRowSelectionState = typeof updater === 'function'
-                    ? updater(this.rowSelectionState)
-                    : updater;
-                this.rowSelectionState = newRowSelectionState;
-                // Emit the original rows instead of IDs
-                const selectedRows = Object.keys(newRowSelectionState)
-                    .filter(rowId => newRowSelectionState[rowId])
-                    .map(rowId => {
-                    // Assuming rowId corresponds to the index in parsedData
-                    const index = parseInt(rowId, 10); // Convert rowId to an integer index
-                    return this.parsedData[index]; // Get the original row data
-                });
-                this.selectedRows.emit(selectedRows); // Emit the original rows
-            };
-        }
-        // Initialize the table
-        this.table = createTable(tableOptions);
-    }
-    /**
-     * Global filter function for the table.
-     * This function checks if the specified filter value is present in any of the row's original values,
-     * including nested objects and arrays. It is used to filter the rows based on the global filter value,
-     * allowing for case-insensitive matching.
-     *
-     * @param {Row<any>} row - The row object containing the data to be filtered.
-     * @param {string} _columnId - The ID of the column being filtered (not used in this function).
-     * @param {string} filterValue - The value to filter the rows by. This value is checked against the row's data.
-     * @returns {boolean} - Returns true if the row should be included in the filtered results, false otherwise.
-     *                     If the filter value is empty, all rows are included.
-     */
-    globalFilterFn(row, _columnId, filterValue) {
-        const safeFilterValue = String(filterValue).toLowerCase().trim();
-        // If no filter value, return true for all rows
-        if (!safeFilterValue)
-            return true;
-        // More robust filtering across all columns
-        const checkValue = (value) => {
-            if (typeof value === 'object' && value !== null) {
-                // If it's an array, check each item
-                if (Array.isArray(value)) {
-                    return value.some(item => checkValue(item));
-                }
-                // If it's an object, check each property
-                return Object.values(value).some(val => checkValue(val));
-            }
-            return String(value).toLowerCase().includes(safeFilterValue);
-        };
-        return checkValue(row.original);
-    }
-    createIconSpan(checked, indeterminate) {
-        const span = document.createElement('span');
-        span.className = 'icon';
-        if (checked && !indeterminate) {
-            const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-            svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-            svg.setAttribute('width', '14');
-            svg.setAttribute('height', '14');
-            svg.setAttribute('viewBox', '0 0 14 14');
-            svg.setAttribute('fill', 'none');
-            const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-            path.setAttribute('d', 'M11.6667 3.5L5.25004 9.91667L2.33337 7');
-            path.setAttribute('stroke-linecap', 'round');
-            path.setAttribute('stroke-linejoin', 'round');
-            svg.appendChild(path);
-            span.appendChild(svg);
-        }
-        if (indeterminate) {
-            const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-            svg.classList.add('indeterminate-svg');
-            svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-            svg.setAttribute('viewBox', '0 0 14 14');
-            svg.setAttribute('fill', 'none');
-            const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-            path.setAttribute('d', 'M2.9165 7H11.0832');
-            path.setAttribute('stroke-linecap', 'round');
-            path.setAttribute('stroke-linejoin', 'round');
-            svg.appendChild(path);
-            span.appendChild(svg);
-        }
-        return span;
-    }
-    createIndeterminateCheckbox(options = {}) {
-        const { indeterminate, checked = false, disabled = false, className = '', onChange, } = options;
-        const input = document.createElement('input');
-        input.type = 'checkbox';
-        input.checked = checked;
-        input.disabled = disabled;
-        input.className = `${className} cursor-pointer`.trim();
-        if (typeof indeterminate === 'boolean') {
-            input.indeterminate = !checked && indeterminate;
-        }
-        if (onChange) {
-            input.addEventListener('change', onChange);
-        }
-        const iconSpan = this.createIconSpan(checked, indeterminate);
-        const container = document.createElement('div');
-        container.className = 'checkbox-container';
-        container.appendChild(input);
-        container.appendChild(iconSpan);
-        return container;
-    }
-    // Helper function to generate column definitions
-    generateColumns(validColumns, tableOptions) {
-        console.info('generateColumns this.columnData:', this.columnData);
-        console.info('generateColumns validColumns:', validColumns);
-        let processedColumns = validColumns || [];
-        const columnHelper = createColumnHelper();
-        // If no columns provided or autoGenerateColumns is true, generate them from data
-        if ((!validColumns && tableOptions.data && tableOptions.data.length > 0) ||
-            (validColumns.length <= 0 &&
-                tableOptions.data &&
-                tableOptions.data.length > 0)) {
-            const sampleRow = tableOptions.data[0];
-            processedColumns = Object.keys(sampleRow).map(key => ({
-                header: key.charAt(0).toUpperCase() + key.slice(1),
-                accessor: key,
-                group: this.columnData.find(x => x.accessor === key)?.group ?? 'ungrouped',
-                headerSlot: null,
-                cellSlot: null,
-            }));
-        }
-        // Group columns by their group property
-        const groupedColumns = processedColumns.reduce((acc, column) => {
-            let group = column.group || 'ungrouped';
-            if (group == 'ungrouped') {
-                group = group + processedColumns.findIndex(x => x == column);
-            }
-            if (!acc[group]) {
-                acc[group] = [];
-            }
-            acc[group].push(column);
-            return acc;
-        }, {});
-        // Transform each column into a ColumnDef
-        const createColumnDef = (column) => {
-            return columnHelper.accessor(column.accessor, {
-                header: this.renderTemplate(this.headerTemplateCache.get(column.accessor), column.header ?? column.accessor, null) ??
-                    column.header ??
-                    column.accessor,
-                cell: (info) => {
-                    const value = info.getValue();
-                    const row = info.row;
-                    return this.columnData.find(x => x.accessor === column.accessor)
-                        ?.repeatTemplate && Array.isArray(value)
-                        ? value.map((item) => this.renderTemplate(this.templateCache.get(column.accessor), item, row) ??
-                            item ??
-                            value ??
-                            this.fallbackValue)
-                        : this.renderTemplate(this.templateCache.get(column.accessor), value, row) ??
-                            value ??
-                            this.fallbackValue;
-                },
-                sortUndefined: 'last',
-                sortDescFirst: false,
-                enableSorting: this.enableSorting, // Explicitly set enableSorting based on the sorting prop
-                enableGlobalFilter: this.enableGlobalFilter, // Explicity set enableGlobalFilter based on the globalFiltering prop
-            });
-        };
-        // Create the final column structure
-        let generatedColumns = Object.entries(groupedColumns)
-            .map(([groupName, groupColumns]) => {
-            if (groupName.includes('ungrouped')) {
-                return groupColumns.map(createColumnDef);
-            }
-            return {
-                id: groupName,
-                header: groupName,
-                columns: groupColumns.map(createColumnDef),
-                enableSorting: this.enableSorting, // Also apply to column groups
-                enableGlobalFilter: this.enableGlobalFilter, // Also apply to column groups
-            };
-        })
-            .flat();
-        if (this.enableRowSelection) {
-            const rowSelection = columnHelper.accessor('select', {
-                header: ({ table }) => {
-                    return (h("div", { class: "flex px-1", ref: el => {
-                            const checkbox = this.createIndeterminateCheckbox({
-                                checked: table?.getIsAllRowsSelected(),
-                                indeterminate: table?.getIsSomeRowsSelected(),
-                                onChange: table?.getToggleAllRowsSelectedHandler(),
-                            });
-                            if (el) {
-                                el.innerHTML = ''; // Remove existing content
-                                el.appendChild(checkbox); // Append new checkbox
-                            }
-                        } }));
-                },
-                cell: ({ row }) => {
-                    return (h("div", { class: "flex px-1", ref: el => {
-                            const checkbox = this.createIndeterminateCheckbox({
-                                checked: row?.getIsSelected(),
-                                disabled: !row?.getCanSelect(),
-                                indeterminate: row?.getIsSomeSelected(),
-                                onChange: row?.getToggleSelectedHandler(),
-                            });
-                            if (el) {
-                                el.innerHTML = ''; // Remove existing content
-                                el.appendChild(checkbox); // Append new checkbox
-                            }
-                        } }));
-                },
-                enableGlobalFilter: false,
-                enableSorting: false,
-            });
-            generatedColumns = [rowSelection, ...generatedColumns];
-        }
-        return generatedColumns;
-    }
-    getTableData() {
-        if (this.parsedData &&
-            Array.isArray(this.parsedData) &&
-            this.parsedData.length > 0) {
-            return [...this.parsedData];
-        }
-        else {
-            return [];
-        }
-    }
-    renderTemplate(template, cellValue, row) {
-        if (!template) {
-            return null;
-        }
-        // Handle <template> elements correctly
-        const templateContent = template instanceof HTMLTemplateElement ? template.content : template;
-        const element = deepCopyElement(templateContent);
-        // Replace placeholders in text content, attributes, and properties
-        element.querySelectorAll('*').forEach(el => {
-            // Replace placeholders in text content
-            this.replacePlaceholdersTextContent(el, cellValue, row);
-            // Replace placeholders in attributes
-            this.replacePlaceholdersAttributes(el, cellValue, row);
-            // Replace placeholders in properties
-            this.replacePlaceholdersProperties(el, cellValue, row);
-        });
-        // Handle `data-bind-event`
-        element.querySelectorAll('[data-bind-event]').forEach(el => {
-            const bindEvent = el.getAttribute('data-bind-event') || '';
-            const splitted = bindEvent.split(':');
-            if (!bindEvent.includes(':') || splitted.length < 2) {
-                console.warn('Invalid data-bind-event format:', bindEvent);
-                return;
-            }
-            const eventType = splitted[0];
-            const keyAction = splitted[1];
-            const details = splitted.length > 2 ? splitted[2] : null;
-            el.addEventListener(eventType, () => {
-                const keys = details?.split(',') ?? [];
-                // Convert keys into a single object instead of an array of objects
-                const keyValue = keys.reduce((acc, key) => {
-                    if (row?.original) {
-                        if (key in row.original) {
-                            acc[key] = row.original?.[key];
-                        }
-                    }
-                    return acc;
-                }, {});
-                const action = { keyAction, details: keyValue };
-                this.action.emit(action);
-            });
-        });
-        // Ensure Web Components are properly connected
-        setTimeout(() => {
-            element.querySelectorAll('*').forEach(child => {
-                if (typeof child.connectedCallback === 'function') {
-                    child.connectedCallback();
-                }
-            });
-        }, 0);
-        return (h("div", { ref: el => {
-                if (el) {
-                    el.innerHTML = ''; // Remove existing content
-                    el.appendChild(element); // Append new element
-                }
-            } }));
-    }
-    replaceKeyWithValue(key, cellValue) {
-        // Handle undefined or null values by returning the fallback
-        if (cellValue === undefined || cellValue === null) {
-            return this.fallbackValue;
-        }
-        // If cellValue is an object, attempt to retrieve the value
-        if (typeof cellValue === 'object') {
-            // Handle nested key paths (e.g., "user.name")
-            if (key.includes('.')) {
-                const resolvedValue = key.split('.').reduce((acc, keyPart) => {
-                    if (acc && acc[keyPart] !== undefined) {
-                        return acc[keyPart];
-                    }
-                    else {
-                        return undefined;
-                    }
-                }, cellValue);
-                if (resolvedValue !== undefined) {
-                    return String(resolvedValue);
-                }
-                else {
-                    const firstLevelKey = key.split('.')[0];
-                    const rest = key.substring(firstLevelKey.length + 1);
-                    const response = this.replaceKeyWithValue(rest, cellValue);
-                    if (response !== this.fallbackValue) {
-                        return response;
-                    }
-                }
-            }
-            // Handle single-level key lookup
-            if (key in cellValue) {
-                return String(cellValue[key]);
-            }
-            else if (Array.isArray(cellValue)) {
-                // Handle array of objects
-                const response = cellValue.map((item) => {
-                    if (typeof item !== 'object') {
-                        return item.toString();
-                    }
-                    else if (key in item) {
-                        return item[key];
-                    }
-                    else {
-                        return item.toString();
-                    }
-                });
-                return response.join(', ');
-            }
-            return this.fallbackValue;
-        }
-        // If cellValue is a primitive (string, number, boolean, etc.), return it as a string
-        return cellValue?.toString() ?? this.fallbackValue;
-    }
-    replacePlaceholdersTextContent(element, cellValue, row) {
-        if (!cellValue) {
-            // ✅ Replace placeholders in text content with the row original value
-            // but first get the original value
-            const originalValue = row.original;
-            element.childNodes.forEach(node => {
-                if (node.nodeType === Node.TEXT_NODE) {
-                    node.textContent = node.textContent.replace(/__([\w.]+)__/g, (_, key) => {
-                        if (key in originalValue) {
-                            return this.replaceKeyWithValue(key, originalValue[key]);
-                        }
-                        else {
-                            console.warn(`Key ${key} not found in originalValue`);
-                            return '';
-                        }
-                    });
-                }
-            });
-        }
-        else {
-            // ✅ Replace placeholders in text content
-            element.childNodes.forEach(node => {
-                if (node.nodeType === Node.TEXT_NODE) {
-                    node.textContent = node.textContent.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue));
-                }
-            });
-        }
-    }
-    replacePlaceholdersAttributes(element, cellValue, row) {
-        if (!cellValue) {
-            // ✅ Replace placeholders in attributes with the row original value
-            // but first get the original value
-            const originalValue = row.original;
-            Array.from(element.attributes).forEach(attr => {
-                if (attr.value.includes('__')) {
-                    attr.value = attr.value.replace(/__([\w.]+)__/g, (_, key) => {
-                        if (key in originalValue) {
-                            return this.replaceKeyWithValue(key, originalValue[key]);
-                        }
-                        else {
-                            console.warn(`Key ${key} not found in originalValue`);
-                            return '';
-                        }
-                    });
-                }
-            });
-        }
-        else {
-            // ✅ Replace placeholders in attributes
-            Array.from(element.attributes).forEach(attr => {
-                if (attr.value.includes('__')) {
-                    attr.value = attr.value.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue));
-                }
-            });
-        }
-    }
-    replacePlaceholdersProperties(element, cellValue, row) {
-        if (!cellValue) {
-            // ✅ Replace placeholders in properties with the row original value
-            // but first get the original value
-            const originalValue = row.original;
-            // ✅ Dynamically extract relevant properties
-            const properties = new Set();
-            // Collect only own enumerable properties
-            Object.keys(originalValue).forEach(key => properties.add(key));
-            // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
-            let proto = Object.getPrototypeOf(originalValue);
-            while (proto && proto !== H.prototype) {
-                Object.keys(proto).forEach(key => properties.add(key));
-                proto = Object.getPrototypeOf(proto);
-            }
-            // ✅ Filter and copy only non-function properties and exclude irrelevant ones
-            properties.forEach(prop => {
-                if (typeof element[prop] !== 'function' && // Ignore methods
-                    !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
-                    !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
-                ) {
-                    const propValue = element[prop];
-                    if (typeof propValue === 'string' && propValue.includes('__')) {
-                        element[prop] = propValue.replace(/__([\w.]+)__/g, (_, key) => {
-                            if (key in originalValue) {
-                                return this.replaceKeyWithValue(key, originalValue[key]);
-                            }
-                            else {
-                                console.warn(`Key ${key} not found in originalValue`);
-                                return '';
-                            }
-                        });
-                    }
-                }
-            });
-        }
-        else {
-            // ✅ Dynamically extract relevant properties
-            const properties = new Set();
-            // Collect only own enumerable properties
-            Object.keys(element).forEach(key => properties.add(key));
-            // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)
-            let proto = Object.getPrototypeOf(element);
-            while (proto && proto !== H.prototype) {
-                Object.keys(proto).forEach(key => properties.add(key));
-                proto = Object.getPrototypeOf(proto);
-            }
-            // ✅ Filter and copy only non-function properties and exclude irrelevant ones
-            properties.forEach(prop => {
-                if (typeof element[prop] !== 'function' && // Ignore methods
-                    !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)
-                    !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props
-                ) {
-                    try {
-                        const propValue = element[prop];
-                        // ✅ Replace placeholders only if the value is a string
-                        if (typeof propValue === 'string' && propValue.includes('__')) {
-                            element[prop] = propValue.replace(/__([\w.]+)__/g, (_, key) => this.replaceKeyWithValue(key, cellValue)); // ✅ TypeScript safe
-                        }
-                    }
-                    catch (error) {
-                        console.warn(`Could not assign property ${prop}:`, error.message);
-                    }
-                }
-            });
-        }
-    }
-    getArrowSorting(header) {
-        if (!header.column.getCanSort())
-            return null;
-        const sortState = header.column.getIsSorted();
-        if (sortState === SortingPossibility.Asc) {
-            return (h("div", { class: "inline-flex align-middle" }, h("nv-icon", { name: "arrow-up" })));
-        }
-        if (sortState === SortingPossibility.Desc) {
-            return (h("div", { class: "inline-flex align-middle" }, h("nv-icon", { name: "arrow-down" })));
-        }
-        return null;
-    }
-    getHeaderCell(header) {
-        const isSortable = header.column.getCanSort();
-        const sortTitle = this.getSortTitle(header);
-        const content = header.isPlaceholder
-            ? null
-            : header.column.columnDef.header
-                ? this.flexRender(header.column.columnDef.header, header.getContext())
-                : null; // Ensure content is not null
-        const sortIcon = this.getArrowSorting(header);
-        const handleClick = this.createSortingClickHandler(header);
-        if (this.enableRowSelection) {
-            return (h("th", { key: header.id, colSpan: header.colSpan }, content, " "));
-        }
-        const returnHtml = (h("th", { key: header.id, colSpan: header.colSpan }, h("button", { type: "button", class: isSortable
-                ? 'w-full text-left cursor-pointer select-none bg-transparent border-none p-0 m-0 focus:outline-none'
-                : 'w-full text-left bg-transparent border-none p-0 m-0 cursor-default', onClick: handleClick, title: sortTitle }, h("span", { class: "inline-flex items-center gap-1" }, content, sortIcon))));
-        return returnHtml;
-    }
-    // 👇 Helper method to avoid arrow function in JSX
-    createSortingClickHandler(header) {
-        return (e) => {
-            this.handleSortingClick(e, header);
-        };
-    }
-    getPagination() {
-        return (this.enablePagination && (h("div", { class: "flex items-center gap-2" }, h("button", { class: "border rounded p-1", disabled: !this.table.getCanPreviousPage(), onClick: this.table.firstPage }, "<<"), h("button", { class: "border rounded p-1", disabled: !this.table.getCanPreviousPage(), onClick: this.table.previousPage }, "<"), h("button", { class: "border rounded p-1", disabled: !this.table.getCanNextPage(), onClick: this.table.nextPage }, ">"), h("button", { class: "border rounded p-1", disabled: !this.table.getCanNextPage(), onClick: this.table.lastPage }, ">>"), h("span", { class: "flex items-center gap-1" }, h("div", null, "Page"), h("strong", null, this.table.getState().pagination.pageIndex + 1, " of", ' ', this.table.getPageCount().toLocaleString())), h("span", { class: "flex items-center gap-1" }, "| Go to page:", ' ', h("input", { type: "number", min: this.minPageIndex, max: this.table.getPageCount(), value: this.table.getState().pagination.pageIndex + 1, class: "border p-1 rounded w-16", "aria-label": "Go to page", onInput: this.handlePageIndexChange })), this.pageSizes?.length > 0 && (h("select", { "aria-label": "Rows per page", onChange: this.handlePageSizeChange }, this.pageSizes.map(pageSize => (h("option", { value: String(pageSize), selected: this.table.getState().pagination.pageSize === pageSize }, "Show ", pageSize))))))));
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    parseColumns(newValue, oldValue = []) {
-        this.parseColumnsArray(newValue, oldValue);
-    }
-    parseData(newValue, oldValue = []) {
-        this.parseDataArray(newValue, oldValue);
-    }
-    handleParsedChange() {
-        this.initializeTable();
-    }
-    handleGlobalFilterSearchTerm(newValue) {
-        if (!this.table) {
-            console.warn('Table is not initialized yet.');
-            return;
-        }
-        // Not working
-        /*// Set the global filter for the table
-        this.table.setGlobalFilter(newValue);*/
-        // Manually update the globalFilter state
-        this.table.options.state.globalFilter = newValue;
-    }
-    handlePaginationState(newValue, oldValue) {
-        if (!this.table) {
-            console.warn('Table is not initialized yet.');
-            return;
-        }
-        // Only update if there is a meaningful change
-        if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
-            // Not working
-            /*// Set the pagination for the table
-            this.table.setPagination(newValue);*/
-            // Manually update the pagination state
-            this.table.options.state.pagination = newValue;
-        }
-    }
-    handleSortingState(newValue) {
-        if (!this.table) {
-            console.warn('Table is not initialized yet.');
-            return;
-        }
-        // Not working
-        /*// Set the sorting for the table
-        this.table.setSorting(newValue);*/
-        // Manually update the sorting state
-        this.table.options.state.sorting = newValue;
-    }
-    handlePageSize(newValue) {
-        let effectivePageSize = newValue;
-        if (!this.pageSizes.includes(effectivePageSize) && this.pageSizes) {
-            effectivePageSize = this.pageSizes[0];
-        }
-        // Simply use `setPageSize` to update the page size directly
-        this.paginationState = {
-            ...this.paginationState,
-            pageSize: effectivePageSize,
-        }; // This triggers the paginationState watcher
-    }
-    handleRowSelectionState(newValue, oldValue) {
-        if (!this.table) {
-            console.warn('Table is not initialized yet.');
-            return;
-        }
-        // Only update if there is a meaningful change
-        if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
-            // Not working
-            /*// Set the rowSelection for the table
-            this.table.setRowSelection(newValue);*/
-            // Manually update the row selection state
-            this.table.options.state.rowSelection = newValue;
-        }
-    }
-    handleStateChange(newValue) {
-        if (newValue) {
-            // Only update internal state if values are different to avoid loops
-            if (this.globalFilterSearchTerm !== newValue.globalFilterSearchTerm) {
-                this.globalFilterSearchTerm = newValue.globalFilterSearchTerm;
-            }
-            if (JSON.stringify(this.paginationState) !==
-                JSON.stringify(newValue.paginationState)) {
-                this.paginationState = newValue.paginationState;
-            }
-            if (JSON.stringify(this.sortingState) !==
-                JSON.stringify(newValue.sortingState)) {
-                this.sortingState = newValue.sortingState;
-            }
-        }
-    }
-    // Add watchers for internal state to emit changes
-    handleInternalStateChange() {
-        // Only emit if the state has actually changed
-        const newState = {
-            globalFilterSearchTerm: this.globalFilterSearchTerm,
-            paginationState: this.paginationState,
-            sortingState: this.sortingState,
-        };
-        // Emit the new state and let the parent component update the prop
-        this.stateChanged.emit(newState);
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    componentWillLoad() {
-        this.cacheTemplates();
-        this.parseDataAndColumns();
-        this.initializeTable();
-        if (this.enablePagination) {
-            // Ensure a valid page size
-            let effectivePageSize = this.pageSize > 0 ? this.pageSize : 10;
-            if (!this.pageSizes.includes(effectivePageSize) && this.pageSizes) {
-                effectivePageSize = this.pageSizes[0];
-            }
-            this.paginationState = {
-                pageIndex: Math.max(0, this.minPageIndex - 1),
-                pageSize: effectivePageSize,
-            };
-        }
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        const headerGroups = !this.table || this.table === undefined || this.parsedColumns.length === 0
-            ? []
-            : this.table?.getHeaderGroups();
-        const rows = !this.table || this.table === undefined || this.parsedData.length === 0
-            ? []
-            : this.table?.getRowModel()?.rows;
-        return (h(Host, { key: 'd1ca320f75940993840349a4f33afb0a8dc10788' }, h("div", { key: 'd07f038bfa0d4c0092f0ad9e6f13c95a47331f75', class: "hidden" }, h("slot", { key: 'be8e292240da78d055cce83fb5700111d371d0db' })), h("slot", { key: 'af921e34986bf67afa14190e2d01e866af7ab7ae', name: "before" }), this.enableGlobalFilter && this.table && (h("div", { key: 'f3ffe4bdfee63e86ad470923e4faf62be821b5fa', class: `search-container justify-${this.globalFilterPosition}` }, h("nv-fieldtext", { key: 'a5ab10f4e088b106368bd5d98d99e3cef2b59955', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (h("div", null, h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (h("thead", null, this.parsedColumns.length > 0 && headerGroups
-            ? headerGroups?.map(headerGroup => (h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
-                return this.getHeaderCell(header);
-            }))))
-            : null)), h("tbody", null, !rows || rows.length === 0 || this.parsedData.length === 0 ? (h("tr", null, h("td", { colSpan: this.parsedColumns.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => {
-            const rowId = row.id;
-            const visibleCells = row?.getVisibleCells();
-            return (h("tr", { key: rowId }, visibleCells.map(cell => {
-                return (h("td", { key: cell.id, "data-row-id": rowId }, this.flexRender(cell.column.columnDef.cell, cell.getContext())));
-            })));
-        }))), this.table && this.enableRowSelection ? (h("tfoot", null, h("tr", null, h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (h("div", null, this.rowSelectionState &&
-            Object.keys(this.rowSelectionState).length > 0 ? (h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', this.table.getPreFilteredRowModel()?.rows
-            ?.length || 0, ' ', "Total Rows Selected")) : (h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), h("slot", { key: '8941adaa686dec6b3f09e0434bdf9df3d273e930', name: "after" })));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "columns": ["parseColumns"],
-        "data": ["parseData"],
-        "parsedColumns": ["handleParsedChange"],
-        "parsedData": ["handleParsedChange"],
-        "globalFilterSearchTerm": ["handleGlobalFilterSearchTerm", "handleInternalStateChange"],
-        "paginationState": ["handlePaginationState", "handleInternalStateChange"],
-        "sortingState": ["handleSortingState", "handleInternalStateChange"],
-        "pageSize": ["handlePageSize"],
-        "rowSelectionState": ["handleRowSelectionState"],
-        "state": ["handleStateChange"]
-    }; }
-    static get style() { return nvDatagridCss; }
-}, [260, "nv-datagrid", {
-        "data": [16],
-        "columns": [16],
-        "fallbackValue": [513, "fallback-value"],
-        "noDataMessage": [513, "no-data-message"],
-        "noColumnsNoDataMessage": [513, "no-columns-no-data-message"],
-        "autoGenerateColumns": [516, "auto-generate-columns"],
-        "enableGlobalFilter": [516, "enable-global-filter"],
-        "globalFilterPosition": [513, "global-filter-position"],
-        "enablePagination": [516, "enable-pagination"],
-        "pageSize": [514, "page-size"],
-        "pageSizes": [16],
-        "enableSorting": [516, "enable-sorting"],
-        "enableRowSelection": [516, "enable-row-selection"],
-        "state": [16],
-        "table": [32],
-        "parsedColumns": [32],
-        "parsedData": [32],
-        "globalFilterSearchTerm": [32],
-        "columnData": [32],
-        "paginationState": [32],
-        "sortingState": [32],
-        "rowSelectionState": [32]
-    }, undefined, {
-        "columns": ["parseColumns"],
-        "data": ["parseData"],
-        "parsedColumns": ["handleParsedChange"],
-        "parsedData": ["handleParsedChange"],
-        "globalFilterSearchTerm": ["handleGlobalFilterSearchTerm", "handleInternalStateChange"],
-        "paginationState": ["handlePaginationState", "handleInternalStateChange"],
-        "sortingState": ["handleSortingState", "handleInternalStateChange"],
-        "pageSize": ["handlePageSize"],
-        "rowSelectionState": ["handleRowSelectionState"],
-        "state": ["handleStateChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-datagrid", "nv-fieldtext", "nv-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-datagrid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvDatagrid$1);
-            }
-            break;
-        case "nv-fieldtext":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvDatagrid = NvDatagrid$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvDatagrid, defineCustomElement };
-//# sourceMappingURL=nv-datagrid.js.map
-
-//# sourceMappingURL=nv-datagrid.js.map
+import{t as e,p as t,H as n,c as l,h as o,d as r}from"./p-iXsbKJzR.js";import{d as i,e as a}from"./p-CuXVGECR.js";import{h as u}from"./p-BReL3Lsa.js";import{d as s}from"./p-C-MlXMFg.js";import{d as c}from"./p-Bg-b6OWh.js";function d(e,t){return"function"==typeof e?e(t):e}function h(e,t){return n=>{t.setState((t=>({...t,[e]:d(n,t[e])})))}}function g(e){return e instanceof Function}function v(e,t,n){let l,o=[];return r=>{let i;n.key&&n.debug&&(i=Date.now());const a=e(r);if(a.length===o.length&&!a.some(((e,t)=>o[t]!==e)))return l;let u;if(o=a,n.key&&n.debug&&(u=Date.now()),l=t(...a),null==n||null==n.onChange||n.onChange(l),n.key&&n.debug&&null!=n&&n.debug()){const e=Math.round(100*(Date.now()-i))/100,t=Math.round(100*(Date.now()-u))/100,l=t/16,o=(e,t)=>{for(e+="";e.length<t;)e=" "+e;return e};console.info(`%c⏱ ${o(t,5)} /${o(e,5)} ms`,`\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(${Math.max(0,Math.min(120-120*l,120))}deg 100% 31%);`,null==n?void 0:n.key)}return l}}function f(e,t,n,l){return{debug:()=>{var n;return null!=(n=null==e?void 0:e.debugAll)?n:e[t]},key:!1,onChange:l}}const b="debugHeaders";function p(e,t,n){var l;let o={id:null!=(l=n.id)?l:t.id,column:t,index:n.index,isPlaceholder:!!n.isPlaceholder,placeholderId:n.placeholderId,depth:n.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{const e=[],t=n=>{n.subHeaders&&n.subHeaders.length&&n.subHeaders.map(t),e.push(n)};return t(o),e},getContext:()=>({table:e,header:o,column:t})};return e._features.forEach((t=>{null==t.createHeader||t.createHeader(o,e)})),o}const m={createTable:e=>{e.getHeaderGroups=v((()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right]),((t,n,l,o)=>{var r,i;const a=null!=(r=null==l?void 0:l.map((e=>n.find((t=>t.id===e)))).filter(Boolean))?r:[],u=null!=(i=null==o?void 0:o.map((e=>n.find((t=>t.id===e)))).filter(Boolean))?i:[];return w(t,[...a,...n.filter((e=>!(null!=l&&l.includes(e.id)||null!=o&&o.includes(e.id)))),...u],e)}),f(e.options,b)),e.getCenterHeaderGroups=v((()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right]),((t,n,l,o)=>w(t,n=n.filter((e=>!(null!=l&&l.includes(e.id)||null!=o&&o.includes(e.id)))),e,"center")),f(e.options,b)),e.getLeftHeaderGroups=v((()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left]),((t,n,l)=>{var o;return w(t,null!=(o=null==l?void 0:l.map((e=>n.find((t=>t.id===e)))).filter(Boolean))?o:[],e,"left")}),f(e.options,b)),e.getRightHeaderGroups=v((()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right]),((t,n,l)=>{var o;return w(t,null!=(o=null==l?void 0:l.map((e=>n.find((t=>t.id===e)))).filter(Boolean))?o:[],e,"right")}),f(e.options,b)),e.getFooterGroups=v((()=>[e.getHeaderGroups()]),(e=>[...e].reverse()),f(e.options,b)),e.getLeftFooterGroups=v((()=>[e.getLeftHeaderGroups()]),(e=>[...e].reverse()),f(e.options,b)),e.getCenterFooterGroups=v((()=>[e.getCenterHeaderGroups()]),(e=>[...e].reverse()),f(e.options,b)),e.getRightFooterGroups=v((()=>[e.getRightHeaderGroups()]),(e=>[...e].reverse()),f(e.options,b)),e.getFlatHeaders=v((()=>[e.getHeaderGroups()]),(e=>e.map((e=>e.headers)).flat()),f(e.options,b)),e.getLeftFlatHeaders=v((()=>[e.getLeftHeaderGroups()]),(e=>e.map((e=>e.headers)).flat()),f(e.options,b)),e.getCenterFlatHeaders=v((()=>[e.getCenterHeaderGroups()]),(e=>e.map((e=>e.headers)).flat()),f(e.options,b)),e.getRightFlatHeaders=v((()=>[e.getRightHeaderGroups()]),(e=>e.map((e=>e.headers)).flat()),f(e.options,b)),e.getCenterLeafHeaders=v((()=>[e.getCenterFlatHeaders()]),(e=>e.filter((e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}))),f(e.options,b)),e.getLeftLeafHeaders=v((()=>[e.getLeftFlatHeaders()]),(e=>e.filter((e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}))),f(e.options,b)),e.getRightLeafHeaders=v((()=>[e.getRightFlatHeaders()]),(e=>e.filter((e=>{var t;return!(null!=(t=e.subHeaders)&&t.length)}))),f(e.options,b)),e.getLeafHeaders=v((()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()]),((e,t,n)=>{var l,o,r,i,a,u;return[...null!=(l=null==(o=e[0])?void 0:o.headers)?l:[],...null!=(r=null==(i=t[0])?void 0:i.headers)?r:[],...null!=(a=null==(u=n[0])?void 0:u.headers)?a:[]].map((e=>e.getLeafHeaders())).flat()}),f(e.options,b))}};function w(e,t,n,l){var o,r;let i=0;const a=function(e,t){void 0===t&&(t=1),i=Math.max(i,t),e.filter((e=>e.getIsVisible())).forEach((e=>{var n;null!=(n=e.columns)&&n.length&&a(e.columns,t+1)}),0)};a(e);let u=[];const s=(e,t)=>{const o={depth:t,id:[l,""+t].filter(Boolean).join("_"),headers:[]},r=[];e.forEach((e=>{const i=[...r].reverse()[0];let a,u=!1;if(e.column.depth===o.depth&&e.column.parent?a=e.column.parent:(a=e.column,u=!0),i&&(null==i?void 0:i.column)===a)i.subHeaders.push(e);else{const o=p(n,a,{id:[l,t,a.id,null==e?void 0:e.id].filter(Boolean).join("_"),isPlaceholder:u,placeholderId:u?""+r.filter((e=>e.column===a)).length:void 0,depth:t,index:r.length});o.subHeaders.push(e),r.push(o)}o.headers.push(e),e.headerGroup=o})),u.push(o),t>0&&s(r,t-1)},c=t.map(((e,t)=>p(n,e,{depth:i,index:t})));s(c,i-1),u.reverse();const d=e=>e.filter((e=>e.column.getIsVisible())).map((e=>{let t=0,n=0,l=[0];return e.subHeaders&&e.subHeaders.length?(l=[],d(e.subHeaders).forEach((e=>{let{colSpan:n,rowSpan:o}=e;t+=n,l.push(o)}))):t=1,n+=Math.min(...l),e.colSpan=t,e.rowSpan=n,{colSpan:t,rowSpan:n}}));return d(null!=(o=null==(r=u[0])?void 0:r.headers)?o:[]),u}const S=(e,t,n,l,o,r,i)=>{let a={id:t,index:l,original:n,depth:o,parentId:i,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(a._valuesCache.hasOwnProperty(t))return a._valuesCache[t];const n=e.getColumn(t);return null!=n&&n.accessorFn?(a._valuesCache[t]=n.accessorFn(a.original,l),a._valuesCache[t]):void 0},getUniqueValues:t=>{if(a._uniqueValuesCache.hasOwnProperty(t))return a._uniqueValuesCache[t];const n=e.getColumn(t);return null!=n&&n.accessorFn?n.columnDef.getUniqueValues?(a._uniqueValuesCache[t]=n.columnDef.getUniqueValues(a.original,l),a._uniqueValuesCache[t]):(a._uniqueValuesCache[t]=[a.getValue(t)],a._uniqueValuesCache[t]):void 0},renderValue:t=>{var n;return null!=(n=a.getValue(t))?n:e.options.renderFallbackValue},subRows:[],getLeafRows:()=>function(e){const t=[],n=e=>{e.forEach((e=>{t.push(e);const l=(e=>e.subRows)(e);null!=l&&l.length&&n(l)}))};return n(e),t}(a.subRows),getParentRow:()=>a.parentId?e.getRow(a.parentId,!0):void 0,getParentRows:()=>{let e=[],t=a;for(;;){const n=t.getParentRow();if(!n)break;e.push(n),t=n}return e.reverse()},getAllCells:v((()=>[e.getAllLeafColumns()]),(t=>t.map((t=>function(e,t,n,l){const o={id:`${t.id}_${n.id}`,row:t,column:n,getValue:()=>t.getValue(l),renderValue:()=>{var t;return null!=(t=o.getValue())?t:e.options.renderFallbackValue},getContext:v((()=>[e,n,t,o]),((e,t,n,l)=>({table:e,column:t,row:n,cell:l,getValue:l.getValue,renderValue:l.renderValue})),f(e.options,"debugCells"))};return e._features.forEach((l=>{null==l.createCell||l.createCell(o,n,t,e)}),{}),o}(e,a,t,t.id)))),f(e.options,"debugRows")),_getAllCellsByColumnId:v((()=>[a.getAllCells()]),(e=>e.reduce(((e,t)=>(e[t.column.id]=t,e)),{})),f(e.options,"debugRows"))};for(let t=0;t<e._features.length;t++){const n=e._features[t];null==n||null==n.createRow||n.createRow(a,e)}return a},y={createColumn:(e,t)=>{e._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():t.getPreFilteredRowModel(),e._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},C=(e,t,n)=>{var l,o;const r=null==n||null==(l=""+n)?void 0:l.toLowerCase();return!!(null==(o=e.getValue(t))||null==(o=""+o)||null==(o=o.toLowerCase())?void 0:o.includes(r))};C.autoRemove=e=>j(e);const x=(e,t,n)=>{var l;return!!(null==(l=e.getValue(t))||null==(l=""+l)?void 0:l.includes(n))};x.autoRemove=e=>j(e);const k=(e,t,n)=>{var l;return(null==(l=e.getValue(t))||null==(l=""+l)?void 0:l.toLowerCase())===(null==n?void 0:n.toLowerCase())};k.autoRemove=e=>j(e);const O=(e,t,n)=>{var l;return null==(l=e.getValue(t))?void 0:l.includes(n)};O.autoRemove=e=>j(e);const R=(e,t,n)=>!n.some((n=>{var l;return!(null!=(l=e.getValue(t))&&l.includes(n))}));R.autoRemove=e=>j(e)||!(null!=e&&e.length);const z=(e,t,n)=>n.some((n=>{var l;return null==(l=e.getValue(t))?void 0:l.includes(n)}));z.autoRemove=e=>j(e)||!(null!=e&&e.length);const _=(e,t,n)=>e.getValue(t)===n;_.autoRemove=e=>j(e);const I=(e,t,n)=>e.getValue(t)==n;I.autoRemove=e=>j(e);const T=(e,t,n)=>{let[l,o]=n;const r=e.getValue(t);return r>=l&&r<=o};T.resolveFilterValue=e=>{let[t,n]=e,l="number"!=typeof t?parseFloat(t):t,o="number"!=typeof n?parseFloat(n):n,r=null===t||Number.isNaN(l)?-1/0:l,i=null===n||Number.isNaN(o)?1/0:o;if(r>i){const e=r;r=i,i=e}return[r,i]},T.autoRemove=e=>j(e)||j(e[0])&&j(e[1]);const D={includesString:C,includesStringSensitive:x,equalsString:k,arrIncludes:O,arrIncludesAll:R,arrIncludesSome:z,equals:_,weakEquals:I,inNumberRange:T};function j(e){return null==e||""===e}function F(e,t,n){return!(!e||!e.autoRemove)&&e.autoRemove(t,n)||void 0===t||"string"==typeof t&&!t}const P={sum:(e,t,n)=>n.reduce(((t,n)=>{const l=n.getValue(e);return t+("number"==typeof l?l:0)}),0),min:(e,t,n)=>{let l;return n.forEach((t=>{const n=t.getValue(e);null!=n&&(l>n||void 0===l&&n>=n)&&(l=n)})),l},max:(e,t,n)=>{let l;return n.forEach((t=>{const n=t.getValue(e);null!=n&&(l<n||void 0===l&&n>=n)&&(l=n)})),l},extent:(e,t,n)=>{let l,o;return n.forEach((t=>{const n=t.getValue(e);null!=n&&(void 0===l?n>=n&&(l=o=n):(l>n&&(l=n),o<n&&(o=n)))})),[l,o]},mean:(e,t)=>{let n=0,l=0;if(t.forEach((t=>{let o=t.getValue(e);null!=o&&(o=+o)>=o&&(++n,l+=o)})),n)return l/n},median:(e,t)=>{if(!t.length)return;const n=t.map((t=>t.getValue(e)));if(!function(e){return Array.isArray(e)&&e.every((e=>"number"==typeof e))}(n))return;if(1===n.length)return n[0];const l=Math.floor(n.length/2),o=n.sort(((e,t)=>e-t));return n.length%2!=0?o[l]:(o[l-1]+o[l])/2},unique:(e,t)=>Array.from(new Set(t.map((t=>t.getValue(e)))).values()),uniqueCount:(e,t)=>new Set(t.map((t=>t.getValue(e)))).size,count:(e,t)=>t.length},M={size:150,minSize:20,maxSize:Number.MAX_SAFE_INTEGER},A={getDefaultColumnDef:()=>M,getInitialState:e=>({columnSizing:{},columnSizingInfo:{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]},...e}),getDefaultOptions:e=>({columnResizeMode:"onEnd",columnResizeDirection:"ltr",onColumnSizingChange:h("columnSizing",e),onColumnSizingInfoChange:h("columnSizingInfo",e)}),createColumn:(e,t)=>{e.getSize=()=>{var n,l,o;const r=t.getState().columnSizing[e.id];return Math.min(Math.max(null!=(n=e.columnDef.minSize)?n:M.minSize,null!=(l=null!=r?r:e.columnDef.size)?l:M.size),null!=(o=e.columnDef.maxSize)?o:M.maxSize)},e.getStart=v((e=>[e,V(t,e),t.getState().columnSizing]),((t,n)=>n.slice(0,e.getIndex(t)).reduce(((e,t)=>e+t.getSize()),0)),f(t.options,"debugColumns")),e.getAfter=v((e=>[e,V(t,e),t.getState().columnSizing]),((t,n)=>n.slice(e.getIndex(t)+1).reduce(((e,t)=>e+t.getSize()),0)),f(t.options,"debugColumns")),e.resetSize=()=>{t.setColumnSizing((t=>{let{[e.id]:n,...l}=t;return l}))},e.getCanResize=()=>{var n,l;return(null==(n=e.columnDef.enableResizing)||n)&&(null==(l=t.options.enableColumnResizing)||l)},e.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,t)=>{e.getSize=()=>{let t=0;const n=e=>{var l;e.subHeaders.length?e.subHeaders.forEach(n):t+=null!=(l=e.column.getSize())?l:0};return n(e),t},e.getStart=()=>{if(e.index>0){const t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=n=>{const l=t.getColumn(e.column.id),o=null==l?void 0:l.getCanResize();return r=>{if(!l||!o)return;if(null==r.persist||r.persist(),N(r)&&r.touches&&r.touches.length>1)return;const i=e.getSize(),a=e?e.getLeafHeaders().map((e=>[e.column.id,e.column.getSize()])):[[l.id,l.getSize()]],u=N(r)?Math.round(r.touches[0].clientX):r.clientX,s={},c=(e,n)=>{"number"==typeof n&&(t.setColumnSizingInfo((e=>{var l,o;const r=(n-(null!=(l=null==e?void 0:e.startOffset)?l:0))*("rtl"===t.options.columnResizeDirection?-1:1),i=Math.max(r/(null!=(o=null==e?void 0:e.startSize)?o:0),-.999999);return e.columnSizingStart.forEach((e=>{let[t,n]=e;s[t]=Math.round(100*Math.max(n+n*i,0))/100})),{...e,deltaOffset:r,deltaPercentage:i}})),"onChange"!==t.options.columnResizeMode&&"end"!==e||t.setColumnSizing((e=>({...e,...s}))))},d=e=>c("move",e),h=e=>{c("end",e),t.setColumnSizingInfo((e=>({...e,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]})))},g=function(e){return e||("undefined"!=typeof document?document:null)}(n),v={moveHandler:e=>d(e.clientX),upHandler:e=>{null==g||g.removeEventListener("mousemove",v.moveHandler),null==g||g.removeEventListener("mouseup",v.upHandler),h(e.clientX)}},f={moveHandler:e=>(e.cancelable&&(e.preventDefault(),e.stopPropagation()),d(e.touches[0].clientX),!1),upHandler:e=>{var t;null==g||g.removeEventListener("touchmove",f.moveHandler),null==g||g.removeEventListener("touchend",f.upHandler),e.cancelable&&(e.preventDefault(),e.stopPropagation()),h(null==(t=e.touches[0])?void 0:t.clientX)}},b=!!function(){if("boolean"==typeof B)return B;let e=!1;try{const t=()=>{};window.addEventListener("test",t,{get passive(){return e=!0,!1}}),window.removeEventListener("test",t)}catch(t){e=!1}return B=e,B}()&&{passive:!1};N(r)?(null==g||g.addEventListener("touchmove",f.moveHandler,b),null==g||g.addEventListener("touchend",f.upHandler,b)):(null==g||g.addEventListener("mousemove",v.moveHandler,b),null==g||g.addEventListener("mouseup",v.upHandler,b)),t.setColumnSizingInfo((e=>({...e,startOffset:u,startSize:i,deltaOffset:0,deltaPercentage:0,columnSizingStart:a,isResizingColumn:l.id})))}}},createTable:e=>{e.setColumnSizing=t=>null==e.options.onColumnSizingChange?void 0:e.options.onColumnSizingChange(t),e.setColumnSizingInfo=t=>null==e.options.onColumnSizingInfoChange?void 0:e.options.onColumnSizingInfoChange(t),e.resetColumnSizing=t=>{var n;e.setColumnSizing(t?{}:null!=(n=e.initialState.columnSizing)?n:{})},e.resetHeaderSizeInfo=t=>{var n;e.setColumnSizingInfo(t?{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}:null!=(n=e.initialState.columnSizingInfo)?n:{startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]})},e.getTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getHeaderGroups()[0])?void 0:n.headers.reduce(((e,t)=>e+t.getSize()),0))?t:0},e.getLeftTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getLeftHeaderGroups()[0])?void 0:n.headers.reduce(((e,t)=>e+t.getSize()),0))?t:0},e.getCenterTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getCenterHeaderGroups()[0])?void 0:n.headers.reduce(((e,t)=>e+t.getSize()),0))?t:0},e.getRightTotalSize=()=>{var t,n;return null!=(t=null==(n=e.getRightHeaderGroups()[0])?void 0:n.headers.reduce(((e,t)=>e+t.getSize()),0))?t:0}}};let B=null;function N(e){return"touchstart"===e.type}function V(e,t){return t?"center"===t?e.getCenterVisibleLeafColumns():"left"===t?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}const E={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:h("rowSelection",e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=t=>null==e.options.onRowSelectionChange?void 0:e.options.onRowSelectionChange(t),e.resetRowSelection=t=>{var n;return e.setRowSelection(t?{}:null!=(n=e.initialState.rowSelection)?n:{})},e.toggleAllRowsSelected=t=>{e.setRowSelection((n=>{t=void 0!==t?t:!e.getIsAllRowsSelected();const l={...n};return e.getPreGroupedRowModel().flatRows.forEach(t?e=>{e.getCanSelect()&&(l[e.id]=!0)}:e=>{delete l[e.id]}),l}))},e.toggleAllPageRowsSelected=t=>e.setRowSelection((n=>{const l=void 0!==t?t:!e.getIsAllPageRowsSelected(),o={...n};return e.getRowModel().rows.forEach((t=>{G(o,t.id,l,!0,e)})),o})),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=v((()=>[e.getState().rowSelection,e.getCoreRowModel()]),((t,n)=>Object.keys(t).length?H(e,n):{rows:[],flatRows:[],rowsById:{}}),f(e.options,"debugTable")),e.getFilteredSelectedRowModel=v((()=>[e.getState().rowSelection,e.getFilteredRowModel()]),((t,n)=>Object.keys(t).length?H(e,n):{rows:[],flatRows:[],rowsById:{}}),f(e.options,"debugTable")),e.getGroupedSelectedRowModel=v((()=>[e.getState().rowSelection,e.getSortedRowModel()]),((t,n)=>Object.keys(t).length?H(e,n):{rows:[],flatRows:[],rowsById:{}}),f(e.options,"debugTable")),e.getIsAllRowsSelected=()=>{const t=e.getFilteredRowModel().flatRows,{rowSelection:n}=e.getState();let l=!(!t.length||!Object.keys(n).length);return l&&t.some((e=>e.getCanSelect()&&!n[e.id]))&&(l=!1),l},e.getIsAllPageRowsSelected=()=>{const t=e.getPaginationRowModel().flatRows.filter((e=>e.getCanSelect())),{rowSelection:n}=e.getState();let l=!!t.length;return l&&t.some((e=>!n[e.id]))&&(l=!1),l},e.getIsSomeRowsSelected=()=>{var t;const n=Object.keys(null!=(t=e.getState().rowSelection)?t:{}).length;return n>0&&n<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{const t=e.getPaginationRowModel().flatRows;return!e.getIsAllPageRowsSelected()&&t.filter((e=>e.getCanSelect())).some((e=>e.getIsSelected()||e.getIsSomeSelected()))},e.getToggleAllRowsSelectedHandler=()=>t=>{e.toggleAllRowsSelected(t.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>t=>{e.toggleAllPageRowsSelected(t.target.checked)}},createRow:(e,t)=>{e.toggleSelected=(n,l)=>{const o=e.getIsSelected();t.setRowSelection((r=>{var i;if(n=void 0!==n?n:!o,e.getCanSelect()&&o===n)return r;const a={...r};return G(a,e.id,n,null==(i=null==l?void 0:l.selectChildren)||i,t),a}))},e.getIsSelected=()=>{const{rowSelection:n}=t.getState();return L(e,n)},e.getIsSomeSelected=()=>{const{rowSelection:n}=t.getState();return"some"===J(e,n)},e.getIsAllSubRowsSelected=()=>{const{rowSelection:n}=t.getState();return"all"===J(e,n)},e.getCanSelect=()=>{var n;return"function"==typeof t.options.enableRowSelection?t.options.enableRowSelection(e):null==(n=t.options.enableRowSelection)||n},e.getCanSelectSubRows=()=>{var n;return"function"==typeof t.options.enableSubRowSelection?t.options.enableSubRowSelection(e):null==(n=t.options.enableSubRowSelection)||n},e.getCanMultiSelect=()=>{var n;return"function"==typeof t.options.enableMultiRowSelection?t.options.enableMultiRowSelection(e):null==(n=t.options.enableMultiRowSelection)||n},e.getToggleSelectedHandler=()=>{const t=e.getCanSelect();return n=>{var l;t&&e.toggleSelected(null==(l=n.target)?void 0:l.checked)}}}},G=(e,t,n,l,o)=>{var r;const i=o.getRow(t,!0);n?(i.getCanMultiSelect()||Object.keys(e).forEach((t=>delete e[t])),i.getCanSelect()&&(e[t]=!0)):delete e[t],l&&null!=(r=i.subRows)&&r.length&&i.getCanSelectSubRows()&&i.subRows.forEach((t=>G(e,t.id,n,l,o)))};function H(e,t){const n=e.getState().rowSelection,l=[],o={},r=function(e){return e.map((e=>{var t;const i=L(e,n);if(i&&(l.push(e),o[e.id]=e),null!=(t=e.subRows)&&t.length&&(e={...e,subRows:r(e.subRows)}),i)return e})).filter(Boolean)};return{rows:r(t.rows),flatRows:l,rowsById:o}}function L(e,t){var n;return null!=(n=t[e.id])&&n}function J(e,t){var n;if(null==(n=e.subRows)||!n.length)return!1;let l=!0,o=!1;return e.subRows.forEach((e=>{if((!o||l)&&(e.getCanSelect()&&(L(e,t)?o=!0:l=!1),e.subRows&&e.subRows.length)){const n=J(e,t);"all"===n?o=!0:"some"===n?(o=!0,l=!1):l=!1}})),l?"all":!!o&&"some"}const q=/([0-9]+)/gm;function $(e,t){return e===t?0:e>t?1:-1}function K(e){return"number"==typeof e?isNaN(e)||e===1/0||e===-1/0?"":e+"":"string"==typeof e?e:""}function U(e,t){const n=e.split(q).filter(Boolean),l=t.split(q).filter(Boolean);for(;n.length&&l.length;){const e=n.shift(),t=l.shift(),o=parseInt(e,10),r=parseInt(t,10),i=[o,r].sort();if(isNaN(i[0])){if(e>t)return 1;if(t>e)return-1}else{if(isNaN(i[1]))return isNaN(o)?-1:1;if(o>r)return 1;if(r>o)return-1}}return n.length-l.length}const W={alphanumeric:(e,t,n)=>U(K(e.getValue(n)).toLowerCase(),K(t.getValue(n)).toLowerCase()),alphanumericCaseSensitive:(e,t,n)=>U(K(e.getValue(n)),K(t.getValue(n))),text:(e,t,n)=>$(K(e.getValue(n)).toLowerCase(),K(t.getValue(n)).toLowerCase()),textCaseSensitive:(e,t,n)=>$(K(e.getValue(n)),K(t.getValue(n))),datetime:(e,t,n)=>{const l=e.getValue(n),o=t.getValue(n);return l>o?1:l<o?-1:0},basic:(e,t,n)=>$(e.getValue(n),t.getValue(n))},X=[m,{getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:h("columnVisibility",e)}),createColumn:(e,t)=>{e.toggleVisibility=n=>{e.getCanHide()&&t.setColumnVisibility((t=>({...t,[e.id]:null!=n?n:!e.getIsVisible()})))},e.getIsVisible=()=>{var n,l;const o=e.columns;return null==(n=o.length?o.some((e=>e.getIsVisible())):null==(l=t.getState().columnVisibility)?void 0:l[e.id])||n},e.getCanHide=()=>{var n,l;return(null==(n=e.columnDef.enableHiding)||n)&&(null==(l=t.options.enableHiding)||l)},e.getToggleVisibilityHandler=()=>t=>{null==e.toggleVisibility||e.toggleVisibility(t.target.checked)}},createRow:(e,t)=>{e._getAllVisibleCells=v((()=>[e.getAllCells(),t.getState().columnVisibility]),(e=>e.filter((e=>e.column.getIsVisible()))),f(t.options,"debugRows")),e.getVisibleCells=v((()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()]),((e,t,n)=>[...e,...t,...n]),f(t.options,"debugRows"))},createTable:e=>{const t=(t,n)=>v((()=>[n(),n().filter((e=>e.getIsVisible())).map((e=>e.id)).join("_")]),(e=>e.filter((e=>null==e.getIsVisible?void 0:e.getIsVisible()))),f(e.options,"debugColumns"));e.getVisibleFlatColumns=t(0,(()=>e.getAllFlatColumns())),e.getVisibleLeafColumns=t(0,(()=>e.getAllLeafColumns())),e.getLeftVisibleLeafColumns=t(0,(()=>e.getLeftLeafColumns())),e.getRightVisibleLeafColumns=t(0,(()=>e.getRightLeafColumns())),e.getCenterVisibleLeafColumns=t(0,(()=>e.getCenterLeafColumns())),e.setColumnVisibility=t=>null==e.options.onColumnVisibilityChange?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{var n;e.setColumnVisibility(t?{}:null!=(n=e.initialState.columnVisibility)?n:{})},e.toggleAllColumnsVisible=t=>{var n;t=null!=(n=t)?n:!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce(((e,n)=>({...e,[n.id]:t||!(null!=n.getCanHide&&n.getCanHide())})),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns().some((e=>!(null!=e.getIsVisible&&e.getIsVisible()))),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns().some((e=>null==e.getIsVisible?void 0:e.getIsVisible())),e.getToggleAllColumnsVisibilityHandler=()=>t=>{var n;e.toggleAllColumnsVisible(null==(n=t.target)?void 0:n.checked)}}},{getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:h("columnOrder",e)}),createColumn:(e,t)=>{e.getIndex=v((e=>[V(t,e)]),(t=>t.findIndex((t=>t.id===e.id))),f(t.options,"debugColumns")),e.getIsFirstColumn=n=>{var l;return(null==(l=V(t,n)[0])?void 0:l.id)===e.id},e.getIsLastColumn=n=>{var l;const o=V(t,n);return(null==(l=o[o.length-1])?void 0:l.id)===e.id}},createTable:e=>{e.setColumnOrder=t=>null==e.options.onColumnOrderChange?void 0:e.options.onColumnOrderChange(t),e.resetColumnOrder=t=>{var n;e.setColumnOrder(t?[]:null!=(n=e.initialState.columnOrder)?n:[])},e._getOrderColumnsFn=v((()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode]),((e,t,n)=>l=>{let o=[];if(null!=e&&e.length){const t=[...e],n=[...l];for(;n.length&&t.length;){const e=t.shift(),l=n.findIndex((t=>t.id===e));l>-1&&o.push(n.splice(l,1)[0])}o=[...o,...n]}else o=l;return function(e,t,n){if(null==t||!t.length||!n)return e;const l=e.filter((e=>!t.includes(e.id)));return"remove"===n?l:[...t.map((t=>e.find((e=>e.id===t)))).filter(Boolean),...l]}(o,t,n)}),f(e.options,"debugTable"))}},{getInitialState:e=>({columnPinning:{left:[],right:[]},...e}),getDefaultOptions:e=>({onColumnPinningChange:h("columnPinning",e)}),createColumn:(e,t)=>{e.pin=n=>{const l=e.getLeafColumns().map((e=>e.id)).filter(Boolean);t.setColumnPinning((e=>{var t,o,r,i,a,u;return"right"===n?{left:(null!=(r=null==e?void 0:e.left)?r:[]).filter((e=>!(null!=l&&l.includes(e)))),right:[...(null!=(i=null==e?void 0:e.right)?i:[]).filter((e=>!(null!=l&&l.includes(e)))),...l]}:"left"===n?{left:[...(null!=(a=null==e?void 0:e.left)?a:[]).filter((e=>!(null!=l&&l.includes(e)))),...l],right:(null!=(u=null==e?void 0:e.right)?u:[]).filter((e=>!(null!=l&&l.includes(e))))}:{left:(null!=(t=null==e?void 0:e.left)?t:[]).filter((e=>!(null!=l&&l.includes(e)))),right:(null!=(o=null==e?void 0:e.right)?o:[]).filter((e=>!(null!=l&&l.includes(e))))}}))},e.getCanPin=()=>e.getLeafColumns().some((e=>{var n,l,o;return(null==(n=e.columnDef.enablePinning)||n)&&(null==(l=null!=(o=t.options.enableColumnPinning)?o:t.options.enablePinning)||l)})),e.getIsPinned=()=>{const n=e.getLeafColumns().map((e=>e.id)),{left:l,right:o}=t.getState().columnPinning,r=n.some((e=>null==l?void 0:l.includes(e))),i=n.some((e=>null==o?void 0:o.includes(e)));return r?"left":!!i&&"right"},e.getPinnedIndex=()=>{var n,l;const o=e.getIsPinned();return o?null!=(n=null==(l=t.getState().columnPinning)||null==(l=l[o])?void 0:l.indexOf(e.id))?n:-1:0}},createRow:(e,t)=>{e.getCenterVisibleCells=v((()=>[e._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right]),((e,t,n)=>{const l=[...null!=t?t:[],...null!=n?n:[]];return e.filter((e=>!l.includes(e.column.id)))}),f(t.options,"debugRows")),e.getLeftVisibleCells=v((()=>[e._getAllVisibleCells(),t.getState().columnPinning.left]),((e,t)=>(null!=t?t:[]).map((t=>e.find((e=>e.column.id===t)))).filter(Boolean).map((e=>({...e,position:"left"})))),f(t.options,"debugRows")),e.getRightVisibleCells=v((()=>[e._getAllVisibleCells(),t.getState().columnPinning.right]),((e,t)=>(null!=t?t:[]).map((t=>e.find((e=>e.column.id===t)))).filter(Boolean).map((e=>({...e,position:"right"})))),f(t.options,"debugRows"))},createTable:e=>{e.setColumnPinning=t=>null==e.options.onColumnPinningChange?void 0:e.options.onColumnPinningChange(t),e.resetColumnPinning=t=>{var n,l;return e.setColumnPinning(t?{left:[],right:[]}:null!=(n=null==(l=e.initialState)?void 0:l.columnPinning)?n:{left:[],right:[]})},e.getIsSomeColumnsPinned=t=>{var n;const l=e.getState().columnPinning;var o,r;return t?!!(null==(n=l[t])?void 0:n.length):!(!(null==(o=l.left)?void 0:o.length)&&!(null==(r=l.right)?void 0:r.length))},e.getLeftLeafColumns=v((()=>[e.getAllLeafColumns(),e.getState().columnPinning.left]),((e,t)=>(null!=t?t:[]).map((t=>e.find((e=>e.id===t)))).filter(Boolean)),f(e.options,"debugColumns")),e.getRightLeafColumns=v((()=>[e.getAllLeafColumns(),e.getState().columnPinning.right]),((e,t)=>(null!=t?t:[]).map((t=>e.find((e=>e.id===t)))).filter(Boolean)),f(e.options,"debugColumns")),e.getCenterLeafColumns=v((()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right]),((e,t,n)=>{const l=[...null!=t?t:[],...null!=n?n:[]];return e.filter((e=>!l.includes(e.id)))}),f(e.options,"debugColumns"))}},y,{getDefaultColumnDef:()=>({filterFn:"auto"}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:h("columnFilters",e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,t)=>{e.getAutoFilterFn=()=>{const n=t.getCoreRowModel().flatRows[0],l=null==n?void 0:n.getValue(e.id);return"string"==typeof l?D.includesString:"number"==typeof l?D.inNumberRange:"boolean"==typeof l||null!==l&&"object"==typeof l?D.equals:Array.isArray(l)?D.arrIncludes:D.weakEquals},e.getFilterFn=()=>{var n,l;return g(e.columnDef.filterFn)?e.columnDef.filterFn:"auto"===e.columnDef.filterFn?e.getAutoFilterFn():null!=(n=null==(l=t.options.filterFns)?void 0:l[e.columnDef.filterFn])?n:D[e.columnDef.filterFn]},e.getCanFilter=()=>{var n,l,o;return(null==(n=e.columnDef.enableColumnFilter)||n)&&(null==(l=t.options.enableColumnFilters)||l)&&(null==(o=t.options.enableFilters)||o)&&!!e.accessorFn},e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var n;return null==(n=t.getState().columnFilters)||null==(n=n.find((t=>t.id===e.id)))?void 0:n.value},e.getFilterIndex=()=>{var n,l;return null!=(n=null==(l=t.getState().columnFilters)?void 0:l.findIndex((t=>t.id===e.id)))?n:-1},e.setFilterValue=n=>{t.setColumnFilters((t=>{const l=e.getFilterFn(),o=null==t?void 0:t.find((t=>t.id===e.id)),r=d(n,o?o.value:void 0);var i;if(F(l,r,e))return null!=(i=null==t?void 0:t.filter((t=>t.id!==e.id)))?i:[];const a={id:e.id,value:r};var u;return o?null!=(u=null==t?void 0:t.map((t=>t.id===e.id?a:t)))?u:[]:null!=t&&t.length?[...t,a]:[a]}))}},createRow:e=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=t=>{const n=e.getAllLeafColumns();null==e.options.onColumnFiltersChange||e.options.onColumnFiltersChange((e=>{var l;return null==(l=d(t,e))?void 0:l.filter((e=>{const t=n.find((t=>t.id===e.id));return!t||!F(t.getFilterFn(),e.value,t)}))}))},e.resetColumnFilters=t=>{var n,l;e.setColumnFilters(t?[]:null!=(n=null==(l=e.initialState)?void 0:l.columnFilters)?n:[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}},{createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,"__global__"),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,"__global__"),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,"__global__"),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},{getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:h("globalFilter",e),globalFilterFn:"auto",getColumnCanGlobalFilter:t=>{var n;const l=null==(n=e.getCoreRowModel().flatRows[0])||null==(n=n._getAllCellsByColumnId()[t.id])?void 0:n.getValue();return"string"==typeof l||"number"==typeof l}}),createColumn:(e,t)=>{e.getCanGlobalFilter=()=>{var n,l,o,r;return(null==(n=e.columnDef.enableGlobalFilter)||n)&&(null==(l=t.options.enableGlobalFilter)||l)&&(null==(o=t.options.enableFilters)||o)&&(null==(r=null==t.options.getColumnCanGlobalFilter?void 0:t.options.getColumnCanGlobalFilter(e))||r)&&!!e.accessorFn}},createTable:e=>{e.getGlobalAutoFilterFn=()=>D.includesString,e.getGlobalFilterFn=()=>{var t,n;const{globalFilterFn:l}=e.options;return g(l)?l:"auto"===l?e.getGlobalAutoFilterFn():null!=(t=null==(n=e.options.filterFns)?void 0:n[l])?t:D[l]},e.setGlobalFilter=t=>{null==e.options.onGlobalFilterChange||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},{getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:"auto",sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:h("sorting",e),isMultiSortEvent:e=>e.shiftKey}),createColumn:(e,t)=>{e.getAutoSortingFn=()=>{const n=t.getFilteredRowModel().flatRows.slice(10);let l=!1;for(const t of n){const n=null==t?void 0:t.getValue(e.id);if("[object Date]"===Object.prototype.toString.call(n))return W.datetime;if("string"==typeof n&&(l=!0,n.split(q).length>1))return W.alphanumeric}return l?W.text:W.basic},e.getAutoSortDir=()=>{const n=t.getFilteredRowModel().flatRows[0];return"string"==typeof(null==n?void 0:n.getValue(e.id))?"asc":"desc"},e.getSortingFn=()=>{var n,l;if(!e)throw Error();return g(e.columnDef.sortingFn)?e.columnDef.sortingFn:"auto"===e.columnDef.sortingFn?e.getAutoSortingFn():null!=(n=null==(l=t.options.sortingFns)?void 0:l[e.columnDef.sortingFn])?n:W[e.columnDef.sortingFn]},e.toggleSorting=(n,l)=>{const o=e.getNextSortingOrder(),r=null!=n;t.setSorting((i=>{const a=null==i?void 0:i.find((t=>t.id===e.id)),u=null==i?void 0:i.findIndex((t=>t.id===e.id));let s,c=[],d=r?n:"desc"===o;var h;return s=null!=i&&i.length&&e.getCanMultiSort()&&l?a?"toggle":"add":null!=i&&i.length&&u!==i.length-1?"replace":a?"toggle":"replace","toggle"===s&&(r||o||(s="remove")),"add"===s?(c=[...i,{id:e.id,desc:d}],c.splice(0,c.length-(null!=(h=t.options.maxMultiSortColCount)?h:Number.MAX_SAFE_INTEGER))):c="toggle"===s?i.map((t=>t.id===e.id?{...t,desc:d}:t)):"remove"===s?i.filter((t=>t.id!==e.id)):[{id:e.id,desc:d}],c}))},e.getFirstSortDir=()=>{var n,l;return(null!=(n=null!=(l=e.columnDef.sortDescFirst)?l:t.options.sortDescFirst)?n:"desc"===e.getAutoSortDir())?"desc":"asc"},e.getNextSortingOrder=n=>{var l,o;const r=e.getFirstSortDir(),i=e.getIsSorted();return i?!!(i===r||null!=(l=t.options.enableSortingRemoval)&&!l||n&&null!=(o=t.options.enableMultiRemove)&&!o)&&("desc"===i?"asc":"desc"):r},e.getCanSort=()=>{var n,l;return(null==(n=e.columnDef.enableSorting)||n)&&(null==(l=t.options.enableSorting)||l)&&!!e.accessorFn},e.getCanMultiSort=()=>{var n,l;return null!=(n=null!=(l=e.columnDef.enableMultiSort)?l:t.options.enableMultiSort)?n:!!e.accessorFn},e.getIsSorted=()=>{var n;const l=null==(n=t.getState().sorting)?void 0:n.find((t=>t.id===e.id));return!!l&&(l.desc?"desc":"asc")},e.getSortIndex=()=>{var n,l;return null!=(n=null==(l=t.getState().sorting)?void 0:l.findIndex((t=>t.id===e.id)))?n:-1},e.clearSorting=()=>{t.setSorting((t=>null!=t&&t.length?t.filter((t=>t.id!==e.id)):[]))},e.getToggleSortingHandler=()=>{const n=e.getCanSort();return l=>{n&&(null==l.persist||l.persist(),null==e.toggleSorting||e.toggleSorting(void 0,!!e.getCanMultiSort()&&(null==t.options.isMultiSortEvent?void 0:t.options.isMultiSortEvent(l))))}}},createTable:e=>{e.setSorting=t=>null==e.options.onSortingChange?void 0:e.options.onSortingChange(t),e.resetSorting=t=>{var n,l;e.setSorting(t?[]:null!=(n=null==(l=e.initialState)?void 0:l.sorting)?n:[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},{getDefaultColumnDef:()=>({aggregatedCell:e=>{var t,n;return null!=(t=null==(n=e.getValue())||null==n.toString?void 0:""+n)?t:null},aggregationFn:"auto"}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:h("grouping",e),groupedColumnMode:"reorder"}),createColumn:(e,t)=>{e.toggleGrouping=()=>{t.setGrouping((t=>null!=t&&t.includes(e.id)?t.filter((t=>t!==e.id)):[...null!=t?t:[],e.id]))},e.getCanGroup=()=>{var n,l;return(null==(n=e.columnDef.enableGrouping)||n)&&(null==(l=t.options.enableGrouping)||l)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue)},e.getIsGrouped=()=>{var n;return null==(n=t.getState().grouping)?void 0:n.includes(e.id)},e.getGroupedIndex=()=>{var n;return null==(n=t.getState().grouping)?void 0:n.indexOf(e.id)},e.getToggleGroupingHandler=()=>{const t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{const n=t.getCoreRowModel().flatRows[0],l=null==n?void 0:n.getValue(e.id);return"number"==typeof l?P.sum:"[object Date]"===Object.prototype.toString.call(l)?P.extent:void 0},e.getAggregationFn=()=>{var n,l;if(!e)throw Error();return g(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:"auto"===e.columnDef.aggregationFn?e.getAutoAggregationFn():null!=(n=null==(l=t.options.aggregationFns)?void 0:l[e.columnDef.aggregationFn])?n:P[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=t=>null==e.options.onGroupingChange?void 0:e.options.onGroupingChange(t),e.resetGrouping=t=>{var n,l;e.setGrouping(t?[]:null!=(n=null==(l=e.initialState)?void 0:l.grouping)?n:[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,t)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=n=>{if(e._groupingValuesCache.hasOwnProperty(n))return e._groupingValuesCache[n];const l=t.getColumn(n);return null!=l&&l.columnDef.getGroupingValue?(e._groupingValuesCache[n]=l.columnDef.getGroupingValue(e.original),e._groupingValuesCache[n]):e.getValue(n)},e._groupingValuesCache={}},createCell:(e,t,n)=>{e.getIsGrouped=()=>t.getIsGrouped()&&t.id===n.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&t.getIsGrouped(),e.getIsAggregated=()=>{var t;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!(null==(t=n.subRows)||!t.length)}}},{getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:h("expanded",e),paginateExpandedRows:!0}),createTable:e=>{let t=!1,n=!1;e._autoResetExpanded=()=>{var l,o;if(t){if(null!=(l=null!=(o=e.options.autoResetAll)?o:e.options.autoResetExpanded)?l:!e.options.manualExpanding){if(n)return;n=!0,e._queue((()=>{e.resetExpanded(),n=!1}))}}else e._queue((()=>{t=!0}))},e.setExpanded=t=>null==e.options.onExpandedChange?void 0:e.options.onExpandedChange(t),e.toggleAllRowsExpanded=t=>{(null!=t?t:!e.getIsAllRowsExpanded())?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=t=>{var n,l;e.setExpanded(t?{}:null!=(n=null==(l=e.initialState)?void 0:l.expanded)?n:{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows.some((e=>e.getCanExpand())),e.getToggleAllRowsExpandedHandler=()=>t=>{null==t.persist||t.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{const t=e.getState().expanded;return!0===t||Object.values(t).some(Boolean)},e.getIsAllRowsExpanded=()=>{const t=e.getState().expanded;return"boolean"==typeof t?!0===t:!!Object.keys(t).length&&!e.getRowModel().flatRows.some((e=>!e.getIsExpanded()))},e.getExpandedDepth=()=>{let t=0;return(!0===e.getState().expanded?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach((e=>{const n=e.split(".");t=Math.max(t,n.length)})),t},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,t)=>{e.toggleExpanded=n=>{t.setExpanded((l=>{var o;const r=!0===l||!(null==l||!l[e.id]);let i={};if(!0===l?Object.keys(t.getRowModel().rowsById).forEach((e=>{i[e]=!0})):i=l,n=null!=(o=n)?o:!r,!r&&n)return{...i,[e.id]:!0};if(r&&!n){const{[e.id]:t,...n}=i;return n}return l}))},e.getIsExpanded=()=>{var n;const l=t.getState().expanded;return!!(null!=(n=null==t.options.getIsRowExpanded?void 0:t.options.getIsRowExpanded(e))?n:!0===l||(null==l?void 0:l[e.id]))},e.getCanExpand=()=>{var n,l,o;return null!=(n=null==t.options.getRowCanExpand?void 0:t.options.getRowCanExpand(e))?n:(null==(l=t.options.enableExpanding)||l)&&!(null==(o=e.subRows)||!o.length)},e.getIsAllParentsExpanded=()=>{let n=!0,l=e;for(;n&&l.parentId;)l=t.getRow(l.parentId,!0),n=l.getIsExpanded();return n},e.getToggleExpandedHandler=()=>{const t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},{getInitialState:e=>({...e,pagination:{pageIndex:0,pageSize:10,...null==e?void 0:e.pagination}}),getDefaultOptions:e=>({onPaginationChange:h("pagination",e)}),createTable:e=>{let t=!1,n=!1;e._autoResetPageIndex=()=>{var l,o;if(t){if(null!=(l=null!=(o=e.options.autoResetAll)?o:e.options.autoResetPageIndex)?l:!e.options.manualPagination){if(n)return;n=!0,e._queue((()=>{e.resetPageIndex(),n=!1}))}}else e._queue((()=>{t=!0}))},e.setPagination=t=>null==e.options.onPaginationChange?void 0:e.options.onPaginationChange((e=>d(t,e))),e.resetPagination=t=>{var n;e.setPagination(t?{pageIndex:0,pageSize:10}:null!=(n=e.initialState.pagination)?n:{pageIndex:0,pageSize:10})},e.setPageIndex=t=>{e.setPagination((n=>{let l=d(t,n.pageIndex);return l=Math.max(0,Math.min(l,void 0===e.options.pageCount||-1===e.options.pageCount?Number.MAX_SAFE_INTEGER:e.options.pageCount-1)),{...n,pageIndex:l}}))},e.resetPageIndex=t=>{var n,l;e.setPageIndex(t?0:null!=(n=null==(l=e.initialState)||null==(l=l.pagination)?void 0:l.pageIndex)?n:0)},e.resetPageSize=t=>{var n,l;e.setPageSize(t?10:null!=(n=null==(l=e.initialState)||null==(l=l.pagination)?void 0:l.pageSize)?n:10)},e.setPageSize=t=>{e.setPagination((e=>{const n=Math.max(1,d(t,e.pageSize)),l=Math.floor(e.pageSize*e.pageIndex/n);return{...e,pageIndex:l,pageSize:n}}))},e.setPageCount=t=>e.setPagination((n=>{var l;let o=d(t,null!=(l=e.options.pageCount)?l:-1);return"number"==typeof o&&(o=Math.max(-1,o)),{...n,pageCount:o}})),e.getPageOptions=v((()=>[e.getPageCount()]),(e=>{let t=[];return e&&e>0&&(t=[...Array(e)].fill(null).map(((e,t)=>t))),t}),f(e.options,"debugTable")),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{const{pageIndex:t}=e.getState().pagination,n=e.getPageCount();return-1===n||0!==n&&t<n-1},e.previousPage=()=>e.setPageIndex((e=>e-1)),e.nextPage=()=>e.setPageIndex((e=>e+1)),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>{var t;return null!=(t=e.options.pageCount)?t:Math.ceil(e.getRowCount()/e.getState().pagination.pageSize)},e.getRowCount=()=>{var t;return null!=(t=e.options.rowCount)?t:e.getPrePaginationRowModel().rows.length}}},{getInitialState:e=>({rowPinning:{top:[],bottom:[]},...e}),getDefaultOptions:e=>({onRowPinningChange:h("rowPinning",e)}),createRow:(e,t)=>{e.pin=(n,l,o)=>{const r=l?e.getLeafRows().map((e=>{let{id:t}=e;return t})):[],i=o?e.getParentRows().map((e=>{let{id:t}=e;return t})):[],a=new Set([...i,e.id,...r]);t.setRowPinning((e=>{var t,l,o,r,i,u;return"bottom"===n?{top:(null!=(o=null==e?void 0:e.top)?o:[]).filter((e=>!(null!=a&&a.has(e)))),bottom:[...(null!=(r=null==e?void 0:e.bottom)?r:[]).filter((e=>!(null!=a&&a.has(e)))),...Array.from(a)]}:"top"===n?{top:[...(null!=(i=null==e?void 0:e.top)?i:[]).filter((e=>!(null!=a&&a.has(e)))),...Array.from(a)],bottom:(null!=(u=null==e?void 0:e.bottom)?u:[]).filter((e=>!(null!=a&&a.has(e))))}:{top:(null!=(t=null==e?void 0:e.top)?t:[]).filter((e=>!(null!=a&&a.has(e)))),bottom:(null!=(l=null==e?void 0:e.bottom)?l:[]).filter((e=>!(null!=a&&a.has(e))))}}))},e.getCanPin=()=>{var n;const{enableRowPinning:l,enablePinning:o}=t.options;return"function"==typeof l?l(e):null==(n=null!=l?l:o)||n},e.getIsPinned=()=>{const n=[e.id],{top:l,bottom:o}=t.getState().rowPinning,r=n.some((e=>null==l?void 0:l.includes(e))),i=n.some((e=>null==o?void 0:o.includes(e)));return r?"top":!!i&&"bottom"},e.getPinnedIndex=()=>{var n,l;const o=e.getIsPinned();if(!o)return-1;const r=null==(n="top"===o?t.getTopRows():t.getBottomRows())?void 0:n.map((e=>{let{id:t}=e;return t}));return null!=(l=null==r?void 0:r.indexOf(e.id))?l:-1}},createTable:e=>{e.setRowPinning=t=>null==e.options.onRowPinningChange?void 0:e.options.onRowPinningChange(t),e.resetRowPinning=t=>{var n,l;return e.setRowPinning(t?{top:[],bottom:[]}:null!=(n=null==(l=e.initialState)?void 0:l.rowPinning)?n:{top:[],bottom:[]})},e.getIsSomeRowsPinned=t=>{var n;const l=e.getState().rowPinning;var o,r;return t?!!(null==(n=l[t])?void 0:n.length):!(!(null==(o=l.top)?void 0:o.length)&&!(null==(r=l.bottom)?void 0:r.length))},e._getPinnedRows=(t,n,l)=>{var o;return(null==(o=e.options.keepPinnedRows)||o?(null!=n?n:[]).map((t=>{const n=e.getRow(t,!0);return n.getIsAllParentsExpanded()?n:null})):(null!=n?n:[]).map((e=>t.find((t=>t.id===e))))).filter(Boolean).map((e=>({...e,position:l})))},e.getTopRows=v((()=>[e.getRowModel().rows,e.getState().rowPinning.top]),((t,n)=>e._getPinnedRows(t,n,"top")),f(e.options,"debugRows")),e.getBottomRows=v((()=>[e.getRowModel().rows,e.getState().rowPinning.bottom]),((t,n)=>e._getPinnedRows(t,n,"bottom")),f(e.options,"debugRows")),e.getCenterRows=v((()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom]),((e,t,n)=>{const l=new Set([...null!=t?t:[],...null!=n?n:[]]);return e.filter((e=>!l.has(e.id)))}),f(e.options,"debugRows"))}},E,A];const Q=t(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.action=l(this,"action",3),this.selectedRows=l(this,"selectedRows",3),this.stateChanged=l(this,"stateChanged",3),this.templateCache=new Map,this.headerTemplateCache=new Map,this.minPageIndex=1,this.table=null,this.parsedColumns=[],this.parsedData=[],this.globalFilterSearchTerm="",this.columnData=[],this.paginationState=null,this.sortingState=[],this.rowSelectionState={},this.data=[],this.columns=[],this.fallbackValue="N/A",this.noDataMessage="No data available",this.noColumnsNoDataMessage="No data or columns available to display.",this.autoGenerateColumns=!1,this.enableGlobalFilter=!1,this.globalFilterPosition="end",this.enablePagination=!1,this.pageSize=10,this.pageSizes=[10,20,30,40,50],this.enableSorting=!1,this.enableRowSelection=!1,this.state=null,this.debouncedFilter=function(e){let t;return function(...n){clearTimeout(t),t=setTimeout((()=>{clearTimeout(t),e(...n)}),300)}}((e=>{this.table?.setGlobalFilter(e)})),this.handleGlobalFilteringOnInput=e=>{const t=e.target;t instanceof HTMLInputElement&&this.debouncedFilter(t.value)},this.flexRender=(e,t)=>"function"==typeof e?e(t):e,this.handlePageIndexChange=e=>{const t=e.target;this.paginationState={...this.paginationState,pageIndex:t.value?Number(t.value)-1:0}},this.handlePageSizeChange=e=>{let t=Number(e.target.value);!this.pageSizes.includes(t)&&this.pageSizes&&(t=this.pageSizes[0]),this.paginationState={...this.paginationState,pageSize:t}},this.handleSortingClick=(e,t)=>{t.column.getCanSort()&&t.column.getToggleSortingHandler()?.(e)},this.getSortTitle=e=>{if(e.column.getCanSort())switch(e.column.getNextSortingOrder()){case u.Asc:return"Sort ascending";case u.Desc:return"Sort descending";default:return"Clear sort"}}}cacheTemplates(){const e=Array.from(this.el.querySelectorAll("nv-datagridcolumn"));this.columnData=[],e.forEach((e=>{const t=e.accessor,n=e.querySelector('[slot="cell"]');if(n){const e=i(n);this.templateCache.set(t,e)}const l=e.querySelector('[slot="header"]');if(l){const e=i(l);this.headerTemplateCache.set(t,e)}else{const n=e.header;if(n){const e=document.createElement("div");e.textContent=n,this.headerTemplateCache.set(t,e)}}const o={header:e.header,accessor:e.accessor,repeatTemplate:e.hasAttribute("repeat-template"),group:e.group};this.columnData.push(o)})),console.info("cacheTemplates this.columnData:",this.columnData)}parseDataAndColumns(){if(this.data&&this.data.length>0&&this.parseDataArray(this.data,this.parsedData),this.columns&&this.columns.length>0)this.parseColumnsArray(this.columns,this.parsedColumns);else if(this.headerTemplateCache.size>0){const e=Array.from(this.headerTemplateCache.keys()).map((e=>({accessor:e,header:e?e.charAt(0).toUpperCase()+e.slice(1):"",group:this.columnData.find((t=>t.accessor===e))?.group??"ungrouped"})));this.parseColumnsArray(e,this.parsedColumns)}else if(this.parsedData.length>0){const e=Object.keys(this.parsedData[0]).map((e=>({accessor:e,header:e.charAt(0).toUpperCase()+e.slice(1),group:this.columnData.find((t=>t.accessor===e))?.group??"ungrouped"})));this.autoGenerateColumns&&this.parseColumnsArray(e,this.parsedColumns)}}deepEqual(e,t){return JSON.stringify(e)===JSON.stringify(t)}parseDataArray(e,t){this.deepEqual(Array.isArray(e)?e:[],Array.isArray(t)?t:[])||(this.parsedData=Array.isArray(e)?e:[])}parseColumnsArray(e,t){const n=Array.isArray(e)?e:[];this.deepEqual(n,Array.isArray(t)?t:[])||(this.parsedColumns=n)}initializeTable(){this.table=null,console.info("initializeTable this.columnData:",this.columnData);const e={columns:[],data:[],getCoreRowModel:e=>v((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],rowsById:{}},l=function(t,o,r){void 0===o&&(o=0);const i=[];for(let u=0;u<t.length;u++){const s=S(e,e._getRowId(t[u],u,r),t[u],u,o,0,null==r?void 0:r.id);var a;n.flatRows.push(s),n.rowsById[s.id]=s,i.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.getSubRows(t[u],u),null!=(a=s.originalSubRows)&&a.length&&(s.subRows=l(s.originalSubRows,o+1,s)))}return i};return n.rows=l(t),n}),f(e.options,"debugTable",0,(()=>e._autoResetPageIndex()))),debugAll:!0,onStateChange:e=>console.log("Table state changed:",e),renderFallbackValue:"No rows to display",state:{sorting:[],columnVisibility:{},columnFilters:[],columnPinning:{},columnSizing:{},columnOrder:[],pagination:null,grouping:[],expanded:{},rowPinning:{},rowSelection:{},globalFilter:null,columnSizingInfo:{columnSizingStart:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,startOffset:null,startSize:null}}};if(this.parsedColumns.length>0){const t=this.parsedColumns.filter((e=>e?.accessor)),n=t&&Array.isArray(t)&&t.length>0,l=this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0;(n||l)&&(n&&!l||(e.data=this.getTableData()),e.columns=this.generateColumns(t,e))}else if(this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0){const t=Object.keys(this.parsedData[0]).map((e=>({accessor:e,header:e.charAt(0).toUpperCase()+e.slice(1),group:this.columnData.find((t=>t.accessor===e))?.group??"ungrouped"})));this.autoGenerateColumns&&this.parseColumnsArray(t,this.parsedColumns),e.data=this.getTableData(),e.columns=this.generateColumns(t,e)}if(this.enableGlobalFilter&&(e.getFilteredRowModel=e=>v((()=>[e.getPreFilteredRowModel(),e.getState().columnFilters,e.getState().globalFilter]),((t,n,l)=>{if(!t.rows.length||(null==n||!n.length)&&!l){for(let e=0;e<t.flatRows.length;e++)t.flatRows[e].columnFilters={},t.flatRows[e].columnFiltersMeta={};return t}const o=[],r=[];(null!=n?n:[]).forEach((t=>{var n;const l=e.getColumn(t.id);if(!l)return;const r=l.getFilterFn();r&&o.push({id:t.id,filterFn:r,resolvedValue:null!=(n=null==r.resolveFilterValue?void 0:r.resolveFilterValue(t.value))?n:t.value})}));const i=(null!=n?n:[]).map((e=>e.id)),a=e.getGlobalFilterFn(),u=e.getAllLeafColumns().filter((e=>e.getCanGlobalFilter()));let s,c;l&&a&&u.length&&(i.push("__global__"),u.forEach((e=>{var t;r.push({id:e.id,filterFn:a,resolvedValue:null!=(t=null==a.resolveFilterValue?void 0:a.resolveFilterValue(l))?t:l})})));for(let e=0;e<t.flatRows.length;e++){const n=t.flatRows[e];if(n.columnFilters={},o.length)for(let e=0;e<o.length;e++){s=o[e];const t=s.id;n.columnFilters[t]=s.filterFn(n,t,s.resolvedValue,(e=>{n.columnFiltersMeta[t]=e}))}if(r.length){for(let e=0;e<r.length;e++){c=r[e];const t=c.id;if(c.filterFn(n,t,c.resolvedValue,(e=>{n.columnFiltersMeta[t]=e}))){n.columnFilters.__global__=!0;break}}!0!==n.columnFilters.__global__&&(n.columnFilters.__global__=!1)}}return function(e,t,n){return n.options.filterFromLeafRows?function(e,t,n){var l;const o=[],r={},i=null!=(l=n.options.maxLeafRowFilterDepth)?l:100,a=function(e,l){void 0===l&&(l=0);const u=[];for(let c=0;c<e.length;c++){var s;let d=e[c];const h=S(n,d.id,d.original,d.index,d.depth,0,d.parentId);if(h.columnFilters=d.columnFilters,null!=(s=d.subRows)&&s.length&&l<i){if(h.subRows=a(d.subRows,l+1),d=h,t(d)&&!h.subRows.length){u.push(d),r[d.id]=d,o.push(d);continue}if(t(d)||h.subRows.length){u.push(d),r[d.id]=d,o.push(d);continue}}else d=h,t(d)&&(u.push(d),r[d.id]=d,o.push(d))}return u};return{rows:a(e),flatRows:o,rowsById:r}}(e,t,n):function(e,t,n){var l;const o=[],r={},i=null!=(l=n.options.maxLeafRowFilterDepth)?l:100,a=function(e,l){void 0===l&&(l=0);const u=[];for(let c=0;c<e.length;c++){let d=e[c];if(t(d)){var s;if(null!=(s=d.subRows)&&s.length&&l<i){const e=S(n,d.id,d.original,d.index,d.depth,0,d.parentId);e.subRows=a(d.subRows,l+1),d=e}u.push(d),o.push(d),r[d.id]=d}}return u};return{rows:a(e),flatRows:o,rowsById:r}}(e,t,n)}(t.rows,(e=>{for(let t=0;t<i.length;t++)if(!1===e.columnFilters[i[t]])return!1;return!0}),e)}),f(e.options,"debugTable",0,(()=>e._autoResetPageIndex()))),e.state.globalFilter=this.globalFilterSearchTerm,e.onGlobalFilterChange=e=>{const t="function"==typeof e?e(this.globalFilterSearchTerm):e;this.globalFilterSearchTerm=t},e.globalFilterFn=this.globalFilterFn),this.enablePagination){e.getPaginationRowModel=e=>v((()=>[e.getState().pagination,e.getPrePaginationRowModel(),e.options.paginateExpandedRows?void 0:e.getState().expanded]),((t,n)=>{if(!n.rows.length)return n;const{pageSize:l,pageIndex:o}=t;let{rows:r,flatRows:i,rowsById:a}=n;const u=l*o;let s;r=r.slice(u,u+l),s=e.options.paginateExpandedRows?{rows:r,flatRows:i,rowsById:a}:function(e){const t=[],n=e=>{var l;t.push(e),null!=(l=e.subRows)&&l.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}({rows:r,flatRows:i,rowsById:a}),s.flatRows=[];const c=e=>{s.flatRows.push(e),e.subRows.length&&e.subRows.forEach(c)};return s.rows.forEach(c),s}),f(e.options,"debugTable"));const t=this.paginationState?.pageIndex??0;let n=this.paginationState?.pageSize??10;!this.pageSizes.includes(n)&&this.pageSizes&&(n=this.pageSizes[0]),e.state.pagination={pageIndex:t,pageSize:n},e.onPaginationChange=e=>{const t="function"==typeof e?e(this.paginationState):e;this.paginationState=t}}this.enableSorting&&(e.getSortedRowModel=e=>v((()=>[e.getState().sorting,e.getPreSortedRowModel()]),((t,n)=>{if(!n.rows.length||null==t||!t.length)return n;const l=e.getState().sorting,o=[],r=l.filter((t=>{var n;return null==(n=e.getColumn(t.id))?void 0:n.getCanSort()})),i={};r.forEach((t=>{const n=e.getColumn(t.id);n&&(i[t.id]={sortUndefined:n.columnDef.sortUndefined,invertSorting:n.columnDef.invertSorting,sortingFn:n.getSortingFn()})}));const a=e=>{const t=e.map((e=>({...e})));return t.sort(((e,t)=>{for(let l=0;l<r.length;l+=1){var n;const o=r[l],a=i[o.id],u=a.sortUndefined,s=null!=(n=null==o?void 0:o.desc)&&n;let c=0;if(u){const n=void 0===e.getValue(o.id),l=void 0===t.getValue(o.id);if(n||l){if("first"===u)return n?-1:1;if("last"===u)return n?1:-1;c=n&&l?0:n?u:-u}}if(0===c&&(c=a.sortingFn(e,t,o.id)),0!==c)return s&&(c*=-1),a.invertSorting&&(c*=-1),c}return e.index-t.index})),t.forEach((e=>{var t;o.push(e),null!=(t=e.subRows)&&t.length&&(e.subRows=a(e.subRows))})),t};return{rows:a(n.rows),flatRows:o,rowsById:n.rowsById}}),f(e.options,"debugTable",0,(()=>e._autoResetPageIndex()))),e.enableSorting=this.enableSorting,e.state.sorting=this.sortingState,e.onSortingChange=e=>{const t="function"==typeof e?e(this.sortingState):e;this.sortingState=t}),this.enableRowSelection&&(e.state.rowSelection=this.rowSelectionState,e.onRowSelectionChange=e=>{const t="function"==typeof e?e(this.rowSelectionState):e;this.rowSelectionState=t;const n=Object.keys(t).filter((e=>t[e])).map((e=>this.parsedData[parseInt(e,10)]));this.selectedRows.emit(n)}),this.table=function(e){var t,n;const l=[...X,...null!=(t=e._features)?t:[]];let o={_features:l};const r=o._features.reduce(((e,t)=>Object.assign(e,null==t.getDefaultOptions?void 0:t.getDefaultOptions(o))),{});let i={...null!=(n=e.initialState)?n:{}};o._features.forEach((e=>{var t;i=null!=(t=null==e.getInitialState?void 0:e.getInitialState(i))?t:i}));const a=[];let u=!1;const s={_features:l,options:{...r,...e},initialState:i,_queue:e=>{a.push(e),u||(u=!0,Promise.resolve().then((()=>{for(;a.length;)a.shift()();u=!1})).catch((e=>setTimeout((()=>{throw e})))))},reset:()=>{o.setState(o.initialState)},setOptions:e=>{const t=d(e,o.options);o.options=(e=>o.options.mergeOptions?o.options.mergeOptions(r,e):{...r,...e})(t)},getState:()=>o.options.state,setState:e=>{null==o.options.onStateChange||o.options.onStateChange(e)},_getRowId:(e,t,n)=>{var l;return null!=(l=null==o.options.getRowId?void 0:o.options.getRowId(e,t,n))?l:""+(n?[n.id,t].join("."):t)},getCoreRowModel:()=>(o._getCoreRowModel||(o._getCoreRowModel=o.options.getCoreRowModel(o)),o._getCoreRowModel()),getRowModel:()=>o.getPaginationRowModel(),getRow:(e,t)=>{let n=(t?o.getPrePaginationRowModel():o.getRowModel()).rowsById[e];if(!n&&(n=o.getCoreRowModel().rowsById[e],!n))throw Error();return n},_getDefaultColumnDef:v((()=>[o.options.defaultColumn]),(e=>{var t;return e=null!=(t=e)?t:{},{header:e=>{const t=e.header.column.columnDef;return t.accessorKey?t.accessorKey:t.accessorFn?t.id:null},cell:e=>{var t,n;return null!=(t=null==(n=e.renderValue())||null==n.toString?void 0:""+n)?t:null},...o._features.reduce(((e,t)=>Object.assign(e,null==t.getDefaultColumnDef?void 0:t.getDefaultColumnDef())),{}),...e}}),f(e,"debugColumns")),_getColumnDefs:()=>o.options.columns,getAllColumns:v((()=>[o._getColumnDefs()]),(e=>{const t=function(e,n,l){return void 0===l&&(l=0),e.map((e=>{const r=function(e,t,n,l){var o,r;const i={...e._getDefaultColumnDef(),...t},a=i.accessorKey;let u,s=null!=(o=null!=(r=i.id)?r:a?"function"==typeof String.prototype.replaceAll?a.replaceAll(".","_"):a.replace(/\./g,"_"):void 0)?o:"string"==typeof i.header?i.header:void 0;if(i.accessorFn?u=i.accessorFn:a&&(u=a.includes(".")?e=>{let t=e;for(const e of a.split(".")){var n;t=null==(n=t)?void 0:n[e]}return t}:e=>e[i.accessorKey]),!s)throw Error();let c={id:s+"",accessorFn:u,parent:l,depth:n,columnDef:i,columns:[],getFlatColumns:v((()=>[!0]),(()=>{var e;return[c,...null==(e=c.columns)?void 0:e.flatMap((e=>e.getFlatColumns()))]}),f(e.options,"debugColumns")),getLeafColumns:v((()=>[e._getOrderColumnsFn()]),(e=>{var t;if(null!=(t=c.columns)&&t.length){let t=c.columns.flatMap((e=>e.getLeafColumns()));return e(t)}return[c]}),f(e.options,"debugColumns"))};for(const t of e._features)null==t.createColumn||t.createColumn(c,e);return c}(o,e,l,n);return r.columns=e.columns?t(e.columns,r,l+1):[],r}))};return t(e)}),f(e,"debugColumns")),getAllFlatColumns:v((()=>[o.getAllColumns()]),(e=>e.flatMap((e=>e.getFlatColumns()))),f(e,"debugColumns")),_getAllFlatColumnsById:v((()=>[o.getAllFlatColumns()]),(e=>e.reduce(((e,t)=>(e[t.id]=t,e)),{})),f(e,"debugColumns")),getAllLeafColumns:v((()=>[o.getAllColumns(),o._getOrderColumnsFn()]),((e,t)=>t(e.flatMap((e=>e.getLeafColumns())))),f(e,"debugColumns")),getColumn:e=>o._getAllFlatColumnsById()[e]};Object.assign(o,s);for(let e=0;e<o._features.length;e++){const t=o._features[e];null==t||null==t.createTable||t.createTable(o)}return o}(e)}globalFilterFn(e,t,n){const l=(n+"").toLowerCase().trim();if(!l)return!0;const o=e=>"object"==typeof e&&null!==e?Array.isArray(e)?e.some((e=>o(e))):Object.values(e).some((e=>o(e))):(e+"").toLowerCase().includes(l);return o(e.original)}createIconSpan(e,t){const n=document.createElement("span");if(n.className="icon",e&&!t){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("width","14"),e.setAttribute("height","14"),e.setAttribute("viewBox","0 0 14 14"),e.setAttribute("fill","none");const t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d","M11.6667 3.5L5.25004 9.91667L2.33337 7"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),e.appendChild(t),n.appendChild(e)}if(t){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.classList.add("indeterminate-svg"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("viewBox","0 0 14 14"),e.setAttribute("fill","none");const t=document.createElementNS("http://www.w3.org/2000/svg","path");t.setAttribute("d","M2.9165 7H11.0832"),t.setAttribute("stroke-linecap","round"),t.setAttribute("stroke-linejoin","round"),e.appendChild(t),n.appendChild(e)}return n}createIndeterminateCheckbox(e={}){const{indeterminate:t,checked:n=!1,disabled:l=!1,className:o="",onChange:r}=e,i=document.createElement("input");i.type="checkbox",i.checked=n,i.disabled=l,i.className=(o+" cursor-pointer").trim(),"boolean"==typeof t&&(i.indeterminate=!n&&t),r&&i.addEventListener("change",r);const a=this.createIconSpan(n,t),u=document.createElement("div");return u.className="checkbox-container",u.appendChild(i),u.appendChild(a),u}generateColumns(e,t){console.info("generateColumns this.columnData:",this.columnData),console.info("generateColumns validColumns:",e);let n=e||[];const l=(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e};(!e&&t.data&&t.data.length>0||e.length<=0&&t.data&&t.data.length>0)&&(n=Object.keys(t.data[0]).map((e=>({header:e.charAt(0).toUpperCase()+e.slice(1),accessor:e,group:this.columnData.find((t=>t.accessor===e))?.group??"ungrouped",headerSlot:null,cellSlot:null}))));const r=n.reduce(((e,t)=>{let l=t.group||"ungrouped";return"ungrouped"==l&&(l+=n.findIndex((e=>e==t))),e[l]||(e[l]=[]),e[l].push(t),e}),{}),i=e=>l(e.accessor,{header:this.renderTemplate(this.headerTemplateCache.get(e.accessor),e.header??e.accessor,null)??e.header??e.accessor,cell:t=>{const n=t.getValue(),l=t.row;return this.columnData.find((t=>t.accessor===e.accessor))?.repeatTemplate&&Array.isArray(n)?n.map((t=>this.renderTemplate(this.templateCache.get(e.accessor),t,l)??t??n??this.fallbackValue)):this.renderTemplate(this.templateCache.get(e.accessor),n,l)??n??this.fallbackValue},sortUndefined:"last",sortDescFirst:!1,enableSorting:this.enableSorting,enableGlobalFilter:this.enableGlobalFilter});let a=Object.entries(r).map((([e,t])=>e.includes("ungrouped")?t.map(i):{id:e,header:e,columns:t.map(i),enableSorting:this.enableSorting,enableGlobalFilter:this.enableGlobalFilter})).flat();return this.enableRowSelection&&(a=[l("select",{header:({table:e})=>o("div",{class:"flex px-1",ref:t=>{const n=this.createIndeterminateCheckbox({checked:e?.getIsAllRowsSelected(),indeterminate:e?.getIsSomeRowsSelected(),onChange:e?.getToggleAllRowsSelectedHandler()});t&&(t.innerHTML="",t.appendChild(n))}}),cell:({row:e})=>o("div",{class:"flex px-1",ref:t=>{const n=this.createIndeterminateCheckbox({checked:e?.getIsSelected(),disabled:!e?.getCanSelect(),indeterminate:e?.getIsSomeSelected(),onChange:e?.getToggleSelectedHandler()});t&&(t.innerHTML="",t.appendChild(n))}}),enableGlobalFilter:!1,enableSorting:!1}),...a]),a}getTableData(){return this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0?[...this.parsedData]:[]}renderTemplate(e,t,n){if(!e)return null;const l=e instanceof HTMLTemplateElement?e.content:e,r=i(l);return r.querySelectorAll("*").forEach((e=>{this.replacePlaceholdersTextContent(e,t,n),this.replacePlaceholdersAttributes(e,t,n),this.replacePlaceholdersProperties(e,t,n)})),r.querySelectorAll("[data-bind-event]").forEach((e=>{const t=e.getAttribute("data-bind-event")||"",l=t.split(":");if(!t.includes(":")||l.length<2)return void console.warn("Invalid data-bind-event format:",t);const o=l[1],r=l.length>2?l[2]:null;e.addEventListener(l[0],(()=>{const e=(r?.split(",")??[]).reduce(((e,t)=>(n?.original&&t in n.original&&(e[t]=n.original?.[t]),e)),{});this.action.emit({keyAction:o,details:e})}))})),setTimeout((()=>{r.querySelectorAll("*").forEach((e=>{"function"==typeof e.connectedCallback&&e.connectedCallback()}))}),0),o("div",{ref:e=>{e&&(e.innerHTML="",e.appendChild(r))}})}replaceKeyWithValue(e,t){if(null==t)return this.fallbackValue;if("object"==typeof t){if(e.includes(".")){const n=e.split(".").reduce(((e,t)=>e&&void 0!==e[t]?e[t]:void 0),t);if(void 0!==n)return n+"";{const n=e.split(".")[0],l=e.substring(n.length+1),o=this.replaceKeyWithValue(l,t);if(o!==this.fallbackValue)return o}}return e in t?t[e]+"":Array.isArray(t)?t.map((t=>"object"!=typeof t?""+t:e in t?t[e]:""+t)).join(", "):this.fallbackValue}return t?.toString()??this.fallbackValue}replacePlaceholdersTextContent(e,t,n){if(t)e.childNodes.forEach((e=>{e.nodeType===Node.TEXT_NODE&&(e.textContent=e.textContent.replace(/__([\w.]+)__/g,((e,n)=>this.replaceKeyWithValue(n,t))))}));else{const t=n.original;e.childNodes.forEach((e=>{e.nodeType===Node.TEXT_NODE&&(e.textContent=e.textContent.replace(/__([\w.]+)__/g,((e,n)=>n in t?this.replaceKeyWithValue(n,t[n]):(console.warn(`Key ${n} not found in originalValue`),""))))}))}}replacePlaceholdersAttributes(e,t,n){if(t)Array.from(e.attributes).forEach((e=>{e.value.includes("__")&&(e.value=e.value.replace(/__([\w.]+)__/g,((e,n)=>this.replaceKeyWithValue(n,t))))}));else{const t=n.original;Array.from(e.attributes).forEach((e=>{e.value.includes("__")&&(e.value=e.value.replace(/__([\w.]+)__/g,((e,n)=>n in t?this.replaceKeyWithValue(n,t[n]):(console.warn(`Key ${n} not found in originalValue`),""))))}))}}replacePlaceholdersProperties(e,t,l){if(t){const l=new Set;Object.keys(e).forEach((e=>l.add(e)));let o=Object.getPrototypeOf(e);for(;o&&o!==n.prototype;)Object.keys(o).forEach((e=>l.add(e))),o=Object.getPrototypeOf(o);l.forEach((n=>{if("function"!=typeof e[n]&&!n.startsWith("on")&&!a.has(n))try{const l=e[n];"string"==typeof l&&l.includes("__")&&(e[n]=l.replace(/__([\w.]+)__/g,((e,n)=>this.replaceKeyWithValue(n,t))))}catch(e){console.warn(`Could not assign property ${n}:`,e.message)}}))}else{const t=l.original,o=new Set;Object.keys(t).forEach((e=>o.add(e)));let r=Object.getPrototypeOf(t);for(;r&&r!==n.prototype;)Object.keys(r).forEach((e=>o.add(e))),r=Object.getPrototypeOf(r);o.forEach((n=>{if("function"!=typeof e[n]&&!n.startsWith("on")&&!a.has(n)){const l=e[n];"string"==typeof l&&l.includes("__")&&(e[n]=l.replace(/__([\w.]+)__/g,((e,n)=>n in t?this.replaceKeyWithValue(n,t[n]):(console.warn(`Key ${n} not found in originalValue`),""))))}}))}}getArrowSorting(e){if(!e.column.getCanSort())return null;const t=e.column.getIsSorted();return t===u.Asc?o("div",{class:"inline-flex align-middle"},o("nv-icon",{name:"arrow-up"})):t===u.Desc?o("div",{class:"inline-flex align-middle"},o("nv-icon",{name:"arrow-down"})):null}getHeaderCell(e){const t=e.column.getCanSort(),n=this.getSortTitle(e),l=e.isPlaceholder?null:e.column.columnDef.header?this.flexRender(e.column.columnDef.header,e.getContext()):null,r=this.getArrowSorting(e),i=this.createSortingClickHandler(e);return this.enableRowSelection?o("th",{key:e.id,colSpan:e.colSpan},l," "):o("th",{key:e.id,colSpan:e.colSpan},o("button",{type:"button",class:t?"w-full text-left cursor-pointer select-none bg-transparent border-none p-0 m-0 focus:outline-none":"w-full text-left bg-transparent border-none p-0 m-0 cursor-default",onClick:i,title:n},o("span",{class:"inline-flex items-center gap-1"},l,r)))}createSortingClickHandler(e){return t=>{this.handleSortingClick(t,e)}}getPagination(){return this.enablePagination&&o("div",{class:"flex items-center gap-2"},o("button",{class:"border rounded p-1",disabled:!this.table.getCanPreviousPage(),onClick:this.table.firstPage},"<<"),o("button",{class:"border rounded p-1",disabled:!this.table.getCanPreviousPage(),onClick:this.table.previousPage},"<"),o("button",{class:"border rounded p-1",disabled:!this.table.getCanNextPage(),onClick:this.table.nextPage},">"),o("button",{class:"border rounded p-1",disabled:!this.table.getCanNextPage(),onClick:this.table.lastPage},">>"),o("span",{class:"flex items-center gap-1"},o("div",null,"Page"),o("strong",null,this.table.getState().pagination.pageIndex+1," of"," ",this.table.getPageCount().toLocaleString())),o("span",{class:"flex items-center gap-1"},"| Go to page:"," ",o("input",{type:"number",min:this.minPageIndex,max:this.table.getPageCount(),value:this.table.getState().pagination.pageIndex+1,class:"border p-1 rounded w-16","aria-label":"Go to page",onInput:this.handlePageIndexChange})),this.pageSizes?.length>0&&o("select",{"aria-label":"Rows per page",onChange:this.handlePageSizeChange},this.pageSizes.map((e=>o("option",{value:e+"",selected:this.table.getState().pagination.pageSize===e},"Show ",e)))))}parseColumns(e,t=[]){this.parseColumnsArray(e,t)}parseData(e,t=[]){this.parseDataArray(e,t)}handleParsedChange(){this.initializeTable()}handleGlobalFilterSearchTerm(e){this.table?this.table.options.state.globalFilter=e:console.warn("Table is not initialized yet.")}handlePaginationState(e,t){this.table?JSON.stringify(e)!==JSON.stringify(t)&&(this.table.options.state.pagination=e):console.warn("Table is not initialized yet.")}handleSortingState(e){this.table?this.table.options.state.sorting=e:console.warn("Table is not initialized yet.")}handlePageSize(e){let t=e;!this.pageSizes.includes(t)&&this.pageSizes&&(t=this.pageSizes[0]),this.paginationState={...this.paginationState,pageSize:t}}handleRowSelectionState(e,t){this.table?JSON.stringify(e)!==JSON.stringify(t)&&(this.table.options.state.rowSelection=e):console.warn("Table is not initialized yet.")}handleStateChange(e){e&&(this.globalFilterSearchTerm!==e.globalFilterSearchTerm&&(this.globalFilterSearchTerm=e.globalFilterSearchTerm),JSON.stringify(this.paginationState)!==JSON.stringify(e.paginationState)&&(this.paginationState=e.paginationState),JSON.stringify(this.sortingState)!==JSON.stringify(e.sortingState)&&(this.sortingState=e.sortingState))}handleInternalStateChange(){this.stateChanged.emit({globalFilterSearchTerm:this.globalFilterSearchTerm,paginationState:this.paginationState,sortingState:this.sortingState})}componentWillLoad(){if(this.cacheTemplates(),this.parseDataAndColumns(),this.initializeTable(),this.enablePagination){let e=this.pageSize>0?this.pageSize:10;!this.pageSizes.includes(e)&&this.pageSizes&&(e=this.pageSizes[0]),this.paginationState={pageIndex:Math.max(0,this.minPageIndex-1),pageSize:e}}}render(){const e=this.table&&void 0!==this.table&&0!==this.parsedColumns.length?this.table?.getHeaderGroups():[],t=this.table&&void 0!==this.table&&0!==this.parsedData.length?this.table?.getRowModel()?.rows:[];return o(r,{key:"08593ceb15e31184e76c7ab641f5e2db635527e2"},o("div",{key:"092f351ba6b5683b798651e5fb4eb1a40015684e",class:"hidden"},o("slot",{key:"c24d531e1e48dfc7db7bae7d6453994f70487f7b"})),o("slot",{key:"e0d2aa2dd23eac36c5b735ea7640937cce649987",name:"before"}),this.enableGlobalFilter&&this.table&&o("div",{key:"beb373f14fad14c50b2c92b6c5542dec797750b3",class:"search-container justify-"+this.globalFilterPosition},o("nv-fieldtext",{key:"943dc6d3b0663e15846682ede0f9ea5cb3f1c56e",value:this.globalFilterSearchTerm,onInput:this.handleGlobalFilteringOnInput,placeholder:"Search all columns..."})),0===this.parsedColumns.length&&0===this.parsedData.length?o("div",{class:"no-data"},this.noColumnsNoDataMessage):o("div",null,o("table",null,this.parsedColumns.length>0&&e.length>0&&o("thead",null,this.parsedColumns.length>0&&e?e?.map((e=>o("tr",{key:e.id},e.headers.map((e=>this.getHeaderCell(e)))))):null),o("tbody",null,t&&0!==t.length&&0!==this.parsedData.length?t.map((e=>{const t=e.id,n=e?.getVisibleCells();return o("tr",{key:t},n.map((e=>o("td",{key:e.id,"data-row-id":t},this.flexRender(e.column.columnDef.cell,e.getContext())))))})):o("tr",null,o("td",{colSpan:this.parsedColumns.length||12,class:"no-data"},this.noDataMessage))),this.table&&this.enableRowSelection?o("tfoot",null,o("tr",null,o("td",{colSpan:20},this.enableRowSelection&&this.table?o("div",null,this.rowSelectionState&&Object.keys(this.rowSelectionState).length>0?o("span",null,Object.keys(this.rowSelectionState).length," of"," ",this.table.getPreFilteredRowModel()?.rows?.length||0," ","Total Rows Selected"):o("span",null,"No rows selected")):null))):null),this.getPagination()),o("slot",{key:"9d016c03102ff36aeaf8ff5364086902b129f2ce",name:"after"}))}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],data:[{parseData:0}],parsedColumns:[{handleParsedChange:0}],parsedData:[{handleParsedChange:0}],globalFilterSearchTerm:[{handleGlobalFilterSearchTerm:0},{handleInternalStateChange:0}],paginationState:[{handlePaginationState:0},{handleInternalStateChange:0}],sortingState:[{handleSortingState:0},{handleInternalStateChange:0}],pageSize:[{handlePageSize:0}],rowSelectionState:[{handleRowSelectionState:0}],state:[{handleStateChange:0}]}}static get style(){return"nv-datagrid{--nv-datagrid-border-default:var(     --components-form-field-border-default   );--nv-datagrid-border-hover:var(--components-form-field-border-hover);--nv-datagrid-border-focus:var(--components-form-field-border-default);--nv-datagrid-background-default:var(     --components-form-field-background-default   );--nv-datagrid-background-checked:var(     --components-form-field-background-checked   );--nv-datagrid-background-disabled:var(     --components-form-field-background-disabled   );--nv-datagrid-color-checked:var(     --components-form-shape-foreground-default   );--nv-datagrid-color-disabled:var(     --components-form-shape-foreground-disabled   );--nv-datagrid-outline-color:var(--color-focus-brand);display:block}nv-datagrid .hidden{display:none}nv-datagrid table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-datagrid th{text-align:left;border-bottom:1px solid var(--components-datagrid-header-border);min-height:var(--spacing-12);padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);font-size:var(--font-size-md);font-weight:var(--font-weight-high-emphasis);color:var(--components-datagrid-header-text)}nv-datagrid td{border-bottom:1px solid var(--components-datagrid-body-border);min-height:var(--spacing-12);max-height:var(--spacing-14);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-weight:var(--font-weight-low-emphasis);color:var(--components-datagrid-body-text);white-space:nowrap;text-overflow:ellipsis}nv-datagrid tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}nv-datagrid .cursor-pointer{cursor:pointer}nv-datagrid .select-none{-webkit-user-select:none;user-select:none}nv-datagrid .search-container{display:flex}nv-datagrid .checkbox-container{position:relative;color:var(--nv-datagrid-color-checked)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--nv-datagrid-color-disabled)}nv-datagrid .checkbox-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-checkbox-size);height:var(--form-checkbox-size);flex-direction:column;align-items:flex-start;border-radius:var(--form-checkbox-radius);border-width:var(--form-checkbox-border-width);border-style:solid;border-color:var(--nv-datagrid-border-default);background:var(--nv-datagrid-background-default)}nv-datagrid .checkbox-container input[type=checkbox]:hover{border-color:var(--nv-datagrid-border-hover)}nv-datagrid .checkbox-container input[type=checkbox]:focus{border-color:var(--nv-datagrid-border-focus)}nv-datagrid .checkbox-container input[type=checkbox]:focus,nv-datagrid .checkbox-container input[type=checkbox]:focus-within{outline:none}nv-datagrid .checkbox-container input[type=checkbox]:focus-visible,nv-datagrid .checkbox-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-datagrid-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-datagrid .checkbox-container input[type=checkbox]:checked,nv-datagrid .checkbox-container input[type=checkbox]:indeterminate{background:var(--nv-datagrid-background-checked);border-color:var(--nv-datagrid-background-checked)}nv-datagrid .checkbox-container input[type=checkbox]:disabled:not([readonly]){background:var(--nv-datagrid-background-disabled);border-color:var(--nv-datagrid-border-default)}nv-datagrid .checkbox-container input[type=checkbox][readonly]{opacity:0.5}nv-datagrid .checkbox-container .icon{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}nv-datagrid .checkbox-container .icon svg{width:var(--form-checkbox-icon-size);height:var(--form-checkbox-icon-size);fill:none;stroke:currentcolor;stroke-width:var(--form-checkbox-icon-stroke);flex-shrink:0}"}},[260,"nv-datagrid",{data:[16],columns:[16],fallbackValue:[513,"fallback-value"],noDataMessage:[513,"no-data-message"],noColumnsNoDataMessage:[513,"no-columns-no-data-message"],autoGenerateColumns:[516,"auto-generate-columns"],enableGlobalFilter:[516,"enable-global-filter"],globalFilterPosition:[513,"global-filter-position"],enablePagination:[516,"enable-pagination"],pageSize:[514,"page-size"],pageSizes:[16],enableSorting:[516,"enable-sorting"],enableRowSelection:[516,"enable-row-selection"],state:[16],table:[32],parsedColumns:[32],parsedData:[32],globalFilterSearchTerm:[32],columnData:[32],paginationState:[32],sortingState:[32],rowSelectionState:[32]},void 0,{columns:[{parseColumns:0}],data:[{parseData:0}],parsedColumns:[{handleParsedChange:0}],parsedData:[{handleParsedChange:0}],globalFilterSearchTerm:[{handleGlobalFilterSearchTerm:0},{handleInternalStateChange:0}],paginationState:[{handlePaginationState:0},{handleInternalStateChange:0}],sortingState:[{handleSortingState:0},{handleInternalStateChange:0}],pageSize:[{handlePageSize:0}],rowSelectionState:[{handleRowSelectionState:0}],state:[{handleStateChange:0}]}]);function Y(){"undefined"!=typeof customElements&&["nv-datagrid","nv-fieldtext","nv-icon"].forEach((t=>{switch(t){case"nv-datagrid":customElements.get(e(t))||customElements.define(e(t),Q);break;case"nv-fieldtext":customElements.get(e(t))||s();break;case"nv-icon":customElements.get(e(t))||c()}}))}Y();const Z=Q,ee=Y;export{Z as NvDatagrid,ee as defineCustomElement}