@rotki/ui-library 2.21.0 → 2.22.0

package/dist/components/tables/data-table/RuiDataTableLoadingRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import RuiProgress_default from "../../progress/RuiProgress.js";
+import { useDataTableStyling } from "./context.js";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
+//#region src/components/tables/data-table/RuiDataTableLoadingRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["colspan"];
+var RuiDataTableLoadingRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RuiDataTableLoadingRow",
+	setup(__props) {
+		const { classes, colspan } = useDataTableStyling();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("tr", null, [createElementVNode("td", {
+				class: normalizeClass(unref(classes).tbodyLoader),
+				colspan: unref(colspan),
+				"data-id": "tbody-loader"
+			}, [createElementVNode("div", { class: normalizeClass(unref(classes).tbodyLoaderContent) }, [createVNode(RuiProgress_default, {
+				color: "primary",
+				variant: "indeterminate",
+				circular: ""
+			})], 2)], 10, _hoisted_1)]);
+		};
+	}
+});
+//#endregion
+export { RuiDataTableLoadingRow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiDataTableLoadingRow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tables/data-table/RuiDataTableLoadingRow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDataTableLoadingRow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../src/components/tables/data-table/RuiDataTableLoadingRow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport RuiProgress from '@/components/progress/RuiProgress.vue';\nimport { useDataTableStyling } from '@/components/tables/data-table/context';\n\nconst { classes, colspan } = useDataTableStyling();\n</script>\n\n<template>\n  <tr>\n    <td\n      :class=\"classes.tbodyLoader\"\n      :colspan=\"colspan\"\n      data-id=\"tbody-loader\"\n    >\n      <div :class=\"classes.tbodyLoaderContent\">\n        <RuiProgress\n          color=\"primary\"\n          variant=\"indeterminate\"\n          circular\n        />\n      </div>\n    </td>\n  </tr>\n</template>\n"],"mappings":";;;;;;;;EAIA,MAAM,EAAE,SAAS,YAAY,oBAAoB;;uBAI/C,mBAcK,MAAA,MAAA,CAbH,mBAYK,MAAA;IAXF,OAAK,eAAE,MAAA,OAAA,CAAO,CAAC,WAAW;IAC1B,SAAS,MAAA,OAAA;IACV,WAAQ;OAER,mBAMM,OAAA,EANA,OAAK,eAAE,MAAA,OAAA,CAAO,CAAC,kBAAkB,EAAA,GAAA,CACrC,YAIE,qBAAA;IAHA,OAAM;IACN,SAAQ;IACR,UAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDataTableMobileSort.js","names":[],"sources":["../../../../src/components/tables/data-table/RuiDataTableMobileSort.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport type { SortColumn, TableColumn, TableRowKey } from '@/components/tables/RuiTableHead.vue';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu from '@/components/overlays/menu/RuiMenu.vue';\nimport { SortDirection } from '@/components/tables/table-props';\n\nconst {\n  columns,\n  columnAttr = 'label',\n  sortedMap,\n  dense = false,\n} = defineProps<{\n  columns: TableColumn<T>[];\n  columnAttr?: keyof TableColumn<T>;\n  sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;\n  dense?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  sort: [value: { key: TableRowKey<T>; direction?: SortDirection }];\n}>();\n\nconst sortableColumns = computed<TableColumn<T>[]>(() => columns.filter(column => column.sortable));\n\nfunction columnLabel(column: TableColumn<T>): string {\n  const label = column[columnAttr];\n  return label === undefined || label === null ? String(column.key) : String(label);\n}\n\nfunction sortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key as TableRowKey<T>]?.direction;\n}\n\nfunction isActive(key: TableColumn<T>['key']): boolean {\n  return (key as TableRowKey<T>) in sortedMap;\n}\n\nconst activeLabel = computed<string>(() => {\n  const active = get(sortableColumns).filter(column => isActive(column.key));\n  if (active.length === 0)\n    return 'Sort';\n  if (active.length === 1)\n    return columnLabel(active[0]!);\n  return `${active.length} sorts`;\n});\n\n// Mirror RuiTableHead: emit the column's configured default direction so the\n// sort composable performs the same asc → desc → none cycle on repeat taps.\nfunction onSelect(column: TableColumn<T>): void {\n  emit('sort', {\n    key: column.key as TableRowKey<T>,\n    direction: (column.direction as SortDirection | undefined) ?? SortDirection.asc,\n  });\n}\n</script>\n\n<template>\n  <RuiMenu\n    :dense=\"dense\"\n    :options=\"{ placement: 'bottom-end' }\"\n    data-id=\"table-mobile-sort\"\n  >\n    <template #activator=\"{ attrs }\">\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        variant=\"outlined\"\n        v-bind=\"attrs\"\n        data-id=\"table-mobile-sort-activator\"\n      >\n        <template #prepend>\n          <RuiIcon\n            name=\"lu-arrow-up-down\"\n            size=\"18\"\n          />\n        </template>\n        {{ activeLabel }}\n      </RuiButton>\n    </template>\n    <div class=\"py-1 min-w-40\">\n      <RuiButton\n        v-for=\"column in sortableColumns\"\n        :key=\"column.key.toString()\"\n        variant=\"text\"\n        size=\"sm\"\n        class=\"!justify-between w-full !rounded-none\"\n        :data-id=\"`table-mobile-sort-option-${column.key}`\"\n        :data-active=\"isActive(column.key)\"\n        :data-direction=\"sortDirection(column.key)\"\n        @click=\"onSelect(column)\"\n      >\n        {{ columnLabel(column) }}\n        <template #append>\n          <RuiIcon\n            v-if=\"isActive(column.key)\"\n            name=\"lu-arrow-down\"\n            :class=\"sortDirection(column.key) === 'asc' ? 'rotate-180' : ''\"\n            size=\"16\"\n          />\n          <span\n            v-else\n            class=\"w-4\"\n          />\n        </template>\n      </RuiButton>\n    </div>\n  </RuiMenu>\n</template>\n"],"mappings":""}

package/dist/components/tables/data-table/RuiDataTableMobileSort.vue.d.ts

@@ -0,0 +1,33 @@
+import type { SortColumn, TableColumn, TableRowKey } from '../../../components/tables/RuiTableHead.vue';
+import { SortDirection } from '../../../components/tables/table-props.js';
+declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        columns: TableColumn<T>[];
+        columnAttr?: keyof TableColumn<T>;
+        sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;
+        dense?: boolean;
+    } & {
+        onSort?: ((value: {
+            key: TableRowKey<T>;
+            direction?: SortDirection;
+        }) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "sort", value: {
+        key: TableRowKey<T>;
+        direction?: SortDirection;
+    }) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/tables/data-table/RuiDataTableMobileSort.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,101 @@
+import RuiIcon_default from "../../icons/RuiIcon.js";
+import RuiButton_default from "../../buttons/button/RuiButton.js";
+import RuiMenu_default from "../../overlays/menu/RuiMenu.js";
+import { SortDirection } from "../table-props.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { get } from "@vueuse/shared";
+//#region src/components/tables/data-table/RuiDataTableMobileSort.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "py-1 min-w-40" };
+var _hoisted_2 = {
+	key: 1,
+	class: "w-4"
+};
+var RuiDataTableMobileSort_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RuiDataTableMobileSort",
+	props: {
+		columns: {},
+		columnAttr: { default: "label" },
+		sortedMap: {},
+		dense: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["sort"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const sortableColumns = computed(() => __props.columns.filter((column) => column.sortable));
+		function columnLabel(column) {
+			const label = column[__props.columnAttr];
+			return label === void 0 || label === null ? String(column.key) : String(label);
+		}
+		function sortDirection(key) {
+			return __props.sortedMap[key]?.direction;
+		}
+		function isActive(key) {
+			return key in __props.sortedMap;
+		}
+		const activeLabel = computed(() => {
+			const active = get(sortableColumns).filter((column) => isActive(column.key));
+			if (active.length === 0) return "Sort";
+			if (active.length === 1) return columnLabel(active[0]);
+			return `${active.length} sorts`;
+		});
+		function onSelect(column) {
+			emit("sort", {
+				key: column.key,
+				direction: column.direction ?? SortDirection.asc
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RuiMenu_default, {
+				dense: __props.dense,
+				options: { placement: "bottom-end" },
+				"data-id": "table-mobile-sort"
+			}, {
+				activator: withCtx(({ attrs }) => [createVNode(RuiButton_default, mergeProps({
+					size: __props.dense ? "sm" : void 0,
+					variant: "outlined"
+				}, attrs, { "data-id": "table-mobile-sort-activator" }), {
+					prepend: withCtx(() => [createVNode(RuiIcon_default, {
+						name: "lu-arrow-up-down",
+						size: "18"
+					})]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(activeLabel)), 1)]),
+					_: 1
+				}, 16, ["size"])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortableColumns), (column) => {
+					return openBlock(), createBlock(RuiButton_default, {
+						key: column.key.toString(),
+						variant: "text",
+						size: "sm",
+						class: "!justify-between w-full !rounded-none",
+						"data-id": `table-mobile-sort-option-${column.key}`,
+						"data-active": isActive(column.key),
+						"data-direction": sortDirection(column.key),
+						onClick: ($event) => onSelect(column)
+					}, {
+						append: withCtx(() => [isActive(column.key) ? (openBlock(), createBlock(RuiIcon_default, {
+							key: 0,
+							name: "lu-arrow-down",
+							class: normalizeClass(sortDirection(column.key) === "asc" ? "rotate-180" : ""),
+							size: "16"
+						}, null, 8, ["class"])) : (openBlock(), createElementBlock("span", _hoisted_2))]),
+						default: withCtx(() => [createTextVNode(toDisplayString(columnLabel(column)) + " ", 1)]),
+						_: 2
+					}, 1032, [
+						"data-id",
+						"data-active",
+						"data-direction",
+						"onClick"
+					]);
+				}), 128))])]),
+				_: 1
+			}, 8, ["dense"]);
+		};
+	}
+});
+//#endregion
+export { RuiDataTableMobileSort_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiDataTableMobileSort.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tables/data-table/RuiDataTableMobileSort.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDataTableMobileSort.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../src/components/tables/data-table/RuiDataTableMobileSort.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport type { SortColumn, TableColumn, TableRowKey } from '@/components/tables/RuiTableHead.vue';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiMenu from '@/components/overlays/menu/RuiMenu.vue';\nimport { SortDirection } from '@/components/tables/table-props';\n\nconst {\n  columns,\n  columnAttr = 'label',\n  sortedMap,\n  dense = false,\n} = defineProps<{\n  columns: TableColumn<T>[];\n  columnAttr?: keyof TableColumn<T>;\n  sortedMap: Partial<Record<TableRowKey<T>, SortColumn<T>>>;\n  dense?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  sort: [value: { key: TableRowKey<T>; direction?: SortDirection }];\n}>();\n\nconst sortableColumns = computed<TableColumn<T>[]>(() => columns.filter(column => column.sortable));\n\nfunction columnLabel(column: TableColumn<T>): string {\n  const label = column[columnAttr];\n  return label === undefined || label === null ? String(column.key) : String(label);\n}\n\nfunction sortDirection(key: TableColumn<T>['key']): SortDirection | undefined {\n  return sortedMap[key as TableRowKey<T>]?.direction;\n}\n\nfunction isActive(key: TableColumn<T>['key']): boolean {\n  return (key as TableRowKey<T>) in sortedMap;\n}\n\nconst activeLabel = computed<string>(() => {\n  const active = get(sortableColumns).filter(column => isActive(column.key));\n  if (active.length === 0)\n    return 'Sort';\n  if (active.length === 1)\n    return columnLabel(active[0]!);\n  return `${active.length} sorts`;\n});\n\n// Mirror RuiTableHead: emit the column's configured default direction so the\n// sort composable performs the same asc → desc → none cycle on repeat taps.\nfunction onSelect(column: TableColumn<T>): void {\n  emit('sort', {\n    key: column.key as TableRowKey<T>,\n    direction: (column.direction as SortDirection | undefined) ?? SortDirection.asc,\n  });\n}\n</script>\n\n<template>\n  <RuiMenu\n    :dense=\"dense\"\n    :options=\"{ placement: 'bottom-end' }\"\n    data-id=\"table-mobile-sort\"\n  >\n    <template #activator=\"{ attrs }\">\n      <RuiButton\n        :size=\"dense ? 'sm' : undefined\"\n        variant=\"outlined\"\n        v-bind=\"attrs\"\n        data-id=\"table-mobile-sort-activator\"\n      >\n        <template #prepend>\n          <RuiIcon\n            name=\"lu-arrow-up-down\"\n            size=\"18\"\n          />\n        </template>\n        {{ activeLabel }}\n      </RuiButton>\n    </template>\n    <div class=\"py-1 min-w-40\">\n      <RuiButton\n        v-for=\"column in sortableColumns\"\n        :key=\"column.key.toString()\"\n        variant=\"text\"\n        size=\"sm\"\n        class=\"!justify-between w-full !rounded-none\"\n        :data-id=\"`table-mobile-sort-option-${column.key}`\"\n        :data-active=\"isActive(column.key)\"\n        :data-direction=\"sortDirection(column.key)\"\n        @click=\"onSelect(column)\"\n      >\n        {{ columnLabel(column) }}\n        <template #append>\n          <RuiIcon\n            v-if=\"isActive(column.key)\"\n            name=\"lu-arrow-down\"\n            :class=\"sortDirection(column.key) === 'asc' ? 'rotate-180' : ''\"\n            size=\"16\"\n          />\n          <span\n            v-else\n            class=\"w-4\"\n          />\n        </template>\n      </RuiButton>\n    </div>\n  </RuiMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,OAAO;EAIb,MAAM,kBAAkB,eAAiC,QAAA,QAAQ,QAAO,WAAU,OAAO,QAAQ,CAAC;EAElG,SAAS,YAAY,QAAgC;GACnD,MAAM,QAAQ,OAAO,QAAA;GACrB,OAAO,UAAU,KAAA,KAAa,UAAU,OAAO,OAAO,OAAO,GAAG,IAAI,OAAO,KAAK;EAClF;EAEA,SAAS,cAAc,KAAuD;GAC5E,OAAO,QAAA,UAAU,IAAsB,EAAE;EAC3C;EAEA,SAAS,SAAS,KAAqC;GACrD,OAAQ,OAA0B,QAAA;EACpC;EAEA,MAAM,cAAc,eAAuB;GACzC,MAAM,SAAS,IAAI,eAAe,CAAC,CAAC,QAAO,WAAU,SAAS,OAAO,GAAG,CAAC;GACzE,IAAI,OAAO,WAAW,GACpB,OAAO;GACT,IAAI,OAAO,WAAW,GACpB,OAAO,YAAY,OAAO,EAAG;GAC/B,OAAO,GAAG,OAAO,OAAO;EAC1B,CAAC;EAID,SAAS,SAAS,QAA8B;GAC9C,KAAK,QAAQ;IACX,KAAK,OAAO;IACZ,WAAY,OAAO,aAA2C,cAAc;GAC9E,CAAC;EACH;;uBAIE,YAgDU,iBAAA;IA/CP,OAAO,QAAA;IACP,SAAS,EAAA,WAAA,aAAA;IACV,WAAQ;;IAEG,WAAS,SAcN,EAdU,YAAK,CAC3B,YAaY,mBAbZ,WAaY;KAZT,MAAM,QAAA,QAAK,OAAU,KAAA;KACtB,SAAQ;OACA,OAAK,EACb,WAAQ,8BAA6B,CAAA,GAAA;KAE1B,SAAO,cAId,CAHF,YAGE,iBAAA;MAFA,MAAK;MACL,MAAK;;4BAGT,CAAA,gBADW,MACX,gBAAG,MAAA,WAAA,CAAW,GAAA,CAAA,CAAA,CAAA;;;2BA6BZ,CA1BN,mBA0BM,OA1BN,YA0BM,EAAA,UAAA,IAAA,GAzBJ,mBAwBY,UAAA,MAAA,WAvBO,MAAA,eAAA,IAAV,WAAM;yBADf,YAwBY,mBAAA;MAtBT,KAAK,OAAO,IAAI,SAAQ;MACzB,SAAQ;MACR,MAAK;MACL,OAAM;MACL,WAAO,4BAA8B,OAAO;MAC5C,eAAa,SAAS,OAAO,GAAG;MAChC,kBAAgB,cAAc,OAAO,GAAG;MACxC,UAAK,WAAE,SAAS,MAAM;;MAGZ,QAAM,cAMb,CAJM,SAAS,OAAO,GAAG,KAAA,UAAA,GAD3B,YAKE,iBAAA;;OAHA,MAAK;OACJ,OAAK,eAAE,cAAc,OAAO,GAAG,MAAA,QAAA,eAAA,EAAA;OAChC,MAAK;8CAEP,mBAGE,QAHF,UAGE,EAAA,CAAA;6BAXqB,CAAA,gBAAA,gBAAtB,YAAY,MAAM,CAAA,IAAI,KACzB,CAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDataTableRow.js","names":[],"sources":["../../../../src/components/tables/data-table/RuiDataTableRow.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport type { TableColumn } from '@/components/tables/RuiTableHead.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport { useDataTableColumns, useDataTableExpansion, useDataTableRowIdentity, useDataTableSelection, useDataTableStyling } from '@/components/tables/data-table/context';\nimport RuiDataTableCell from '@/components/tables/data-table/RuiDataTableCell.vue';\nimport RuiDataTableExpandedRow from '@/components/tables/data-table/RuiDataTableExpandedRow.vue';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\n\nconst {\n  row,\n  index,\n} = defineProps<{\n  row: T;\n  index: number;\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'expanded-item'?: (props: { row: T; index: number }) => any;\n  }\n>>();\n\nconst { classes, dense, isMobile } = useDataTableStyling();\nconst { cellValue, columns, itemSlotKeys } = useDataTableColumns<T>();\nconst { isDisabledRow, isSelected, onCheckboxClick, onSelect, selectedData } = useDataTableSelection<T>();\nconst { expandable, isExpanded, onToggleExpand } = useDataTableExpansion<T>();\nconst { getRowId, itemClass } = useDataTableRowIdentity<T>();\n\nconst rowId = computed<T[keyof T]>(() => getRowId(row));\nconst selected = computed<boolean>(() => isSelected(get(rowId)));\nconst disabled = computed<boolean>(() => isDisabledRow(get(rowId)));\nconst expanded = computed<boolean>(() => get(expandable) && !!slots['expanded-item'] && isExpanded(get(rowId)));\nconst rowClass = computed<string>(() => typeof itemClass === 'string' ? itemClass : itemClass(row));\n\n// A column is pinned to the mobile card header when it is flagged `mobileHeader`\n// (typically an action column) or when it is the auto-generated expand column.\nfunction isMobileHeaderColumn(column: TableColumn<T>): boolean {\n  return !!column.mobileHeader || column.key === 'expand';\n}\n\n// A pinned column only earns a spot in the header if it actually renders\n// something: the expand toggle, a provided item slot, or a non-empty cell value.\n// Without this, a pinned column with no content (e.g. an action column whose\n// `#item.action` slot is not provided in a nested table) would leave an empty\n// header bar with just its divider line.\nfunction mobileHeaderColumnHasContent(column: TableColumn<T>): boolean {\n  if (column.key === 'expand')\n    return true;\n  if (itemSlotKeys.has(column.key.toString()))\n    return true;\n  const value = cellValue(row, column.key);\n  return value !== undefined && value !== null && value !== '';\n}\n\n// In the stacked mobile layout, header columns render in the card header row\n// instead of as a label/value pair. Everything else stacks below in the body.\nconst mobileHeaderColumns = computed<TableColumn<T>[]>(() =>\n  get(isMobile) ? get(columns).filter(column => isMobileHeaderColumn(column) && mobileHeaderColumnHasContent(column)) : [],\n);\nconst bodyColumns = computed<TableColumn<T>[]>(() =>\n  get(isMobile) ? get(columns).filter(column => !isMobileHeaderColumn(column)) : get(columns),\n);\nconst showMobileHeader = computed<boolean>(() =>\n  get(isMobile) && (!!get(selectedData) || get(mobileHeaderColumns).length > 0),\n);\n\n// `!border-y` defeats the `divide-y-0` on the mobile tbody, which otherwise\n// zeroes the top/bottom border on every card except the first one. When the\n// card is expanded, its bottom edge flattens so the expanded panel attaches\n// flush beneath it.\nconst mobileCardClass = computed<string>(() => {\n  const shared = 'relative flex flex-col border !border-y border-black/[0.12] dark:border-white/[0.12] overflow-hidden';\n  // These bindings are not run through tailwind-merge, so avoid emitting\n  // conflicting utilities (mb-0 vs mb-3, rounded-b-none vs rounded-lg): pick the\n  // right one per state instead.\n  return get(expanded)\n    ? `${shared} rounded-t-lg mb-0`\n    : `${shared} rounded-lg mb-3 last:mb-0`;\n});\n</script>\n\n<template>\n  <tr\n    :class=\"[selected ? classes.trSelected : classes.tr, rowClass, isMobile ? mobileCardClass : '']\"\n    :aria-selected=\"selectedData ? selected : undefined\"\n    data-id=\"row\"\n  >\n    <!-- Mobile card header: checkbox on the left, pinned action columns on the right -->\n    <td\n      v-if=\"showMobileHeader\"\n      class=\"flex items-center justify-between gap-2 px-4 py-2 border-b border-black/[0.12] dark:border-white/[0.12]\"\n      data-id=\"mobile-card-header\"\n    >\n      <RuiCheckbox\n        v-if=\"selectedData\"\n        :data-id=\"`table-toggle-check-${index}`\"\n        :model-value=\"selected\"\n        :disabled=\"disabled\"\n        :size=\"dense ? 'sm' : undefined\"\n        color=\"primary\"\n        class=\"select-none\"\n        hide-details\n        @update:model-value=\"onSelect($event, rowId, true)\"\n        @click=\"onCheckboxClick($event, rowId, index)\"\n      />\n      <span v-else />\n\n      <div\n        v-if=\"mobileHeaderColumns.length > 0\"\n        class=\"flex items-center gap-1 min-w-0\"\n      >\n        <template\n          v-for=\"(column, headerIndex) in mobileHeaderColumns\"\n          :key=\"`header-${headerIndex}`\"\n        >\n          <RuiExpandButton\n            v-if=\"column.key === 'expand'\"\n            :expanded=\"isExpanded(rowId)\"\n            @click=\"onToggleExpand(row)\"\n          />\n          <slot\n            v-else-if=\"itemSlotKeys.has(column.key.toString())\"\n            :name=\"`item.${column.key.toString()}`\"\n            :column=\"column\"\n            :row=\"row\"\n            :index=\"index\"\n          />\n          <template v-else>\n            {{ cellValue(row, column.key) }}\n          </template>\n        </template>\n      </div>\n    </td>\n\n    <!-- Desktop checkbox cell -->\n    <td\n      v-else-if=\"selectedData && !isMobile\"\n      :class=\"classes.checkbox\"\n      colspan=\"1\"\n      rowspan=\"1\"\n    >\n      <RuiCheckbox\n        :data-id=\"`table-toggle-check-${index}`\"\n        :model-value=\"selected\"\n        :disabled=\"disabled\"\n        :size=\"dense ? 'sm' : undefined\"\n        color=\"primary\"\n        class=\"select-none\"\n        hide-details\n        @update:model-value=\"onSelect($event, rowId, true)\"\n        @click=\"onCheckboxClick($event, rowId, index)\"\n      />\n    </td>\n\n    <RuiDataTableCell\n      v-for=\"(column, subIndex) in bodyColumns\"\n      :key=\"subIndex\"\n      :column=\"column\"\n      :row=\"row\"\n      :index=\"index\"\n      :row-id=\"rowId\"\n    >\n      <template\n        v-if=\"itemSlotKeys.has(column.key.toString())\"\n        #default=\"slotData\"\n      >\n        <slot\n          :name=\"`item.${column.key.toString()}`\"\n          v-bind=\"slotData\"\n        />\n      </template>\n    </RuiDataTableCell>\n  </tr>\n\n  <RuiDataTableExpandedRow\n    v-if=\"expanded\"\n    :row=\"row\"\n    :index=\"index\"\n  >\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  </RuiDataTableExpandedRow>\n</template>\n"],"mappings":""}

package/dist/components/tables/data-table/RuiDataTableRow.vue.d.ts

@@ -0,0 +1,31 @@
+import type { TableColumn } from '../../../components/tables/RuiTableHead.vue';
+declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        row: T;
+        index: number;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: Partial<Record<`item.${string}`, (props: {
+        column: TableColumn<T>;
+        row: T;
+        index: number;
+    }) => any> & {
+        'expanded-item'?: (props: {
+            row: T;
+            index: number;
+        }) => any;
+    }>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/tables/data-table/RuiDataTableRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,142 @@
+import RuiCheckbox_default from "../../forms/checkbox/RuiCheckbox.js";
+import { useDataTableColumns, useDataTableExpansion, useDataTableRowIdentity, useDataTableSelection, useDataTableStyling } from "./context.js";
+import RuiExpandButton_default from "../RuiExpandButton.js";
+import RuiDataTableCell_default from "./RuiDataTableCell.js";
+import RuiDataTableExpandedRow_default from "./RuiDataTableExpandedRow.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { get } from "@vueuse/shared";
+//#region src/components/tables/data-table/RuiDataTableRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-selected"];
+var _hoisted_2 = {
+	key: 0,
+	class: "flex items-center justify-between gap-2 px-4 py-2 border-b border-black/[0.12] dark:border-white/[0.12]",
+	"data-id": "mobile-card-header"
+};
+var _hoisted_3 = { key: 1 };
+var _hoisted_4 = {
+	key: 2,
+	class: "flex items-center gap-1 min-w-0"
+};
+var RuiDataTableRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RuiDataTableRow",
+	props: {
+		row: {},
+		index: {}
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const { classes, dense, isMobile } = useDataTableStyling();
+		const { cellValue, columns, itemSlotKeys } = useDataTableColumns();
+		const { isDisabledRow, isSelected, onCheckboxClick, onSelect, selectedData } = useDataTableSelection();
+		const { expandable, isExpanded, onToggleExpand } = useDataTableExpansion();
+		const { getRowId, itemClass } = useDataTableRowIdentity();
+		const rowId = computed(() => getRowId(__props.row));
+		const selected = computed(() => isSelected(get(rowId)));
+		const disabled = computed(() => isDisabledRow(get(rowId)));
+		const expanded = computed(() => get(expandable) && !!slots["expanded-item"] && isExpanded(get(rowId)));
+		const rowClass = computed(() => typeof itemClass === "string" ? itemClass : itemClass(__props.row));
+		function isMobileHeaderColumn(column) {
+			return !!column.mobileHeader || column.key === "expand";
+		}
+		function mobileHeaderColumnHasContent(column) {
+			if (column.key === "expand") return true;
+			if (itemSlotKeys.has(column.key.toString())) return true;
+			const value = cellValue(__props.row, column.key);
+			return value !== void 0 && value !== null && value !== "";
+		}
+		const mobileHeaderColumns = computed(() => get(isMobile) ? get(columns).filter((column) => isMobileHeaderColumn(column) && mobileHeaderColumnHasContent(column)) : []);
+		const bodyColumns = computed(() => get(isMobile) ? get(columns).filter((column) => !isMobileHeaderColumn(column)) : get(columns));
+		const showMobileHeader = computed(() => get(isMobile) && (!!get(selectedData) || get(mobileHeaderColumns).length > 0));
+		const mobileCardClass = computed(() => {
+			const shared = "relative flex flex-col border !border-y border-black/[0.12] dark:border-white/[0.12] overflow-hidden";
+			return get(expanded) ? `${shared} rounded-t-lg mb-0` : `${shared} rounded-lg mb-3 last:mb-0`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("tr", {
+				class: normalizeClass([
+					unref(selected) ? unref(classes).trSelected : unref(classes).tr,
+					unref(rowClass),
+					unref(isMobile) ? unref(mobileCardClass) : ""
+				]),
+				"aria-selected": unref(selectedData) ? unref(selected) : void 0,
+				"data-id": "row"
+			}, [unref(showMobileHeader) ? (openBlock(), createElementBlock("td", _hoisted_2, [unref(selectedData) ? (openBlock(), createBlock(RuiCheckbox_default, {
+				key: 0,
+				"data-id": `table-toggle-check-${__props.index}`,
+				"model-value": unref(selected),
+				disabled: unref(disabled),
+				size: unref(dense) ? "sm" : void 0,
+				color: "primary",
+				class: "select-none",
+				"hide-details": "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(onSelect)($event, unref(rowId), true)),
+				onClick: _cache[1] || (_cache[1] = ($event) => unref(onCheckboxClick)($event, unref(rowId), __props.index))
+			}, null, 8, [
+				"data-id",
+				"model-value",
+				"disabled",
+				"size"
+			])) : (openBlock(), createElementBlock("span", _hoisted_3)), unref(mobileHeaderColumns).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(mobileHeaderColumns), (column, headerIndex) => {
+				return openBlock(), createElementBlock(Fragment, { key: `header-${headerIndex}` }, [column.key === "expand" ? (openBlock(), createBlock(RuiExpandButton_default, {
+					key: 0,
+					expanded: unref(isExpanded)(unref(rowId)),
+					onClick: _cache[2] || (_cache[2] = ($event) => unref(onToggleExpand)(__props.row))
+				}, null, 8, ["expanded"])) : unref(itemSlotKeys).has(column.key.toString()) ? renderSlot(_ctx.$slots, `item.${column.key.toString()}`, {
+					key: 1,
+					column,
+					row: __props.row,
+					index: __props.index
+				}) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(unref(cellValue)(__props.row, column.key)), 1)], 64))], 64);
+			}), 128))])) : createCommentVNode("", true)])) : unref(selectedData) && !unref(isMobile) ? (openBlock(), createElementBlock("td", {
+				key: 1,
+				class: normalizeClass(unref(classes).checkbox),
+				colspan: "1",
+				rowspan: "1"
+			}, [createVNode(RuiCheckbox_default, {
+				"data-id": `table-toggle-check-${__props.index}`,
+				"model-value": unref(selected),
+				disabled: unref(disabled),
+				size: unref(dense) ? "sm" : void 0,
+				color: "primary",
+				class: "select-none",
+				"hide-details": "",
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(onSelect)($event, unref(rowId), true)),
+				onClick: _cache[4] || (_cache[4] = ($event) => unref(onCheckboxClick)($event, unref(rowId), __props.index))
+			}, null, 8, [
+				"data-id",
+				"model-value",
+				"disabled",
+				"size"
+			])], 2)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(bodyColumns), (column, subIndex) => {
+				return openBlock(), createBlock(RuiDataTableCell_default, {
+					key: subIndex,
+					column,
+					row: __props.row,
+					index: __props.index,
+					"row-id": unref(rowId)
+				}, createSlots({ _: 2 }, [unref(itemSlotKeys).has(column.key.toString()) ? {
+					name: "default",
+					fn: withCtx((slotData) => [renderSlot(_ctx.$slots, `item.${column.key.toString()}`, mergeProps({ ref_for: true }, slotData))]),
+					key: "0"
+				} : void 0]), 1032, [
+					"column",
+					"row",
+					"index",
+					"row-id"
+				]);
+			}), 128))], 10, _hoisted_1), unref(expanded) ? (openBlock(), createBlock(RuiDataTableExpandedRow_default, {
+				key: 0,
+				row: __props.row,
+				index: __props.index
+			}, createSlots({ _: 2 }, [slots["expanded-item"] ? {
+				name: "expanded-item",
+				fn: withCtx((slotData) => [renderSlot(_ctx.$slots, "expanded-item", normalizeProps(guardReactiveProps(slotData)))]),
+				key: "0"
+			} : void 0]), 1032, ["row", "index"])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+//#endregion
+export { RuiDataTableRow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiDataTableRow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tables/data-table/RuiDataTableRow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDataTableRow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../src/components/tables/data-table/RuiDataTableRow.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends object\">\nimport type { TableColumn } from '@/components/tables/RuiTableHead.vue';\nimport RuiCheckbox from '@/components/forms/checkbox/RuiCheckbox.vue';\nimport { useDataTableColumns, useDataTableExpansion, useDataTableRowIdentity, useDataTableSelection, useDataTableStyling } from '@/components/tables/data-table/context';\nimport RuiDataTableCell from '@/components/tables/data-table/RuiDataTableCell.vue';\nimport RuiDataTableExpandedRow from '@/components/tables/data-table/RuiDataTableExpandedRow.vue';\nimport RuiExpandButton from '@/components/tables/RuiExpandButton.vue';\n\nconst {\n  row,\n  index,\n} = defineProps<{\n  row: T;\n  index: number;\n}>();\n\nconst slots = defineSlots<Partial<\n  Record<`item.${string}`, (props: { column: TableColumn<T>; row: T; index: number }) => any> & {\n    'expanded-item'?: (props: { row: T; index: number }) => any;\n  }\n>>();\n\nconst { classes, dense, isMobile } = useDataTableStyling();\nconst { cellValue, columns, itemSlotKeys } = useDataTableColumns<T>();\nconst { isDisabledRow, isSelected, onCheckboxClick, onSelect, selectedData } = useDataTableSelection<T>();\nconst { expandable, isExpanded, onToggleExpand } = useDataTableExpansion<T>();\nconst { getRowId, itemClass } = useDataTableRowIdentity<T>();\n\nconst rowId = computed<T[keyof T]>(() => getRowId(row));\nconst selected = computed<boolean>(() => isSelected(get(rowId)));\nconst disabled = computed<boolean>(() => isDisabledRow(get(rowId)));\nconst expanded = computed<boolean>(() => get(expandable) && !!slots['expanded-item'] && isExpanded(get(rowId)));\nconst rowClass = computed<string>(() => typeof itemClass === 'string' ? itemClass : itemClass(row));\n\n// A column is pinned to the mobile card header when it is flagged `mobileHeader`\n// (typically an action column) or when it is the auto-generated expand column.\nfunction isMobileHeaderColumn(column: TableColumn<T>): boolean {\n  return !!column.mobileHeader || column.key === 'expand';\n}\n\n// A pinned column only earns a spot in the header if it actually renders\n// something: the expand toggle, a provided item slot, or a non-empty cell value.\n// Without this, a pinned column with no content (e.g. an action column whose\n// `#item.action` slot is not provided in a nested table) would leave an empty\n// header bar with just its divider line.\nfunction mobileHeaderColumnHasContent(column: TableColumn<T>): boolean {\n  if (column.key === 'expand')\n    return true;\n  if (itemSlotKeys.has(column.key.toString()))\n    return true;\n  const value = cellValue(row, column.key);\n  return value !== undefined && value !== null && value !== '';\n}\n\n// In the stacked mobile layout, header columns render in the card header row\n// instead of as a label/value pair. Everything else stacks below in the body.\nconst mobileHeaderColumns = computed<TableColumn<T>[]>(() =>\n  get(isMobile) ? get(columns).filter(column => isMobileHeaderColumn(column) && mobileHeaderColumnHasContent(column)) : [],\n);\nconst bodyColumns = computed<TableColumn<T>[]>(() =>\n  get(isMobile) ? get(columns).filter(column => !isMobileHeaderColumn(column)) : get(columns),\n);\nconst showMobileHeader = computed<boolean>(() =>\n  get(isMobile) && (!!get(selectedData) || get(mobileHeaderColumns).length > 0),\n);\n\n// `!border-y` defeats the `divide-y-0` on the mobile tbody, which otherwise\n// zeroes the top/bottom border on every card except the first one. When the\n// card is expanded, its bottom edge flattens so the expanded panel attaches\n// flush beneath it.\nconst mobileCardClass = computed<string>(() => {\n  const shared = 'relative flex flex-col border !border-y border-black/[0.12] dark:border-white/[0.12] overflow-hidden';\n  // These bindings are not run through tailwind-merge, so avoid emitting\n  // conflicting utilities (mb-0 vs mb-3, rounded-b-none vs rounded-lg): pick the\n  // right one per state instead.\n  return get(expanded)\n    ? `${shared} rounded-t-lg mb-0`\n    : `${shared} rounded-lg mb-3 last:mb-0`;\n});\n</script>\n\n<template>\n  <tr\n    :class=\"[selected ? classes.trSelected : classes.tr, rowClass, isMobile ? mobileCardClass : '']\"\n    :aria-selected=\"selectedData ? selected : undefined\"\n    data-id=\"row\"\n  >\n    <!-- Mobile card header: checkbox on the left, pinned action columns on the right -->\n    <td\n      v-if=\"showMobileHeader\"\n      class=\"flex items-center justify-between gap-2 px-4 py-2 border-b border-black/[0.12] dark:border-white/[0.12]\"\n      data-id=\"mobile-card-header\"\n    >\n      <RuiCheckbox\n        v-if=\"selectedData\"\n        :data-id=\"`table-toggle-check-${index}`\"\n        :model-value=\"selected\"\n        :disabled=\"disabled\"\n        :size=\"dense ? 'sm' : undefined\"\n        color=\"primary\"\n        class=\"select-none\"\n        hide-details\n        @update:model-value=\"onSelect($event, rowId, true)\"\n        @click=\"onCheckboxClick($event, rowId, index)\"\n      />\n      <span v-else />\n\n      <div\n        v-if=\"mobileHeaderColumns.length > 0\"\n        class=\"flex items-center gap-1 min-w-0\"\n      >\n        <template\n          v-for=\"(column, headerIndex) in mobileHeaderColumns\"\n          :key=\"`header-${headerIndex}`\"\n        >\n          <RuiExpandButton\n            v-if=\"column.key === 'expand'\"\n            :expanded=\"isExpanded(rowId)\"\n            @click=\"onToggleExpand(row)\"\n          />\n          <slot\n            v-else-if=\"itemSlotKeys.has(column.key.toString())\"\n            :name=\"`item.${column.key.toString()}`\"\n            :column=\"column\"\n            :row=\"row\"\n            :index=\"index\"\n          />\n          <template v-else>\n            {{ cellValue(row, column.key) }}\n          </template>\n        </template>\n      </div>\n    </td>\n\n    <!-- Desktop checkbox cell -->\n    <td\n      v-else-if=\"selectedData && !isMobile\"\n      :class=\"classes.checkbox\"\n      colspan=\"1\"\n      rowspan=\"1\"\n    >\n      <RuiCheckbox\n        :data-id=\"`table-toggle-check-${index}`\"\n        :model-value=\"selected\"\n        :disabled=\"disabled\"\n        :size=\"dense ? 'sm' : undefined\"\n        color=\"primary\"\n        class=\"select-none\"\n        hide-details\n        @update:model-value=\"onSelect($event, rowId, true)\"\n        @click=\"onCheckboxClick($event, rowId, index)\"\n      />\n    </td>\n\n    <RuiDataTableCell\n      v-for=\"(column, subIndex) in bodyColumns\"\n      :key=\"subIndex\"\n      :column=\"column\"\n      :row=\"row\"\n      :index=\"index\"\n      :row-id=\"rowId\"\n    >\n      <template\n        v-if=\"itemSlotKeys.has(column.key.toString())\"\n        #default=\"slotData\"\n      >\n        <slot\n          :name=\"`item.${column.key.toString()}`\"\n          v-bind=\"slotData\"\n        />\n      </template>\n    </RuiDataTableCell>\n  </tr>\n\n  <RuiDataTableExpandedRow\n    v-if=\"expanded\"\n    :row=\"row\"\n    :index=\"index\"\n  >\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  </RuiDataTableExpandedRow>\n</template>\n"],"mappings":"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"}

package/dist/components/tables/data-table/context.d.ts

@@ -0,0 +1,73 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { TableColumn } from '../../../components/tables/RuiTableHead.vue';
+import type { GroupExpandButtonPosition } from '../../../components/tables/table-props.js';
+import type { GroupHeader } from '../../../composables/tables/data-table/types.js';
+export interface DataTableClasses {
+    td: string;
+    tr: string;
+    trSelected: string;
+    trExpandable: string;
+    trGroup: string;
+    trEmpty: string;
+    checkbox: string;
+    tbody: string;
+    tbodyLoader: string;
+    tbodyLoaderContent: string;
+}
+export interface DataTableStylingContext {
+    classes: ComputedRef<DataTableClasses>;
+    colspan: ComputedRef<number>;
+    dense: boolean;
+    /** whether the table is currently rendered in its stacked mobile layout */
+    isMobile: ComputedRef<boolean>;
+}
+export interface DataTableColumnsContext<T extends object = any> {
+    columns: ComputedRef<TableColumn<T>[]>;
+    cellValue: (row: T, key: TableColumn<T>['key']) => T[keyof T];
+    itemSlotKeys: Set<string>;
+    /** the column definition attribute used as the visible label (e.g. `label`) */
+    columnAttr: keyof TableColumn<T>;
+}
+export interface DataTableSelectionContext<T extends object = any, IdType extends keyof T = keyof T> {
+    selectedData: Ref<T[IdType][] | undefined>;
+    isSelected: (id: T[IdType]) => boolean;
+    isDisabledRow: (id: T[IdType]) => boolean;
+    onSelect: (selected: boolean, id: T[IdType], userAction: boolean) => void;
+    onCheckboxClick: (event: MouseEvent, id: T[IdType], index: number) => void;
+}
+export interface DataTableExpansionContext<T extends object = any, IdType extends keyof T = keyof T> {
+    expandable: ComputedRef<boolean>;
+    isExpanded: (id: T[IdType]) => boolean;
+    onToggleExpand: (row: T) => void;
+}
+export interface DataTableGroupingContext<T extends object = any> {
+    groupExpandButtonPosition: GroupExpandButtonPosition;
+    groupKey: ComputedRef<string | undefined>;
+    isExpandedGroup: (group: Partial<T>) => boolean;
+    onToggleExpandGroup: (group: Partial<T>, identifier: string) => void;
+    onUngroup: () => void;
+    onCopyGroup: (header: GroupHeader<T>) => void;
+}
+export interface DataTableRowIdentityContext<T extends object = any, IdType extends keyof T = keyof T> {
+    getRowId: (row: T) => T[IdType];
+    itemClass: ((item: T) => string) | string;
+}
+export type DataTableContext<T extends object = any, IdType extends keyof T = keyof T> = DataTableStylingContext & DataTableColumnsContext<T> & DataTableSelectionContext<T, IdType> & DataTableExpansionContext<T, IdType> & DataTableGroupingContext<T> & DataTableRowIdentityContext<T, IdType>;
+export declare function provideDataTableStyling(context: DataTableStylingContext): void;
+export declare function useDataTableStyling(): DataTableStylingContext;
+export declare function provideDataTableColumns<T extends object>(context: DataTableColumnsContext<T>): void;
+export declare function useDataTableColumns<T extends object = any>(): DataTableColumnsContext<T>;
+export declare function provideDataTableSelection<T extends object, IdType extends keyof T>(context: DataTableSelectionContext<T, IdType>): void;
+export declare function useDataTableSelection<T extends object = any, IdType extends keyof T = keyof T>(): DataTableSelectionContext<T, IdType>;
+export declare function provideDataTableExpansion<T extends object, IdType extends keyof T>(context: DataTableExpansionContext<T, IdType>): void;
+export declare function useDataTableExpansion<T extends object = any, IdType extends keyof T = keyof T>(): DataTableExpansionContext<T, IdType>;
+export declare function provideDataTableGrouping<T extends object>(context: DataTableGroupingContext<T>): void;
+export declare function useDataTableGrouping<T extends object = any>(): DataTableGroupingContext<T>;
+export declare function provideDataTableRowIdentity<T extends object, IdType extends keyof T>(context: DataTableRowIdentityContext<T, IdType>): void;
+export declare function useDataTableRowIdentity<T extends object = any, IdType extends keyof T = keyof T>(): DataTableRowIdentityContext<T, IdType>;
+/** Marks descendant data tables as nested (e.g. rendered inside an expanded row). */
+export declare function provideDataTableNested(): void;
+/** True when this data table is rendered inside another data table. */
+export declare function useDataTableNested(): boolean;
+export declare function provideDataTableContext<T extends object, IdType extends keyof T>(context: DataTableContext<T, IdType>): void;
+export declare function useDataTableContext<T extends object, IdType extends keyof T = keyof T>(): DataTableContext<T, IdType>;

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

@@ -0,0 +1,100 @@
+import { inject, provide } from "vue";
+//#region src/components/tables/data-table/context.ts
+var DATA_TABLE_STYLING = Symbol("data-table-styling");
+var DATA_TABLE_COLUMNS = Symbol("data-table-columns");
+var DATA_TABLE_SELECTION = Symbol("data-table-selection");
+var DATA_TABLE_EXPANSION = Symbol("data-table-expansion");
+var DATA_TABLE_GROUPING = Symbol("data-table-grouping");
+var DATA_TABLE_ROW_IDENTITY = Symbol("data-table-row-identity");
+var DATA_TABLE_NESTED = Symbol("data-table-nested");
+function injectOrThrow(key, name) {
+	const context = inject(key);
+	if (context === void 0) throw new Error(`${name} must be used within a RuiDataTable`);
+	return context;
+}
+function provideDataTableStyling(context) {
+	provide(DATA_TABLE_STYLING, context);
+}
+function useDataTableStyling() {
+	return injectOrThrow(DATA_TABLE_STYLING, "useDataTableStyling");
+}
+function provideDataTableColumns(context) {
+	provide(DATA_TABLE_COLUMNS, context);
+}
+function useDataTableColumns() {
+	return injectOrThrow(DATA_TABLE_COLUMNS, "useDataTableColumns");
+}
+function provideDataTableSelection(context) {
+	provide(DATA_TABLE_SELECTION, context);
+}
+function useDataTableSelection() {
+	return injectOrThrow(DATA_TABLE_SELECTION, "useDataTableSelection");
+}
+function provideDataTableExpansion(context) {
+	provide(DATA_TABLE_EXPANSION, context);
+}
+function useDataTableExpansion() {
+	return injectOrThrow(DATA_TABLE_EXPANSION, "useDataTableExpansion");
+}
+function provideDataTableGrouping(context) {
+	provide(DATA_TABLE_GROUPING, context);
+}
+function useDataTableGrouping() {
+	return injectOrThrow(DATA_TABLE_GROUPING, "useDataTableGrouping");
+}
+function provideDataTableRowIdentity(context) {
+	provide(DATA_TABLE_ROW_IDENTITY, context);
+}
+function useDataTableRowIdentity() {
+	return injectOrThrow(DATA_TABLE_ROW_IDENTITY, "useDataTableRowIdentity");
+}
+/** Marks descendant data tables as nested (e.g. rendered inside an expanded row). */
+function provideDataTableNested() {
+	provide(DATA_TABLE_NESTED, true);
+}
+/** True when this data table is rendered inside another data table. */
+function useDataTableNested() {
+	return inject(DATA_TABLE_NESTED, false);
+}
+function provideDataTableContext(context) {
+	provideDataTableStyling({
+		classes: context.classes,
+		colspan: context.colspan,
+		dense: context.dense,
+		isMobile: context.isMobile
+	});
+	provideDataTableColumns({
+		columns: context.columns,
+		cellValue: context.cellValue,
+		itemSlotKeys: context.itemSlotKeys,
+		columnAttr: context.columnAttr
+	});
+	provideDataTableSelection({
+		selectedData: context.selectedData,
+		isSelected: context.isSelected,
+		isDisabledRow: context.isDisabledRow,
+		onSelect: context.onSelect,
+		onCheckboxClick: context.onCheckboxClick
+	});
+	provideDataTableExpansion({
+		expandable: context.expandable,
+		isExpanded: context.isExpanded,
+		onToggleExpand: context.onToggleExpand
+	});
+	provideDataTableGrouping({
+		groupExpandButtonPosition: context.groupExpandButtonPosition,
+		groupKey: context.groupKey,
+		isExpandedGroup: context.isExpandedGroup,
+		onToggleExpandGroup: context.onToggleExpandGroup,
+		onUngroup: context.onUngroup,
+		onCopyGroup: context.onCopyGroup
+	});
+	provideDataTableRowIdentity({
+		getRowId: context.getRowId,
+		itemClass: context.itemClass
+	});
+}
+//#endregion
+export { provideDataTableColumns, provideDataTableContext, provideDataTableExpansion, provideDataTableGrouping, provideDataTableNested, provideDataTableRowIdentity, provideDataTableSelection, provideDataTableStyling, useDataTableColumns, useDataTableExpansion, useDataTableGrouping, useDataTableNested, useDataTableRowIdentity, useDataTableSelection, useDataTableStyling };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/tables/data-table/context.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue';\nimport type { TableColumn } from '@/components/tables/RuiTableHead.vue';\nimport type { GroupExpandButtonPosition } from '@/components/tables/table-props';\nimport type { GroupHeader } from '@/composables/tables/data-table/types';\n\nexport interface DataTableClasses {\n  td: string;\n  tr: string;\n  trSelected: string;\n  trExpandable: string;\n  trGroup: string;\n  trEmpty: string;\n  checkbox: string;\n  tbody: string;\n  tbodyLoader: string;\n  tbodyLoaderContent: string;\n}\n\n// --- Per-concern context interfaces ---\n\nexport interface DataTableStylingContext {\n  classes: ComputedRef<DataTableClasses>;\n  colspan: ComputedRef<number>;\n  dense: boolean;\n  /** whether the table is currently rendered in its stacked mobile layout */\n  isMobile: ComputedRef<boolean>;\n}\n\nexport interface DataTableColumnsContext<T extends object = any> {\n  columns: ComputedRef<TableColumn<T>[]>;\n  cellValue: (row: T, key: TableColumn<T>['key']) => T[keyof T];\n  itemSlotKeys: Set<string>;\n  /** the column definition attribute used as the visible label (e.g. `label`) */\n  columnAttr: keyof TableColumn<T>;\n}\n\nexport interface DataTableSelectionContext<T extends object = any, IdType extends keyof T = keyof T> {\n  selectedData: Ref<T[IdType][] | undefined>;\n  isSelected: (id: T[IdType]) => boolean;\n  isDisabledRow: (id: T[IdType]) => boolean;\n  onSelect: (selected: boolean, id: T[IdType], userAction: boolean) => void;\n  onCheckboxClick: (event: MouseEvent, id: T[IdType], index: number) => void;\n}\n\nexport interface DataTableExpansionContext<T extends object = any, IdType extends keyof T = keyof T> {\n  expandable: ComputedRef<boolean>;\n  isExpanded: (id: T[IdType]) => boolean;\n  onToggleExpand: (row: T) => void;\n}\n\nexport interface DataTableGroupingContext<T extends object = any> {\n  groupExpandButtonPosition: GroupExpandButtonPosition;\n  groupKey: ComputedRef<string | undefined>;\n  isExpandedGroup: (group: Partial<T>) => boolean;\n  onToggleExpandGroup: (group: Partial<T>, identifier: string) => void;\n  onUngroup: () => void;\n  onCopyGroup: (header: GroupHeader<T>) => void;\n}\n\nexport interface DataTableRowIdentityContext<T extends object = any, IdType extends keyof T = keyof T> {\n  getRowId: (row: T) => T[IdType];\n  itemClass: ((item: T) => string) | string;\n}\n\n// --- Backward-compatible merged type ---\n\nexport type DataTableContext<T extends object = any, IdType extends keyof T = keyof T> =\n  DataTableStylingContext &\n  DataTableColumnsContext<T> &\n  DataTableSelectionContext<T, IdType> &\n  DataTableExpansionContext<T, IdType> &\n  DataTableGroupingContext<T> &\n  DataTableRowIdentityContext<T, IdType>;\n\n// --- Per-concern symbols ---\n\nconst DATA_TABLE_STYLING = Symbol('data-table-styling');\nconst DATA_TABLE_COLUMNS = Symbol('data-table-columns');\nconst DATA_TABLE_SELECTION = Symbol('data-table-selection');\nconst DATA_TABLE_EXPANSION = Symbol('data-table-expansion');\nconst DATA_TABLE_GROUPING = Symbol('data-table-grouping');\nconst DATA_TABLE_ROW_IDENTITY = Symbol('data-table-row-identity');\nconst DATA_TABLE_NESTED = Symbol('data-table-nested');\n\n// --- Per-concern provide/use pairs ---\n\nfunction injectOrThrow<C>(key: symbol, name: string): C {\n  const context = inject<C>(key);\n  if (context === undefined)\n    throw new Error(`${name} must be used within a RuiDataTable`);\n\n  return context;\n}\n\nexport function provideDataTableStyling(context: DataTableStylingContext): void {\n  provide(DATA_TABLE_STYLING, context);\n}\n\nexport function useDataTableStyling(): DataTableStylingContext {\n  return injectOrThrow<DataTableStylingContext>(DATA_TABLE_STYLING, 'useDataTableStyling');\n}\n\nexport function provideDataTableColumns<T extends object>(context: DataTableColumnsContext<T>): void {\n  provide(DATA_TABLE_COLUMNS, context);\n}\n\nexport function useDataTableColumns<T extends object = any>(): DataTableColumnsContext<T> {\n  return injectOrThrow<DataTableColumnsContext<T>>(DATA_TABLE_COLUMNS, 'useDataTableColumns');\n}\n\nexport function provideDataTableSelection<T extends object, IdType extends keyof T>(context: DataTableSelectionContext<T, IdType>): void {\n  provide(DATA_TABLE_SELECTION, context);\n}\n\nexport function useDataTableSelection<T extends object = any, IdType extends keyof T = keyof T>(): DataTableSelectionContext<T, IdType> {\n  return injectOrThrow<DataTableSelectionContext<T, IdType>>(DATA_TABLE_SELECTION, 'useDataTableSelection');\n}\n\nexport function provideDataTableExpansion<T extends object, IdType extends keyof T>(context: DataTableExpansionContext<T, IdType>): void {\n  provide(DATA_TABLE_EXPANSION, context);\n}\n\nexport function useDataTableExpansion<T extends object = any, IdType extends keyof T = keyof T>(): DataTableExpansionContext<T, IdType> {\n  return injectOrThrow<DataTableExpansionContext<T, IdType>>(DATA_TABLE_EXPANSION, 'useDataTableExpansion');\n}\n\nexport function provideDataTableGrouping<T extends object>(context: DataTableGroupingContext<T>): void {\n  provide(DATA_TABLE_GROUPING, context);\n}\n\nexport function useDataTableGrouping<T extends object = any>(): DataTableGroupingContext<T> {\n  return injectOrThrow<DataTableGroupingContext<T>>(DATA_TABLE_GROUPING, 'useDataTableGrouping');\n}\n\nexport function provideDataTableRowIdentity<T extends object, IdType extends keyof T>(context: DataTableRowIdentityContext<T, IdType>): void {\n  provide(DATA_TABLE_ROW_IDENTITY, context);\n}\n\nexport function useDataTableRowIdentity<T extends object = any, IdType extends keyof T = keyof T>(): DataTableRowIdentityContext<T, IdType> {\n  return injectOrThrow<DataTableRowIdentityContext<T, IdType>>(DATA_TABLE_ROW_IDENTITY, 'useDataTableRowIdentity');\n}\n\n/** Marks descendant data tables as nested (e.g. rendered inside an expanded row). */\nexport function provideDataTableNested(): void {\n  provide(DATA_TABLE_NESTED, true);\n}\n\n/** True when this data table is rendered inside another data table. */\nexport function useDataTableNested(): boolean {\n  return inject<boolean>(DATA_TABLE_NESTED, false);\n}\n\n// --- Backward-compatible facade ---\n\nexport function provideDataTableContext<T extends object, IdType extends keyof T>(context: DataTableContext<T, IdType>): void {\n  provideDataTableStyling({ classes: context.classes, colspan: context.colspan, dense: context.dense, isMobile: context.isMobile });\n  provideDataTableColumns<T>({ columns: context.columns, cellValue: context.cellValue, itemSlotKeys: context.itemSlotKeys, columnAttr: context.columnAttr });\n  provideDataTableSelection<T, IdType>({ selectedData: context.selectedData, isSelected: context.isSelected, isDisabledRow: context.isDisabledRow, onSelect: context.onSelect, onCheckboxClick: context.onCheckboxClick });\n  provideDataTableExpansion<T, IdType>({ expandable: context.expandable, isExpanded: context.isExpanded, onToggleExpand: context.onToggleExpand });\n  provideDataTableGrouping<T>({ groupExpandButtonPosition: context.groupExpandButtonPosition, groupKey: context.groupKey, isExpandedGroup: context.isExpandedGroup, onToggleExpandGroup: context.onToggleExpandGroup, onUngroup: context.onUngroup, onCopyGroup: context.onCopyGroup });\n  provideDataTableRowIdentity<T, IdType>({ getRowId: context.getRowId, itemClass: context.itemClass });\n}\n\nexport function useDataTableContext<T extends object, IdType extends keyof T = keyof T>(): DataTableContext<T, IdType> {\n  return {\n    ...useDataTableStyling(),\n    ...useDataTableColumns<T>(),\n    ...useDataTableSelection<T, IdType>(),\n    ...useDataTableExpansion<T, IdType>(),\n    ...useDataTableGrouping<T>(),\n    ...useDataTableRowIdentity<T, IdType>(),\n  };\n}\n"],"mappings":";;AA4EA,IAAM,qBAAqB,OAAO,oBAAoB;AACtD,IAAM,qBAAqB,OAAO,oBAAoB;AACtD,IAAM,uBAAuB,OAAO,sBAAsB;AAC1D,IAAM,uBAAuB,OAAO,sBAAsB;AAC1D,IAAM,sBAAsB,OAAO,qBAAqB;AACxD,IAAM,0BAA0B,OAAO,yBAAyB;AAChE,IAAM,oBAAoB,OAAO,mBAAmB;AAIpD,SAAS,cAAiB,KAAa,MAAiB;CACtD,MAAM,UAAU,OAAU,GAAG;CAC7B,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,GAAG,KAAK,oCAAoC;CAE9D,OAAO;AACT;AAEA,SAAgB,wBAAwB,SAAwC;CAC9E,QAAQ,oBAAoB,OAAO;AACrC;AAEA,SAAgB,sBAA+C;CAC7D,OAAO,cAAuC,oBAAoB,qBAAqB;AACzF;AAEA,SAAgB,wBAA0C,SAA2C;CACnG,QAAQ,oBAAoB,OAAO;AACrC;AAEA,SAAgB,sBAA0E;CACxF,OAAO,cAA0C,oBAAoB,qBAAqB;AAC5F;AAEA,SAAgB,0BAAoE,SAAqD;CACvI,QAAQ,sBAAsB,OAAO;AACvC;AAEA,SAAgB,wBAAwH;CACtI,OAAO,cAAoD,sBAAsB,uBAAuB;AAC1G;AAEA,SAAgB,0BAAoE,SAAqD;CACvI,QAAQ,sBAAsB,OAAO;AACvC;AAEA,SAAgB,wBAAwH;CACtI,OAAO,cAAoD,sBAAsB,uBAAuB;AAC1G;AAEA,SAAgB,yBAA2C,SAA4C;CACrG,QAAQ,qBAAqB,OAAO;AACtC;AAEA,SAAgB,uBAA4E;CAC1F,OAAO,cAA2C,qBAAqB,sBAAsB;AAC/F;AAEA,SAAgB,4BAAsE,SAAuD;CAC3I,QAAQ,yBAAyB,OAAO;AAC1C;AAEA,SAAgB,0BAA4H;CAC1I,OAAO,cAAsD,yBAAyB,yBAAyB;AACjH;;AAGA,SAAgB,yBAA+B;CAC7C,QAAQ,mBAAmB,IAAI;AACjC;;AAGA,SAAgB,qBAA8B;CAC5C,OAAO,OAAgB,mBAAmB,KAAK;AACjD;AAIA,SAAgB,wBAAkE,SAA4C;CAC5H,wBAAwB;EAAE,SAAS,QAAQ;EAAS,SAAS,QAAQ;EAAS,OAAO,QAAQ;EAAO,UAAU,QAAQ;CAAS,CAAC;CAChI,wBAA2B;EAAE,SAAS,QAAQ;EAAS,WAAW,QAAQ;EAAW,cAAc,QAAQ;EAAc,YAAY,QAAQ;CAAW,CAAC;CACzJ,0BAAqC;EAAE,cAAc,QAAQ;EAAc,YAAY,QAAQ;EAAY,eAAe,QAAQ;EAAe,UAAU,QAAQ;EAAU,iBAAiB,QAAQ;CAAgB,CAAC;CACvN,0BAAqC;EAAE,YAAY,QAAQ;EAAY,YAAY,QAAQ;EAAY,gBAAgB,QAAQ;CAAe,CAAC;CAC/I,yBAA4B;EAAE,2BAA2B,QAAQ;EAA2B,UAAU,QAAQ;EAAU,iBAAiB,QAAQ;EAAiB,qBAAqB,QAAQ;EAAqB,WAAW,QAAQ;EAAW,aAAa,QAAQ;CAAY,CAAC;CACpR,4BAAuC;EAAE,UAAU,QAAQ;EAAU,WAAW,QAAQ;CAAU,CAAC;AACrG"}