@rotki/ui-library 3.2.0 → 3.3.0

package/dist/components/tables/RuiDataTable.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiDataTable.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createVNode","RuiDataTableMobileSort","_createCommentVNode","_createBlock","RuiTableHead","_createSlots","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","RuiDataTableBody","RuiTablePagination","_isRef"],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType extends keyof T = keyof T\">\nimport type { GroupHeader } from '@/composables/tables/data-table/types';\nimport { dataTableStyles } from '@/components/tables/data-table-styles';\nimport { type DataTableClasses, type DataTableGroupLabel, provideDataTableContext, provideDataTableNested, useDataTableNested } from '@/components/tables/data-table/context';\nimport RuiDataTableBody from '@/components/tables/data-table/RuiDataTableBody.vue';\nimport RuiDataTableMobileSort from '@/components/tables/data-table/RuiDataTableMobileSort.vue';\nimport RuiTableHead, {\n  type GroupData,\n  type TableColumn,\n  type TableRowKeyData,\n  type TableSortData,\n} from '@/components/tables/RuiTableHead.vue';\nimport RuiTablePagination, {\n  type TablePaginationData,\n} from '@/components/tables/RuiTablePagination.vue';\nimport { GroupExpandButtonPosition } from '@/components/tables/table-props';\nimport { useTable } from '@/composables/defaults/table';\nimport { useKeyboardScroll } from '@/composables/keyboard-scroll';\nimport { useStickyBlockerWarning } from '@/composables/sticky-blocker';\nimport { useStickyTableHeader } from '@/composables/sticky-header';\nimport { useTableColumns } from '@/composables/tables/data-table/columns';\nimport { useTableExpansion } from '@/composables/tables/data-table/expansion';\nimport { useTableGrouping } from '@/composables/tables/data-table/grouping';\nimport { usePageScroll, useStickyBottomInset, useStickyPaginationBar } from '@/composables/tables/data-table/page-scroll';\nimport { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\n\nexport type { GroupedTableRow, GroupHeader, TableOptions } from '@/composables/tables/data-table/types';\n\nexport interface Props<T, K extends keyof T> {\n  /**\n   * list of items for each row\n   */\n  rows: readonly T[];\n  /**\n   * the attribute used to identify each row uniquely for selection, usually `id`\n   */\n  rowAttr: K;\n  /**\n   * model for internal searching\n   */\n  search?: string;\n  /**\n   * model for items per page\n   * will be used if the `pagination` model isn't specified\n   */\n  itemsPerPage?: number;\n  /**\n   * list of column definitions\n   */\n  cols?: TableColumn<T>[];\n  /**\n   * attribute to use from column definitions to display column titles\n   */\n  columnAttr?: keyof TableColumn<T>;\n  /**\n   * flag to show a more or less spacious table\n   */\n  dense?: boolean;\n  /**\n   * flag to outline the flag with a border\n   */\n  outlined?: boolean;\n  /**\n   * should add zebra-striping to the table row\n   */\n  striped?: boolean;\n  /**\n   * flag to show loading state of the table\n   * triggers indefinite progress at the bottom of the table header\n   */\n  loading?: boolean;\n  disablePerPage?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced with\n   * a numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.\n   */\n  rangesThreshold?: number;\n  /**\n   * The text and icon shown when there are no rows, e.g.\n   * `:empty=\"\\{ icon: 'transactions-line', label: 'No transactions found' \\}\"`\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * Why the last read failed. Shown above any rows kept from an earlier read,\n   * or in place of the empty state; `loading` still takes precedence.\n   */\n  error?: string;\n  /** Heading for that failure. */\n  errorTitle?: string;\n  /** Label for the retry control; without one, no control is offered. */\n  retryText?: string;\n  /**\n   * Hide the pagination bar. The bar sits under the table and sticks to the bottom of the view\n   * while the table runs past it.\n   */\n  hidePagination?: boolean;\n\n  rounded?: 'sm' | 'md' | 'lg';\n  /**\n   * make expansion work like accordion\n   */\n  singleExpand?: boolean;\n  /**\n   * make table head stick to top on scroll\n   */\n  stickyHeader?: boolean;\n  stickyOffset?: number;\n  /**\n   * keep the pagination bar at the table's end instead of pinning it to the bottom of the view while\n   * the rows run past it, for a table that is one section of a longer page\n   */\n  disableStickyPagination?: boolean;\n  /**\n   * Affects how the items per page work across the app.\n   * When true, changing the items per page setting in one table will affect other tables.\n   */\n  globalItemsPerPage?: boolean;\n  groupExpandButtonPosition?: GroupExpandButtonPosition;\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\n  /**\n   * Render each row as a stacked card instead of a table row once the measured\n   * width is narrower than this width (in pixels). Columns flagged with\n   * `mobileHidden` are dropped in this layout. Falls back to the global\n   * `mobileBreakpoint` table default; leave both unset to keep the default table\n   * layout at every width.\n   */\n  mobileBreakpoint?: number;\n  /**\n   * What the `mobileBreakpoint` is measured against: the browser `viewport`\n   * (default) or this table's own `container` width. Use `container` when the\n   * table lives in a narrow region of a wider window. Falls back to the global\n   * `mobileBreakpointBasis` table default.\n   */\n  mobileBreakpointBasis?: 'viewport' | 'container';\n  /**\n   * Force the stacked mobile card layout on (`true`) or off (`false`),\n   * regardless of `mobileBreakpoint`. Leave unset to derive it from the width.\n   */\n  mobile?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiDataTable',\n});\n\nconst selectedData = defineModel<T[IdType][]>();\n\nconst expanded = defineModel<T[]>('expanded');\n\nconst [pagination, paginationModifiers] = defineModel<TablePaginationData, 'external'>('pagination');\n\nconst [sort, sortModifiers] = defineModel<TableSortData<T>, 'external'>('sort');\n\nconst group = defineModel<TableRowKeyData<T>>('group');\n\nconst collapsed = defineModel<T[]>('collapsed');\n\nconst {\n  rows,\n  rowAttr,\n  search = '',\n  itemsPerPage = 10,\n  cols,\n  columnAttr = 'label',\n  dense = false,\n  outlined = false,\n  striped = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  empty = { label: 'No item found' },\n  error = '',\n  errorTitle = '',\n  retryText = '',\n  hidePagination = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  disableStickyPagination = false,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = GroupExpandButtonPosition.start,\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\n  mobileBreakpoint,\n  mobileBreakpointBasis,\n  mobile,\n} = defineProps<Props<T, IdType>>();\n\nconst emit = defineEmits<{\n  'update:options': [value: { pagination?: TablePaginationData; sort?: TableSortData<T> }];\n  'copy:group': [value: GroupData<T>];\n  'retry': [];\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`header.${string}`, (props: { column: TableColumn<T> }) => any> &\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'body.prepend': (props: { colspan: number }) => any;\n    'body.append': (props: { colspan: number }) => any;\n    'group.header': (props: {\n      colspan: number;\n      header: GroupHeader<T>;\n      isOpen: boolean;\n      toggle: () => void;\n    }) => any;\n    'group.header.content': (props: { header: GroupHeader<T>; groupKey: string }) => any;\n    'expanded-item': (props: { row: T; index: number }) => any;\n    /**\n     * A full-width row after every row, read as the second half of the same item: no divider between\n     * them, one hover, the row's selected or open shade and stripe. For a long field, such as notes,\n     * that would otherwise widen the table. It comes before an open expanded panel.\n     */\n    'row-append': (props: { row: T; index: number }) => any;\n    'no-data': () => any;\n    'empty-description': () => any;\n    'error': () => any;\n    /**\n     * Rows under the body, such as a total, rendered in `<tfoot>`. Its cells take the body cells'\n     * padding, height (dense included) and text, under `:where()`, so a cell's own classes still win.\n     */\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst tableWrapper = useTemplateRef<HTMLElement>('tableWrapper');\nconst paginationSentinel = useTemplateRef<HTMLElement>('paginationSentinel');\nconst paginationBar = useTemplateRef<InstanceType<typeof RuiTablePagination>>('paginationBar');\nconst { width: windowWidth } = useWindowSize();\nconst { width: containerWidth } = useElementSize(tableWrapper);\n\n// Per-table props win, then the global table defaults.\nconst resolvedMobileBreakpoint = computed<number | undefined>(() => {\n  if (mobileBreakpoint !== undefined)\n    return mobileBreakpoint;\n  const globalBreakpoint = tableDefaults.mobileBreakpoint;\n  return globalBreakpoint === undefined ? undefined : get(globalBreakpoint);\n});\nconst resolvedMobileBasis = computed<'viewport' | 'container'>(() => {\n  if (mobileBreakpointBasis !== undefined)\n    return mobileBreakpointBasis;\n  const globalBasis = tableDefaults.mobileBreakpointBasis;\n  return globalBasis === undefined ? 'viewport' : get(globalBasis);\n});\n\n/**\n * Whether the stacked card layout is showing.\n *\n * Vue coerces an absent Boolean prop to `false`, so `mobile` cannot say\n * \"unset\": with no breakpoint configured it is the manual switch, defaulting\n * to desktop, and with one configured the breakpoint drives the layout while\n * `mobile === true` can still force the stacked layout on.\n */\nconst isMobile = computed<boolean>(() => {\n  const breakpoint = get(resolvedMobileBreakpoint);\n  if (breakpoint === undefined)\n    return mobile;\n  if (mobile)\n    return true;\n  // `containerWidth` is 0 until measured; the viewport keeps the first paint off mobile\n  const width = get(resolvedMobileBasis) === 'container'\n    ? (get(containerWidth) || get(windowWidth))\n    : get(windowWidth);\n  return width < breakpoint;\n});\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\n/**\n * A table rendered inside an expanded row must not pin its own toolbar: only\n * the outermost table sticks, otherwise the bars stack and collide.\n */\nconst isNestedTable = useDataTableNested();\nprovideDataTableNested();\n\n/**\n * On mobile there is no column header to pin, so `stickyHeader` pins the\n * pagination and sort toolbar instead while the card list scrolls.\n */\nconst stickyMobileToolbar = computed<boolean>(() => stickyHeader && get(isMobile) && !isNestedTable);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\nconst scrollerTabindex = useKeyboardScroll(tableScroller);\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table },\n);\n\nconst { width: scrollerWidth } = useElementSize(tableScroller);\n\n/**\n * The visible width of the table, which an expanded row caps its content to.\n * Without the cap a wide panel, such as a nested table, sets the minimum width\n * of the whole table and pushes every column past the scroller. `initial`\n * resets the variable, so a nested table never inherits its parent's width.\n */\nconst viewportStyle = computed<Record<string, string>>(() => {\n  const width = get(scrollerWidth);\n  return { '--rui-table-viewport': width > 0 && !get(isMobile) ? `${width}px` : 'initial' };\n});\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded },\n);\n\nfunction emitUpdateOptions(opts: { sort?: TableSortData<T>; pagination?: TablePaginationData }): void {\n  emit('update:options', opts);\n}\n\nconst {\n  sortData,\n  sortedMap,\n  sorted,\n  onSort: applySort,\n} = useTableSort<T>(\n  { rows: () => rows, search: () => search, sortModifiersExternal: sortModifiers.external },\n  {\n    sort,\n    pagination,\n    emitUpdateOptions,\n  },\n);\n\nconst {\n  groupKeys,\n  groupKey,\n  grouped,\n  mappedGroups,\n  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n  },\n);\n\nconst {\n  paginationData,\n  filtered,\n  setInternalTotal,\n  resetPagination,\n} = useTablePagination<T>(\n  {\n    itemsPerPage,\n    paginationModifiersExternal: paginationModifiers.external,\n    globalItemsPerPage,\n  },\n  {\n    pagination,\n    grouped,\n    isHiddenRow,\n    sort,\n    emitUpdateOptions,\n    tableDefaults,\n  },\n);\n\nconst noData = computed<boolean>(() => get(filtered).length === 0);\n\n// one loader at a time: the header bar marks a refetch over rows, and an empty table shows only its spinner row\nconst headerLoading = computed<boolean>(() => loading && !get(noData));\n\n/**\n * A nested table (a breakdown in an expanded row) that pages its own rows drops the bar when they all fit\n * the smallest page size: no control on it could change what shows, and in a breakdown it is pure noise.\n * A top-level table keeps it as a summary; a server-paged one keeps it, since only the server knows the total.\n */\nconst fitsSmallestPage = computed<boolean>(() => {\n  if (!isNestedTable || paginationModifiers.external)\n    return false;\n  const { limits } = get(paginationData);\n  const sizes = limits ?? toValue(tableDefaults.limits);\n  // the rows themselves, not the pagination total, which is only filled in after mount\n  return sizes.length > 0 && get(sorted).length <= Math.min(...sizes);\n});\n\nconst showPagination = computed<boolean>(() => !!get(paginationData) && !hidePagination && !get(fitsSmallestPage));\n\n/**\n * The one pagination bar sticks to the bottom of the view, so a long page can be turned without\n * scrolling down to it. `position: sticky` keeps it inside this table, so stacked and side-by-side\n * tables each hold their own bar. A nested table's bar stays in place, since two stuck bars would\n * stack, as does the bar of a table with `disableStickyPagination`.\n */\nconst paginationMayStick = computed<boolean>(() => !disableStickyPagination && !isNestedTable);\nconst canStickPagination = useStickyPaginationBar(tableWrapper, () => get(paginationMayStick) && get(showPagination));\nconst paginationStuck = computed<boolean>(() => get(paginationMayStick) && get(canStickPagination));\n\nconst paginationBarElement = computed<HTMLElement | undefined>(() => {\n  const element: unknown = get(paginationBar)?.$el;\n  return element instanceof HTMLElement ? element : undefined;\n});\n\n// while the bar is stuck to the page, `--rui-sticky-bottom` tells the page's floating parts to rise above it\nuseStickyBottomInset(paginationSentinel, paginationBarElement, paginationStuck);\n\nuseStickyBlockerWarning(paginationBarElement, () => get(paginationMayStick) && get(showPagination), 'The RuiDataTable pagination bar');\n\n/**\n * Grouped columns leave the column list, so their labels come from `cols`.\n */\nconst groupLabels = computed<DataTableGroupLabel[]>(() => get(groupKeys).map((key) => {\n  const label = cols?.find(column => column.key === key)?.[columnAttr];\n  return {\n    key: String(key),\n    label: label === undefined || label === null ? String(key) : String(label),\n  };\n}));\n\n/** Each group's list starts with its header entry, which is not a row. */\nfunction getGroupSize(identifier: string): number {\n  return Math.max((get(mappedGroups)[identifier]?.length ?? 0) - 1, 0);\n}\n\nconst ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n  mobile: get(isMobile),\n}));\n\nconst { columns, colspan, headerSlots, cellValue } = useTableColumns<T, IdType>({\n  cols: () => cols,\n  columnAttr,\n  rows: () => rows,\n  expandable,\n  groupKeys,\n  selectedData,\n  slots,\n  isMobile,\n  tdResolver: options => get(ui).td(options),\n});\n\nconst showMobileSort = computed<boolean>(() =>\n  get(isMobile) && !!get(sortData) && get(columns).some(column => column.sortable),\n);\n\nconst ITEM_SLOT_PREFIX = 'item.';\n\n// Slot keys are static for the component lifetime, so no reactivity is needed\nconst itemSlotKeys: Set<string> = new Set(\n  Object.keys(slots)\n    .filter((key): key is `item.${string}` => key.startsWith(ITEM_SLOT_PREFIX))\n    .map(key => key.slice(ITEM_SLOT_PREFIX.length)),\n);\n\nconst {\n  isAllSelected,\n  indeterminate,\n  isSelected,\n  isDisabledRow,\n  onToggleAll,\n  onSelect,\n  onCheckboxClick,\n  deselectRemovedRows,\n  resetCheckboxShiftState,\n} = useTableSelection<T, IdType>(\n  { rowAttr, multiPageSelect, disabledRows: () => disabledRows },\n  { selectedData, filtered },\n);\n\n/**\n * Sorting clears the selection. That lives here rather than in either\n * composable, which would make sort and selection depend on each other.\n */\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nconst { revealTableTop } = usePageScroll(tableWrapper, stickyHeaderOffset);\n\nasync function onPaginate(): Promise<void> {\n  if ((get(expanded)?.length ?? 0) > 0)\n    set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n  await revealTableTop();\n}\n\n// Reset pagination page to 1 on search query change\nwatch(() => search, () => {\n  resetPagination();\n  onToggleAll(false);\n  resetCheckboxShiftState();\n});\n\nwatch(sorted, (items) => {\n  if (!multiPageSelect)\n    deselectRemovedRows();\n  setInternalTotal(items);\n});\n\nonMounted(() => {\n  setInternalTotal(get(sorted));\n});\n\nconst classes = computed<DataTableClasses>(() => {\n  const s = get(ui);\n  return {\n    td: s.td(),\n    tr: s.tr(),\n    trSelected: s.tr({ rowVariant: 'selected' }),\n    trExpandable: s.tr({ rowVariant: 'expandable' }),\n    trExpandedParent: s.tr({ rowVariant: 'expandedParent' }),\n    trGroup: s.tr({ rowVariant: 'group' }),\n    trEmpty: s.tr({ rowVariant: 'empty' }),\n    checkbox: s.checkbox(),\n    tbody: s.tbody(),\n    tbodyLoader: s.tbodyLoader(),\n  };\n});\n\nprovideDataTableContext<T, IdType>({\n  // Reactive (ComputedRef/Ref): destructuring preserves reactivity via Vue template auto-unwrap\n  classes,\n  columns,\n  colspan,\n  expandable,\n  groupKey,\n  groupLabels,\n  isMobile,\n  selectedData,\n  // Static values\n  cellValue,\n  columnAttr,\n  dense,\n  getGroupSize,\n  getRowId: (row: T) => row[rowAttr],\n  itemSlotKeys,\n  groupExpandButtonPosition,\n  isDisabledRow,\n  isExpanded,\n  isExpandedGroup,\n  isSelected,\n  itemClass,\n  onCheckboxClick,\n  onCopyGroup: (header: GroupHeader<T>) => emit('copy:group', { key: get(groupKey) ?? '', value: header.group }),\n  onSelect,\n  onToggleExpand,\n  onToggleExpandGroup,\n  onUngroup,\n});\n</script>\n\n<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <div\n      v-if=\"showMobileSort\"\n      :class=\"stickyMobileToolbar ? 'sticky z-rui-raised bg-rui-background pt-2' : 'contents'\"\n      :style=\"stickyMobileToolbar ? { top: `${stickyHeaderOffset ?? 0}px` } : undefined\"\n      data-id=\"table-mobile-toolbar-sticky\"\n    >\n      <div\n        class=\"flex justify-end p-2\"\n        data-id=\"table-mobile-toolbar\"\n      >\n        <RuiDataTableMobileSort\n          :columns=\"columns\"\n          :column-attr=\"columnAttr\"\n          :sorted-map=\"sortedMap\"\n          :dense=\"dense\"\n          @sort=\"onSort($event)\"\n        />\n      </div>\n    </div>\n    <div\n      ref=\"tableScroller\"\n      :class=\"[ui.scroller(), isMobile && !showMobileSort ? 'pt-2' : '']\"\n      :tabindex=\"scrollerTabindex\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :style=\"viewportStyle\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          v-if=\"!isMobile\"\n          :loading=\"headerLoading\"\n          :indeterminate=\"indeterminate\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :disable-check-all=\"!filtered?.length\"\n          :is-all-selected=\"isAllSelected\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          :stick=\"stick\"\n          :sticky-header=\"stickyHeader\"\n          @sort=\"onSort($event)\"\n          @select:all=\"onToggleAll($event)\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiTableHead\n          v-if=\"stickyHeader && !isMobile\"\n          :loading=\"headerLoading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          data-id=\"head-clone\"\n          class=\"opacity-0 invisible\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiDataTableBody\n          :filtered=\"filtered\"\n          :loading=\"loading\"\n          :no-data=\"noData\"\n          :empty=\"empty\"\n          :error=\"error\"\n          :error-title=\"errorTitle\"\n          :retry-text=\"retryText\"\n          @retry=\"emit('retry')\"\n        >\n          <template\n            v-if=\"slots.error\"\n            #error\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot name=\"error\" />\n          </template>\n          <template\n            v-if=\"slots['body.prepend']\"\n            #body.prepend=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"body.prepend\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['group.header']\"\n            #group.header=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"group.header\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['group.header.content']\"\n            #group.header.content=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"group.header.content\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-for=\"key in itemSlotKeys\"\n            #[`item.${key}`]=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              :name=\"`item.${key}`\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['expanded-item']\"\n            #expanded-item=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"expanded-item\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['row-append']\"\n            #row-append=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"row-append\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['no-data']\"\n            #no-data\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot name=\"no-data\" />\n          </template>\n          <template\n            v-if=\"slots['empty-description']\"\n            #empty-description\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot name=\"empty-description\" />\n          </template>\n          <template\n            v-if=\"slots['body.append']\"\n            #body.append=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"body.append\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiDataTableBody>\n        <tfoot\n          v-if=\"slots.tfoot\"\n          :class=\"ui.tfoot()\"\n          data-id=\"table-tfoot\"\n        >\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot name=\"tfoot\" />\n        </tfoot>\n      </table>\n    </div>\n    <!-- the bar's own place after the rows: below the view, the bar is stuck; no divider of its own -->\n    <div\n      v-if=\"paginationData && showPagination && !isNestedTable\"\n      ref=\"paginationSentinel\"\n      class=\"border-0!\"\n      aria-hidden=\"true\"\n      data-id=\"table-pagination-sentinel\"\n    />\n    <RuiTablePagination\n      v-if=\"paginationData && showPagination\"\n      ref=\"paginationBar\"\n      v-model=\"paginationData\"\n      :class=\"ui.pagination({ sticky: paginationStuck })\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :mobile=\"isMobile\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      :data-sticky=\"paginationStuck || undefined\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RuiDataTable.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createVNode","RuiDataTableMobileSort","_createCommentVNode","_createBlock","RuiTableHead","_createSlots","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","RuiDataTableBody","RuiTablePagination","_isRef"],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType extends keyof T = keyof T, TSort extends TableSortData<T> = TableSortData<T>\">\nimport type { HTMLAttributes } from 'vue';\nimport type { DataTableModelEmits, DataTableModels, GroupHeader } from '@/composables/tables/data-table/types';\nimport { dataTableStyles } from '@/components/tables/data-table-styles';\nimport { type DataTableClasses, type DataTableGroupLabel, provideDataTableContext, provideDataTableNested, useDataTableNested } from '@/components/tables/data-table/context';\nimport RuiDataTableBody from '@/components/tables/data-table/RuiDataTableBody.vue';\nimport RuiDataTableMobileSort from '@/components/tables/data-table/RuiDataTableMobileSort.vue';\nimport RuiTableHead, {\n  type GroupData,\n  type TableColumn,\n  type TableRowKeyData,\n  type TableSortData,\n} from '@/components/tables/RuiTableHead.vue';\nimport RuiTablePagination, { type TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport { getColumnLabel, GroupExpandButtonPosition } from '@/components/tables/table-props';\nimport { useTable } from '@/composables/defaults/table';\nimport { useKeyboardScroll } from '@/composables/keyboard-scroll';\nimport { usePropModel } from '@/composables/prop-model';\nimport { useStickyBlockerWarning } from '@/composables/sticky-blocker';\nimport { useStickyTableHeader } from '@/composables/sticky-header';\nimport { useTableColumns } from '@/composables/tables/data-table/columns';\nimport { useTableExpansion } from '@/composables/tables/data-table/expansion';\nimport { useTableGrouping } from '@/composables/tables/data-table/grouping';\nimport { usePageScroll, useStickyBottomInset, useStickyPaginationBar } from '@/composables/tables/data-table/page-scroll';\nimport { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\n\nexport type { GroupedTableRow, GroupHeader, TableOptions } from '@/composables/tables/data-table/types';\n\nexport interface Props<T, K extends keyof T> {\n  /**\n   * list of items for each row\n   */\n  rows: readonly T[];\n  /**\n   * the attribute used to identify each row uniquely for selection, usually `id`\n   */\n  rowAttr: K;\n  /**\n   * model for internal searching\n   */\n  search?: string;\n  /**\n   * model for items per page\n   * will be used if the `pagination` model isn't specified\n   */\n  itemsPerPage?: number;\n  /**\n   * list of column definitions\n   */\n  cols?: TableColumn<T>[];\n  /**\n   * The column property holding the header text. Defaults to `label`; a property of the app's\n   * own goes on its column type, e.g. `TableColumn<Row> & { title: string }`.\n   */\n  columnAttr?: string;\n  /**\n   * flag to show a more or less spacious table\n   */\n  dense?: boolean;\n  /**\n   * flag to outline the flag with a border\n   */\n  outlined?: boolean;\n  /**\n   * should add zebra-striping to the table row\n   */\n  striped?: boolean;\n  /**\n   * flag to show loading state of the table\n   * triggers indefinite progress at the bottom of the table header\n   */\n  loading?: boolean;\n  disablePerPage?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced with\n   * a numeric input. Defaults to `500`. Forwarded to `RuiTablePagination`.\n   */\n  rangesThreshold?: number;\n  /**\n   * The text and icon shown when there are no rows, e.g.\n   * `:empty=\"\\{ icon: 'transactions-line', label: 'No transactions found' \\}\"`\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * Why the last read failed. Shown above any rows kept from an earlier read,\n   * or in place of the empty state; `loading` still takes precedence.\n   */\n  error?: string;\n  /** Heading for that failure. */\n  errorTitle?: string;\n  /** Label for the retry control; without one, no control is offered. */\n  retryText?: string;\n  /**\n   * Hide the pagination bar. The bar sits under the table and sticks to the bottom of the view\n   * while the table runs past it.\n   */\n  hidePagination?: boolean;\n\n  rounded?: 'sm' | 'md' | 'lg';\n  /**\n   * make expansion work like accordion\n   */\n  singleExpand?: boolean;\n  /**\n   * make table head stick to top on scroll\n   */\n  stickyHeader?: boolean;\n  stickyOffset?: number;\n  /**\n   * keep the pagination bar at the table's end instead of pinning it to the bottom of the view while\n   * the rows run past it, for a table that is one section of a longer page\n   */\n  disableStickyPagination?: boolean;\n  /**\n   * Affects how the items per page work across the app.\n   * When true, changing the items per page setting in one table will affect other tables.\n   */\n  globalItemsPerPage?: boolean;\n  groupExpandButtonPosition?: GroupExpandButtonPosition;\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\n  /**\n   * Render each row as a stacked card instead of a table row once the measured\n   * width is narrower than this width (in pixels). Columns flagged with\n   * `mobileHidden` are dropped in this layout. Falls back to the global\n   * `mobileBreakpoint` table default; leave both unset to keep the default table\n   * layout at every width.\n   */\n  mobileBreakpoint?: number;\n  /**\n   * What the `mobileBreakpoint` is measured against: the browser `viewport`\n   * (default) or this table's own `container` width. Use `container` when the\n   * table lives in a narrow region of a wider window. Falls back to the global\n   * `mobileBreakpointBasis` table default.\n   */\n  mobileBreakpointBasis?: 'viewport' | 'container';\n  /**\n   * Force the stacked mobile card layout on (`true`) or off (`false`),\n   * regardless of `mobileBreakpoint`. Leave unset to derive it from the width.\n   */\n  mobile?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiDataTable',\n});\n\nconst group = defineModel<TableRowKeyData<T>>('group');\n\nconst {\n  rows,\n  rowAttr,\n  search = '',\n  itemsPerPage = 10,\n  cols,\n  columnAttr = 'label',\n  dense = false,\n  outlined = false,\n  striped = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  empty = { label: 'No item found' },\n  error = '',\n  errorTitle = '',\n  retryText = '',\n  hidePagination = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  disableStickyPagination = false,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = GroupExpandButtonPosition.start,\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\n  mobileBreakpoint,\n  mobileBreakpointBasis,\n  mobile,\n  modelValue: selectedProp,\n  expanded: expandedProp,\n  pagination: paginationProp,\n  paginationModifiers: paginationModifiersProp,\n  sort: sortProp,\n  sortModifiers: sortModifiersProp,\n  collapsed: collapsedProp,\n} = defineProps<Props<T, IdType> & DataTableModels<T, IdType, TSort> & /* @vue-ignore */ Omit<HTMLAttributes, keyof Props<T, IdType>>>();\n\nconst emit = defineEmits<DataTableModelEmits<T, IdType, TSort> & {\n  'update:options': [value: { pagination?: TablePaginationData; sort?: TableSortData<T> }];\n  'copy:group': [value: GroupData<T>];\n  'retry': [];\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`header.${string}`, (props: { column: TableColumn<T> }) => any> &\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'body.prepend': (props: { colspan: number }) => any;\n    'body.append': (props: { colspan: number }) => any;\n    'group.header': (props: {\n      colspan: number;\n      header: GroupHeader<T>;\n      isOpen: boolean;\n      toggle: () => void;\n    }) => any;\n    'group.header.content': (props: { header: GroupHeader<T>; groupKey: string }) => any;\n    'expanded-item': (props: { row: T; index: number }) => any;\n    /**\n     * A full-width row after every row, read as the second half of the same item: no divider between\n     * them, one hover, the row's selected or open shade and stripe. For a long field, such as notes,\n     * that would otherwise widen the table. It comes before an open expanded panel.\n     */\n    'row-append': (props: { row: T; index: number }) => any;\n    'no-data': () => any;\n    'empty-description': () => any;\n    'error': () => any;\n    /**\n     * Rows under the body, such as a total, rendered in `<tfoot>`. Its cells take the body cells'\n     * padding, height (dense included) and text, under `:where()`, so a cell's own classes still win.\n     */\n    'tfoot': () => any;\n  }\n>>();\n\nconst selectedData = usePropModel('modelValue', () => selectedProp);\nconst expanded = usePropModel('expanded', () => expandedProp);\nconst [pagination, paginationModifiers] = usePropModel<TablePaginationData, 'external'>('pagination', () => paginationProp, () => paginationModifiersProp);\nconst [sort, sortModifiers] = usePropModel<TableSortData<T>, 'external'>('sort', () => sortProp, () => sortModifiersProp);\nconst collapsed = usePropModel('collapsed', () => collapsedProp);\n\nconst tableDefaults = useTable();\n\nconst tableWrapper = useTemplateRef<HTMLElement>('tableWrapper');\nconst paginationSentinel = useTemplateRef<HTMLElement>('paginationSentinel');\nconst paginationBar = useTemplateRef<InstanceType<typeof RuiTablePagination>>('paginationBar');\nconst { width: windowWidth } = useWindowSize();\nconst { width: containerWidth } = useElementSize(tableWrapper);\n\n// Per-table props win, then the global table defaults.\nconst resolvedMobileBreakpoint = computed<number | undefined>(() => {\n  if (mobileBreakpoint !== undefined)\n    return mobileBreakpoint;\n  const globalBreakpoint = tableDefaults.mobileBreakpoint;\n  return globalBreakpoint === undefined ? undefined : get(globalBreakpoint);\n});\nconst resolvedMobileBasis = computed<'viewport' | 'container'>(() => {\n  if (mobileBreakpointBasis !== undefined)\n    return mobileBreakpointBasis;\n  const globalBasis = tableDefaults.mobileBreakpointBasis;\n  return globalBasis === undefined ? 'viewport' : get(globalBasis);\n});\n\n/**\n * Whether the stacked card layout is showing.\n *\n * Vue coerces an absent Boolean prop to `false`, so `mobile` cannot say\n * \"unset\": with no breakpoint configured it is the manual switch, defaulting\n * to desktop, and with one configured the breakpoint drives the layout while\n * `mobile === true` can still force the stacked layout on.\n */\nconst isMobile = computed<boolean>(() => {\n  const breakpoint = get(resolvedMobileBreakpoint);\n  if (breakpoint === undefined)\n    return mobile;\n  if (mobile)\n    return true;\n  // `containerWidth` is 0 until measured; the viewport keeps the first paint off mobile\n  const width = get(resolvedMobileBasis) === 'container'\n    ? (get(containerWidth) || get(windowWidth))\n    : get(windowWidth);\n  return width < breakpoint;\n});\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\n/**\n * A table rendered inside an expanded row must not pin its own toolbar: only\n * the outermost table sticks, otherwise the bars stack and collide.\n */\nconst isNestedTable = useDataTableNested();\nprovideDataTableNested();\n\n/**\n * On mobile there is no column header to pin, so `stickyHeader` pins the\n * pagination and sort toolbar instead while the card list scrolls.\n */\nconst stickyMobileToolbar = computed<boolean>(() => stickyHeader && get(isMobile) && !isNestedTable);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\nconst scrollerTabindex = useKeyboardScroll(tableScroller);\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table },\n);\n\nconst { width: scrollerWidth } = useElementSize(tableScroller);\n\n/**\n * The visible width of the table, which an expanded row caps its content to.\n * Without the cap a wide panel, such as a nested table, sets the minimum width\n * of the whole table and pushes every column past the scroller. `initial`\n * resets the variable, so a nested table never inherits its parent's width.\n */\nconst viewportStyle = computed<Record<string, string>>(() => {\n  const width = get(scrollerWidth);\n  return { '--rui-table-viewport': width > 0 && !get(isMobile) ? `${width}px` : 'initial' };\n});\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded },\n);\n\nfunction emitUpdateOptions(opts: { sort?: TableSortData<T>; pagination?: TablePaginationData }): void {\n  emit('update:options', opts);\n}\n\nconst {\n  sortData,\n  sortedMap,\n  sorted,\n  onSort: applySort,\n} = useTableSort<T>(\n  { rows: () => rows, search: () => search, sortModifiersExternal: sortModifiers.external },\n  {\n    sort,\n    pagination,\n    emitUpdateOptions,\n  },\n);\n\nconst {\n  groupKeys,\n  groupKey,\n  grouped,\n  mappedGroups,\n  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n  },\n);\n\nconst {\n  paginationData,\n  filtered,\n  setInternalTotal,\n  resetPagination,\n} = useTablePagination<T>(\n  {\n    itemsPerPage,\n    paginationModifiersExternal: paginationModifiers.external,\n    globalItemsPerPage,\n  },\n  {\n    pagination,\n    grouped,\n    isHiddenRow,\n    sort,\n    emitUpdateOptions,\n    tableDefaults,\n  },\n);\n\nconst noData = computed<boolean>(() => get(filtered).length === 0);\n\n// one loader at a time: the header bar marks a refetch over rows, and an empty table shows only its spinner row\nconst headerLoading = computed<boolean>(() => loading && !get(noData));\n\n/**\n * A nested table (a breakdown in an expanded row) that pages its own rows drops the bar when they all fit\n * the smallest page size: no control on it could change what shows, and in a breakdown it is pure noise.\n * A top-level table keeps it as a summary; a server-paged one keeps it, since only the server knows the total.\n */\nconst fitsSmallestPage = computed<boolean>(() => {\n  if (!isNestedTable || paginationModifiers.external)\n    return false;\n  const { limits } = get(paginationData);\n  const sizes = limits ?? toValue(tableDefaults.limits);\n  // the rows themselves, not the pagination total, which is only filled in after mount\n  return sizes.length > 0 && get(sorted).length <= Math.min(...sizes);\n});\n\nconst showPagination = computed<boolean>(() => !!get(paginationData) && !hidePagination && !get(fitsSmallestPage));\n\n/**\n * The one pagination bar sticks to the bottom of the view, so a long page can be turned without\n * scrolling down to it. `position: sticky` keeps it inside this table, so stacked and side-by-side\n * tables each hold their own bar. A nested table's bar stays in place, since two stuck bars would\n * stack, as does the bar of a table with `disableStickyPagination`.\n */\nconst paginationMayStick = computed<boolean>(() => !disableStickyPagination && !isNestedTable);\nconst canStickPagination = useStickyPaginationBar(tableWrapper, () => get(paginationMayStick) && get(showPagination));\nconst paginationStuck = computed<boolean>(() => get(paginationMayStick) && get(canStickPagination));\n\nconst paginationBarElement = computed<HTMLElement | undefined>(() => {\n  const element: unknown = get(paginationBar)?.$el;\n  return element instanceof HTMLElement ? element : undefined;\n});\n\n// while the bar is stuck to the page, `--rui-sticky-bottom` tells the page's floating parts to rise above it\nuseStickyBottomInset(paginationSentinel, paginationBarElement, paginationStuck);\n\nuseStickyBlockerWarning(paginationBarElement, () => get(paginationMayStick) && get(showPagination), 'The RuiDataTable pagination bar');\n\n/**\n * Grouped columns leave the column list, so their labels come from `cols`.\n */\nconst groupLabels = computed<DataTableGroupLabel[]>(() => get(groupKeys).map((key) => {\n  const column = cols?.find(column => column.key === key);\n  return {\n    key: String(key),\n    label: (column && getColumnLabel(column, columnAttr)) ?? String(key),\n  };\n}));\n\n/** Each group's list starts with its header entry, which is not a row. */\nfunction getGroupSize(identifier: string): number {\n  return Math.max((get(mappedGroups)[identifier]?.length ?? 0) - 1, 0);\n}\n\nconst ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n  mobile: get(isMobile),\n}));\n\nconst { columns, colspan, headerSlots, cellValue } = useTableColumns<T, IdType>({\n  cols: () => cols,\n  columnAttr,\n  rows: () => rows,\n  expandable,\n  groupKeys,\n  selectedData,\n  slots,\n  isMobile,\n  tdResolver: options => get(ui).td(options),\n});\n\nconst showMobileSort = computed<boolean>(() =>\n  get(isMobile) && !!get(sortData) && get(columns).some(column => column.sortable),\n);\n\nconst ITEM_SLOT_PREFIX = 'item.';\n\n// Slot keys are static for the component lifetime, so no reactivity is needed\nconst itemSlotKeys: Set<string> = new Set(\n  Object.keys(slots)\n    .filter((key): key is `item.${string}` => key.startsWith(ITEM_SLOT_PREFIX))\n    .map(key => key.slice(ITEM_SLOT_PREFIX.length)),\n);\n\nconst {\n  isAllSelected,\n  indeterminate,\n  isSelected,\n  isDisabledRow,\n  onToggleAll,\n  onSelect,\n  onCheckboxClick,\n  deselectRemovedRows,\n  resetCheckboxShiftState,\n} = useTableSelection<T, IdType>(\n  { rowAttr, multiPageSelect, disabledRows: () => disabledRows },\n  { selectedData, filtered },\n);\n\n/**\n * Sorting clears the selection. That lives here rather than in either\n * composable, which would make sort and selection depend on each other.\n */\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nconst { revealTableTop } = usePageScroll(tableWrapper, stickyHeaderOffset);\n\nasync function onPaginate(): Promise<void> {\n  if ((get(expanded)?.length ?? 0) > 0)\n    set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n  await revealTableTop();\n}\n\n// Reset pagination page to 1 on search query change\nwatch(() => search, () => {\n  resetPagination();\n  onToggleAll(false);\n  resetCheckboxShiftState();\n});\n\nwatch(sorted, (items) => {\n  if (!multiPageSelect)\n    deselectRemovedRows();\n  setInternalTotal(items);\n});\n\nonMounted(() => {\n  setInternalTotal(get(sorted));\n});\n\nconst classes = computed<DataTableClasses>(() => {\n  const s = get(ui);\n  return {\n    td: s.td(),\n    tr: s.tr(),\n    trSelected: s.tr({ rowVariant: 'selected' }),\n    trExpandable: s.tr({ rowVariant: 'expandable' }),\n    trExpandedParent: s.tr({ rowVariant: 'expandedParent' }),\n    trGroup: s.tr({ rowVariant: 'group' }),\n    trEmpty: s.tr({ rowVariant: 'empty' }),\n    checkbox: s.checkbox(),\n    tbody: s.tbody(),\n    tbodyLoader: s.tbodyLoader(),\n  };\n});\n\nprovideDataTableContext<T, IdType>({\n  // Reactive (ComputedRef/Ref): destructuring preserves reactivity via Vue template auto-unwrap\n  classes,\n  columns,\n  colspan,\n  expandable,\n  groupKey,\n  groupLabels,\n  isMobile,\n  selectedData,\n  // Static values\n  cellValue,\n  columnAttr,\n  dense,\n  getGroupSize,\n  getRowId: (row: T) => row[rowAttr],\n  itemSlotKeys,\n  groupExpandButtonPosition,\n  isDisabledRow,\n  isExpanded,\n  isExpandedGroup,\n  isSelected,\n  itemClass,\n  onCheckboxClick,\n  onCopyGroup: (header: GroupHeader<T>) => emit('copy:group', { key: get(groupKey) ?? '', value: header.group }),\n  onSelect,\n  onToggleExpand,\n  onToggleExpandGroup,\n  onUngroup,\n});\n</script>\n\n<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <div\n      v-if=\"showMobileSort\"\n      :class=\"stickyMobileToolbar ? 'sticky z-rui-raised bg-rui-background pt-2' : 'contents'\"\n      :style=\"stickyMobileToolbar ? { top: `${stickyHeaderOffset ?? 0}px` } : undefined\"\n      data-id=\"table-mobile-toolbar-sticky\"\n    >\n      <div\n        class=\"flex justify-end p-2\"\n        data-id=\"table-mobile-toolbar\"\n      >\n        <RuiDataTableMobileSort\n          :columns=\"columns\"\n          :column-attr=\"columnAttr\"\n          :sorted-map=\"sortedMap\"\n          :dense=\"dense\"\n          @sort=\"onSort($event)\"\n        />\n      </div>\n    </div>\n    <div\n      ref=\"tableScroller\"\n      :class=\"[ui.scroller(), isMobile && !showMobileSort ? 'pt-2' : '']\"\n      :tabindex=\"scrollerTabindex\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :style=\"viewportStyle\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          v-if=\"!isMobile\"\n          :loading=\"headerLoading\"\n          :indeterminate=\"indeterminate\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :disable-check-all=\"!filtered?.length\"\n          :is-all-selected=\"isAllSelected\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          :stick=\"stick\"\n          :sticky-header=\"stickyHeader\"\n          @sort=\"onSort($event)\"\n          @select:all=\"onToggleAll($event)\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiTableHead\n          v-if=\"stickyHeader && !isMobile\"\n          :loading=\"headerLoading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :selectable=\"!!selectedData\"\n          :sort-data=\"sortData\"\n          :sorted-map=\"sortedMap\"\n          data-id=\"head-clone\"\n          class=\"opacity-0 invisible\"\n        >\n          <template\n            v-for=\"headerSlot in headerSlots\"\n            #[headerSlot]=\"slotData\"\n          >\n            <slot\n              :name=\"headerSlot\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiTableHead>\n        <RuiDataTableBody\n          :filtered=\"filtered\"\n          :loading=\"loading\"\n          :no-data=\"noData\"\n          :empty=\"empty\"\n          :error=\"error\"\n          :error-title=\"errorTitle\"\n          :retry-text=\"retryText\"\n          @retry=\"emit('retry')\"\n        >\n          <template\n            v-if=\"slots.error\"\n            #error\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot name=\"error\" />\n          </template>\n          <template\n            v-if=\"slots['body.prepend']\"\n            #body.prepend=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"body.prepend\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['group.header']\"\n            #group.header=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"group.header\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['group.header.content']\"\n            #group.header.content=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"group.header.content\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-for=\"key in itemSlotKeys\"\n            #[`item.${key}`]=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              :name=\"`item.${key}`\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['expanded-item']\"\n            #expanded-item=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"expanded-item\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['row-append']\"\n            #row-append=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"row-append\"\n              v-bind=\"slotData\"\n            />\n          </template>\n          <template\n            v-if=\"slots['no-data']\"\n            #no-data\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot name=\"no-data\" />\n          </template>\n          <template\n            v-if=\"slots['empty-description']\"\n            #empty-description\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot name=\"empty-description\" />\n          </template>\n          <template\n            v-if=\"slots['body.append']\"\n            #body.append=\"slotData\"\n          >\n            <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n            <slot\n              name=\"body.append\"\n              v-bind=\"slotData\"\n            />\n          </template>\n        </RuiDataTableBody>\n        <tfoot\n          v-if=\"slots.tfoot\"\n          :class=\"ui.tfoot()\"\n          data-id=\"table-tfoot\"\n        >\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot name=\"tfoot\" />\n        </tfoot>\n      </table>\n    </div>\n    <!-- the bar's own place after the rows: below the view, the bar is stuck; no divider of its own -->\n    <div\n      v-if=\"paginationData && showPagination && !isNestedTable\"\n      ref=\"paginationSentinel\"\n      class=\"border-0!\"\n      aria-hidden=\"true\"\n      data-id=\"table-pagination-sentinel\"\n    />\n    <RuiTablePagination\n      v-if=\"paginationData && showPagination\"\n      ref=\"paginationBar\"\n      v-model=\"paginationData\"\n      :class=\"ui.pagination({ sticky: paginationStuck })\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :mobile=\"isMobile\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      :data-sticky=\"paginationStuck || undefined\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/tables/RuiExpandButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiExpandButton.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiExpandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  expanded: boolean;\n  icon?: RuiIcons;\n}\n\n// the button has a fixed name with aria-expanded carrying the state; a caller's aria-label in $attrs wins\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst { expanded, icon = 'lu-chevron-down' } = defineProps<Props>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n</script>\n\n<template>\n  <RuiButton\n    class=\"relative\"\n    aria-label=\"Expand row\"\n    :aria-expanded=\"expanded\"\n    data-id=\"expand-button\"\n    icon\n    size=\"sm\"\n    variant=\"text\"\n    v-bind=\"$attrs\"\n  >\n    <slot>\n      <RuiIcon\n        class=\"transition\"\n        :class=\"{ 'rotate-180': expanded }\"\n        :name=\"icon\"\n      />\n    </slot>\n  </RuiButton>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiExpandButton.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiExpandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ButtonHTMLAttributes } from 'vue';\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  expanded: boolean;\n  icon?: RuiIcons;\n}\n\n// the button has a fixed name with aria-expanded carrying the state; a caller's aria-label in $attrs wins\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst { expanded, icon = 'lu-chevron-down' } = defineProps<Props & /* @vue-ignore */ Omit<ButtonHTMLAttributes, keyof Props>>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n</script>\n\n<template>\n  <RuiButton\n    class=\"relative\"\n    aria-label=\"Expand row\"\n    :aria-expanded=\"expanded\"\n    data-id=\"expand-button\"\n    icon\n    size=\"sm\"\n    variant=\"text\"\n    v-bind=\"$attrs\"\n  >\n    <slot>\n      <RuiIcon\n        class=\"transition\"\n        :class=\"{ 'rotate-180': expanded }\"\n        :name=\"icon\"\n      />\n    </slot>\n  </RuiButton>\n</template>\n"],"mappings":""}

package/dist/components/tables/RuiExpandButton.vue.d.ts

@@ -1,12 +1,14 @@
+import type { ButtonHTMLAttributes } from 'vue';
 import type { RuiIcons } from '../../icons/index.js';
 export interface Props {
     expanded: boolean;
     icon?: RuiIcons;
 }
+type __VLS_Props = Props & /* @vue-ignore */ Omit<ButtonHTMLAttributes, keyof Props>;
 type __VLS_Slots = {
     default?: () => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/tables/RuiExpandButton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiExpandButton.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","RuiButton","_mergeProps","_withCtx","_renderSlot","_createVNode","RuiIcon","_normalizeClass"],"sources":["../../../src/components/tables/RuiExpandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  expanded: boolean;\n  icon?: RuiIcons;\n}\n\n// the button has a fixed name with aria-expanded carrying the state; a caller's aria-label in $attrs wins\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst { expanded, icon = 'lu-chevron-down' } = defineProps<Props>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n</script>\n\n<template>\n  <RuiButton\n    class=\"relative\"\n    aria-label=\"Expand row\"\n    :aria-expanded=\"expanded\"\n    data-id=\"expand-button\"\n    icon\n    size=\"sm\"\n    variant=\"text\"\n    v-bind=\"$attrs\"\n  >\n    <slot>\n      <RuiIcon\n        class=\"transition\"\n        :class=\"{ 'rotate-180': expanded }\"\n        :name=\"icon\"\n      />\n    </slot>\n  </RuiButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;GAuBE,OAAAC,UAAA,GAAAC,YAiBYC,mBAjBZC,WAiBY;IAhBV,OAAM;IACN,cAAW;IACV,iBAAe,QAAA;IAChB,WAAQ;IACR,MAAA;IACA,MAAK;IACL,SAAQ;GACAJ,GAAAA,KAAAA,MAAM,GAAA;IAEd,SAAAK,cAMO,CANPC,WAMO,KAAA,QAAA,WAAA,CAAA,SAAA,CALLC,YAIEC,iBAAA;KAHA,OAAKC,eAAA,CAAC,cAAY,EAAA,cACM,QAAA,SAAQ,CAAA,CAAA;KAC/B,MAAM,QAAA"}
+{"version":3,"file":"RuiExpandButton.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","RuiButton","_mergeProps","_withCtx","_renderSlot","_createVNode","RuiIcon","_normalizeClass"],"sources":["../../../src/components/tables/RuiExpandButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ButtonHTMLAttributes } from 'vue';\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  expanded: boolean;\n  icon?: RuiIcons;\n}\n\n// the button has a fixed name with aria-expanded carrying the state; a caller's aria-label in $attrs wins\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst { expanded, icon = 'lu-chevron-down' } = defineProps<Props & /* @vue-ignore */ Omit<ButtonHTMLAttributes, keyof Props>>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n</script>\n\n<template>\n  <RuiButton\n    class=\"relative\"\n    aria-label=\"Expand row\"\n    :aria-expanded=\"expanded\"\n    data-id=\"expand-button\"\n    icon\n    size=\"sm\"\n    variant=\"text\"\n    v-bind=\"$attrs\"\n  >\n    <slot>\n      <RuiIcon\n        class=\"transition\"\n        :class=\"{ 'rotate-180': expanded }\"\n        :name=\"icon\"\n      />\n    </slot>\n  </RuiButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;GAwBE,OAAAC,UAAA,GAAAC,YAiBYC,mBAjBZC,WAiBY;IAhBV,OAAM;IACN,cAAW;IACV,iBAAe,QAAA;IAChB,WAAQ;IACR,MAAA;IACA,MAAK;IACL,SAAQ;GACAJ,GAAAA,KAAAA,MAAM,GAAA;IAEd,SAAAK,cAMO,CANPC,WAMO,KAAA,QAAA,WAAA,CAAA,SAAA,CALLC,YAIEC,iBAAA;KAHA,OAAKC,eAAA,CAAC,cAAY,EAAA,cACM,QAAA,SAAQ,CAAA,CAAA;KAC/B,MAAM,QAAA"}

package/dist/components/tables/RuiTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTable.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableErrorState from '@/components/tables/RuiTableErrorState.vue';\nimport RuiTableLoadingState from '@/components/tables/RuiTableLoadingState.vue';\nimport { tableStyles } from './table-styles';\n\nexport interface TableEmpty {\n  label?: string;\n  description?: string;\n}\n\nexport interface Props {\n  variant?: 'default' | 'outlined';\n  dense?: boolean;\n  /** Shows a spinner under the header while a read is in flight. */\n  loading?: boolean;\n  /** Why the last read failed, which takes precedence over `empty`. */\n  error?: string;\n  /** Heading for that failure. */\n  errorTitle?: string;\n  /** Label for the retry control; without one, no control is offered. */\n  retryText?: string;\n  /**\n   * Says the table is knowingly empty. A table whose rows simply have not\n   * arrived should stay `loading` instead, so the two never read alike.\n   */\n  empty?: TableEmpty | boolean;\n}\n\ndefineOptions({\n  name: 'RuiTable',\n  inheritAttrs: false,\n});\n\nconst {\n  variant = 'outlined',\n  dense = false,\n  loading = false,\n  error = '',\n  errorTitle = '',\n  retryText = '',\n  empty = false,\n} = defineProps<Props>();\n\nconst emit = defineEmits<{\n  retry: [];\n}>();\n\ndefineSlots<{\n  default: () => any;\n  loading?: () => any;\n  error?: () => any;\n  empty?: () => any;\n}>();\n\n/**\n * The three states are mutually exclusive, and a failed read outranks an empty\n * one: rows that did not arrive are not rows that are not there.\n */\nconst state = computed<'loading' | 'error' | 'empty' | undefined>(() => {\n  if (loading)\n    return 'loading';\n\n  if (error)\n    return 'error';\n\n  if (empty)\n    return 'empty';\n\n  return undefined;\n});\n\nconst emptyProps = computed<TableEmpty>(() => (typeof empty === 'object' ? empty : {}));\n\nconst ui = computed<ReturnType<typeof tableStyles>>(() => tableStyles({ dense, variant }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <table :class=\"ui.table()\">\n      <slot />\n    </table>\n\n    <slot\n      v-if=\"state === 'loading'\"\n      name=\"loading\"\n    >\n      <RuiTableLoadingState compact />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'error'\"\n      name=\"error\"\n    >\n      <RuiTableErrorState\n        :action-text=\"retryText\"\n        :message=\"error\"\n        :title=\"errorTitle\"\n        @action=\"emit('retry')\"\n      />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'empty'\"\n      name=\"empty\"\n    >\n      <RuiTableEmptyState\n        compact\n        :description=\"emptyProps.description\"\n        :label=\"emptyProps.label\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiTable.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type HTMLAttributes } from 'vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableErrorState from '@/components/tables/RuiTableErrorState.vue';\nimport RuiTableLoadingState from '@/components/tables/RuiTableLoadingState.vue';\nimport { tableStyles } from './table-styles';\n\nexport interface TableEmpty {\n  label?: string;\n  description?: string;\n}\n\nexport interface Props {\n  variant?: 'default' | 'outlined';\n  dense?: boolean;\n  /** Shows a spinner under the header while a read is in flight. */\n  loading?: boolean;\n  /** Why the last read failed, which takes precedence over `empty`. */\n  error?: string;\n  /** Heading for that failure. */\n  errorTitle?: string;\n  /** Label for the retry control; without one, no control is offered. */\n  retryText?: string;\n  /**\n   * Says the table is knowingly empty. A table whose rows simply have not\n   * arrived should stay `loading` instead, so the two never read alike.\n   */\n  empty?: TableEmpty | boolean;\n}\n\ndefineOptions({\n  name: 'RuiTable',\n  inheritAttrs: false,\n});\n\nconst {\n  variant = 'outlined',\n  dense = false,\n  loading = false,\n  error = '',\n  errorTitle = '',\n  retryText = '',\n  empty = false,\n} = defineProps<Props & /* @vue-ignore */ Omit<HTMLAttributes, keyof Props>>();\n\nconst emit = defineEmits<{\n  retry: [];\n}>();\n\ndefineSlots<{\n  default: () => any;\n  loading?: () => any;\n  error?: () => any;\n  empty?: () => any;\n}>();\n\n/**\n * The three states are mutually exclusive, and a failed read outranks an empty\n * one: rows that did not arrive are not rows that are not there.\n */\nconst state = computed<'loading' | 'error' | 'empty' | undefined>(() => {\n  if (loading)\n    return 'loading';\n\n  if (error)\n    return 'error';\n\n  if (empty)\n    return 'empty';\n\n  return undefined;\n});\n\nconst emptyProps = computed<TableEmpty>(() => (typeof empty === 'object' ? empty : {}));\n\nconst ui = computed<ReturnType<typeof tableStyles>>(() => tableStyles({ dense, variant }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <table :class=\"ui.table()\">\n      <slot />\n    </table>\n\n    <slot\n      v-if=\"state === 'loading'\"\n      name=\"loading\"\n    >\n      <RuiTableLoadingState compact />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'error'\"\n      name=\"error\"\n    >\n      <RuiTableErrorState\n        :action-text=\"retryText\"\n        :message=\"error\"\n        :title=\"errorTitle\"\n        @action=\"emit('retry')\"\n      />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'empty'\"\n      name=\"empty\"\n    >\n      <RuiTableEmptyState\n        compact\n        :description=\"emptyProps.description\"\n        :label=\"emptyProps.label\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/tables/RuiTable.vue.d.ts

@@ -1,3 +1,4 @@
+import { type HTMLAttributes } from 'vue';
 export interface TableEmpty {
     label?: string;
     description?: string;
@@ -19,15 +20,16 @@ export interface Props {
      */
     empty?: TableEmpty | boolean;
 }
+type __VLS_Props = Props & /* @vue-ignore */ Omit<HTMLAttributes, keyof Props>;
 type __VLS_Slots = {
     default: () => any;
     loading?: () => any;
     error?: () => any;
     empty?: () => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     retry: () => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRetry?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tables/RuiTable.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTable.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_renderSlot","_createVNode","RuiTableLoadingState","RuiTableErrorState","RuiTableEmptyState","_createCommentVNode"],"sources":["../../../src/components/tables/RuiTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableErrorState from '@/components/tables/RuiTableErrorState.vue';\nimport RuiTableLoadingState from '@/components/tables/RuiTableLoadingState.vue';\nimport { tableStyles } from './table-styles';\n\nexport interface TableEmpty {\n  label?: string;\n  description?: string;\n}\n\nexport interface Props {\n  variant?: 'default' | 'outlined';\n  dense?: boolean;\n  /** Shows a spinner under the header while a read is in flight. */\n  loading?: boolean;\n  /** Why the last read failed, which takes precedence over `empty`. */\n  error?: string;\n  /** Heading for that failure. */\n  errorTitle?: string;\n  /** Label for the retry control; without one, no control is offered. */\n  retryText?: string;\n  /**\n   * Says the table is knowingly empty. A table whose rows simply have not\n   * arrived should stay `loading` instead, so the two never read alike.\n   */\n  empty?: TableEmpty | boolean;\n}\n\ndefineOptions({\n  name: 'RuiTable',\n  inheritAttrs: false,\n});\n\nconst {\n  variant = 'outlined',\n  dense = false,\n  loading = false,\n  error = '',\n  errorTitle = '',\n  retryText = '',\n  empty = false,\n} = defineProps<Props>();\n\nconst emit = defineEmits<{\n  retry: [];\n}>();\n\ndefineSlots<{\n  default: () => any;\n  loading?: () => any;\n  error?: () => any;\n  empty?: () => any;\n}>();\n\n/**\n * The three states are mutually exclusive, and a failed read outranks an empty\n * one: rows that did not arrive are not rows that are not there.\n */\nconst state = computed<'loading' | 'error' | 'empty' | undefined>(() => {\n  if (loading)\n    return 'loading';\n\n  if (error)\n    return 'error';\n\n  if (empty)\n    return 'empty';\n\n  return undefined;\n});\n\nconst emptyProps = computed<TableEmpty>(() => (typeof empty === 'object' ? empty : {}));\n\nconst ui = computed<ReturnType<typeof tableStyles>>(() => tableStyles({ dense, variant }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <table :class=\"ui.table()\">\n      <slot />\n    </table>\n\n    <slot\n      v-if=\"state === 'loading'\"\n      name=\"loading\"\n    >\n      <RuiTableLoadingState compact />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'error'\"\n      name=\"error\"\n    >\n      <RuiTableErrorState\n        :action-text=\"retryText\"\n        :message=\"error\"\n        :title=\"errorTitle\"\n        @action=\"emit('retry')\"\n      />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'empty'\"\n      name=\"empty\"\n    >\n      <RuiTableEmptyState\n        compact\n        :description=\"emptyProps.description\"\n        :label=\"emptyProps.label\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;;;;;EAeb,MAAM,QAAQ,eAA0D;GACtE,IAAI,QAAA,SACF,OAAO;GAET,IAAI,QAAA,OACF,OAAO;GAET,IAAI,QAAA,OACF,OAAO;EAGX,CAAC;EAED,MAAM,aAAa,eAA4B,OAAO,QAAA,UAAU,WAAW,QAAA,QAAQ,CAAC,CAAE;EAEtF,MAAM,KAAK,eAA+C,YAAY;GAAE,OAAI,QAAA;GAAG,SAAM,QAAA;EAAE,CAAC,CAAC;;GAIvF,OAAAC,UAAA,GAAAC,mBAqCM,OArCNC,WAqCM,EApCH,OAAO,GAAA,MAAG,KAAI,EACPH,GAAAA,KAAAA,MAAM,GAAA,CAEdI,mBAEQ,SAAA,EAFA,OAAKC,eAAE,GAAA,MAAG,MAAK,CAAA,EAAA,GAAA,CACrBC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAIF,MAAA,UAAK,YADbA,WAKO,KAAA,QAAA,WAAA,CAAA,SAAA,CADLC,YAAgCC,8BAAA,EAAV,SAAA,GAAO,CAAA,CAAA,GAAA,KAAA,GAAA,CAAA,IAIlB,MAAA,UAAK,UADlBF,WAUO,KAAA,QAAA,SAAA,CAAA,SAAA,CANLC,YAKEE,4BAAA;IAJC,eAAa,QAAA;IACb,SAAS,QAAA;IACT,OAAO,QAAA;IACP,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;;;;GAKJ,CAAA,CAAA,GAAA,KAAA,GAAA,CAAA,IAAA,MAAA,UAAK,UADlBH,WASO,KAAA,QAAA,SAAA,CAAA,SAAA,CALLC,YAIEG,4BAAA;IAHA,SAAA;IACC,aAAa,WAAA,MAAW;IACxB,OAAO,WAAA,MAAW"}
+{"version":3,"file":"RuiTable.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_normalizeClass","_renderSlot","_createVNode","RuiTableLoadingState","RuiTableErrorState","RuiTableEmptyState","_createCommentVNode"],"sources":["../../../src/components/tables/RuiTable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type HTMLAttributes } from 'vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.vue';\nimport RuiTableErrorState from '@/components/tables/RuiTableErrorState.vue';\nimport RuiTableLoadingState from '@/components/tables/RuiTableLoadingState.vue';\nimport { tableStyles } from './table-styles';\n\nexport interface TableEmpty {\n  label?: string;\n  description?: string;\n}\n\nexport interface Props {\n  variant?: 'default' | 'outlined';\n  dense?: boolean;\n  /** Shows a spinner under the header while a read is in flight. */\n  loading?: boolean;\n  /** Why the last read failed, which takes precedence over `empty`. */\n  error?: string;\n  /** Heading for that failure. */\n  errorTitle?: string;\n  /** Label for the retry control; without one, no control is offered. */\n  retryText?: string;\n  /**\n   * Says the table is knowingly empty. A table whose rows simply have not\n   * arrived should stay `loading` instead, so the two never read alike.\n   */\n  empty?: TableEmpty | boolean;\n}\n\ndefineOptions({\n  name: 'RuiTable',\n  inheritAttrs: false,\n});\n\nconst {\n  variant = 'outlined',\n  dense = false,\n  loading = false,\n  error = '',\n  errorTitle = '',\n  retryText = '',\n  empty = false,\n} = defineProps<Props & /* @vue-ignore */ Omit<HTMLAttributes, keyof Props>>();\n\nconst emit = defineEmits<{\n  retry: [];\n}>();\n\ndefineSlots<{\n  default: () => any;\n  loading?: () => any;\n  error?: () => any;\n  empty?: () => any;\n}>();\n\n/**\n * The three states are mutually exclusive, and a failed read outranks an empty\n * one: rows that did not arrive are not rows that are not there.\n */\nconst state = computed<'loading' | 'error' | 'empty' | undefined>(() => {\n  if (loading)\n    return 'loading';\n\n  if (error)\n    return 'error';\n\n  if (empty)\n    return 'empty';\n\n  return undefined;\n});\n\nconst emptyProps = computed<TableEmpty>(() => (typeof empty === 'object' ? empty : {}));\n\nconst ui = computed<ReturnType<typeof tableStyles>>(() => tableStyles({ dense, variant }));\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    v-bind=\"$attrs\"\n  >\n    <table :class=\"ui.table()\">\n      <slot />\n    </table>\n\n    <slot\n      v-if=\"state === 'loading'\"\n      name=\"loading\"\n    >\n      <RuiTableLoadingState compact />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'error'\"\n      name=\"error\"\n    >\n      <RuiTableErrorState\n        :action-text=\"retryText\"\n        :message=\"error\"\n        :title=\"errorTitle\"\n        @action=\"emit('retry')\"\n      />\n    </slot>\n\n    <slot\n      v-else-if=\"state === 'empty'\"\n      name=\"empty\"\n    >\n      <RuiTableEmptyState\n        compact\n        :description=\"emptyProps.description\"\n        :label=\"emptyProps.label\"\n      />\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;;;;;EAeb,MAAM,QAAQ,eAA0D;GACtE,IAAI,QAAA,SACF,OAAO;GAET,IAAI,QAAA,OACF,OAAO;GAET,IAAI,QAAA,OACF,OAAO;EAGX,CAAC;EAED,MAAM,aAAa,eAA4B,OAAO,QAAA,UAAU,WAAW,QAAA,QAAQ,CAAC,CAAE;EAEtF,MAAM,KAAK,eAA+C,YAAY;GAAE,OAAI,QAAA;GAAG,SAAM,QAAA;EAAE,CAAC,CAAC;;GAIvF,OAAAC,UAAA,GAAAC,mBAqCM,OArCNC,WAqCM,EApCH,OAAO,GAAA,MAAG,KAAI,EACPH,GAAAA,KAAAA,MAAM,GAAA,CAEdI,mBAEQ,SAAA,EAFA,OAAKC,eAAE,GAAA,MAAG,MAAK,CAAA,EAAA,GAAA,CACrBC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAIF,MAAA,UAAK,YADbA,WAKO,KAAA,QAAA,WAAA,CAAA,SAAA,CADLC,YAAgCC,8BAAA,EAAV,SAAA,GAAO,CAAA,CAAA,GAAA,KAAA,GAAA,CAAA,IAIlB,MAAA,UAAK,UADlBF,WAUO,KAAA,QAAA,SAAA,CAAA,SAAA,CANLC,YAKEE,4BAAA;IAJC,eAAa,QAAA;IACb,SAAS,QAAA;IACT,OAAO,QAAA;IACP,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;;;;;GAKJ,CAAA,CAAA,GAAA,KAAA,GAAA,CAAA,IAAA,MAAA,UAAK,UADlBH,WASO,KAAA,QAAA,SAAA,CAAA,SAAA,CALLC,YAIEG,4BAAA;IAHA,SAAA;IACC,aAAa,WAAA,MAAW;IACxB,OAAO,WAAA,MAAW"}

package/dist/components/tables/RuiTableEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTableEmptyState.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTableEmptyState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useRotkiTheme } from '@/composables/theme';\nimport { emptyStyles } from './table-empty-state-styles';\nimport noDataPlaceholder from './table_no_data_placeholder.svg';\nimport noDataPlaceholderDark from './table_no_data_placeholder_dark.svg';\n\nexport interface TableEmptyStateProps {\n  label?: string;\n  description?: string;\n  /**\n   * Drops the illustration and the reserved height, for a table that only has\n   * room to say the row count is zero.\n   */\n  compact?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTableEmptyState',\n});\n\nconst { label, description, compact = false } = defineProps<TableEmptyStateProps>();\n\ndefineSlots<{\n  description?: () => any;\n}>();\n\nconst { isDark } = useRotkiTheme();\n\nconst ui = computed<ReturnType<typeof emptyStyles>>(() => emptyStyles({ compact }));\n</script>\n\n<template>\n  <div :class=\"ui.root()\">\n    <img\n      v-if=\"!compact\"\n      :src=\"isDark ? noDataPlaceholderDark : noDataPlaceholder\"\n      :alt=\"label\"\n      class=\"h-32\"\n    />\n    <p\n      v-if=\"label\"\n      :class=\"ui.title()\"\n      data-id=\"empty-label\"\n    >\n      {{ label }}\n    </p>\n    <slot name=\"description\">\n      <p\n        v-if=\"description\"\n        :class=\"ui.subtitle()\"\n        data-id=\"empty-description\"\n      >\n        {{ description }}\n      </p>\n    </slot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiTableEmptyState.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTableEmptyState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue';\nimport { useRotkiTheme } from '@/composables/theme';\nimport { emptyStyles } from './table-empty-state-styles';\nimport noDataPlaceholder from './table_no_data_placeholder.svg';\nimport noDataPlaceholderDark from './table_no_data_placeholder_dark.svg';\n\nexport interface TableEmptyStateProps {\n  label?: string;\n  description?: string;\n  /**\n   * Drops the illustration and the reserved height, for a table that only has\n   * room to say the row count is zero.\n   */\n  compact?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTableEmptyState',\n});\n\nconst { label, description, compact = false } = defineProps<TableEmptyStateProps & /* @vue-ignore */ Omit<HTMLAttributes, keyof TableEmptyStateProps>>();\n\ndefineSlots<{\n  description?: () => any;\n}>();\n\nconst { isDark } = useRotkiTheme();\n\nconst ui = computed<ReturnType<typeof emptyStyles>>(() => emptyStyles({ compact }));\n</script>\n\n<template>\n  <div :class=\"ui.root()\">\n    <img\n      v-if=\"!compact\"\n      :src=\"isDark ? noDataPlaceholderDark : noDataPlaceholder\"\n      :alt=\"label\"\n      class=\"h-32\"\n    />\n    <p\n      v-if=\"label\"\n      :class=\"ui.title()\"\n      data-id=\"empty-label\"\n    >\n      {{ label }}\n    </p>\n    <slot name=\"description\">\n      <p\n        v-if=\"description\"\n        :class=\"ui.subtitle()\"\n        data-id=\"empty-description\"\n      >\n        {{ description }}\n      </p>\n    </slot>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/tables/RuiTableEmptyState.vue.d.ts

@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from 'vue';
 export interface TableEmptyStateProps {
     label?: string;
     description?: string;
@@ -7,10 +8,11 @@ export interface TableEmptyStateProps {
      */
     compact?: boolean;
 }
+type __VLS_Props = TableEmptyStateProps & /* @vue-ignore */ Omit<HTMLAttributes, keyof TableEmptyStateProps>;
 type __VLS_Slots = {
     description?: () => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<TableEmptyStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableEmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/tables/RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","noDataPlaceholderDark","noDataPlaceholder","_createCommentVNode","_toDisplayString","_renderSlot"],"sources":["../../../src/components/tables/RuiTableEmptyState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useRotkiTheme } from '@/composables/theme';\nimport { emptyStyles } from './table-empty-state-styles';\nimport noDataPlaceholder from './table_no_data_placeholder.svg';\nimport noDataPlaceholderDark from './table_no_data_placeholder_dark.svg';\n\nexport interface TableEmptyStateProps {\n  label?: string;\n  description?: string;\n  /**\n   * Drops the illustration and the reserved height, for a table that only has\n   * room to say the row count is zero.\n   */\n  compact?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTableEmptyState',\n});\n\nconst { label, description, compact = false } = defineProps<TableEmptyStateProps>();\n\ndefineSlots<{\n  description?: () => any;\n}>();\n\nconst { isDark } = useRotkiTheme();\n\nconst ui = computed<ReturnType<typeof emptyStyles>>(() => emptyStyles({ compact }));\n</script>\n\n<template>\n  <div :class=\"ui.root()\">\n    <img\n      v-if=\"!compact\"\n      :src=\"isDark ? noDataPlaceholderDark : noDataPlaceholder\"\n      :alt=\"label\"\n      class=\"h-32\"\n    />\n    <p\n      v-if=\"label\"\n      :class=\"ui.title()\"\n      data-id=\"empty-label\"\n    >\n      {{ label }}\n    </p>\n    <slot name=\"description\">\n      <p\n        v-if=\"description\"\n        :class=\"ui.subtitle()\"\n        data-id=\"empty-description\"\n      >\n        {{ description }}\n      </p>\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,WAAW,cAAc;EAEjC,MAAM,KAAK,eAA+C,YAAY,EAAE,SAAM,QAAA,QAAE,CAAC,CAAC;;GAIhF,OAAAA,UAAA,GAAAC,mBAuBM,OAAA,EAvBA,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,KAAI,CAAA,EAAA,GAAA;IAET,CAAA,QAAA,WADTH,UAAA,GAAAC,mBAKE,OAAA;;KAHC,KAAKE,MAAA,MAAA,IAASA,MAAAC,sCAAA,IAAwBD,MAAAE,iCAAA;KACtC,KAAK,QAAA;KACN,OAAM;;IAGA,QAAA,SADRL,UAAA,GAAAC,mBAMI,KAAA;;KAJD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,MAAK,CAAA;KAChB,WAAQ;IAEL,GAAAI,gBAAA,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEVC,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CANG,QAAA,eADRR,UAAA,GAAAC,mBAMI,KAAA;;KAJD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,SAAQ,CAAA;KACnB,WAAQ;IAEL,GAAAI,gBAAA,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}
+{"version":3,"file":"RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","noDataPlaceholderDark","noDataPlaceholder","_createCommentVNode","_toDisplayString","_renderSlot"],"sources":["../../../src/components/tables/RuiTableEmptyState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue';\nimport { useRotkiTheme } from '@/composables/theme';\nimport { emptyStyles } from './table-empty-state-styles';\nimport noDataPlaceholder from './table_no_data_placeholder.svg';\nimport noDataPlaceholderDark from './table_no_data_placeholder_dark.svg';\n\nexport interface TableEmptyStateProps {\n  label?: string;\n  description?: string;\n  /**\n   * Drops the illustration and the reserved height, for a table that only has\n   * room to say the row count is zero.\n   */\n  compact?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiTableEmptyState',\n});\n\nconst { label, description, compact = false } = defineProps<TableEmptyStateProps & /* @vue-ignore */ Omit<HTMLAttributes, keyof TableEmptyStateProps>>();\n\ndefineSlots<{\n  description?: () => any;\n}>();\n\nconst { isDark } = useRotkiTheme();\n\nconst ui = computed<ReturnType<typeof emptyStyles>>(() => emptyStyles({ compact }));\n</script>\n\n<template>\n  <div :class=\"ui.root()\">\n    <img\n      v-if=\"!compact\"\n      :src=\"isDark ? noDataPlaceholderDark : noDataPlaceholder\"\n      :alt=\"label\"\n      class=\"h-32\"\n    />\n    <p\n      v-if=\"label\"\n      :class=\"ui.title()\"\n      data-id=\"empty-label\"\n    >\n      {{ label }}\n    </p>\n    <slot name=\"description\">\n      <p\n        v-if=\"description\"\n        :class=\"ui.subtitle()\"\n        data-id=\"empty-description\"\n      >\n        {{ description }}\n      </p>\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA2BA,MAAM,EAAE,WAAW,cAAc;EAEjC,MAAM,KAAK,eAA+C,YAAY,EAAE,SAAM,QAAA,QAAE,CAAC,CAAC;;GAIhF,OAAAA,UAAA,GAAAC,mBAuBM,OAAA,EAvBA,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,KAAI,CAAA,EAAA,GAAA;IAET,CAAA,QAAA,WADTH,UAAA,GAAAC,mBAKE,OAAA;;KAHC,KAAKE,MAAA,MAAA,IAASA,MAAAC,sCAAA,IAAwBD,MAAAE,iCAAA;KACtC,KAAK,QAAA;KACN,OAAM;;IAGA,QAAA,SADRL,UAAA,GAAAC,mBAMI,KAAA;;KAJD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,MAAK,CAAA;KAChB,WAAQ;IAEL,GAAAI,gBAAA,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEVC,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CANG,QAAA,eADRR,UAAA,GAAAC,mBAMI,KAAA;;KAJD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,SAAQ,CAAA;KACnB,WAAQ;IAEL,GAAAI,gBAAA,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/components/tables/RuiTableErrorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTableErrorState.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTableErrorState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiAlert from '@/components/alerts/RuiAlert.vue';\nimport { errorStyles } from './table-error-state-styles';\n\nexport interface TableErrorStateProps {\n  /** Heading for the failure, such as which read it was. */\n  title?: string;\n  /** What went wrong, in the words the caller got back. */\n  message?: string;\n  /**\n   * Label for the retry control. The library ships no translations, so a\n   * caller that wants the control has to name it; leaving this empty renders\n   * the reason on its own.\n   */\n  actionText?: string;\n}\n\ndefineOptions({\n  name: 'RuiTableErrorState',\n});\n\nconst { title = '', message = '', actionText = '' } = defineProps<TableErrorStateProps>();\n\nconst emit = defineEmits<{\n  action: [];\n}>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst ui = errorStyles();\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    data-id=\"table-error\"\n  >\n    <RuiAlert\n      :action-text=\"actionText\"\n      :class=\"ui.alert()\"\n      :title=\"title\"\n      type=\"error\"\n      @action=\"emit('action')\"\n    >\n      <slot>\n        {{ message }}\n      </slot>\n    </RuiAlert>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiTableErrorState.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTableErrorState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue';\nimport RuiAlert from '@/components/alerts/RuiAlert.vue';\nimport { errorStyles } from './table-error-state-styles';\n\nexport interface TableErrorStateProps {\n  /** Heading for the failure, such as which read it was. */\n  title?: string;\n  /** What went wrong, in the words the caller got back. */\n  message?: string;\n  /**\n   * Label for the retry control. The library ships no translations, so a\n   * caller that wants the control has to name it; leaving this empty renders\n   * the reason on its own.\n   */\n  actionText?: string;\n}\n\ndefineOptions({\n  name: 'RuiTableErrorState',\n});\n\nconst { title = '', message = '', actionText = '' } = defineProps<TableErrorStateProps & /* @vue-ignore */ Omit<HTMLAttributes, keyof TableErrorStateProps>>();\n\nconst emit = defineEmits<{\n  action: [];\n}>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst ui = errorStyles();\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    data-id=\"table-error\"\n  >\n    <RuiAlert\n      :action-text=\"actionText\"\n      :class=\"ui.alert()\"\n      :title=\"title\"\n      type=\"error\"\n      @action=\"emit('action')\"\n    >\n      <slot>\n        {{ message }}\n      </slot>\n    </RuiAlert>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/tables/RuiTableErrorState.vue.d.ts

@@ -1,3 +1,4 @@
+import type { HTMLAttributes } from 'vue';
 export interface TableErrorStateProps {
     /** Heading for the failure, such as which read it was. */
     title?: string;
@@ -10,12 +11,13 @@ export interface TableErrorStateProps {
      */
     actionText?: string;
 }
+type __VLS_Props = TableErrorStateProps & /* @vue-ignore */ Omit<HTMLAttributes, keyof TableErrorStateProps>;
 type __VLS_Slots = {
     default?: () => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<TableErrorStateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: () => any;
-}, string, import("vue").PublicProps, Readonly<TableErrorStateProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onAction?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tables/RuiTableErrorState.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTableErrorState.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","RuiAlert","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"sources":["../../../src/components/tables/RuiTableErrorState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiAlert from '@/components/alerts/RuiAlert.vue';\nimport { errorStyles } from './table-error-state-styles';\n\nexport interface TableErrorStateProps {\n  /** Heading for the failure, such as which read it was. */\n  title?: string;\n  /** What went wrong, in the words the caller got back. */\n  message?: string;\n  /**\n   * Label for the retry control. The library ships no translations, so a\n   * caller that wants the control has to name it; leaving this empty renders\n   * the reason on its own.\n   */\n  actionText?: string;\n}\n\ndefineOptions({\n  name: 'RuiTableErrorState',\n});\n\nconst { title = '', message = '', actionText = '' } = defineProps<TableErrorStateProps>();\n\nconst emit = defineEmits<{\n  action: [];\n}>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst ui = errorStyles();\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    data-id=\"table-error\"\n  >\n    <RuiAlert\n      :action-text=\"actionText\"\n      :class=\"ui.alert()\"\n      :title=\"title\"\n      type=\"error\"\n      @action=\"emit('action')\"\n    >\n      <slot>\n        {{ message }}\n      </slot>\n    </RuiAlert>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAuBA,MAAM,OAAO;EAQb,MAAM,KAAK,YAAY;;GAIrB,OAAAA,UAAA,GAAAC,mBAeM,OAAA;IAdH,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,KAAI,CAAA;IACf,WAAQ;GAERC,GAAAA,CAAAA,YAUWC,kBAAA;IATR,eAAa,QAAA;IACb,OAAKH,eAAEC,MAAA,EAAA,CAAE,CAAC,MAAK,CAAA;IACf,OAAO,QAAA;IACR,MAAK;IACJ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;IAEb,SAAAG,cAEO,CAFPC,WAEO,KAAA,QAAA,WAAA,CAAA,SAAA,CADFC,gBAAAC,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RuiTableErrorState.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createVNode","RuiAlert","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"sources":["../../../src/components/tables/RuiTableErrorState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { HTMLAttributes } from 'vue';\nimport RuiAlert from '@/components/alerts/RuiAlert.vue';\nimport { errorStyles } from './table-error-state-styles';\n\nexport interface TableErrorStateProps {\n  /** Heading for the failure, such as which read it was. */\n  title?: string;\n  /** What went wrong, in the words the caller got back. */\n  message?: string;\n  /**\n   * Label for the retry control. The library ships no translations, so a\n   * caller that wants the control has to name it; leaving this empty renders\n   * the reason on its own.\n   */\n  actionText?: string;\n}\n\ndefineOptions({\n  name: 'RuiTableErrorState',\n});\n\nconst { title = '', message = '', actionText = '' } = defineProps<TableErrorStateProps & /* @vue-ignore */ Omit<HTMLAttributes, keyof TableErrorStateProps>>();\n\nconst emit = defineEmits<{\n  action: [];\n}>();\n\ndefineSlots<{\n  default?: () => any;\n}>();\n\nconst ui = errorStyles();\n</script>\n\n<template>\n  <div\n    :class=\"ui.root()\"\n    data-id=\"table-error\"\n  >\n    <RuiAlert\n      :action-text=\"actionText\"\n      :class=\"ui.alert()\"\n      :title=\"title\"\n      type=\"error\"\n      @action=\"emit('action')\"\n    >\n      <slot>\n        {{ message }}\n      </slot>\n    </RuiAlert>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAwBA,MAAM,OAAO;EAQb,MAAM,KAAK,YAAY;;GAIrB,OAAAA,UAAA,GAAAC,mBAeM,OAAA;IAdH,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,KAAI,CAAA;IACf,WAAQ;GAERC,GAAAA,CAAAA,YAUWC,kBAAA;IATR,eAAa,QAAA;IACb,OAAKH,eAAEC,MAAA,EAAA,CAAE,CAAC,MAAK,CAAA;IACf,OAAO,QAAA;IACR,MAAK;IACJ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;;IAEb,SAAAG,cAEO,CAFPC,WAEO,KAAA,QAAA,WAAA,CAAA,SAAA,CADFC,gBAAAC,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/tables/RuiTableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiTableHead.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { getAlignClass, getSortButtonAlignClass, SortDirection, TableAlign } from '@/components/tables/table-props';\nimport { tableHeadStyles } from './table-head-styles';\n\n/**\n * A sortable column name for `T`, the type of the data in the column: the name\n * must be a key of that object type.\n */\nexport type TableRowKey<T> = keyof T extends string ? keyof T : never;\n\nexport interface BaseTableColumn<T> {\n  key: TableRowKey<T> | string;\n  sortable?: boolean;\n  direction?: SortDirection;\n  align?: TableAlign;\n  class?: string;\n  cellClass?: string;\n  tdClass?: string;\n  colspan?: string | number;\n  rowspan?: string | number;\n  /**\n   * hide this column when the table is rendered in its stacked mobile layout\n   */\n  mobileHidden?: boolean;\n  /**\n   * pin this column to the card header (top row) in the stacked mobile layout\n   * instead of rendering it as a label/value pair. Intended for action columns\n   * such as an overflow menu. Ignored on non-mobile layouts.\n   */\n  mobileHeader?: boolean;\n\n  [key: string]: any;\n}\n\n/**\n * A sortable table column, which ties `sortable: true` to a key that is a real\n * property of `T`, the type of data in the table.\n */\nexport interface SortableTableColumn<T> extends BaseTableColumn<T> {\n  sortable: true;\n}\n\n/**\n * An interface representing a column in a table that cannot be sorted.\n * This can be mapped to an actual property of the object or to a virtual column.\n *\n * @typeparam T - The type of data in the table.\n */\nexport interface NoneSortableTableColumn<T> extends BaseTableColumn<T> {\n  sortable?: false;\n}\n\nexport type TableColumn<T> = SortableTableColumn<T> | NoneSortableTableColumn<T>;\n\nexport interface SortColumn<T> {\n  column?: TableRowKey<T>;\n  direction: SortDirection;\n}\n\nexport type TableSortData<T> = SortColumn<T> | SortColumn<T>[] | undefined;\n\nexport type TableRowKeyData<T> = TableRowKey<T> | TableRowKey<T>[] | undefined;\n\nexport interface GroupData<T> {\n  key: string;\n  value?: Partial<T>;\n}\n\nexport type GroupKey<T> = TableColumn<T>['key'];\n\nexport type GroupKeys<T> = GroupKey<T> | GroupKey<T>[] | undefined;\n\nexport interface Props<T> {\n  loading?: boolean;\n  stickyHeader?: boolean;\n  stick?: boolean;\n  selectable?: boolean;\n  disableCheckAll?: boolean;\n  colspan?: number;\n  columns?: TableColumn<T>[];\n  capitalizeHeaders?: boolean;\n  isAllSelected?: boolean;\n  indeterminate?: boolean;\n  dense?: boolean;\n  sortedMap?: Partial<Record<TableRowKey<T>, SortColumn<T>>>;\n  sortData?: TableSortData<T>;\n  columnAttr?: keyof TableColumn<T>;\n  dataId?: string;\n}\n\nconst {\n  loading = false,\n  stickyHeader = false,\n  stick = false,\n  selectable = false,\n  disableCheckAll = false,\n  colspan = 0,\n  columns,\n  capitalizeHeaders = false,\n  isAllSelected = false,\n  indeterminate = false,\n  dense = false,\n  sortedMap = {} as Partial<Record<TableRowKey<T>, SortColumn<T>>>,\n  columnAttr = 'label',\n  sortData,\n  dataId = 'head-main',\n} = defineProps<Props<T>>();\n\nconst emit = defineEmits<{\n  'select:all': [value: boolean];\n  'sort': [value: { key: TableRowKey<T>; direction?: SortDirection }];\n}>();\n\nconst headerPosition = computed<'default' | 'sticky' | 'fixed'>(() => {\n  if (stickyHeader && stick)\n    return 'fixed';\n  if (stickyHeader)\n    return 'sticky';\n  return 'default';\n});\n\nconst ui = computed<ReturnType<typeof tableHeadStyles>>(() => tableHeadStyles({\n  position: get(headerPosition),\n  dense,\n}));\n\nfunction getSortIconClass(key: TableColumn<T>['key']): string | undefined {\n  if (!isSortedBy(key))\n    return undefined;\n  const direction = getSortDirection(key);\n  return `opacity-100! ${direction === SortDirection.asc ? 'rotate-180' : 'rotate-0'}`;\n}\n\n/**\n * An unsorted column shows a neutral up-down icon, so nothing reads as sorted\n * until it is; the sorted column shows its direction.\n */\nfunction getSortIconName(key: TableColumn<T>['key']): RuiIcons {\n  return isSortedBy(key) ? 'lu-arrow-down' : 'lu-arrow-up-down';\n}\n\nfunction getColumnTextClass(key: TableColumn<T>['key']): string {\n  return get(ui).columnText({ class: isSortedBy(key) ? 'text-rui-text' : undefined });\n}\n\nfunction onSort({ key, direction }: TableColumn<T>): void {\n  return emit('sort', {\n    key: key as TableRowKey<T>,\n    direction: direction ?? SortDirection.asc,\n  });\n}\n\nfunction onToggleAll(checked: boolean) {\n  return emit('select:all', checked);\n}\n\nfunction isSortedBy(key: TableColumn<T>['key']): boolean {\n  return key in sortedMap;\n}\n\nfunction getSortIndex(key: TableColumn<T>['key']): number {\n  if (!sortData || !Array.isArray(sortData) || !isSortedBy(key))\n    return -1;\n\n  return sortData.findIndex(sort => sort.column === key);\n}\n\n/**\n * A column's place in a multi-column sort, shown beside its arrow. A lone sorted column shows none,\n * since its arrow already says everything.\n */\nfunction getSortPosition(key: TableColumn<T>['key']): number | undefined {\n  if (!Array.isArray(sortData) || sortData.length < 2)\n    return undefined;\n  const index = getSortIndex(key);\n  return index >= 0 ? index + 1 : undefined;\n}\n\nfunction getSortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key]?.direction;\n}\n\nfunction getAriaSort(column: TableColumn<T>): 'ascending' | 'descending' | 'none' | undefined {\n  if (!column.sortable)\n    return undefined;\n  const direction = getSortDirection(column.key);\n  if (direction === SortDirection.asc)\n    return 'ascending';\n  if (direction === SortDirection.desc)\n    return 'descending';\n  return 'none';\n}\n\n/**\n * The name a screen reader hears for a column drawn without a label, since an empty header cell\n * leaves the column unnamed: the built-in expand column is \"Details\", any other its key.\n *\n * @param column - the column whose label is empty\n * @returns Details or the column key\n */\nfunction getHiddenHeaderText(column: TableColumn<T>): string {\n  return column.key === 'expand' ? 'Details' : column.key.toString();\n}\n</script>\n\n<template>\n  <thead\n    :data-id=\"dataId\"\n    :class=\"ui.thead()\"\n  >\n    <tr>\n      <th\n        v-if=\"selectable\"\n        :class=\"ui.checkbox()\"\n        scope=\"col\"\n        colspan=\"1\"\n        rowspan=\"1\"\n      >\n        <RuiCheckbox\n          :disabled=\"disableCheckAll\"\n          :indeterminate=\"indeterminate\"\n          :model-value=\"isAllSelected\"\n          :size=\"dense ? 'sm' : undefined\"\n          color=\"primary\"\n          data-id=\"table-toggle-check-all\"\n          aria-label=\"Select all rows\"\n          details=\"hidden\"\n          @update:model-value=\"onToggleAll($event)\"\n        />\n      </th>\n\n      <th\n        v-for=\"column in columns\"\n        :key=\"column.key\"\n        :class=\"[\n          ui.th({ class: getAlignClass(column.align) }),\n          column.class,\n          // only labels the table made up from row keys; a label the consumer wrote is shown as written\n          { capitalize: capitalizeHeaders },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :aria-sort=\"getAriaSort(column)\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiButton\n            v-if=\"column.sortable\"\n            :class=\"ui.sortButton({ class: getSortButtonAlignClass(column.align) })\"\n            :data-sorted=\"isSortedBy(column.key) || undefined\"\n            :data-direction=\"getSortDirection(column.key)\"\n            size=\"sm\"\n            variant=\"text\"\n            @click=\"onSort(column)\"\n          >\n            <span\n              :class=\"getColumnTextClass(column.key)\"\n              data-id=\"column-text\"\n            >\n              <slot\n                :name=\"`header.text.${column.key.toString()}`\"\n                :column=\"column\"\n              >\n                {{ column[columnAttr] }}\n              </slot>\n            </span>\n\n            <template\n              v-if=\"column.align === TableAlign.end\"\n              #prepend\n            >\n              <span\n                v-if=\"getSortPosition(column.key)\"\n                :class=\"ui.sortPosition({ class: '-mr-1.5' })\"\n                data-id=\"sort-position\"\n              >\n                {{ getSortPosition(column.key) }}\n              </span>\n              <RuiIcon\n                :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                :name=\"getSortIconName(column.key)\"\n                size=\"18\"\n              />\n            </template>\n\n            <template #append>\n              <template v-if=\"column.align !== TableAlign.end\">\n                <RuiIcon\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  :name=\"getSortIconName(column.key)\"\n                  size=\"18\"\n                />\n                <span\n                  v-if=\"getSortPosition(column.key)\"\n                  :class=\"ui.sortPosition({ class: '-ml-1.5' })\"\n                  data-id=\"sort-position\"\n                >\n                  {{ getSortPosition(column.key) }}\n                </span>\n              </template>\n            </template>\n          </RuiButton>\n          <span\n            v-else\n            :class=\"ui.columnText()\"\n            data-id=\"column-text\"\n          >\n            <slot\n              :name=\"`header.text.${column.key.toString()}`\"\n              :column=\"column\"\n            >\n              <template v-if=\"column[columnAttr]\">{{ column[columnAttr] }}</template>\n              <span\n                v-else\n                class=\"sr-only\"\n              >\n                {{ getHiddenHeaderText(column) }}\n              </span>\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      :class=\"ui.loaderRow()\"\n      :data-id=\"loading ? 'thead-loader' : undefined\"\n      :aria-hidden=\"loading ? undefined : 'true'\"\n    >\n      <!-- a `td`, not a header cell, so it never counts as a column heading -->\n      <td\n        :class=\"ui.progress()\"\n        :colspan=\"colspan\"\n      >\n        <div\n          v-if=\"loading\"\n          :class=\"ui.progressWrapper()\"\n        >\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </td>\n    </tr>\n  </thead>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiTableHead.js","names":["_sfc_main"],"sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport type { RuiIcons } from '@/icons';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { getAlignClass, getColumnLabel, getSortButtonAlignClass, SortDirection, TableAlign } from '@/components/tables/table-props';\nimport { tableHeadStyles } from './table-head-styles';\n\n/**\n * A sortable column name for `T`, the type of the data in the column: the name\n * must be a key of that object type.\n */\nexport type TableRowKey<T> = keyof T extends string ? keyof T : never;\n\nexport interface BaseTableColumn<T> {\n  key: TableRowKey<T> | string;\n  /** the header text, which the table reads unless `column-attr` names another property */\n  label?: string;\n  sortable?: boolean;\n  direction?: SortDirection;\n  align?: TableAlign;\n  class?: string;\n  cellClass?: string;\n  tdClass?: string;\n  colspan?: string | number;\n  rowspan?: string | number;\n  /**\n   * hide this column when the table is rendered in its stacked mobile layout\n   */\n  mobileHidden?: boolean;\n  /**\n   * pin this column to the card header (top row) in the stacked mobile layout\n   * instead of rendering it as a label/value pair. Intended for action columns\n   * such as an overflow menu. Ignored on non-mobile layouts.\n   */\n  mobileHeader?: boolean;\n}\n\n/**\n * A sortable table column, which ties `sortable: true` to a key that is a real\n * property of `T`, the type of data in the table.\n */\nexport interface SortableTableColumn<T> extends BaseTableColumn<T> {\n  sortable: true;\n}\n\n/**\n * An interface representing a column in a table that cannot be sorted.\n * This can be mapped to an actual property of the object or to a virtual column.\n *\n * @typeparam T - The type of data in the table.\n */\nexport interface NoneSortableTableColumn<T> extends BaseTableColumn<T> {\n  sortable?: false;\n}\n\nexport type TableColumn<T> = SortableTableColumn<T> | NoneSortableTableColumn<T>;\n\nexport interface SortColumn<T> {\n  column?: TableRowKey<T>;\n  direction: SortDirection;\n}\n\nexport type TableSortData<T> = SortColumn<T> | SortColumn<T>[] | undefined;\n\nexport type TableRowKeyData<T> = TableRowKey<T> | TableRowKey<T>[] | undefined;\n\nexport interface GroupData<T> {\n  key: string;\n  value?: Partial<T>;\n}\n\nexport type GroupKey<T> = TableColumn<T>['key'];\n\nexport type GroupKeys<T> = GroupKey<T> | GroupKey<T>[] | undefined;\n\nexport interface Props<T> {\n  loading?: boolean;\n  stickyHeader?: boolean;\n  stick?: boolean;\n  selectable?: boolean;\n  disableCheckAll?: boolean;\n  colspan?: number;\n  columns?: TableColumn<T>[];\n  capitalizeHeaders?: boolean;\n  isAllSelected?: boolean;\n  indeterminate?: boolean;\n  dense?: boolean;\n  sortedMap?: Partial<Record<TableRowKey<T>, SortColumn<T>>>;\n  sortData?: TableSortData<T>;\n  columnAttr?: string;\n  dataId?: string;\n}\n\nconst {\n  loading = false,\n  stickyHeader = false,\n  stick = false,\n  selectable = false,\n  disableCheckAll = false,\n  colspan = 0,\n  columns,\n  capitalizeHeaders = false,\n  isAllSelected = false,\n  indeterminate = false,\n  dense = false,\n  sortedMap = {} as Partial<Record<TableRowKey<T>, SortColumn<T>>>,\n  columnAttr = 'label',\n  sortData,\n  dataId = 'head-main',\n} = defineProps<Props<T>>();\n\nconst emit = defineEmits<{\n  'select:all': [value: boolean];\n  'sort': [value: { key: TableRowKey<T>; direction?: SortDirection }];\n}>();\n\nconst headerPosition = computed<'default' | 'sticky' | 'fixed'>(() => {\n  if (stickyHeader && stick)\n    return 'fixed';\n  if (stickyHeader)\n    return 'sticky';\n  return 'default';\n});\n\nconst ui = computed<ReturnType<typeof tableHeadStyles>>(() => tableHeadStyles({\n  position: get(headerPosition),\n  dense,\n}));\n\nfunction getSortIconClass(key: TableColumn<T>['key']): string | undefined {\n  if (!isSortedBy(key))\n    return undefined;\n  const direction = getSortDirection(key);\n  return `opacity-100! ${direction === SortDirection.asc ? 'rotate-180' : 'rotate-0'}`;\n}\n\n/**\n * An unsorted column shows a neutral up-down icon, so nothing reads as sorted\n * until it is; the sorted column shows its direction.\n */\nfunction getSortIconName(key: TableColumn<T>['key']): RuiIcons {\n  return isSortedBy(key) ? 'lu-arrow-down' : 'lu-arrow-up-down';\n}\n\nfunction getColumnTextClass(key: TableColumn<T>['key']): string {\n  return get(ui).columnText({ class: isSortedBy(key) ? 'text-rui-text' : undefined });\n}\n\nfunction onSort({ key, direction }: TableColumn<T>): void {\n  return emit('sort', {\n    key: key as TableRowKey<T>,\n    direction: direction ?? SortDirection.asc,\n  });\n}\n\nfunction onToggleAll(checked: boolean) {\n  return emit('select:all', checked);\n}\n\nfunction isSortedBy(key: TableColumn<T>['key']): boolean {\n  return key in sortedMap;\n}\n\nfunction getSortIndex(key: TableColumn<T>['key']): number {\n  if (!sortData || !Array.isArray(sortData) || !isSortedBy(key))\n    return -1;\n\n  return sortData.findIndex(sort => sort.column === key);\n}\n\n/**\n * A column's place in a multi-column sort, shown beside its arrow. A lone sorted column shows none,\n * since its arrow already says everything.\n */\nfunction getSortPosition(key: TableColumn<T>['key']): number | undefined {\n  if (!Array.isArray(sortData) || sortData.length < 2)\n    return undefined;\n  const index = getSortIndex(key);\n  return index >= 0 ? index + 1 : undefined;\n}\n\nfunction getSortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key]?.direction;\n}\n\nfunction getAriaSort(column: TableColumn<T>): 'ascending' | 'descending' | 'none' | undefined {\n  if (!column.sortable)\n    return undefined;\n  const direction = getSortDirection(column.key);\n  if (direction === SortDirection.asc)\n    return 'ascending';\n  if (direction === SortDirection.desc)\n    return 'descending';\n  return 'none';\n}\n\n/**\n * The name a screen reader hears for a column drawn without a label, since an empty header cell\n * leaves the column unnamed: the built-in expand column is \"Details\", any other its key.\n *\n * @param column - the column whose label is empty\n * @returns Details or the column key\n */\nfunction getHiddenHeaderText(column: TableColumn<T>): string {\n  return column.key === 'expand' ? 'Details' : column.key.toString();\n}\n</script>\n\n<template>\n  <thead\n    :data-id=\"dataId\"\n    :class=\"ui.thead()\"\n  >\n    <tr>\n      <th\n        v-if=\"selectable\"\n        :class=\"ui.checkbox()\"\n        scope=\"col\"\n        colspan=\"1\"\n        rowspan=\"1\"\n      >\n        <RuiCheckbox\n          :disabled=\"disableCheckAll\"\n          :indeterminate=\"indeterminate\"\n          :model-value=\"isAllSelected\"\n          :size=\"dense ? 'sm' : undefined\"\n          color=\"primary\"\n          data-id=\"table-toggle-check-all\"\n          aria-label=\"Select all rows\"\n          details=\"hidden\"\n          @update:model-value=\"onToggleAll($event)\"\n        />\n      </th>\n\n      <th\n        v-for=\"column in columns\"\n        :key=\"column.key\"\n        :class=\"[\n          ui.th({ class: getAlignClass(column.align) }),\n          column.class,\n          // only labels the table made up from row keys; a label the consumer wrote is shown as written\n          { capitalize: capitalizeHeaders },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :aria-sort=\"getAriaSort(column)\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiButton\n            v-if=\"column.sortable\"\n            :class=\"ui.sortButton({ class: getSortButtonAlignClass(column.align) })\"\n            :data-sorted=\"isSortedBy(column.key) || undefined\"\n            :data-direction=\"getSortDirection(column.key)\"\n            size=\"sm\"\n            variant=\"text\"\n            @click=\"onSort(column)\"\n          >\n            <span\n              :class=\"getColumnTextClass(column.key)\"\n              data-id=\"column-text\"\n            >\n              <slot\n                :name=\"`header.text.${column.key.toString()}`\"\n                :column=\"column\"\n              >\n                {{ getColumnLabel(column, columnAttr) }}\n              </slot>\n            </span>\n\n            <template\n              v-if=\"column.align === TableAlign.end\"\n              #prepend\n            >\n              <span\n                v-if=\"getSortPosition(column.key)\"\n                :class=\"ui.sortPosition({ class: '-mr-1.5' })\"\n                data-id=\"sort-position\"\n              >\n                {{ getSortPosition(column.key) }}\n              </span>\n              <RuiIcon\n                :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                :name=\"getSortIconName(column.key)\"\n                size=\"18\"\n              />\n            </template>\n\n            <template #append>\n              <template v-if=\"column.align !== TableAlign.end\">\n                <RuiIcon\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  :name=\"getSortIconName(column.key)\"\n                  size=\"18\"\n                />\n                <span\n                  v-if=\"getSortPosition(column.key)\"\n                  :class=\"ui.sortPosition({ class: '-ml-1.5' })\"\n                  data-id=\"sort-position\"\n                >\n                  {{ getSortPosition(column.key) }}\n                </span>\n              </template>\n            </template>\n          </RuiButton>\n          <span\n            v-else\n            :class=\"ui.columnText()\"\n            data-id=\"column-text\"\n          >\n            <slot\n              :name=\"`header.text.${column.key.toString()}`\"\n              :column=\"column\"\n            >\n              <template v-if=\"getColumnLabel(column, columnAttr)\">{{ getColumnLabel(column, columnAttr) }}</template>\n              <span\n                v-else\n                class=\"sr-only\"\n              >\n                {{ getHiddenHeaderText(column) }}\n              </span>\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      :class=\"ui.loaderRow()\"\n      :data-id=\"loading ? 'thead-loader' : undefined\"\n      :aria-hidden=\"loading ? undefined : 'true'\"\n    >\n      <!-- a `td`, not a header cell, so it never counts as a column heading -->\n      <td\n        :class=\"ui.progress()\"\n        :colspan=\"colspan\"\n      >\n        <div\n          v-if=\"loading\"\n          :class=\"ui.progressWrapper()\"\n        >\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </td>\n    </tr>\n  </thead>\n</template>\n"],"mappings":""}

package/dist/components/tables/RuiTableHead.vue.d.ts

@@ -6,6 +6,8 @@ import { SortDirection, TableAlign } from './table-props.js';
 export type TableRowKey<T> = keyof T extends string ? keyof T : never;
 export interface BaseTableColumn<T> {
     key: TableRowKey<T> | string;
+    /** the header text, which the table reads unless `column-attr` names another property */
+    label?: string;
     sortable?: boolean;
     direction?: SortDirection;
     align?: TableAlign;
@@ -24,7 +26,6 @@ export interface BaseTableColumn<T> {
      * such as an overflow menu. Ignored on non-mobile layouts.
      */
     mobileHeader?: boolean;
-    [key: string]: any;
 }
 /**
  * A sortable table column, which ties `sortable: true` to a key that is a real
@@ -69,7 +70,7 @@ export interface Props<T> {
     dense?: boolean;
     sortedMap?: Partial<Record<TableRowKey<T>, SortColumn<T>>>;
     sortData?: TableSortData<T>;
-    columnAttr?: keyof TableColumn<T>;
+    columnAttr?: string;
     dataId?: string;
 }
 declare const __VLS_export: <T extends object, K extends keyof T = keyof T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/dist/components/tables/RuiTableHead.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import RuiIcon_default from "../icons/RuiIcon.js";
 import RuiProgress_default from "../progress/RuiProgress.js";
 import RuiButton_default from "../buttons/button/RuiButton.js";
 import RuiCheckbox_default from "../forms/checkbox/RuiCheckbox.js";
-import { SortDirection, TableAlign, getAlignClass, getSortButtonAlignClass } from "./table-props.js";
+import { SortDirection, TableAlign, getAlignClass, getColumnLabel, getSortButtonAlignClass } from "./table-props.js";
 import { tableHeadStyles } from "./table-head-styles.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/tables/RuiTableHead.vue?vue&type=script&setup=true&lang.ts
@@ -196,7 +196,7 @@ var RuiTableHead_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					default: withCtx(() => [createElementVNode("span", {
 						class: normalizeClass(getColumnTextClass(column.key)),
 						"data-id": "column-text"
-					}, [renderSlot(_ctx.$slots, `header.text.${column.key.toString()}`, { column }, () => [createTextVNode(toDisplayString(column[__props.columnAttr]), 1)])], 2)]),
+					}, [renderSlot(_ctx.$slots, `header.text.${column.key.toString()}`, { column }, () => [createTextVNode(toDisplayString(unref(getColumnLabel)(column, __props.columnAttr)), 1)])], 2)]),
 					_: 2
 				}, [column.align === unref(TableAlign).end ? {
 					name: "prepend",
@@ -219,7 +219,7 @@ var RuiTableHead_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 					key: 1,
 					class: normalizeClass(unref(ui).columnText()),
 					"data-id": "column-text"
-				}, [renderSlot(_ctx.$slots, `header.text.${column.key.toString()}`, { column }, () => [column[__props.columnAttr] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(column[__props.columnAttr]), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(getHiddenHeaderText(column)), 1))])], 2))])], 10, _hoisted_2);
+				}, [renderSlot(_ctx.$slots, `header.text.${column.key.toString()}`, { column }, () => [unref(getColumnLabel)(column, __props.columnAttr) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(getColumnLabel)(column, __props.columnAttr)), 1)], 64)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(getHiddenHeaderText(column)), 1))])], 2))])], 10, _hoisted_2);
 			}), 128))]), createElementVNode("tr", {
 				class: normalizeClass(unref(ui).loaderRow()),
 				"data-id": __props.loading ? "thead-loader" : void 0,