@happyvertical/smrt-ui 0.42.2 → 0.42.4

package/dist/components/data/DataTable.svelte

@@ -16,12 +16,20 @@ import { M } from '../../i18n/strings.js';
 import Trans from '../../i18n/Trans.svelte';
 import { useI18n } from '../../i18n/use-i18n.js';
 import Pagination from '../ui/Pagination.svelte';
-import type {
-  DataTableColumn,
-  DataTableProps,
-  SortDirection,
-  SortState,
-} from './types.js';
+import {
+  compareDataTableRowIds,
+  createDataTableController,
+  type DataTableCommand,
+  type DataTableController,
+  type DataTableFilter,
+  type DataTableModes,
+  type DataTableRowId,
+  type DataTableSnapshot,
+  type DataTableViewState,
+  type DataTableViewStateInput,
+} from './DataTableController.js';
+import { resolveDataTableRows } from './DataTableIdentity.js';
+import type { DataTableColumn, DataTableProps, SortState } from './types.js';
 import { defaultSort, getNestedValue } from './types.js';
 
 const { t } = useI18n();
@@ -37,6 +45,7 @@ let {
   data = [],
   columns = [],
   rowKey,
+  agentAddressable = false,
   selectable = false,
   selected = $bindable(new Set<string | number>()),
   onSelectionChange,
@@ -68,85 +77,227 @@ let {
   caption,
   dense = false,
   cell,
+  controller,
+  state: controlledState,
+  initialState,
+  onStateChange,
+  modes,
 }: ExtendedProps<T> = $props();
 
-// Get row key value
-function getRowKey(row: T, index: number): string | number {
-  if (!rowKey) return index;
-  if (typeof rowKey === 'function') return rowKey(row);
-  return row[rowKey] as string | number;
+function legacyModes(): DataTableModes {
+  return {
+    filtering: modes?.filtering ?? 'local',
+    sorting: modes?.sorting ?? (manualSorting ? 'manual' : 'local'),
+    pagination: modes?.pagination ?? (manualPagination ? 'manual' : 'local'),
+  };
 }
 
-function getDisplayRowKey(row: T, index: number): string | number {
-  return getRowKey(row, displayIndexOffset + index);
+function legacyViewState(): Partial<DataTableViewState> {
+  return {
+    sorting:
+      sort.columnId && sort.direction
+        ? [{ columnId: sort.columnId, direction: sort.direction }]
+        : [],
+    page,
+    pageSize: pageSize ?? null,
+    columnOrder: columns.map((column) => column.id),
+    columnVisibility: columns.map((column) => ({
+      columnId: column.id,
+      visible: !visibleColumnIds || visibleColumnIds.has(column.id),
+    })),
+    selectedRowIds: [...selected],
+    expandedRowIds: [...expanded],
+  };
 }
 
-// Handle sort click
-function handleSort(column: DataTableColumn<T>) {
-  if (!sortable || !column.sortable) return;
+function mergedLegacyState(): Omit<DataTableViewState, 'selection'> {
+  const { selection: _selection, ...current } = localController.getState();
+  return { ...current, ...legacyViewState() };
+}
 
-  const newSort: SortState = {
-    columnId: column.id,
-    direction:
-      sort.columnId === column.id
-        ? sort.direction === 'asc'
-          ? 'desc'
-          : sort.direction === 'desc'
-            ? null
-            : 'asc'
-        : 'asc',
-  };
+const localController = createDataTableController({
+  modes: legacyModes(),
+  onStateChange: (next, command) => onStateChange?.(next, command),
+});
 
-  if (newSort.direction === null) {
-    newSort.columnId = null;
-  }
+let controllerSnapshot = $state<DataTableSnapshot>(localController.snapshot());
+let publishedLegacySignature: string | undefined;
+let localControllerInitialized = false;
 
-  sort = newSort;
-  onSortChange?.(newSort);
+function activeController(): DataTableController {
+  return controller ?? localController;
 }
 
-// Handle row selection
-function handleRowSelect(key: string | number, event: Event) {
-  event.stopPropagation();
-  const newSelected = new Set(selected);
+function legacySignature(): string {
+  const legacy = legacyViewState();
+  return JSON.stringify({
+    sorting: legacy.sorting,
+    page: legacy.page,
+    pageSize: legacy.pageSize,
+    columnVisibility: legacy.columnVisibility,
+    selectedRowIds: [...(legacy.selectedRowIds ?? [])].sort(),
+    expandedRowIds: [...(legacy.expandedRowIds ?? [])].sort(),
+  });
+}
 
-  if (newSelected.has(key)) {
-    newSelected.delete(key);
-  } else {
-    newSelected.add(key);
+function legacySort(next: DataTableViewState): SortState {
+  const rule = next.sorting[0];
+  return rule
+    ? { columnId: rule.columnId, direction: rule.direction }
+    : { columnId: null, direction: null };
+}
+
+function publishLegacyState(
+  next: DataTableViewState,
+  command: DataTableCommand,
+  previous: DataTableViewState,
+) {
+  const nextSort = legacySort(next);
+  const previousSort = legacySort(previous);
+  sort = nextSort;
+  page = next.page;
+  selected = new Set(next.selectedRowIds);
+  expanded = new Set(next.expandedRowIds);
+  publishedLegacySignature = legacySignature();
+
+  if (
+    nextSort.columnId !== previousSort.columnId ||
+    nextSort.direction !== previousSort.direction
+  ) {
+    onSortChange?.(nextSort);
+  }
+  if (
+    JSON.stringify(next.selectedRowIds) !==
+    JSON.stringify(previous.selectedRowIds)
+  ) {
+    onSelectionChange?.(new Set(next.selectedRowIds));
+  }
+  if (
+    JSON.stringify(next.expandedRowIds) !==
+    JSON.stringify(previous.expandedRowIds)
+  ) {
+    onExpandedChange?.(new Set(next.expandedRowIds));
+  }
+  if (next.page !== previous.page) onPageChange?.(next.page);
+  void command;
+}
+
+$effect(() => {
+  if (controller) return;
+
+  localController.setControlled(controlledState !== undefined);
+  localController.setModes(legacyModes());
+  localController.setColumnIds(columns.map((column) => column.id));
+
+  if (!localControllerInitialized) {
+    localControllerInitialized = true;
+    const nextState: DataTableViewStateInput = controlledState ?? {
+      ...mergedLegacyState(),
+      ...initialState,
+    };
+    localController.replaceState(nextState);
+    return;
+  }
+
+  if (controlledState !== undefined) {
+    localController.replaceState(controlledState);
+    return;
+  }
+
+  const signature = legacySignature();
+  if (signature === publishedLegacySignature) {
+    publishedLegacySignature = undefined;
+    return;
   }
+  localController.replaceState(mergedLegacyState());
+});
+
+$effect(() => {
+  const current = activeController();
+  current.setColumnIds(columns.map((column) => column.id));
+  controllerSnapshot = current.snapshot();
+  return current.subscribe((transition) => {
+    controllerSnapshot = transition.next;
+    if (
+      current === localController &&
+      controlledState === undefined &&
+      transition.command
+    ) {
+      publishLegacyState(
+        transition.next.state,
+        transition.command,
+        transition.previous.state,
+      );
+    }
+  });
+});
 
-  selected = newSelected;
-  onSelectionChange?.(newSelected);
+const tableState = $derived(controllerSnapshot.state);
+const tableModes = $derived(controllerSnapshot.modes);
+const requiresStableRowIdentity = $derived(
+  selectable ||
+    Boolean(expandedContent) ||
+    agentAddressable ||
+    tableModes.filtering === 'manual' ||
+    tableModes.sorting === 'manual' ||
+    tableModes.pagination === 'manual',
+);
+const sourceRows = $derived.by(() =>
+  resolveDataTableRows(data, rowKey, {
+    requireStableIdentity: requiresStableRowIdentity,
+  }),
+);
+
+function dispatch(command: DataTableCommand) {
+  activeController().dispatch(command);
+}
+
+function handleSort(column: DataTableColumn<T>, event: MouseEvent) {
+  if (!sortable || !column.sortable) return;
+  dispatch({
+    type: 'toggleSorting',
+    columnId: column.id,
+    multi: event.shiftKey,
+  });
+}
+
+function handleRowSelect(key: DataTableRowId, event: Event) {
+  event.stopPropagation();
+  dispatch({ type: 'toggleRowSelection', rowId: key });
 }
 
-// Handle select all
 function handleSelectAll() {
+  if (tableState.selection.scope === 'allMatching') {
+    dispatch({
+      type: 'setSelection',
+      selection: { scope: 'explicit', rowIds: [] },
+    });
+    return;
+  }
+  const selectedIds = new Set(tableState.selectedRowIds);
+  const visibleIds = displayRows.map(({ rowId }) => rowId);
+  if (tableState.selection.scope === 'page') {
+    dispatch({
+      type: 'setPageSelection',
+      rowIds: allSelected ? [] : visibleIds,
+    });
+    return;
+  }
   if (allSelected) {
-    const visibleKeys = new Set(
-      displayData.map((row, i) => getDisplayRowKey(row, i)),
-    );
-    selected = new Set([...selected].filter((key) => !visibleKeys.has(key)));
+    for (const key of visibleIds) selectedIds.delete(key);
   } else {
-    selected = new Set([
-      ...selected,
-      ...displayData.map((row, i) => getDisplayRowKey(row, i)),
-    ]);
+    for (const key of visibleIds) selectedIds.add(key);
   }
-  onSelectionChange?.(selected);
+  dispatch({ type: 'setSelectedRows', rowIds: [...selectedIds] });
 }
 
-function handleExpanded(key: string | number, event: Event) {
+function handleExpanded(key: DataTableRowId, event: Event) {
   event.stopPropagation();
-  const next = new Set(expanded);
-  next.has(key) ? next.delete(key) : next.add(key);
-  expanded = next;
-  onExpandedChange?.(next);
+  dispatch({ type: 'toggleRowExpansion', rowId: key });
 }
 
 function handlePageChange(next: number) {
-  page = Math.min(Math.max(1, next), totalPages);
-  onPageChange?.(page);
+  dispatch({ type: 'setPage', page: next });
 }
 
 // Handle row click
@@ -164,55 +315,190 @@ function setIndeterminate(node: HTMLInputElement, value: boolean) {
   };
 }
 
-// Get visible columns
-const visibleColumns = $derived(
-  columns.filter(
-    (col) => !col.hidden && (!visibleColumnIds || visibleColumnIds.has(col.id)),
-  ),
-);
+const visibleColumns = $derived.by(() => {
+  const configuredOrder = new Map(
+    tableState.columnOrder.map((id, index) => [id, index]),
+  );
+  const visibility = new Map(
+    tableState.columnVisibility.map((entry) => [entry.columnId, entry.visible]),
+  );
+  return columns
+    .filter((column) => !column.hidden && visibility.get(column.id) !== false)
+    .slice()
+    .sort((left, right) => {
+      const leftOrder = configuredOrder.get(left.id) ?? Number.MAX_SAFE_INTEGER;
+      const rightOrder =
+        configuredOrder.get(right.id) ?? Number.MAX_SAFE_INTEGER;
+      return leftOrder - rightOrder;
+    });
+});
+
+function sameFilterValue(value: unknown, expected: unknown): boolean {
+  return Object.is(value, expected);
+}
 
-const filteredData = $derived(filterFn ? data.filter(filterFn) : data);
+function textValue(value: unknown): string {
+  return String(value ?? '').toLowerCase();
+}
 
-// Sort data
-const sortedData = $derived.by(() => {
-  if (manualSorting || !sort.columnId || !sort.direction) return filteredData;
+function compareFilterValues(left: unknown, right: unknown): number {
+  const leftValue = left instanceof Date ? left.getTime() : left;
+  const rightValue = right instanceof Date ? right.getTime() : right;
+  if (typeof leftValue === 'number' && typeof rightValue === 'number')
+    return leftValue - rightValue;
+  const a = String(leftValue ?? '');
+  const b = String(rightValue ?? '');
+  return a < b ? -1 : a > b ? 1 : 0;
+}
 
-  const column = columns.find((c) => c.id === sort.columnId);
-  if (!column) return filteredData;
+function matchesFilter(
+  row: T,
+  column: DataTableColumn<T>,
+  filter: DataTableFilter,
+): boolean {
+  if (column.filterable === false) return true;
+  const value = getCellValue(row, column);
+  if (column.filterFn) return column.filterFn(row, value, filter);
+  const expected = filter.value;
+  const valueText = textValue(value);
+  const expectedText = textValue(expected);
+  switch (filter.operator) {
+    case 'equals':
+      return sameFilterValue(value, expected);
+    case 'notEquals':
+      return !sameFilterValue(value, expected);
+    case 'contains':
+      return valueText.includes(expectedText);
+    case 'notContains':
+      return !valueText.includes(expectedText);
+    case 'startsWith':
+      return valueText.startsWith(expectedText);
+    case 'endsWith':
+      return valueText.endsWith(expectedText);
+    case 'in':
+      return (
+        Array.isArray(expected) &&
+        expected.some((entry) => sameFilterValue(value, entry))
+      );
+    case 'notIn':
+      return (
+        Array.isArray(expected) &&
+        !expected.some((entry) => sameFilterValue(value, entry))
+      );
+    case 'gt':
+      return compareFilterValues(value, expected) > 0;
+    case 'gte':
+      return compareFilterValues(value, expected) >= 0;
+    case 'lt':
+      return compareFilterValues(value, expected) < 0;
+    case 'lte':
+      return compareFilterValues(value, expected) <= 0;
+    case 'isNull':
+      return value == null;
+    case 'isNotNull':
+      return value != null;
+  }
+}
 
-  const accessor = column.accessor ?? column.id;
-  const direction = sort.direction;
+const filteredRows = $derived.by(() => {
+  if (tableModes.filtering === 'manual') return sourceRows;
+  const search = tableState.search.toLowerCase();
+  return sourceRows.filter(({ row, sourceIndex }) => {
+    if (filterFn && !filterFn(row, sourceIndex)) return false;
+    if (
+      search &&
+      !columns.some(
+        (column) =>
+          column.searchable !== false &&
+          textValue(getCellValue(row, column)).includes(search),
+      )
+    ) {
+      return false;
+    }
+    return tableState.filters.every((filter) => {
+      const column = columns.find(
+        (candidate) => candidate.id === filter.columnId,
+      );
+      return Boolean(column && matchesFilter(row, column, filter));
+    });
+  });
+});
 
-  return [...filteredData].sort((a, b) => {
-    if (column.sortFn) {
-      return column.sortFn(a, b, direction);
+const sortedRows = $derived.by(() => {
+  if (tableModes.sorting === 'manual' || tableState.sorting.length === 0)
+    return filteredRows;
+  return filteredRows.slice().sort((left, right) => {
+    for (const rule of tableState.sorting) {
+      const column = columns.find(
+        (candidate) => candidate.id === rule.columnId,
+      );
+      if (!column) continue;
+      const result = column.sortFn
+        ? column.sortFn(left.row, right.row, rule.direction)
+        : defaultSort(
+            left.row,
+            right.row,
+            String(column.accessor ?? column.id),
+            rule.direction,
+          );
+      if (result !== 0) return result;
     }
-    return defaultSort(a, b, String(accessor), direction);
+    return rowKey
+      ? compareDataTableRowIds(left.rowId, right.rowId)
+      : left.sourceIndex - right.sourceIndex;
   });
 });
 
-const totalRowCount = $derived(totalRows ?? sortedData.length);
+const totalRowCount = $derived(
+  tableModes.pagination === 'manual' ? totalRows : sortedRows.length,
+);
 const totalPages = $derived(
-  pageSize ? Math.max(1, Math.ceil(totalRowCount / pageSize)) : 1,
+  tableState.pageSize
+    ? totalRowCount === undefined
+      ? null
+      : Math.max(1, Math.ceil(totalRowCount / tableState.pageSize))
+    : 1,
 );
-const displayData = $derived.by(() => {
-  if (!pageSize || manualPagination) return sortedData;
-  const start = (page - 1) * pageSize;
-  return sortedData.slice(start, start + pageSize);
+const displayRows = $derived.by(() => {
+  if (!tableState.pageSize || tableModes.pagination === 'manual')
+    return sortedRows;
+  const start = (tableState.page - 1) * tableState.pageSize;
+  return sortedRows.slice(start, start + tableState.pageSize);
 });
-const displayIndexOffset = $derived(pageSize ? (page - 1) * pageSize : 0);
 
 $effect(() => {
-  if (page > totalPages) handlePageChange(totalPages);
+  const total = totalRows;
+  if (total === undefined) return;
+  if (tableModes.pagination !== 'manual') {
+    throw new TypeError(
+      'DataTable totalRows is only valid when pagination mode is manual',
+    );
+  }
+  if (!Number.isFinite(total) || !Number.isInteger(total) || total < 0) {
+    throw new TypeError(
+      'DataTable totalRows must be a non-negative integer when supplied',
+    );
+  }
 });
 
-// Selection state
+$effect(() => {
+  void tableState.page;
+  void tableState.pageSize;
+  activeController().clampPage(totalRowCount);
+});
+
+const selectedIds = $derived(new Set(tableState.selectedRowIds));
+const expandedIds = $derived(new Set(tableState.expandedRowIds));
+const currentSort = $derived(legacySort(tableState));
+
 const allSelected = $derived(
-  displayData.length > 0 &&
-    displayData.every((row, i) => selected.has(getDisplayRowKey(row, i))),
+  tableState.selection.scope === 'allMatching' ||
+    (displayRows.length > 0 &&
+      displayRows.every(({ rowId }) => selectedIds.has(rowId))),
 );
 const someSelected = $derived(
-  displayData.some((row, i) => selected.has(getDisplayRowKey(row, i))) &&
+  tableState.selection.scope !== 'allMatching' &&
+    displayRows.some(({ rowId }) => selectedIds.has(rowId)) &&
     !allSelected,
 );
 
@@ -220,13 +506,11 @@ const columnCount = $derived(
   visibleColumns.length + (selectable ? 1 : 0) + (expandedContent ? 1 : 0),
 );
 
-// Get cell value
 function getCellValue(row: T, column: DataTableColumn<T>): unknown {
   const accessor = column.accessor ?? column.id;
   return getNestedValue(row, String(accessor));
 }
 
-// Size classes
 const sizeClasses = {
   sm: 'data-table--sm',
   md: 'data-table--md',
@@ -257,7 +541,7 @@ const sizeClasses = {
               checked={allSelected}
               use:setIndeterminate={someSelected}
               onchange={handleSelectAll}
-              aria-label={t(M['ui.data_table.select_all'])}
+              aria-label={t(M['ui.data_table.select_current_page'])}
               class="data-table__checkbox"
             />
           </th>
@@ -267,14 +551,14 @@ const sizeClasses = {
           <th
             class="data-table__cell data-table__cell--header"
             class:data-table__cell--sortable={sortable && column.sortable}
-            class:data-table__cell--sorted={sort.columnId === column.id}
+            class:data-table__cell--sorted={currentSort.columnId === column.id}
             style:width={column.width}
             style:min-width={column.minWidth}
             style:max-width={column.maxWidth}
             style:text-align={column.align}
             scope="col"
-            aria-sort={sort.columnId === column.id
-              ? sort.direction === 'asc'
+            aria-sort={currentSort.columnId === column.id
+              ? currentSort.direction === 'asc'
                 ? 'ascending'
                 : 'descending'
               : undefined}
@@ -285,12 +569,12 @@ const sizeClasses = {
               <button
                 type="button"
                 class="data-table__sort-button"
-                onclick={() => handleSort(column)}
+                onclick={(event) => handleSort(column, event)}
               >
                 <span>{column.label}</span>
                 <span class="data-table__sort-icon" aria-hidden="true">
-                  {#if sort.columnId === column.id}
-                    {sort.direction === 'asc' ? '↑' : '↓'}
+                  {#if currentSort.columnId === column.id}
+                    {currentSort.direction === 'asc' ? '↑' : '↓'}
                   {:else}
                     ↕
                   {/if}
@@ -317,7 +601,7 @@ const sizeClasses = {
             </div>
           </td>
         </tr>
-      {:else if displayData.length === 0}
+      {:else if displayRows.length === 0}
         <tr class="data-table__row data-table__row--empty">
           <td
             class="data-table__cell data-table__cell--empty"
@@ -333,10 +617,11 @@ const sizeClasses = {
           </td>
         </tr>
       {:else}
-        {#each displayData as row, index (getDisplayRowKey(row, index))}
-          {@const key = getDisplayRowKey(row, index)}
-          {@const isSelected = selected.has(key)}
-          {@const isExpanded = expanded.has(key)}
+        {#each displayRows as entry, index (entry.rowId)}
+          {@const row = entry.row}
+          {@const key = entry.rowId}
+          {@const isSelected = tableState.selection.scope === 'allMatching' || selectedIds.has(key)}
+          {@const isExpanded = expandedIds.has(key)}
           {@const rowCanExpand = canExpand?.(row, index) ?? true}
           <tr
             class="data-table__row {rowClass?.(row, index) ?? ''}"
@@ -361,6 +646,7 @@ const sizeClasses = {
                 <input
                   type="checkbox"
                   checked={isSelected}
+                  disabled={tableState.selection.scope === 'allMatching'}
                   onchange={(e) => handleRowSelect(key, e)}
                   aria-label={t(M['ui.data_table.select_row'])}
                   class="data-table__checkbox"
@@ -393,11 +679,11 @@ const sizeClasses = {
       {/if}
     </tbody>
     {#if footer}
-      <tfoot><tr><td class="data-table__cell data-table__footer" colspan={columnCount}>{@render footer({ rows: displayData })}</td></tr></tfoot>
+      <tfoot><tr><td class="data-table__cell data-table__footer" colspan={columnCount}>{@render footer({ rows: displayRows.map(({ row }) => row) })}</td></tr></tfoot>
     {/if}
   </table>
 </div>
-{#if pageSize && totalPages > 1}<Pagination currentPage={page} {totalPages} onPageChange={handlePageChange} aria-label="Table pages" />{/if}
+{#if tableState.pageSize && totalPages && totalPages > 1}<Pagination currentPage={tableState.page} {totalPages} onPageChange={handlePageChange} aria-label="Table pages" />{/if}
 
 <style>
   .data-table-container {

package/dist/components/data/DataTable.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAGf,MAAM,YAAY,CAAC;AAIpB,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAClD,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CACZ;QAAC;YAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;YAAC,GAAG,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE;KAAC,CACxE,CAAC;CACH;AAAC,iBAAS,QAAQ,CAAC,CAAC;WA6UQ,aAAa,CAAC,CAAC,CAAC;;;;;EAAgH;AAC7J,cAAM,iBAAiB,CAAC,CAAC;IACrB,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5X,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3H,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,SAAS,EAAE,qBAAmC,CAAC;AACnC,KAAK,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DataTable.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.svelte.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAkBtC,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAa,MAAM,YAAY,CAAC;AAI7E,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IAClD,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CACZ;QAAC;YAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;YAAC,GAAG,EAAE,CAAC,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE;KAAC,CACxE,CAAC;CACH;AAAC,iBAAS,QAAQ,CAAC,CAAC;WAomBQ,aAAa,CAAC,CAAC,CAAC;;;;;EAAgH;AAC7J,cAAM,iBAAiB,CAAC,CAAC;IACrB,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5X,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3H,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,SAAS,EAAE,qBAAmC,CAAC;AACnC,KAAK,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,eAAe,SAAS,CAAC"}