@rotki/ui-library 2.21.0 → 2.22.1

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":["$slots"],"sources":["../../../src/components/tables/RuiDataTable.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, IdType extends keyof T = keyof T\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiTooltip from '@/components/overlays/tooltip/RuiTooltip.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { dataTableStyles, getAlignClass } from '@/components/tables/data-table-styles';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\nimport RuiTableEmptyState from '@/components/tables/RuiTableEmptyState.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 { useTable } from '@/composables/defaults/table';\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 { useTablePagination } from '@/composables/tables/data-table/pagination';\nimport { useTableSelection } from '@/composables/tables/data-table/selection';\nimport { useTableSort } from '@/composables/tables/data-table/sort';\nimport { type GroupHeader, isRow } from '@/composables/tables/data-table/types';\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   * data to display for empty state\n   * text and icon\n   * @example :empty=\"{ icon: 'transactions-line', label: 'No transactions found' }\"\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * should hide the header navigation\n   */\n  hideDefaultHeader?: boolean;\n  /**\n   * should hide the footer navigation\n   */\n  hideDefaultFooter?: 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   * 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?: 'start' | 'end';\n  disabledRows?: readonly T[];\n  multiPageSelect?: boolean;\n  itemClass?: ((item: T) => string) | string;\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  hideDefaultHeader = false,\n  hideDefaultFooter = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\n  globalItemsPerPage = undefined,\n  groupExpandButtonPosition = 'start',\n  disabledRows,\n  multiPageSelect = false,\n  itemClass = '',\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}>();\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    'no-data': () => any;\n    'empty-description': () => any;\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst stickyHeaderOffset = computed<number | undefined>(() =>\n  stickyOffset !== undefined ? stickyOffset : get(tableDefaults.stickyOffset),\n);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table, tableScroller },\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  isExpandedGroup,\n  isHiddenRow,\n  onToggleExpandGroup,\n  onUngroup,\n  onCopyGroup,\n} = useTableGrouping<T, IdType>(\n  { rowAttr },\n  {\n    group,\n    collapsed,\n    sorted,\n    emitCopyGroup: (value: GroupData<T>) => emit('copy:group', value),\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\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});\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// Sort triggers selection reset — handled here to avoid circular dependency between sort and selection\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nfunction onPaginate(): void {\n  if (get(expanded))\n    set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\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 ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n}));\n</script>\n\n<template>\n  <div\n    :class=\"ui.wrapper()\"\n    data-id=\"table-wrapper\"\n  >\n    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultHeader\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\n      data-id=\"table-pagination\"\n      @update:model-value=\"onPaginate()\"\n    />\n    <div\n      ref=\"tableScroller\"\n      :class=\"ui.scroller()\"\n      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          :loading=\"loading\"\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          :no-data=\"noData\"\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\"\n          :loading=\"loading\"\n          :capitalize-headers=\"!cols\"\n          :colspan=\"colspan\"\n          :column-attr=\"columnAttr\"\n          :columns=\"columns\"\n          :dense=\"dense\"\n          :no-data=\"noData\"\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        <tbody :class=\"ui.tbody()\">\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.prepend']\"\n            :colspan=\"colspan\"\n            name=\"body.prepend\"\n          />\n          <template v-for=\"(row, index) in filtered\">\n            <tr\n              v-if=\"!isRow(row)\"\n              :key=\"`row-${index}`\"\n              :class=\"[ui.tr({ rowVariant: 'group' })]\"\n              data-id=\"row-group\"\n            >\n              <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n              <slot\n                name=\"group.header\"\n                :colspan=\"colspan\"\n                :header=\"row\"\n                :is-open=\"isExpandedGroup(row.group)\"\n                :toggle=\"() => onToggleExpandGroup(row.group, row.identifier)\"\n              >\n                <td\n                  :class=\"[ui.td()]\"\n                  class=\"!p-2\"\n                  :colspan=\"colspan\"\n                >\n                  <div class=\"flex items-center gap-2\">\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'start'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <slot\n                      :group-key=\"groupKey\"\n                      name=\"group.header.content\"\n                      :header=\"row\"\n                    >\n                      <span>{{ groupKey }}: {{ row.identifier }}</span>\n                      <RuiButton\n                        size=\"sm\"\n                        variant=\"text\"\n                        icon\n                        data-id=\"group-copy-button\"\n                        @click=\"onCopyGroup({ key: groupKey, value: row.group })\"\n                      >\n                        <RuiIcon\n                          name=\"lu-copy\"\n                          size=\"16\"\n                        />\n                      </RuiButton>\n                    </slot>\n                    <RuiTooltip\n                      :options=\"{ placement: 'top' }\"\n                      class=\"ml-auto mr-2\"\n                    >\n                      <template #activator>\n                        <RuiButton\n                          size=\"sm\"\n                          variant=\"text\"\n                          icon\n                          data-id=\"group-ungroup-button\"\n                          @click=\"onUngroup()\"\n                        >\n                          <RuiIcon\n                            name=\"lu-trash-2\"\n                            size=\"14\"\n                          />\n                        </RuiButton>\n                      </template>\n                      Ungroup\n                    </RuiTooltip>\n                    <RuiExpandButton\n                      v-if=\"groupExpandButtonPosition === 'end'\"\n                      :expanded=\"isExpandedGroup(row.group)\"\n                      @click=\"onToggleExpandGroup(row.group, row.identifier)\"\n                    />\n                  </div>\n                </td>\n              </slot>\n            </tr>\n            <template v-else>\n              <tr\n                :key=\"`row-${index}`\"\n                :class=\"[\n                  ui.tr({ rowVariant: isSelected(row[rowAttr]) ? 'selected' : undefined }),\n                  typeof itemClass === 'string' ? itemClass : itemClass(row),\n                ]\"\n                :aria-selected=\"selectedData ? isSelected(row[rowAttr]) : undefined\"\n                data-id=\"row\"\n              >\n                <td\n                  v-if=\"selectedData\"\n                  :class=\"ui.checkbox()\"\n                  colspan=\"1\"\n                  rowspan=\"1\"\n                >\n                  <RuiCheckbox\n                    :data-id=\"`table-toggle-check-${index}`\"\n                    :model-value=\"isSelected(row[rowAttr])\"\n                    :disabled=\"isDisabledRow(row[rowAttr])\"\n                    :size=\"dense ? 'sm' : undefined\"\n                    color=\"primary\"\n                    class=\"select-none\"\n                    hide-details\n                    @update:model-value=\"onSelect($event, row[rowAttr], true)\"\n                    @click=\"onCheckboxClick($event, row[rowAttr], index)\"\n                  />\n                </td>\n\n                <td\n                  v-for=\"(column, subIndex) in columns\"\n                  :key=\"subIndex\"\n                  :class=\"[\n                    ui.td({ class: getAlignClass(column.align) }),\n                    column.cellClass,\n                  ]\"\n                  :colspan=\"column.colspan ?? 1\"\n                  :rowspan=\"column.rowspan ?? 1\"\n                >\n                  <slot\n                    v-if=\"column.key === 'expand'\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :column=\"column\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  >\n                    <RuiExpandButton\n                      v-if=\"!slots['item.expand']\"\n                      :expanded=\"isExpanded(row[rowAttr])\"\n                      @click=\"onToggleExpand(row)\"\n                    />\n                  </slot>\n                  <slot\n                    v-else\n                    :column=\"column\"\n                    :index=\"index\"\n                    :name=\"`item.${column.key.toString()}`\"\n                    :row=\"row\"\n                  >\n                    {{ cellValue(row, column.key) }}\n                  </slot>\n                </td>\n              </tr>\n\n              <tr\n                v-if=\"expandable && !!$slots['expanded-item'] && isExpanded(row[rowAttr])\"\n                :key=\"`row-expand-${index}`\"\n                :class=\"ui.tr({ rowVariant: 'expandable' })\"\n                data-id=\"row-expanded\"\n              >\n                <td\n                  :colspan=\"colspan\"\n                  :class=\"[ui.td()]\"\n                >\n                  <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                  <slot\n                    name=\"expanded-item\"\n                    :row=\"row\"\n                    :index=\"index\"\n                  />\n                </td>\n              </tr>\n            </template>\n          </template>\n          <tr v-if=\"loading && noData\">\n            <td\n              :class=\"ui.tbodyLoader()\"\n              :colspan=\"colspan\"\n              data-id=\"tbody-loader\"\n            >\n              <div :class=\"ui.tbodyLoaderContent()\">\n                <RuiProgress\n                  color=\"primary\"\n                  variant=\"indeterminate\"\n                  circular\n                />\n              </div>\n            </td>\n          </tr>\n          <tr\n            v-if=\"noData && empty && !loading\"\n            :class=\"ui.tr({ rowVariant: 'empty' })\"\n            data-id=\"row-empty\"\n          >\n            <Transition\n              appear\n              enter-active-class=\"transition ease-out duration-200 delay-200\"\n              enter-from-class=\"opacity-0 translate-y-1\"\n              enter-to-class=\"opacity-100 translate-y-0\"\n              leave-active-class=\"transition ease-in duration-150\"\n              leave-from-class=\"opacity-100 translate-y-0\"\n              leave-to-class=\"opacity-0 translate-y-1\"\n            >\n              <td\n                :class=\"ui.td()\"\n                :colspan=\"colspan\"\n              >\n                <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                <slot name=\"no-data\">\n                  <RuiTableEmptyState\n                    :label=\"empty.label\"\n                    :description=\"empty.description\"\n                  >\n                    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n                    <template\n                      v-if=\"slots['empty-description']\"\n                      #description\n                    >\n                      <slot name=\"empty-description\" />\n                    </template>\n                  </RuiTableEmptyState>\n                </slot>\n              </td>\n            </Transition>\n          </tr>\n          <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n          <slot\n            v-if=\"slots['body.append']\"\n            :colspan=\"colspan\"\n            name=\"body.append\"\n          />\n        </tbody>\n        <tfoot>\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    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultFooter\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\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":[],"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, 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 { 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 { 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   * data to display for empty state\n   * text and icon\n   * @example :empty=\"{ icon: 'transactions-line', label: 'No transactions found' }\"\n   */\n  empty?: {\n    label?: string;\n    description?: string;\n  };\n  /**\n   * should hide the header navigation\n   */\n  hideDefaultHeader?: boolean;\n  /**\n   * should hide the footer navigation\n   */\n  hideDefaultFooter?: 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   * 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  hideDefaultHeader = false,\n  hideDefaultFooter = false,\n  rounded = 'md',\n  singleExpand = false,\n  stickyHeader = false,\n  stickyOffset,\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}>();\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    'no-data': () => any;\n    'empty-description': () => any;\n    'tfoot': () => any;\n  }\n>>();\n\nconst tableDefaults = useTable();\n\nconst tableWrapper = useTemplateRef<HTMLElement>('tableWrapper');\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\nconst isMobile = computed<boolean>(() => {\n  const breakpoint = get(resolvedMobileBreakpoint);\n  // Vue coerces an absent Boolean prop to `false`, so `mobile` cannot be used to\n  // detect \"unset\". When no breakpoint is configured, `mobile` is the manual\n  // switch (defaulting to desktop). When a breakpoint is configured it drives\n  // the layout, and `mobile === true` can still force the stacked layout on.\n  if (breakpoint === undefined)\n    return mobile;\n  if (mobile)\n    return true;\n  // Before the container is measured, `containerWidth` is 0; fall back to the\n  // viewport so the layout does not flash to mobile on first paint.\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// Nested tables (e.g. rendered inside an expanded row) must not pin their own\n// toolbar: only the outermost table sticks, otherwise the bars stack and\n// collide. Detect nesting via inject, then mark descendants as nested.\nconst isNestedTable = useDataTableNested();\nprovideDataTableNested();\n\n// On mobile there is no column header to pin, so `stickyHeader` instead keeps\n// the pagination + sort toolbar pinned to the top while the card list scrolls.\nconst stickyMobileToolbar = computed<boolean>(() => stickyHeader && get(isMobile) && !isNestedTable);\n\nconst table = useTemplateRef<HTMLTableElement>('table');\nconst tableScroller = useTemplateRef<HTMLElement>('tableScroller');\n\nconst { stick } = useStickyTableHeader(\n  () => stickyHeader,\n  stickyHeaderOffset,\n  { table, tableScroller },\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  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\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 — no reactivity 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// Sort triggers selection reset — handled here to avoid circular dependency between sort and selection\nfunction onSort(payload: Parameters<typeof applySort>[0]): void {\n  applySort(payload);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\n}\n\nfunction onPaginate(): void {\n  if ((get(expanded)?.length ?? 0) > 0)\n    set(expanded, []);\n  if (!multiPageSelect)\n    onToggleAll(false);\n  resetCheckboxShiftState();\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 ui = computed<ReturnType<typeof dataTableStyles>>(() => dataTableStyles({\n  outlined,\n  rounded,\n  dense,\n  striped,\n  mobile: get(isMobile),\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    trGroup: s.tr({ rowVariant: 'group' }),\n    trEmpty: s.tr({ rowVariant: 'empty' }),\n    checkbox: s.checkbox(),\n    tbody: s.tbody(),\n    tbodyLoader: s.tbodyLoader(),\n    tbodyLoaderContent: s.tbodyLoaderContent(),\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  isMobile,\n  selectedData,\n  // Static values\n  cellValue,\n  columnAttr,\n  dense,\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      :class=\"stickyMobileToolbar ? 'sticky z-10 bg-white dark:bg-[#121212] pt-2' : 'contents'\"\n      :style=\"stickyMobileToolbar ? { top: `${stickyHeaderOffset ?? 0}px` } : undefined\"\n      data-id=\"table-mobile-toolbar-sticky\"\n    >\n      <RuiTablePagination\n        v-if=\"paginationData && !hideDefaultHeader\"\n        v-model=\"paginationData\"\n        :dense=\"dense\"\n        :loading=\"loading\"\n        :mobile=\"isMobile\"\n        :disable-per-page=\"disablePerPage\"\n        :ranges-threshold=\"rangesThreshold\"\n        data-id=\"table-pagination\"\n        @update:model-value=\"onPaginate()\"\n      />\n      <div\n        v-if=\"showMobileSort\"\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      data-id=\"table-scroller\"\n    >\n      <table\n        ref=\"table\"\n        :class=\"ui.table()\"\n        :aria-busy=\"loading\"\n      >\n        <RuiTableHead\n          v-if=\"!isMobile\"\n          :loading=\"loading\"\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=\"loading\"\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        >\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['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          <!-- 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    <RuiTablePagination\n      v-if=\"paginationData && !hideDefaultFooter\"\n      v-model=\"paginationData\"\n      :dense=\"dense\"\n      :loading=\"loading\"\n      :mobile=\"isMobile\"\n      :disable-per-page=\"disablePerPage\"\n      :ranges-threshold=\"rangesThreshold\"\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.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import RuiIcon_default from "../icons/RuiIcon.js";
 import RuiButton_default from "../buttons/button/RuiButton.js";
 import { createBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, withCtx } from "vue";
 //#region src/components/tables/RuiExpandButton.vue?vue&type=script&setup=true&lang.ts
-var RuiExpandButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RuiExpandButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "RuiExpandButton",
 	props: {

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"],"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\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-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":";;;;;;;;;;;;;uBAsBE,YAgBY,mBAhBZ,WAgBY;IAfV,OAAM;IACL,iBAAe,QAAA;IAChB,WAAQ;IACR,MAAA;IACA,MAAK;IACL,SAAQ;MACAA,KAAAA,OAAM,EAAA;2BAQP,CANP,WAMO,KAAA,QAAA,WAAA,EAAA,QAAA,CALL,YAIE,iBAAA;KAHA,OAAK,eAAA,CAAC,cAAY,EAAA,cACM,QAAA,UAAQ,CAAA,CAAA;KAC/B,MAAM,QAAA"}
+{"version":3,"file":"RuiExpandButton.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"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\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-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":";;;;;;;;;;;;;uBAsBE,YAgBY,mBAhBZ,WAgBY;IAfV,OAAM;IACL,iBAAe,QAAA;IAChB,WAAQ;IACR,MAAA;IACA,MAAK;IACL,SAAQ;MACAA,KAAAA,MAAM,GAAA;2BAQP,CANP,WAMO,KAAA,QAAA,WAAA,CAAA,SAAA,CALL,YAIE,iBAAA;KAHA,OAAK,eAAA,CAAC,cAAY,EAAA,cACM,QAAA,SAAQ,CAAA,CAAA;KAC/B,MAAM,QAAA"}

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

@@ -5,7 +5,7 @@ import table_no_data_placeholder_dark_default from "./table_no_data_placeholder_
 import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region src/components/tables/RuiTableEmptyState.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src", "alt"];
-var RuiTableEmptyState_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RuiTableEmptyState_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "RuiTableEmptyState",
 	__name: "RuiTableEmptyState",
 	props: {

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":[],"sources":["../../../src/components/tables/RuiTableEmptyState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useRotkiTheme } from '@/composables/theme';\nimport { tv } from '@/utils/tv';\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\ndefineOptions({\n  name: 'RuiTableEmptyState',\n});\n\nconst { label, description } = defineProps<TableEmptyStateProps>();\n\ndefineSlots<{\n  description?: () => any;\n}>();\n\nconst { isDark } = useRotkiTheme();\n\nconst emptyStyles = tv({\n  slots: {\n    root: 'flex flex-col gap-3 items-center justify-center flex-1 min-h-56 my-4',\n    title: 'text-body-1 leading-none font-bold text-center text-current pb-0 mb-0',\n    subtitle: 'text-body-2 text-center text-rui-text-secondary pb-0 mb-0',\n  },\n});\n\nconst ui = emptyStyles();\n</script>\n\n<template>\n  <div :class=\"ui.root()\">\n    <img\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":";;;;;;;;;;;;;;;EAqBA,MAAM,EAAE,WAAW,eAAe;EAUlC,MAAM,KARc,GAAG,EACrB,OAAO;GACL,MAAM;GACN,OAAO;GACP,UAAU;GACX,EACF,CAAC,EAEsB;;uBAItB,mBAsBM,OAAA,EAtBA,OAAK,eAAE,MAAA,GAAE,CAAC,MAAI,CAAA,EAAA,EAAA;IAClB,mBAIE,OAAA;KAHC,KAAK,MAAA,OAAM,GAAG,MAAA,uCAAqB,GAAG,MAAA,kCAAiB;KACvD,KAAK,QAAA;KACN,OAAM;;IAGA,QAAA,SAAA,WAAA,EADR,mBAMI,KAAA;;KAJD,OAAK,eAAE,MAAA,GAAE,CAAC,OAAK,CAAA;KAChB,WAAQ;uBAEL,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAEV,WAQO,KAAA,QAAA,eAAA,EAAA,QAAA,CANG,QAAA,eAAA,WAAA,EADR,mBAMI,KAAA;;KAJD,OAAK,eAAE,MAAA,GAAE,CAAC,UAAQ,CAAA;KACnB,WAAQ;uBAEL,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tables/RuiTableEmptyState.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useRotkiTheme } from '@/composables/theme';\nimport { tv } from '@/utils/tv';\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\ndefineOptions({\n  name: 'RuiTableEmptyState',\n});\n\nconst { label, description } = defineProps<TableEmptyStateProps>();\n\ndefineSlots<{\n  description?: () => any;\n}>();\n\nconst { isDark } = useRotkiTheme();\n\nconst emptyStyles = tv({\n  slots: {\n    root: 'flex flex-col gap-3 items-center justify-center flex-1 min-h-56 my-4',\n    title: 'text-body-1 leading-none font-bold text-center text-current pb-0 mb-0',\n    subtitle: 'text-body-2 text-center text-rui-text-secondary pb-0 mb-0',\n  },\n});\n\nconst ui = emptyStyles();\n</script>\n\n<template>\n  <div :class=\"ui.root()\">\n    <img\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":";;;;;;;;;;;;;;;EAqBA,MAAM,EAAE,WAAW,cAAc;EAUjC,MAAM,KARc,GAAG,EACrB,OAAO;GACL,MAAM;GACN,OAAO;GACP,UAAU;EACZ,EACF,CAEW,CAAA,CAAY;;uBAIrB,mBAsBM,OAAA,EAtBA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,KAAI,CAAA,EAAA,GAAA;IAClB,mBAIE,OAAA;KAHC,KAAK,MAAA,MAAA,IAAS,MAAA,sCAAA,IAAwB,MAAA,iCAAA;KACtC,KAAK,QAAA;KACN,OAAM;;IAGA,QAAA,SAAA,UAAA,GADR,mBAMI,KAAA;;KAJD,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAK,CAAA;KAChB,WAAQ;uBAEL,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEV,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CANG,QAAA,eAAA,UAAA,GADR,mBAMI,KAAA;;KAJD,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,SAAQ,CAAA;KACnB,WAAQ;uBAEL,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"RuiTableHead.js","names":[],"sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiBadge from '@/components/overlays/badge/RuiBadge.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { getAlignClass, getSortButtonAlignClass, SortDirection, TableAlign } from '@/components/tables/table-props';\nimport { tv } from '@/utils/tv';\n\n/**\n * Represents a sortable column name for a given type.\n * The column name must be a key of the passed data object type.\n * @template T - The type of the data in the column.\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  colspan?: string | number;\n  rowspan?: string | number;\n\n  [key: string]: any;\n}\n\n/**\n * Represents a sortable table column.\n * This is used to ensure that when using sortable with a true value,\n * the key matches to an actual property of the object passed.\n *\n * @template T - The type of data in the table column.\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  noData?: 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 tableHeadStyles = tv({\n  slots: {\n    thead: 'divide-y divide-black/[0.12] dark:divide-white/[0.12]',\n    checkbox: 'px-2 w-[3.625rem] max-w-[3.625rem] [&_label]:ml-0',\n    th: 'p-4',\n    columnText: 'text-rui-text dark:text-white font-medium text-[0.875rem] leading-6',\n    sortButton: 'inline-flex group/sort',\n    sortIcon: 'transition opacity-0 rotate-180 group-hover/sort:opacity-60',\n    loaderRow: 'border-none',\n    progress: 'p-0 h-0',\n    progressWrapper: 'h-0 -mt-1',\n  },\n  variants: {\n    position: {\n      default: {},\n      sticky: { thead: 'top-0 z-10 absolute' },\n      fixed: {\n        thead: 'top-0 z-10 fixed',\n        th: 'bg-white dark:bg-[#121212] border-b border-b-black/[0.12] dark:border-b-white/[0.12]',\n      },\n    },\n    dense: {\n      true: { th: 'py-[0.38rem]' },\n    },\n  },\n  defaultVariants: {\n    position: 'default',\n  },\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\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\nfunction getSortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key]?.direction;\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          hide-details\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, column.sortable) }),\n          column.class,\n          { capitalize: !capitalizeHeaders },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiBadge\n            v-if=\"column.sortable\"\n            :model-value=\"getSortIndex(column.key) >= 0\"\n            :text=\"`${getSortIndex(column.key) + 1}`\"\n            :offset-y=\"dense ? 8 : 0\"\n            color=\"secondary\"\n            size=\"sm\"\n          >\n            <RuiButton\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=\"ui.columnText()\"\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                <RuiIcon\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n\n              <template #append>\n                <RuiIcon\n                  v-if=\"column.align !== TableAlign.end\"\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n            </RuiButton>\n          </RuiBadge>\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              {{ column[columnAttr] }}\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      v-if=\"loading\"\n      :class=\"ui.loaderRow()\"\n      data-id=\"thead-loader\"\n    >\n      <th\n        :class=\"ui.progress()\"\n        :colspan=\"colspan\"\n        scope=\"col\"\n      >\n        <div :class=\"ui.progressWrapper()\">\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </th>\n    </tr>\n  </thead>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiTableHead.js","names":[],"sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiBadge from '@/components/overlays/badge/RuiBadge.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { getAlignClass, getSortButtonAlignClass, SortDirection, TableAlign } from '@/components/tables/table-props';\nimport { tv } from '@/utils/tv';\n\n/**\n * Represents a sortable column name for a given type.\n * The column name must be a key of the passed data object type.\n * @template T - The type of the data in the column.\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 * Represents a sortable table column.\n * This is used to ensure that when using sortable with a true value,\n * the key matches to an actual property of the object passed.\n *\n * @template T - The type of data in the table column.\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 tableHeadStyles = tv({\n  slots: {\n    thead: 'divide-y divide-black/[0.12] dark:divide-white/[0.12]',\n    checkbox: 'px-2 w-[3.625rem] max-w-[3.625rem] [&_label]:ml-0',\n    th: 'p-4',\n    columnText: 'text-rui-text dark:text-white font-medium text-[0.875rem] leading-6',\n    sortButton: 'inline-flex group/sort',\n    sortIcon: 'transition opacity-0 rotate-180 group-hover/sort:opacity-60',\n    loaderRow: 'border-none',\n    progress: 'p-0 h-0',\n    progressWrapper: 'h-0 -mt-1',\n  },\n  variants: {\n    position: {\n      default: {},\n      sticky: { thead: 'top-0 z-10 absolute' },\n      fixed: {\n        thead: 'top-0 z-10 fixed',\n        th: 'bg-white dark:bg-[#121212] border-b border-b-black/[0.12] dark:border-b-white/[0.12]',\n      },\n    },\n    dense: {\n      true: { th: 'py-[0.38rem]' },\n    },\n  },\n  defaultVariants: {\n    position: 'default',\n  },\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\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\nfunction getSortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key]?.direction;\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          hide-details\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, column.sortable) }),\n          column.class,\n          { capitalize: !capitalizeHeaders },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiBadge\n            v-if=\"column.sortable\"\n            :model-value=\"getSortIndex(column.key) >= 0\"\n            :text=\"`${getSortIndex(column.key) + 1}`\"\n            :offset-y=\"dense ? 8 : 0\"\n            color=\"secondary\"\n            size=\"sm\"\n          >\n            <RuiButton\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=\"ui.columnText()\"\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                <RuiIcon\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n\n              <template #append>\n                <RuiIcon\n                  v-if=\"column.align !== TableAlign.end\"\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n            </RuiButton>\n          </RuiBadge>\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              {{ column[columnAttr] }}\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      v-if=\"loading\"\n      :class=\"ui.loaderRow()\"\n      data-id=\"thead-loader\"\n    >\n      <th\n        :class=\"ui.progress()\"\n        :colspan=\"colspan\"\n        scope=\"col\"\n      >\n        <div :class=\"ui.progressWrapper()\">\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </th>\n    </tr>\n  </thead>\n</template>\n"],"mappings":""}

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

@@ -12,8 +12,19 @@ export interface BaseTableColumn<T> {
     align?: TableAlign;
     class?: string;
     cellClass?: string;
+    tdClass?: string;
     colspan?: string | number;
     rowspan?: string | number;
+    /**
+     * hide this column when the table is rendered in its stacked mobile layout
+     */
+    mobileHidden?: boolean;
+    /**
+     * pin this column to the card header (top row) in the stacked mobile layout
+     * instead of rendering it as a label/value pair. Intended for action columns
+     * such as an overflow menu. Ignored on non-mobile layouts.
+     */
+    mobileHeader?: boolean;
     [key: string]: any;
 }
 /**
@@ -54,7 +65,6 @@ export interface Props<T> {
     stick?: boolean;
     selectable?: boolean;
     disableCheckAll?: boolean;
-    noData?: boolean;
     colspan?: number;
     columns?: TableColumn<T>[];
     capitalizeHeaders?: boolean;

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

@@ -15,7 +15,7 @@ var _hoisted_2 = [
 	"data-id"
 ];
 var _hoisted_3 = ["colspan"];
-var RuiTableHead_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RuiTableHead_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RuiTableHead",
 	props: {
 		loading: {
@@ -38,7 +38,6 @@ var RuiTableHead_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			type: Boolean,
 			default: false
 		},
-		noData: { type: Boolean },
 		colspan: { default: 0 },
 		columns: {},
 		capitalizeHeaders: {

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

@@ -1 +1 @@
-{"version":3,"file":"RuiTableHead.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiBadge from '@/components/overlays/badge/RuiBadge.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { getAlignClass, getSortButtonAlignClass, SortDirection, TableAlign } from '@/components/tables/table-props';\nimport { tv } from '@/utils/tv';\n\n/**\n * Represents a sortable column name for a given type.\n * The column name must be a key of the passed data object type.\n * @template T - The type of the data in the column.\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  colspan?: string | number;\n  rowspan?: string | number;\n\n  [key: string]: any;\n}\n\n/**\n * Represents a sortable table column.\n * This is used to ensure that when using sortable with a true value,\n * the key matches to an actual property of the object passed.\n *\n * @template T - The type of data in the table column.\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  noData?: 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 tableHeadStyles = tv({\n  slots: {\n    thead: 'divide-y divide-black/[0.12] dark:divide-white/[0.12]',\n    checkbox: 'px-2 w-[3.625rem] max-w-[3.625rem] [&_label]:ml-0',\n    th: 'p-4',\n    columnText: 'text-rui-text dark:text-white font-medium text-[0.875rem] leading-6',\n    sortButton: 'inline-flex group/sort',\n    sortIcon: 'transition opacity-0 rotate-180 group-hover/sort:opacity-60',\n    loaderRow: 'border-none',\n    progress: 'p-0 h-0',\n    progressWrapper: 'h-0 -mt-1',\n  },\n  variants: {\n    position: {\n      default: {},\n      sticky: { thead: 'top-0 z-10 absolute' },\n      fixed: {\n        thead: 'top-0 z-10 fixed',\n        th: 'bg-white dark:bg-[#121212] border-b border-b-black/[0.12] dark:border-b-white/[0.12]',\n      },\n    },\n    dense: {\n      true: { th: 'py-[0.38rem]' },\n    },\n  },\n  defaultVariants: {\n    position: 'default',\n  },\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\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\nfunction getSortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key]?.direction;\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          hide-details\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, column.sortable) }),\n          column.class,\n          { capitalize: !capitalizeHeaders },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiBadge\n            v-if=\"column.sortable\"\n            :model-value=\"getSortIndex(column.key) >= 0\"\n            :text=\"`${getSortIndex(column.key) + 1}`\"\n            :offset-y=\"dense ? 8 : 0\"\n            color=\"secondary\"\n            size=\"sm\"\n          >\n            <RuiButton\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=\"ui.columnText()\"\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                <RuiIcon\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n\n              <template #append>\n                <RuiIcon\n                  v-if=\"column.align !== TableAlign.end\"\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n            </RuiButton>\n          </RuiBadge>\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              {{ column[columnAttr] }}\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      v-if=\"loading\"\n      :class=\"ui.loaderRow()\"\n      data-id=\"thead-loader\"\n    >\n      <th\n        :class=\"ui.progress()\"\n        :colspan=\"colspan\"\n        scope=\"col\"\n      >\n        <div :class=\"ui.progressWrapper()\">\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </th>\n    </tr>\n  </thead>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2GA,MAAM,OAAO;EAKb,MAAM,kBAAkB,GAAG;GACzB,OAAO;IACL,OAAO;IACP,UAAU;IACV,IAAI;IACJ,YAAY;IACZ,YAAY;IACZ,UAAU;IACV,WAAW;IACX,UAAU;IACV,iBAAiB;IAClB;GACD,UAAU;IACR,UAAU;KACR,SAAS,EAAE;KACX,QAAQ,EAAE,OAAO,uBAAuB;KACxC,OAAO;MACL,OAAO;MACP,IAAI;;KAEP;IACD,OAAO,EACL,MAAM,EAAE,IAAI,gBAAgB,EAAA;IAE/B;GACD,iBAAiB,EACf,UAAU,WAAA;GAEb,CAAC;EAEF,MAAM,iBAAiB,eAA+C;AACpE,OAAI,QAAA,gBAAgB,QAAA,MAClB,QAAO;AACT,OAAI,QAAA,aACF,QAAO;AACT,UAAO;IACP;EAEF,MAAM,KAAK,eAAmD,gBAAgB;GAC5E,UAAU,IAAI,eAAe;GAC7B,OAAI,QAAA;GACL,CAAC,CAAC;EAEH,SAAS,iBAAiB,KAAgD;AACxE,OAAI,CAAC,WAAW,IAAI,CAClB,QAAO,KAAA;AAET,UAAO,gBADW,iBAAiB,IAAI,KACF,cAAc,MAAM,gBAAgB;;EAG3E,SAAS,OAAO,EAAE,KAAK,aAAmC;AACxD,UAAO,KAAK,QAAQ;IACb;IACL,WAAW,aAAa,cAAc;IACvC,CAAC;;EAGJ,SAAS,YAAY,SAAkB;AACrC,UAAO,KAAK,cAAc,QAAQ;;EAGpC,SAAS,WAAW,KAAqC;AACvD,UAAO,OAAO,QAAA;;EAGhB,SAAS,aAAa,KAAoC;AACxD,OAAI,CAAC,QAAA,YAAY,CAAC,MAAM,QAAQ,QAAA,SAAS,IAAI,CAAC,WAAW,IAAI,CAC3D,QAAO;AAET,UAAO,QAAA,SAAS,WAAU,SAAQ,KAAK,WAAW,IAAI;;EAGxD,SAAS,iBAAiB,KAAuD;AAC/E,UAAO,QAAA,UAAU,MAAM;;;uBAKvB,mBA2HQ,SAAA;IA1HL,WAAS,QAAA;IACT,OAAK,eAAE,MAAA,GAAE,CAAC,OAAK,CAAA;OAEhB,mBAoGK,MAAA,MAAA,CAlGK,QAAA,cAAA,WAAA,EADR,mBAiBK,MAAA;;IAfF,OAAK,eAAE,MAAA,GAAE,CAAC,UAAQ,CAAA;IACnB,OAAM;IACN,SAAQ;IACR,SAAQ;OAER,YASE,qBAAA;IARC,UAAU,QAAA;IACV,eAAe,QAAA;IACf,eAAa,QAAA;IACb,MAAM,QAAA,QAAK,OAAU,KAAA;IACtB,OAAM;IACN,WAAQ;IACR,gBAAA;IACC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,YAAY,OAAM;;;;;;8DAI3C,mBA+EK,UAAA,MAAA,WA9Ec,QAAA,UAAV,WAAM;wBADf,mBA+EK,MAAA;KA7EF,KAAK,OAAO;KACZ,OAAK,eAAA;MAAc,MAAA,GAAE,CAAC,GAAE,EAAA,OAAU,MAAA,cAAa,CAAC,OAAO,OAAO,OAAO,SAAQ,EAAA,CAAA;MAAgB,OAAO;qBAAgC,QAAA,mBAAA;;KAKrI,OAAM;KACL,SAAS,OAAO,WAAO;KACvB,SAAS,OAAO,WAAO;KACvB,WAAS,OAAO,WAAQ,oBAAuB,KAAA;QAEhD,WAiEO,KAAA,QAAA,UA/DY,OAAO,IAAI,UAAQ,IAAA,EAD3B,QAAM,QAgEV,CA5DG,OAAO,YAAA,WAAA,EADf,YAgDW,kBAAA;;KA9CR,eAAa,aAAa,OAAO,IAAG,IAAA;KACpC,MAAI,GAAK,aAAa,OAAO,IAAG,GAAA;KAChC,YAAU,QAAA,QAAK,IAAA;KAChB,OAAM;KACN,MAAK;;4BAyCO,CAvCZ,YAuCY,mBAAA;MAtCT,OAAK,eAAE,MAAA,GAAE,CAAC,WAAU,EAAA,OAAU,MAAA,wBAAuB,CAAC,OAAO,MAAK,EAAA,CAAA,CAAA;MAClE,eAAa,WAAW,OAAO,IAAG,IAAK,KAAA;MACvC,kBAAgB,iBAAiB,OAAO,IAAG;MAC5C,MAAK;MACL,SAAQ;MACP,UAAK,WAAE,OAAO,OAAA;;MAyBJ,QAAM,cAMb,CAJM,OAAO,UAAU,MAAA,WAAU,CAAC,OAAA,WAAA,EADpC,YAKE,iBAAA;;OAHC,OAAK,eAAE,MAAA,GAAE,CAAC,SAAQ,EAAA,OAAU,iBAAiB,OAAO,IAAG,EAAA,CAAA,CAAA;OACxD,MAAK;OACL,MAAK;;6BAlBF,CAVP,mBAUO,QAAA;OATJ,OAAK,eAAE,MAAA,GAAE,CAAC,YAAU,CAAA;OACrB,WAAQ;UAER,WAKO,KAAA,QAAA,eAJiB,OAAO,IAAI,UAAQ,IAAA,EAChC,QAAM,QAGV,CAAA,gBAAA,gBADF,OAAO,QAAA,YAAU,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;SAKhB,OAAO,UAAU,MAAA,WAAU,CAAC,MAAA;YACjC;wBAMC,CAJF,YAIE,iBAAA;OAHC,OAAK,eAAE,MAAA,GAAE,CAAC,SAAQ,EAAA,OAAU,iBAAiB,OAAO,IAAG,EAAA,CAAA,CAAA;OACxD,MAAK;OACL,MAAK;;;;;;;;;;;;;;wBAcb,mBAWO,QAAA;;KATJ,OAAK,eAAE,MAAA,GAAE,CAAC,YAAU,CAAA;KACrB,WAAQ;QAER,WAKO,KAAA,QAAA,eAJiB,OAAO,IAAI,UAAQ,IAAA,EAChC,QAAM,QAGV,CAAA,gBAAA,gBADF,OAAO,QAAA,YAAU,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA;gBAOtB,QAAA,WAAA,WAAA,EADR,mBAiBK,MAAA;;IAfF,OAAK,eAAE,MAAA,GAAE,CAAC,WAAS,CAAA;IACpB,WAAQ;OAER,mBAWK,MAAA;IAVF,OAAK,eAAE,MAAA,GAAE,CAAC,UAAQ,CAAA;IAClB,SAAS,QAAA;IACV,OAAM;OAEN,mBAKM,OAAA,EALA,OAAK,eAAE,MAAA,GAAE,CAAC,iBAAe,CAAA,EAAA,EAAA,CAC7B,YAGE,qBAAA;IAFA,OAAM;IACN,SAAQ"}
+{"version":3,"file":"RuiTableHead.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tables/RuiTableHead.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object, K extends keyof T = keyof T\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiBadge from '@/components/overlays/badge/RuiBadge.vue';\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { getAlignClass, getSortButtonAlignClass, SortDirection, TableAlign } from '@/components/tables/table-props';\nimport { tv } from '@/utils/tv';\n\n/**\n * Represents a sortable column name for a given type.\n * The column name must be a key of the passed data object type.\n * @template T - The type of the data in the column.\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 * Represents a sortable table column.\n * This is used to ensure that when using sortable with a true value,\n * the key matches to an actual property of the object passed.\n *\n * @template T - The type of data in the table column.\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 tableHeadStyles = tv({\n  slots: {\n    thead: 'divide-y divide-black/[0.12] dark:divide-white/[0.12]',\n    checkbox: 'px-2 w-[3.625rem] max-w-[3.625rem] [&_label]:ml-0',\n    th: 'p-4',\n    columnText: 'text-rui-text dark:text-white font-medium text-[0.875rem] leading-6',\n    sortButton: 'inline-flex group/sort',\n    sortIcon: 'transition opacity-0 rotate-180 group-hover/sort:opacity-60',\n    loaderRow: 'border-none',\n    progress: 'p-0 h-0',\n    progressWrapper: 'h-0 -mt-1',\n  },\n  variants: {\n    position: {\n      default: {},\n      sticky: { thead: 'top-0 z-10 absolute' },\n      fixed: {\n        thead: 'top-0 z-10 fixed',\n        th: 'bg-white dark:bg-[#121212] border-b border-b-black/[0.12] dark:border-b-white/[0.12]',\n      },\n    },\n    dense: {\n      true: { th: 'py-[0.38rem]' },\n    },\n  },\n  defaultVariants: {\n    position: 'default',\n  },\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\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\nfunction getSortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key]?.direction;\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          hide-details\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, column.sortable) }),\n          column.class,\n          { capitalize: !capitalizeHeaders },\n        ]\"\n        scope=\"col\"\n        :colspan=\"column.colspan ?? 1\"\n        :rowspan=\"column.rowspan ?? 1\"\n        :data-id=\"column.sortable ? 'column-sortable' : undefined\"\n      >\n        <slot\n          :column=\"column\"\n          :name=\"`header.${column.key.toString()}`\"\n        >\n          <RuiBadge\n            v-if=\"column.sortable\"\n            :model-value=\"getSortIndex(column.key) >= 0\"\n            :text=\"`${getSortIndex(column.key) + 1}`\"\n            :offset-y=\"dense ? 8 : 0\"\n            color=\"secondary\"\n            size=\"sm\"\n          >\n            <RuiButton\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=\"ui.columnText()\"\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                <RuiIcon\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n\n              <template #append>\n                <RuiIcon\n                  v-if=\"column.align !== TableAlign.end\"\n                  :class=\"ui.sortIcon({ class: getSortIconClass(column.key) })\"\n                  name=\"lu-arrow-down\"\n                  size=\"18\"\n                />\n              </template>\n            </RuiButton>\n          </RuiBadge>\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              {{ column[columnAttr] }}\n            </slot>\n          </span>\n        </slot>\n      </th>\n    </tr>\n    <tr\n      v-if=\"loading\"\n      :class=\"ui.loaderRow()\"\n      data-id=\"thead-loader\"\n    >\n      <th\n        :class=\"ui.progress()\"\n        :colspan=\"colspan\"\n        scope=\"col\"\n      >\n        <div :class=\"ui.progressWrapper()\">\n          <RuiProgress\n            color=\"primary\"\n            variant=\"indeterminate\"\n          />\n        </div>\n      </th>\n    </tr>\n  </thead>\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"RuiTablePagination.js","names":[],"sources":["../../../src/components/tables/RuiTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiMenuSelect from '@/components/forms/select/RuiMenuSelect.vue';\nimport RuiTextField from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { type TablePaginationData, usePaginationNavigation } from '@/components/tables/use-pagination-navigation';\nimport { useTable } from '@/composables/defaults/table';\nimport { tv } from '@/utils/tv';\n\nexport type { TablePaginationData };\n\nexport interface Props {\n  dense?: boolean;\n  disablePerPage?: boolean;\n  loading?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced\n   * with a numeric input. Set to `0` to always use the input, or a very\n   * large number to always use the dropdown. Defaults to `500` — past that\n   * materialising the full range list stalls the main thread.\n   */\n  rangesThreshold?: number;\n}\n\nconst modelValue = defineModel<TablePaginationData>({ required: true });\n\nconst {\n  dense = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n} = defineProps<Props>();\n\nconst paginationStyles = tv({\n  slots: {\n    wrapper: 'relative flex flex-wrap items-center justify-end gap-x-4 gap-y-0',\n    limit: 'flex items-center space-x-2 text-caption',\n    ranges: 'flex items-center space-x-2 text-caption pr-2',\n    pageInput: 'w-14 [&_input]:text-center',\n    sectionLabel: 'text-rui-text-secondary whitespace-nowrap py-3',\n    indicator: 'text-rui-text text-caption whitespace-nowrap',\n    navigation: 'flex items-center',\n  },\n  variants: {\n    dense: {\n      true: {\n        wrapper: 'gap-x-2',\n      },\n    },\n  },\n});\n\nconst ui = computed<ReturnType<typeof paginationStyles>>(() => paginationStyles({ dense }));\n\nconst tableDefaults = useTable();\n\nconst {\n  limits,\n  currentLimit,\n  pages,\n  ranges,\n  indicatorText,\n  currentRange,\n  useInputJump,\n  hasPrev,\n  hasNext,\n  onPrev,\n  onNext,\n  onFirst,\n  onLast,\n} = usePaginationNavigation(modelValue, tableDefaults, () => rangesThreshold);\n\nconst pageDraft = ref<string>(String(get(currentRange)));\n\nwatch(currentRange, (value) => {\n  set(pageDraft, String(value));\n});\n\nfunction commitPageInput(): void {\n  const parsed = Number.parseInt(get(pageDraft), 10);\n  const maxPage = get(pages);\n  if (!Number.isFinite(parsed) || maxPage === 0) {\n    set(pageDraft, String(get(currentRange)));\n    return;\n  }\n  const clamped = Math.min(Math.max(parsed, 1), maxPage);\n  if (clamped !== get(currentRange))\n    set(currentRange, clamped);\n  set(pageDraft, String(clamped));\n}\n</script>\n\n<template>\n  <div :class=\"ui.wrapper()\">\n    <div\n      :class=\"ui.limit()\"\n      data-id=\"table-pagination-limit-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">Rows per page:</span>\n      <RuiMenuSelect\n        v-model=\"currentLimit\"\n        :options=\"limits\"\n        :disabled=\"loading || disablePerPage\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"limit\"\n        key-attr=\"limit\"\n        text-attr=\"limit\"\n        hide-details\n        dense\n        data-id=\"table-pagination-limit\"\n      />\n    </div>\n    <div\n      :class=\"ui.ranges()\"\n      data-id=\"table-pagination-ranges-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">{{ useInputJump ? 'Page' : 'Items #' }}</span>\n      <RuiTextField\n        v-if=\"useInputJump\"\n        v-model=\"pageDraft\"\n        :disabled=\"loading\"\n        :class=\"[ui.pageInput()]\"\n        class=\"[&_input]:!pr-0\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pages\"\n        inputmode=\"numeric\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges-input\"\n        @blur=\"commitPageInput()\"\n        @keydown.enter=\"commitPageInput()\"\n      />\n      <RuiMenuSelect\n        v-else-if=\"ranges.length > 0\"\n        v-model=\"currentRange\"\n        :options=\"ranges\"\n        :disabled=\"loading\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"ranges\"\n        key-attr=\"page\"\n        text-attr=\"text\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges\"\n      />\n      <span :class=\"ui.indicator()\">\n        {{ indicatorText }}\n      </span>\n    </div>\n    <div\n      :class=\"ui.navigation()\"\n      data-id=\"table-pagination-navigation\"\n    >\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-first\"\n        @click=\"onFirst()\"\n      >\n        <RuiIcon name=\"lu-chevrons-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-prev\"\n        @click=\"onPrev()\"\n      >\n        <RuiIcon name=\"lu-chevron-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-next\"\n        @click=\"onNext()\"\n      >\n        <RuiIcon name=\"lu-chevron-right\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-last\"\n        @click=\"onLast()\"\n      >\n        <RuiIcon name=\"lu-chevrons-right\" />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RuiTablePagination.js","names":[],"sources":["../../../src/components/tables/RuiTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiMenuSelect from '@/components/forms/select/RuiMenuSelect.vue';\nimport RuiTextField from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { type TablePaginationData, usePaginationNavigation } from '@/components/tables/use-pagination-navigation';\nimport { useTable } from '@/composables/defaults/table';\nimport { tv } from '@/utils/tv';\n\nexport type { TablePaginationData };\n\nexport interface Props {\n  dense?: boolean;\n  disablePerPage?: boolean;\n  loading?: boolean;\n  /**\n   * Render a compact, touch-friendly layout: the sections spread across the\n   * full width and the first/last jump buttons are dropped to save space.\n   */\n  mobile?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced\n   * with a numeric input. Set to `0` to always use the input, or a very\n   * large number to always use the dropdown. Defaults to `500` — past that\n   * materialising the full range list stalls the main thread.\n   */\n  rangesThreshold?: number;\n}\n\nconst modelValue = defineModel<TablePaginationData>({ required: true });\n\nconst {\n  dense = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  mobile = false,\n} = defineProps<Props>();\n\nconst paginationStyles = tv({\n  slots: {\n    wrapper: 'relative flex flex-wrap items-center justify-end gap-x-4 gap-y-0',\n    limit: 'flex items-center space-x-2 text-caption',\n    ranges: 'flex items-center space-x-2 text-caption pr-2',\n    pageInput: 'w-14 [&_input]:text-center',\n    sectionLabel: 'text-rui-text-secondary whitespace-nowrap py-3',\n    indicator: 'text-rui-text text-caption whitespace-nowrap',\n    navigation: 'flex items-center',\n  },\n  variants: {\n    dense: {\n      true: {\n        wrapper: 'gap-x-2',\n      },\n    },\n    mobile: {\n      true: {\n        wrapper: 'flex-nowrap justify-between gap-x-2 gap-y-0',\n        ranges: 'pr-0',\n        sectionLabel: 'hidden',\n      },\n    },\n  },\n});\n\nconst ui = computed<ReturnType<typeof paginationStyles>>(() => paginationStyles({ dense, mobile }));\n\nconst tableDefaults = useTable();\n\nconst {\n  limits,\n  currentLimit,\n  pages,\n  ranges,\n  indicatorText,\n  currentRange,\n  useInputJump,\n  hasPrev,\n  hasNext,\n  onPrev,\n  onNext,\n  onFirst,\n  onLast,\n} = usePaginationNavigation(modelValue, tableDefaults, () => rangesThreshold);\n\nconst pageDraft = ref<string>(String(get(currentRange)));\n\nwatch(currentRange, (value) => {\n  set(pageDraft, String(value));\n});\n\nfunction commitPageInput(): void {\n  const parsed = Number.parseInt(get(pageDraft), 10);\n  const maxPage = get(pages);\n  if (!Number.isFinite(parsed) || maxPage === 0) {\n    set(pageDraft, String(get(currentRange)));\n    return;\n  }\n  const clamped = Math.min(Math.max(parsed, 1), maxPage);\n  if (clamped !== get(currentRange))\n    set(currentRange, clamped);\n  set(pageDraft, String(clamped));\n}\n</script>\n\n<template>\n  <div :class=\"ui.wrapper()\">\n    <div\n      :class=\"ui.limit()\"\n      data-id=\"table-pagination-limit-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">Rows per page:</span>\n      <RuiMenuSelect\n        v-model=\"currentLimit\"\n        :options=\"limits\"\n        :disabled=\"loading || disablePerPage\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"limit\"\n        key-attr=\"limit\"\n        text-attr=\"limit\"\n        hide-details\n        dense\n        data-id=\"table-pagination-limit\"\n      />\n    </div>\n    <div\n      :class=\"ui.ranges()\"\n      data-id=\"table-pagination-ranges-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">{{ useInputJump ? 'Page' : 'Items #' }}</span>\n      <RuiTextField\n        v-if=\"useInputJump\"\n        v-model=\"pageDraft\"\n        :disabled=\"loading\"\n        :class=\"[ui.pageInput()]\"\n        class=\"[&_input]:!pr-0\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pages\"\n        inputmode=\"numeric\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges-input\"\n        @blur=\"commitPageInput()\"\n        @keydown.enter=\"commitPageInput()\"\n      />\n      <RuiMenuSelect\n        v-else-if=\"ranges.length > 0\"\n        v-model=\"currentRange\"\n        :options=\"ranges\"\n        :disabled=\"loading\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"ranges\"\n        key-attr=\"page\"\n        text-attr=\"text\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges\"\n      />\n      <span :class=\"ui.indicator()\">\n        {{ indicatorText }}\n      </span>\n    </div>\n    <div\n      :class=\"ui.navigation()\"\n      data-id=\"table-pagination-navigation\"\n    >\n      <RuiButton\n        v-if=\"!mobile\"\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-first\"\n        @click=\"onFirst()\"\n      >\n        <RuiIcon name=\"lu-chevrons-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-prev\"\n        @click=\"onPrev()\"\n      >\n        <RuiIcon name=\"lu-chevron-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-next\"\n        @click=\"onNext()\"\n      >\n        <RuiIcon name=\"lu-chevron-right\" />\n      </RuiButton>\n      <RuiButton\n        v-if=\"!mobile\"\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-last\"\n        @click=\"onLast()\"\n      >\n        <RuiIcon name=\"lu-chevrons-right\" />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -4,6 +4,11 @@ export interface Props {
     dense?: boolean;
     disablePerPage?: boolean;
     loading?: boolean;
+    /**
+     * Render a compact, touch-friendly layout: the sections spread across the
+     * full width and the first/last jump buttons are dropped to save space.
+     */
+    mobile?: boolean;
     /**
      * Maximum number of pages before the jump-to-page dropdown is replaced
      * with a numeric input. Set to `0` to always use the input, or a very

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

@@ -8,9 +8,9 @@ import { usePaginationNavigation } from "./use-pagination-navigation.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeModels, normalizeClass, openBlock, ref, toDisplayString, unref, useModel, watch, withCtx, withKeys } from "vue";
 import { get, set } from "@vueuse/shared";
 //#region src/components/tables/RuiTablePagination.vue?vue&type=script&setup=true&lang.ts
-var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RuiTablePagination",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		dense: {
 			type: Boolean,
 			default: false
@@ -23,6 +23,10 @@ var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 			type: Boolean,
 			default: false
 		},
+		mobile: {
+			type: Boolean,
+			default: false
+		},
 		rangesThreshold: { default: 500 }
 	}, {
 		"modelValue": { required: true },
@@ -41,9 +45,19 @@ var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 				indicator: "text-rui-text text-caption whitespace-nowrap",
 				navigation: "flex items-center"
 			},
-			variants: { dense: { true: { wrapper: "gap-x-2" } } }
+			variants: {
+				dense: { true: { wrapper: "gap-x-2" } },
+				mobile: { true: {
+					wrapper: "flex-nowrap justify-between gap-x-2 gap-y-0",
+					ranges: "pr-0",
+					sectionLabel: "hidden"
+				} }
+			}
 		});
-		const ui = computed(() => paginationStyles({ dense: __props.dense }));
+		const ui = computed(() => paginationStyles({
+			dense: __props.dense,
+			mobile: __props.mobile
+		}));
 		const { limits, currentLimit, pages, ranges, indicatorText, currentRange, useInputJump, hasPrev, hasNext, onPrev, onNext, onFirst, onLast } = usePaginationNavigation(modelValue, useTable(), () => __props.rangesThreshold);
 		const pageDraft = ref(String(get(currentRange)));
 		watch(currentRange, (value) => {
@@ -131,7 +145,8 @@ var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					class: normalizeClass(unref(ui).navigation()),
 					"data-id": "table-pagination-navigation"
 				}, [
-					createVNode(RuiButton_default, {
+					!__props.mobile ? (openBlock(), createBlock(RuiButton_default, {
+						key: 0,
 						size: __props.dense ? "sm" : void 0,
 						disabled: !unref(hasPrev) || __props.loading,
 						variant: "text",
@@ -141,7 +156,7 @@ var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					}, {
 						default: withCtx(() => [createVNode(RuiIcon_default, { name: "lu-chevrons-left" })]),
 						_: 1
-					}, 8, ["size", "disabled"]),
+					}, 8, ["size", "disabled"])) : createCommentVNode("", true),
 					createVNode(RuiButton_default, {
 						size: __props.dense ? "sm" : void 0,
 						disabled: !unref(hasPrev) || __props.loading,
@@ -164,7 +179,8 @@ var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 						default: withCtx(() => [createVNode(RuiIcon_default, { name: "lu-chevron-right" })]),
 						_: 1
 					}, 8, ["size", "disabled"]),
-					createVNode(RuiButton_default, {
+					!__props.mobile ? (openBlock(), createBlock(RuiButton_default, {
+						key: 1,
 						size: __props.dense ? "sm" : void 0,
 						disabled: !unref(hasNext) || __props.loading,
 						variant: "text",
@@ -174,7 +190,7 @@ var RuiTablePagination_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					}, {
 						default: withCtx(() => [createVNode(RuiIcon_default, { name: "lu-chevrons-right" })]),
 						_: 1
-					}, 8, ["size", "disabled"])
+					}, 8, ["size", "disabled"])) : createCommentVNode("", true)
 				], 2)
 			], 2);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"RuiTablePagination.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tables/RuiTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiMenuSelect from '@/components/forms/select/RuiMenuSelect.vue';\nimport RuiTextField from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { type TablePaginationData, usePaginationNavigation } from '@/components/tables/use-pagination-navigation';\nimport { useTable } from '@/composables/defaults/table';\nimport { tv } from '@/utils/tv';\n\nexport type { TablePaginationData };\n\nexport interface Props {\n  dense?: boolean;\n  disablePerPage?: boolean;\n  loading?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced\n   * with a numeric input. Set to `0` to always use the input, or a very\n   * large number to always use the dropdown. Defaults to `500` — past that\n   * materialising the full range list stalls the main thread.\n   */\n  rangesThreshold?: number;\n}\n\nconst modelValue = defineModel<TablePaginationData>({ required: true });\n\nconst {\n  dense = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n} = defineProps<Props>();\n\nconst paginationStyles = tv({\n  slots: {\n    wrapper: 'relative flex flex-wrap items-center justify-end gap-x-4 gap-y-0',\n    limit: 'flex items-center space-x-2 text-caption',\n    ranges: 'flex items-center space-x-2 text-caption pr-2',\n    pageInput: 'w-14 [&_input]:text-center',\n    sectionLabel: 'text-rui-text-secondary whitespace-nowrap py-3',\n    indicator: 'text-rui-text text-caption whitespace-nowrap',\n    navigation: 'flex items-center',\n  },\n  variants: {\n    dense: {\n      true: {\n        wrapper: 'gap-x-2',\n      },\n    },\n  },\n});\n\nconst ui = computed<ReturnType<typeof paginationStyles>>(() => paginationStyles({ dense }));\n\nconst tableDefaults = useTable();\n\nconst {\n  limits,\n  currentLimit,\n  pages,\n  ranges,\n  indicatorText,\n  currentRange,\n  useInputJump,\n  hasPrev,\n  hasNext,\n  onPrev,\n  onNext,\n  onFirst,\n  onLast,\n} = usePaginationNavigation(modelValue, tableDefaults, () => rangesThreshold);\n\nconst pageDraft = ref<string>(String(get(currentRange)));\n\nwatch(currentRange, (value) => {\n  set(pageDraft, String(value));\n});\n\nfunction commitPageInput(): void {\n  const parsed = Number.parseInt(get(pageDraft), 10);\n  const maxPage = get(pages);\n  if (!Number.isFinite(parsed) || maxPage === 0) {\n    set(pageDraft, String(get(currentRange)));\n    return;\n  }\n  const clamped = Math.min(Math.max(parsed, 1), maxPage);\n  if (clamped !== get(currentRange))\n    set(currentRange, clamped);\n  set(pageDraft, String(clamped));\n}\n</script>\n\n<template>\n  <div :class=\"ui.wrapper()\">\n    <div\n      :class=\"ui.limit()\"\n      data-id=\"table-pagination-limit-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">Rows per page:</span>\n      <RuiMenuSelect\n        v-model=\"currentLimit\"\n        :options=\"limits\"\n        :disabled=\"loading || disablePerPage\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"limit\"\n        key-attr=\"limit\"\n        text-attr=\"limit\"\n        hide-details\n        dense\n        data-id=\"table-pagination-limit\"\n      />\n    </div>\n    <div\n      :class=\"ui.ranges()\"\n      data-id=\"table-pagination-ranges-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">{{ useInputJump ? 'Page' : 'Items #' }}</span>\n      <RuiTextField\n        v-if=\"useInputJump\"\n        v-model=\"pageDraft\"\n        :disabled=\"loading\"\n        :class=\"[ui.pageInput()]\"\n        class=\"[&_input]:!pr-0\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pages\"\n        inputmode=\"numeric\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges-input\"\n        @blur=\"commitPageInput()\"\n        @keydown.enter=\"commitPageInput()\"\n      />\n      <RuiMenuSelect\n        v-else-if=\"ranges.length > 0\"\n        v-model=\"currentRange\"\n        :options=\"ranges\"\n        :disabled=\"loading\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"ranges\"\n        key-attr=\"page\"\n        text-attr=\"text\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges\"\n      />\n      <span :class=\"ui.indicator()\">\n        {{ indicatorText }}\n      </span>\n    </div>\n    <div\n      :class=\"ui.navigation()\"\n      data-id=\"table-pagination-navigation\"\n    >\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-first\"\n        @click=\"onFirst()\"\n      >\n        <RuiIcon name=\"lu-chevrons-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-prev\"\n        @click=\"onPrev()\"\n      >\n        <RuiIcon name=\"lu-chevron-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-next\"\n        @click=\"onNext()\"\n      >\n        <RuiIcon name=\"lu-chevron-right\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-last\"\n        @click=\"onLast()\"\n      >\n        <RuiIcon name=\"lu-chevrons-right\" />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"RuiTablePagination.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tables/RuiTablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiMenuSelect from '@/components/forms/select/RuiMenuSelect.vue';\nimport RuiTextField from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport { type TablePaginationData, usePaginationNavigation } from '@/components/tables/use-pagination-navigation';\nimport { useTable } from '@/composables/defaults/table';\nimport { tv } from '@/utils/tv';\n\nexport type { TablePaginationData };\n\nexport interface Props {\n  dense?: boolean;\n  disablePerPage?: boolean;\n  loading?: boolean;\n  /**\n   * Render a compact, touch-friendly layout: the sections spread across the\n   * full width and the first/last jump buttons are dropped to save space.\n   */\n  mobile?: boolean;\n  /**\n   * Maximum number of pages before the jump-to-page dropdown is replaced\n   * with a numeric input. Set to `0` to always use the input, or a very\n   * large number to always use the dropdown. Defaults to `500` — past that\n   * materialising the full range list stalls the main thread.\n   */\n  rangesThreshold?: number;\n}\n\nconst modelValue = defineModel<TablePaginationData>({ required: true });\n\nconst {\n  dense = false,\n  loading = false,\n  disablePerPage = false,\n  rangesThreshold = 500,\n  mobile = false,\n} = defineProps<Props>();\n\nconst paginationStyles = tv({\n  slots: {\n    wrapper: 'relative flex flex-wrap items-center justify-end gap-x-4 gap-y-0',\n    limit: 'flex items-center space-x-2 text-caption',\n    ranges: 'flex items-center space-x-2 text-caption pr-2',\n    pageInput: 'w-14 [&_input]:text-center',\n    sectionLabel: 'text-rui-text-secondary whitespace-nowrap py-3',\n    indicator: 'text-rui-text text-caption whitespace-nowrap',\n    navigation: 'flex items-center',\n  },\n  variants: {\n    dense: {\n      true: {\n        wrapper: 'gap-x-2',\n      },\n    },\n    mobile: {\n      true: {\n        wrapper: 'flex-nowrap justify-between gap-x-2 gap-y-0',\n        ranges: 'pr-0',\n        sectionLabel: 'hidden',\n      },\n    },\n  },\n});\n\nconst ui = computed<ReturnType<typeof paginationStyles>>(() => paginationStyles({ dense, mobile }));\n\nconst tableDefaults = useTable();\n\nconst {\n  limits,\n  currentLimit,\n  pages,\n  ranges,\n  indicatorText,\n  currentRange,\n  useInputJump,\n  hasPrev,\n  hasNext,\n  onPrev,\n  onNext,\n  onFirst,\n  onLast,\n} = usePaginationNavigation(modelValue, tableDefaults, () => rangesThreshold);\n\nconst pageDraft = ref<string>(String(get(currentRange)));\n\nwatch(currentRange, (value) => {\n  set(pageDraft, String(value));\n});\n\nfunction commitPageInput(): void {\n  const parsed = Number.parseInt(get(pageDraft), 10);\n  const maxPage = get(pages);\n  if (!Number.isFinite(parsed) || maxPage === 0) {\n    set(pageDraft, String(get(currentRange)));\n    return;\n  }\n  const clamped = Math.min(Math.max(parsed, 1), maxPage);\n  if (clamped !== get(currentRange))\n    set(currentRange, clamped);\n  set(pageDraft, String(clamped));\n}\n</script>\n\n<template>\n  <div :class=\"ui.wrapper()\">\n    <div\n      :class=\"ui.limit()\"\n      data-id=\"table-pagination-limit-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">Rows per page:</span>\n      <RuiMenuSelect\n        v-model=\"currentLimit\"\n        :options=\"limits\"\n        :disabled=\"loading || disablePerPage\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"limit\"\n        key-attr=\"limit\"\n        text-attr=\"limit\"\n        hide-details\n        dense\n        data-id=\"table-pagination-limit\"\n      />\n    </div>\n    <div\n      :class=\"ui.ranges()\"\n      data-id=\"table-pagination-ranges-section\"\n    >\n      <span :class=\"ui.sectionLabel()\">{{ useInputJump ? 'Page' : 'Items #' }}</span>\n      <RuiTextField\n        v-if=\"useInputJump\"\n        v-model=\"pageDraft\"\n        :disabled=\"loading\"\n        :class=\"[ui.pageInput()]\"\n        class=\"[&_input]:!pr-0\"\n        type=\"number\"\n        min=\"1\"\n        :max=\"pages\"\n        inputmode=\"numeric\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges-input\"\n        @blur=\"commitPageInput()\"\n        @keydown.enter=\"commitPageInput()\"\n      />\n      <RuiMenuSelect\n        v-else-if=\"ranges.length > 0\"\n        v-model=\"currentRange\"\n        :options=\"ranges\"\n        :disabled=\"loading\"\n        label-class=\"!text-xs !min-h-8\"\n        name=\"ranges\"\n        key-attr=\"page\"\n        text-attr=\"text\"\n        hide-details\n        dense\n        data-id=\"table-pagination-ranges\"\n      />\n      <span :class=\"ui.indicator()\">\n        {{ indicatorText }}\n      </span>\n    </div>\n    <div\n      :class=\"ui.navigation()\"\n      data-id=\"table-pagination-navigation\"\n    >\n      <RuiButton\n        v-if=\"!mobile\"\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-first\"\n        @click=\"onFirst()\"\n      >\n        <RuiIcon name=\"lu-chevrons-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasPrev || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-prev\"\n        @click=\"onPrev()\"\n      >\n        <RuiIcon name=\"lu-chevron-left\" />\n      </RuiButton>\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-next\"\n        @click=\"onNext()\"\n      >\n        <RuiIcon name=\"lu-chevron-right\" />\n      </RuiButton>\n      <RuiButton\n        v-if=\"!mobile\"\n        :size=\"dense ? 'sm' : undefined\"\n        :disabled=\"!hasNext || loading\"\n        variant=\"text\"\n        icon\n        data-id=\"table-pagination-last\"\n        @click=\"onLast()\"\n      >\n        <RuiIcon name=\"lu-chevrons-right\" />\n      </RuiButton>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/tables/data-table/RuiDataTableBody.js

@@ -0,0 +1,7 @@
+import RuiDataTableBody_vue_vue_type_script_setup_true_lang_default from "./RuiDataTableBody.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tables/data-table/RuiDataTableBody.vue
+var RuiDataTableBody_default = RuiDataTableBody_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiDataTableBody_default as default };
+
+//# sourceMappingURL=RuiDataTableBody.js.map

package/dist/components/tables/data-table/RuiDataTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDataTableBody.js","names":[],"sources":["../../../../src/components/tables/data-table/RuiDataTableBody.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport type { TableColumn } from '@/components/tables/RuiTableHead.vue';\nimport { useDataTableColumns, useDataTableRowIdentity, useDataTableStyling } from '@/components/tables/data-table/context';\nimport RuiDataTableEmptyRow from '@/components/tables/data-table/RuiDataTableEmptyRow.vue';\nimport RuiDataTableGroupRow from '@/components/tables/data-table/RuiDataTableGroupRow.vue';\nimport RuiDataTableLoadingRow from '@/components/tables/data-table/RuiDataTableLoadingRow.vue';\nimport RuiDataTableRow from '@/components/tables/data-table/RuiDataTableRow.vue';\nimport { type GroupHeader, isRow } from '@/composables/tables/data-table/types';\n\ndefineProps<{\n  filtered: (T | GroupHeader<T>)[];\n  loading: boolean;\n  noData: boolean;\n  empty: { label?: string; description?: string };\n}>();\n\ndefineSlots<Partial<\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    'no-data'?: () => any;\n    'empty-description'?: () => any;\n  }\n>>();\n\nconst { classes, colspan } = useDataTableStyling();\nconst { itemSlotKeys } = useDataTableColumns<T>();\nconst { getRowId } = useDataTableRowIdentity<T>();\n</script>\n\n<template>\n  <tbody :class=\"classes.tbody\">\n    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n    <slot\n      v-if=\"$slots['body.prepend']\"\n      :colspan=\"colspan\"\n      name=\"body.prepend\"\n    />\n    <template v-for=\"(row, index) in filtered\">\n      <RuiDataTableGroupRow\n        v-if=\"!isRow(row)\"\n        :key=\"`group-${row.identifier}`\"\n        :row=\"row\"\n      >\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      </RuiDataTableGroupRow>\n      <RuiDataTableRow\n        v-else\n        :key=\"`row-${getRowId(row)}`\"\n        :row=\"row\"\n        :index=\"index\"\n      >\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      </RuiDataTableRow>\n    </template>\n    <RuiDataTableLoadingRow v-if=\"loading && noData\" />\n    <RuiDataTableEmptyRow\n      v-if=\"noData && empty && !loading\"\n      :empty=\"empty\"\n    >\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    </RuiDataTableEmptyRow>\n    <!-- eslint-disable-next-line vue/require-explicit-slots -- defined via Partial<Record<...>> in defineSlots -->\n    <slot\n      v-if=\"$slots['body.append']\"\n      :colspan=\"colspan\"\n      name=\"body.append\"\n    />\n  </tbody>\n</template>\n"],"mappings":""}