@rotki/ui-library 2.14.1 → 2.16.0

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

@@ -0,0 +1,516 @@
+import { useTable } from "../../composables/defaults/table.js";
+import RuiIcon_default from "../icons/RuiIcon.js";
+import RuiProgress_default from "../progress/RuiProgress.js";
+import RuiButton_default from "../buttons/button/RuiButton.js";
+import RuiTooltip_default from "../overlays/tooltip/RuiTooltip.js";
+import RuiCheckbox_default from "../forms/checkbox/RuiCheckbox.js";
+import { getAlignClass } from "./table-props.js";
+import { dataTableStyles } from "./data-table-styles.js";
+import RuiExpandButton_default from "./RuiExpandButton.js";
+import RuiTableEmptyState_default from "./RuiTableEmptyState.js";
+import RuiTableHead_default from "./RuiTableHead.js";
+import RuiTablePagination_default from "./RuiTablePagination.js";
+import { useStickyTableHeader } from "../../composables/sticky-header.js";
+import { isRow } from "../../composables/tables/data-table/types.js";
+import { useTableColumns } from "../../composables/tables/data-table/columns.js";
+import { useTableExpansion } from "../../composables/tables/data-table/expansion.js";
+import { useTableGrouping } from "../../composables/tables/data-table/grouping.js";
+import { useTablePagination } from "../../composables/tables/data-table/pagination.js";
+import { useTableSelection } from "../../composables/tables/data-table/selection.js";
+import { useTableSort } from "../../composables/tables/data-table/sort.js";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, isRef, mergeModels, normalizeClass, normalizeProps, onMounted, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
+import { get, set } from "@vueuse/shared";
+//#region src/components/tables/RuiDataTable.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-busy"];
+var _hoisted_2 = ["colspan"];
+var _hoisted_3 = { class: "flex items-center gap-2" };
+var _hoisted_4 = ["aria-selected"];
+var _hoisted_5 = ["colspan", "rowspan"];
+var _hoisted_6 = ["colspan"];
+var _hoisted_7 = { key: 1 };
+var _hoisted_8 = ["colspan"];
+var _hoisted_9 = ["colspan"];
+var RuiDataTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "RuiDataTable",
+	__name: "RuiDataTable",
+	props: /* @__PURE__ */ mergeModels({
+		rows: {},
+		rowAttr: {},
+		search: { default: "" },
+		itemsPerPage: { default: 10 },
+		cols: {},
+		columnAttr: { default: "label" },
+		dense: {
+			type: Boolean,
+			default: false
+		},
+		outlined: {
+			type: Boolean,
+			default: false
+		},
+		striped: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disablePerPage: {
+			type: Boolean,
+			default: false
+		},
+		rangesThreshold: { default: 500 },
+		empty: { default: () => ({ label: "No item found" }) },
+		hideDefaultHeader: {
+			type: Boolean,
+			default: false
+		},
+		hideDefaultFooter: {
+			type: Boolean,
+			default: false
+		},
+		rounded: { default: "md" },
+		singleExpand: {
+			type: Boolean,
+			default: false
+		},
+		stickyHeader: {
+			type: Boolean,
+			default: false
+		},
+		stickyOffset: {},
+		globalItemsPerPage: {
+			type: Boolean,
+			default: () => void 0
+		},
+		groupExpandButtonPosition: { default: "start" },
+		disabledRows: {},
+		multiPageSelect: {
+			type: Boolean,
+			default: false
+		},
+		itemClass: {
+			type: [Function, String],
+			default: ""
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {},
+		"expanded": {},
+		"expandedModifiers": {},
+		"pagination": {},
+		"paginationModifiers": {},
+		"sort": {},
+		"sortModifiers": {},
+		"group": {},
+		"groupModifiers": {},
+		"collapsed": {},
+		"collapsedModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:options", "copy:group"], [
+		"update:modelValue",
+		"update:expanded",
+		"update:pagination",
+		"update:sort",
+		"update:group",
+		"update:collapsed"
+	]),
+	setup(__props, { emit: __emit }) {
+		const selectedData = useModel(__props, "modelValue");
+		const expanded = useModel(__props, "expanded");
+		const [pagination, paginationModifiers] = useModel(__props, "pagination");
+		const [sort, sortModifiers] = useModel(__props, "sort");
+		const group = useModel(__props, "group");
+		const collapsed = useModel(__props, "collapsed");
+		const emit = __emit;
+		const slots = useSlots();
+		const tableDefaults = useTable();
+		const stickyHeaderOffset = computed(() => __props.stickyOffset !== void 0 ? __props.stickyOffset : get(tableDefaults.stickyOffset));
+		const table = useTemplateRef("table");
+		const tableScroller = useTemplateRef("tableScroller");
+		const { stick } = useStickyTableHeader(() => __props.stickyHeader, stickyHeaderOffset, {
+			table,
+			tableScroller
+		});
+		const hasExpandedItemSlot = computed(() => !!slots["expanded-item"]);
+		const { expandable, isExpanded, onToggleExpand } = useTableExpansion({
+			rowAttr: __props.rowAttr,
+			singleExpand: __props.singleExpand
+		}, {
+			expanded,
+			hasExpandedItemSlot
+		});
+		function emitUpdateOptions(opts) {
+			emit("update:options", opts);
+		}
+		const { sortData, sortedMap, sorted, onSort: applySort } = useTableSort({
+			rows: () => __props.rows,
+			search: () => __props.search,
+			sortModifiersExternal: sortModifiers.external
+		}, {
+			sort,
+			pagination,
+			emitUpdateOptions
+		});
+		const { groupKeys, groupKey, grouped, isExpandedGroup, isHiddenRow, onToggleExpandGroup, onUngroup, onCopyGroup } = useTableGrouping({ rowAttr: __props.rowAttr }, {
+			group,
+			collapsed,
+			sorted,
+			emitCopyGroup: (value) => emit("copy:group", value)
+		});
+		const { paginationData, filtered, setInternalTotal, resetPagination } = useTablePagination({
+			itemsPerPage: __props.itemsPerPage,
+			paginationModifiersExternal: paginationModifiers.external,
+			globalItemsPerPage: __props.globalItemsPerPage
+		}, {
+			pagination,
+			grouped,
+			isHiddenRow,
+			sort,
+			emitUpdateOptions,
+			tableDefaults
+		});
+		const noData = computed(() => get(filtered).length === 0);
+		const { columns, colspan, headerSlots, cellValue } = useTableColumns({
+			cols: () => __props.cols,
+			columnAttr: __props.columnAttr,
+			rows: () => __props.rows,
+			expandable,
+			groupKeys,
+			selectedData,
+			slots
+		});
+		const { isAllSelected, indeterminate, isSelected, isDisabledRow, onToggleAll, onSelect, onCheckboxClick, deselectRemovedRows, resetCheckboxShiftState } = useTableSelection({
+			rowAttr: __props.rowAttr,
+			multiPageSelect: __props.multiPageSelect,
+			disabledRows: () => __props.disabledRows
+		}, {
+			selectedData,
+			filtered
+		});
+		function onSort(payload) {
+			applySort(payload);
+			if (!__props.multiPageSelect) onToggleAll(false);
+			resetCheckboxShiftState();
+		}
+		function onPaginate() {
+			set(expanded, []);
+			if (!__props.multiPageSelect) onToggleAll(false);
+			resetCheckboxShiftState();
+		}
+		watch(() => __props.search, () => {
+			resetPagination();
+			onToggleAll(false);
+			resetCheckboxShiftState();
+		});
+		watch(sorted, (items) => {
+			if (!__props.multiPageSelect) deselectRemovedRows();
+			setInternalTotal(items);
+		});
+		onMounted(() => {
+			setInternalTotal(get(sorted));
+		});
+		const ui = computed(() => dataTableStyles({
+			outlined: __props.outlined,
+			rounded: __props.rounded,
+			dense: __props.dense,
+			striped: __props.striped
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(ui).wrapper()),
+				"data-id": "table-wrapper"
+			}, [
+				unref(paginationData) && !__props.hideDefaultHeader ? (openBlock(), createBlock(RuiTablePagination_default, {
+					key: 0,
+					modelValue: unref(paginationData),
+					"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => isRef(paginationData) ? paginationData.value = $event : null), _cache[1] || (_cache[1] = ($event) => onPaginate())],
+					dense: __props.dense,
+					loading: __props.loading,
+					"disable-per-page": __props.disablePerPage,
+					"ranges-threshold": __props.rangesThreshold,
+					"data-id": "table-pagination"
+				}, null, 8, [
+					"modelValue",
+					"dense",
+					"loading",
+					"disable-per-page",
+					"ranges-threshold"
+				])) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref_key: "tableScroller",
+					ref: tableScroller,
+					class: normalizeClass(unref(ui).scroller()),
+					"data-id": "table-scroller"
+				}, [createElementVNode("table", {
+					ref_key: "table",
+					ref: table,
+					class: normalizeClass(unref(ui).table()),
+					"aria-busy": __props.loading
+				}, [
+					createVNode(RuiTableHead_default, {
+						loading: __props.loading,
+						indeterminate: unref(indeterminate),
+						"capitalize-headers": !__props.cols,
+						colspan: unref(colspan),
+						"column-attr": __props.columnAttr,
+						columns: unref(columns),
+						dense: __props.dense,
+						"disable-check-all": !unref(filtered)?.length,
+						"is-all-selected": unref(isAllSelected),
+						"no-data": unref(noData),
+						selectable: !!selectedData.value,
+						"sort-data": unref(sortData),
+						"sorted-map": unref(sortedMap),
+						stick: unref(stick),
+						"sticky-header": __props.stickyHeader,
+						onSort: _cache[2] || (_cache[2] = ($event) => onSort($event)),
+						"onSelect:all": _cache[3] || (_cache[3] = ($event) => unref(onToggleAll)($event))
+					}, createSlots({ _: 2 }, [renderList(unref(headerSlots), (headerSlot) => {
+						return {
+							name: headerSlot,
+							fn: withCtx((slotData) => [renderSlot(_ctx.$slots, headerSlot, normalizeProps(guardReactiveProps(slotData)))])
+						};
+					})]), 1032, [
+						"loading",
+						"indeterminate",
+						"capitalize-headers",
+						"colspan",
+						"column-attr",
+						"columns",
+						"dense",
+						"disable-check-all",
+						"is-all-selected",
+						"no-data",
+						"selectable",
+						"sort-data",
+						"sorted-map",
+						"stick",
+						"sticky-header"
+					]),
+					__props.stickyHeader ? (openBlock(), createBlock(RuiTableHead_default, {
+						key: 0,
+						loading: __props.loading,
+						"capitalize-headers": !__props.cols,
+						colspan: unref(colspan),
+						"column-attr": __props.columnAttr,
+						columns: unref(columns),
+						dense: __props.dense,
+						"no-data": unref(noData),
+						selectable: !!selectedData.value,
+						"sort-data": unref(sortData),
+						"sorted-map": unref(sortedMap),
+						"data-id": "head-clone",
+						class: "opacity-0 invisible"
+					}, createSlots({ _: 2 }, [renderList(unref(headerSlots), (headerSlot) => {
+						return {
+							name: headerSlot,
+							fn: withCtx((slotData) => [renderSlot(_ctx.$slots, headerSlot, normalizeProps(guardReactiveProps(slotData)))])
+						};
+					})]), 1032, [
+						"loading",
+						"capitalize-headers",
+						"colspan",
+						"column-attr",
+						"columns",
+						"dense",
+						"no-data",
+						"selectable",
+						"sort-data",
+						"sorted-map"
+					])) : createCommentVNode("", true),
+					createElementVNode("tbody", { class: normalizeClass(unref(ui).tbody()) }, [
+						slots["body.prepend"] ? renderSlot(_ctx.$slots, "body.prepend", {
+							key: 0,
+							colspan: unref(colspan)
+						}) : createCommentVNode("", true),
+						(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filtered), (row, index) => {
+							return openBlock(), createElementBlock(Fragment, null, [!unref(isRow)(row) ? (openBlock(), createElementBlock("tr", {
+								key: `row-${index}`,
+								class: normalizeClass([unref(ui).tr({ rowVariant: "group" })]),
+								"data-id": "row-group"
+							}, [renderSlot(_ctx.$slots, "group.header", {
+								colspan: unref(colspan),
+								header: row,
+								isOpen: unref(isExpandedGroup)(row.group),
+								toggle: () => unref(onToggleExpandGroup)(row.group, row.identifier)
+							}, () => [createElementVNode("td", {
+								class: normalizeClass([[unref(ui).td()], "!p-2"]),
+								colspan: unref(colspan)
+							}, [createElementVNode("div", _hoisted_3, [
+								__props.groupExpandButtonPosition === "start" ? (openBlock(), createBlock(RuiExpandButton_default, {
+									key: 0,
+									expanded: unref(isExpandedGroup)(row.group),
+									onClick: ($event) => unref(onToggleExpandGroup)(row.group, row.identifier)
+								}, null, 8, ["expanded", "onClick"])) : createCommentVNode("", true),
+								renderSlot(_ctx.$slots, "group.header.content", {
+									groupKey: unref(groupKey),
+									header: row
+								}, () => [createElementVNode("span", null, toDisplayString(unref(groupKey)) + ": " + toDisplayString(row.identifier), 1), createVNode(RuiButton_default, {
+									size: "sm",
+									variant: "text",
+									icon: "",
+									"data-id": "group-copy-button",
+									onClick: ($event) => unref(onCopyGroup)({
+										key: unref(groupKey),
+										value: row.group
+									})
+								}, {
+									default: withCtx(() => [createVNode(RuiIcon_default, {
+										name: "lu-copy",
+										size: "16"
+									})]),
+									_: 1
+								}, 8, ["onClick"])]),
+								createVNode(RuiTooltip_default, {
+									options: { placement: "top" },
+									class: "ml-auto mr-2"
+								}, {
+									activator: withCtx(() => [createVNode(RuiButton_default, {
+										size: "sm",
+										variant: "text",
+										icon: "",
+										"data-id": "group-ungroup-button",
+										onClick: _cache[4] || (_cache[4] = ($event) => unref(onUngroup)())
+									}, {
+										default: withCtx(() => [createVNode(RuiIcon_default, {
+											name: "lu-trash-2",
+											size: "14"
+										})]),
+										_: 1
+									})]),
+									default: withCtx(() => [_cache[7] || (_cache[7] = createTextVNode(" Ungroup ", -1))]),
+									_: 1
+								}),
+								__props.groupExpandButtonPosition === "end" ? (openBlock(), createBlock(RuiExpandButton_default, {
+									key: 1,
+									expanded: unref(isExpandedGroup)(row.group),
+									onClick: ($event) => unref(onToggleExpandGroup)(row.group, row.identifier)
+								}, null, 8, ["expanded", "onClick"])) : createCommentVNode("", true)
+							])], 10, _hoisted_2)])], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [(openBlock(), createElementBlock("tr", {
+								key: `row-${index}`,
+								class: normalizeClass([unref(ui).tr({ rowVariant: unref(isSelected)(row[__props.rowAttr]) ? "selected" : void 0 }), typeof __props.itemClass === "string" ? __props.itemClass : __props.itemClass(row)]),
+								"aria-selected": selectedData.value ? unref(isSelected)(row[__props.rowAttr]) : void 0,
+								"data-id": "row"
+							}, [selectedData.value ? (openBlock(), createElementBlock("td", {
+								key: 0,
+								class: normalizeClass(unref(ui).checkbox()),
+								colspan: "1",
+								rowspan: "1"
+							}, [createVNode(RuiCheckbox_default, {
+								"data-id": `table-toggle-check-${index}`,
+								"model-value": unref(isSelected)(row[__props.rowAttr]),
+								disabled: unref(isDisabledRow)(row[__props.rowAttr]),
+								size: __props.dense ? "sm" : void 0,
+								color: "primary",
+								class: "select-none",
+								"hide-details": "",
+								"onUpdate:modelValue": ($event) => unref(onSelect)($event, row[__props.rowAttr], true),
+								onClick: ($event) => unref(onCheckboxClick)($event, row[__props.rowAttr], index)
+							}, null, 8, [
+								"data-id",
+								"model-value",
+								"disabled",
+								"size",
+								"onUpdate:modelValue",
+								"onClick"
+							])], 2)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (column, subIndex) => {
+								return openBlock(), createElementBlock("td", {
+									key: subIndex,
+									class: normalizeClass([unref(ui).td({ class: unref(getAlignClass)(column.align) }), column.cellClass]),
+									colspan: column.colspan ?? 1,
+									rowspan: column.rowspan ?? 1
+								}, [column.key === "expand" ? renderSlot(_ctx.$slots, `item.${column.key.toString()}`, {
+									key: 0,
+									column,
+									row,
+									index
+								}, () => [!slots["item.expand"] ? (openBlock(), createBlock(RuiExpandButton_default, {
+									key: 0,
+									expanded: unref(isExpanded)(row[__props.rowAttr]),
+									onClick: ($event) => unref(onToggleExpand)(row)
+								}, null, 8, ["expanded", "onClick"])) : createCommentVNode("", true)]) : renderSlot(_ctx.$slots, `item.${column.key.toString()}`, {
+									key: 1,
+									column,
+									index,
+									row
+								}, () => [createTextVNode(toDisplayString(unref(cellValue)(row, column.key)), 1)])], 10, _hoisted_5);
+							}), 128))], 10, _hoisted_4)), unref(expandable) && unref(isExpanded)(row[__props.rowAttr]) ? (openBlock(), createElementBlock("tr", {
+								key: `row-expand-${index}`,
+								class: normalizeClass(unref(ui).tr({ rowVariant: "expandable" })),
+								"data-id": "row-expanded"
+							}, [createElementVNode("td", {
+								colspan: unref(colspan),
+								class: normalizeClass([unref(ui).td()])
+							}, [renderSlot(_ctx.$slots, "expanded-item", {
+								row,
+								index
+							})], 10, _hoisted_6)], 2)) : createCommentVNode("", true)], 64))], 64);
+						}), 256)),
+						__props.loading && unref(noData) ? (openBlock(), createElementBlock("tr", _hoisted_7, [createElementVNode("td", {
+							class: normalizeClass(unref(ui).tbodyLoader()),
+							colspan: unref(colspan),
+							"data-id": "tbody-loader"
+						}, [createElementVNode("div", { class: normalizeClass(unref(ui).tbodyLoaderContent()) }, [createVNode(RuiProgress_default, {
+							color: "primary",
+							variant: "indeterminate",
+							circular: ""
+						})], 2)], 10, _hoisted_8)])) : createCommentVNode("", true),
+						unref(noData) && __props.empty && !__props.loading ? (openBlock(), createElementBlock("tr", {
+							key: 2,
+							class: normalizeClass(unref(ui).tr({ rowVariant: "empty" })),
+							"data-id": "row-empty"
+						}, [createVNode(Transition, {
+							appear: "",
+							"enter-active-class": "transition ease-out duration-200 delay-200",
+							"enter-from-class": "opacity-0 translate-y-1",
+							"enter-to-class": "opacity-100 translate-y-0",
+							"leave-active-class": "transition ease-in duration-150",
+							"leave-from-class": "opacity-100 translate-y-0",
+							"leave-to-class": "opacity-0 translate-y-1"
+						}, {
+							default: withCtx(() => [createElementVNode("td", {
+								class: normalizeClass(unref(ui).td()),
+								colspan: unref(colspan)
+							}, [renderSlot(_ctx.$slots, "no-data", {}, () => [createVNode(RuiTableEmptyState_default, {
+								label: __props.empty.label,
+								description: __props.empty.description
+							}, createSlots({ _: 2 }, [slots["empty-description"] ? {
+								name: "description",
+								fn: withCtx(() => [renderSlot(_ctx.$slots, "empty-description")]),
+								key: "0"
+							} : void 0]), 1032, ["label", "description"])])], 10, _hoisted_9)]),
+							_: 3
+						})], 2)) : createCommentVNode("", true),
+						slots["body.append"] ? renderSlot(_ctx.$slots, "body.append", {
+							key: 3,
+							colspan: unref(colspan)
+						}) : createCommentVNode("", true)
+					], 2),
+					createElementVNode("tfoot", null, [renderSlot(_ctx.$slots, "tfoot")])
+				], 10, _hoisted_1)], 2),
+				unref(paginationData) && !__props.hideDefaultFooter ? (openBlock(), createBlock(RuiTablePagination_default, {
+					key: 1,
+					modelValue: unref(paginationData),
+					"onUpdate:modelValue": [_cache[5] || (_cache[5] = ($event) => isRef(paginationData) ? paginationData.value = $event : null), _cache[6] || (_cache[6] = ($event) => onPaginate())],
+					dense: __props.dense,
+					loading: __props.loading,
+					"disable-per-page": __props.disablePerPage,
+					"ranges-threshold": __props.rangesThreshold,
+					"data-id": "table-pagination"
+				}, null, 8, [
+					"modelValue",
+					"dense",
+					"loading",
+					"disable-per-page",
+					"ranges-threshold"
+				])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { RuiDataTable_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiDataTable.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"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 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 hasExpandedItemSlot = computed<boolean>(() => !!slots['expanded-item']);\n\nconst { expandable, isExpanded, onToggleExpand } = useTableExpansion<T, IdType>(\n  { rowAttr, singleExpand },\n  { expanded, hasExpandedItemSlot },\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  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 && 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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"}

package/dist/components/tables/RuiExpandButton.js

@@ -0,0 +1,7 @@
+import RuiExpandButton_vue_vue_type_script_setup_true_lang_default from "./RuiExpandButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tables/RuiExpandButton.vue
+var RuiExpandButton_default = RuiExpandButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiExpandButton_default as default };
+
+//# sourceMappingURL=RuiExpandButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiExpandButton.js","names":[],"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":""}

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

@@ -0,0 +1,34 @@
+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({
+	inheritAttrs: false,
+	__name: "RuiExpandButton",
+	props: {
+		expanded: { type: Boolean },
+		icon: { default: "lu-chevron-down" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RuiButton_default, mergeProps({
+				class: "relative",
+				"aria-expanded": __props.expanded,
+				"data-id": "expand-button",
+				icon: "",
+				size: "sm",
+				variant: "text"
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(RuiIcon_default, {
+					class: normalizeClass(["transition", { "rotate-180": __props.expanded }]),
+					name: __props.icon
+				}, null, 8, ["class", "name"])])]),
+				_: 3
+			}, 16, ["aria-expanded"]);
+		};
+	}
+});
+//#endregion
+export { RuiExpandButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RuiExpandButton.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/tables/RuiTableEmptyState.js

@@ -0,0 +1,7 @@
+import RuiTableEmptyState_vue_vue_type_script_setup_true_lang_default from "./RuiTableEmptyState.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tables/RuiTableEmptyState.vue
+var RuiTableEmptyState_default = RuiTableEmptyState_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RuiTableEmptyState_default as default };
+
+//# sourceMappingURL=RuiTableEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuiTableEmptyState.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":""}