@rotki/ui-library 2.14.1 → 2.16.0

package/dist/composables/tables/data-table/sort.js

@@ -1,136 +1,122 @@
 import { assert } from "../../../utils/assert.js";
 import { computed, toValue } from "vue";
-import { set, get } from "@vueuse/shared";
-const SORT_COLLATOR = new Intl.Collator(void 0, { sensitivity: "accent", usage: "sort" });
+import { get, set } from "@vueuse/shared";
+//#region src/composables/tables/data-table/sort.ts
+var SORT_COLLATOR = new Intl.Collator(void 0, {
+	sensitivity: "accent",
+	usage: "sort"
+});
 function useTableSort(options, deps) {
-  const { rows, search, sortModifiersExternal } = options;
-  const { sort, pagination, emitUpdateOptions } = deps;
-  const getKeys = (t) => Object.keys(t);
-  const sortData = computed({
-    get() {
-      return get(sort);
-    },
-    set(value) {
-      set(sort, value);
-      emitUpdateOptions({
-        sort: value,
-        pagination: get(pagination)
-      });
-    }
-  });
-  const sortedMap = computed(() => {
-    const mapped = {};
-    const sortBy = get(sortData);
-    if (!sortBy)
-      return mapped;
-    if (!Array.isArray(sortBy)) {
-      if (sortBy.column)
-        mapped[sortBy.column] = sortBy;
-      return mapped;
-    }
-    return sortBy.reduce((acc, curr) => {
-      if (!curr.column)
-        return acc;
-      acc[curr.column] = curr;
-      return acc;
-    }, mapped);
-  });
-  const searchData = computed(() => {
-    const currentRows = toValue(rows);
-    const query = toValue(search)?.toLocaleLowerCase();
-    if (!query)
-      return [...currentRows];
-    return currentRows.filter(
-      (row) => getKeys(row).some((key) => `${row[key]}`.toLocaleLowerCase().includes(query))
-    );
-  });
-  const sorted = computed(() => {
-    const sortBy = get(sortData);
-    if (!sortBy || sortModifiersExternal)
-      return get(searchData);
-    const data = [...get(searchData)];
-    const sortFn = (by) => {
-      data.sort((a, b) => {
-        const column = by.column;
-        if (!column)
-          return 0;
-        let [aValue, bValue] = [a[column], b[column]];
-        if (by.direction === "desc")
-          [aValue, bValue] = [bValue, aValue];
-        const aNumber = Number(aValue);
-        const bNumber = Number(bValue);
-        if (!isNaN(aNumber) && !isNaN(bNumber))
-          return aNumber - bNumber;
-        return SORT_COLLATOR.compare(`${aValue}`, `${bValue}`);
-      });
-    };
-    if (!Array.isArray(sortBy))
-      sortFn(sortBy);
-    else [...sortBy].reverse().forEach(sortFn);
-    return data;
-  });
-  function isSortedBy(key) {
-    return key in get(sortedMap);
-  }
-  function getSortIndex(key) {
-    const sortBy = get(sortData);
-    if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key))
-      return -1;
-    return sortBy.findIndex((s) => s.column === key);
-  }
-  function onSort({ key, direction }) {
-    const sortBy = get(sortData);
-    if (!sortBy)
-      return;
-    if (!Array.isArray(sortBy)) {
-      if (isSortedBy(key)) {
-        const newDirection = !direction || direction === "asc" ? "desc" : "asc";
-        if (sortBy.direction === newDirection) {
-          set(sortData, { ...sortBy, column: void 0, direction: "asc" });
-        } else {
-          set(sortData, {
-            ...sortBy,
-            direction: sortBy.direction === "asc" ? "desc" : "asc"
-          });
-        }
-      } else {
-        set(sortData, { column: key, direction: direction || "asc" });
-      }
-      return;
-    }
-    if (isSortedBy(key)) {
-      const newDirection = !direction || direction === "asc" ? "desc" : "asc";
-      const index = getSortIndex(key);
-      const sortByCol = sortBy[index];
-      assert(sortByCol);
-      if (sortByCol.direction === newDirection) {
-        set(
-          sortData,
-          sortBy.filter((_, i) => i !== index)
-        );
-      } else {
-        set(
-          sortData,
-          sortBy.map(
-            (col, i) => i === index ? { ...col, direction: col.direction === "asc" ? "desc" : "asc" } : col
-          )
-        );
-      }
-    } else {
-      set(sortData, [...sortBy, { column: key, direction: direction || "asc" }]);
-    }
-  }
-  return {
-    sortData,
-    sortedMap,
-    searchData,
-    sorted,
-    isSortedBy,
-    getSortIndex,
-    onSort
-  };
+	const { rows, search, sortModifiersExternal } = options;
+	const { sort, pagination, emitUpdateOptions } = deps;
+	const getKeys = (t) => Object.keys(t);
+	const sortData = computed({
+		get() {
+			return get(sort);
+		},
+		set(value) {
+			set(sort, value);
+			emitUpdateOptions({
+				sort: value,
+				pagination: get(pagination)
+			});
+		}
+	});
+	const sortedMap = computed(() => {
+		const mapped = {};
+		const sortBy = get(sortData);
+		if (!sortBy) return mapped;
+		if (!Array.isArray(sortBy)) {
+			if (sortBy.column) mapped[sortBy.column] = sortBy;
+			return mapped;
+		}
+		return sortBy.reduce((acc, curr) => {
+			if (!curr.column) return acc;
+			acc[curr.column] = curr;
+			return acc;
+		}, mapped);
+	});
+	const searchData = computed(() => {
+		const currentRows = toValue(rows);
+		const query = toValue(search)?.toLocaleLowerCase();
+		if (!query) return [...currentRows];
+		return currentRows.filter((row) => getKeys(row).some((key) => `${row[key]}`.toLocaleLowerCase().includes(query)));
+	});
+	const sorted = computed(() => {
+		const sortBy = get(sortData);
+		if (!sortBy || sortModifiersExternal) return get(searchData);
+		const data = [...get(searchData)];
+		const sortFn = (by) => {
+			data.sort((a, b) => {
+				const column = by.column;
+				if (!column) return 0;
+				let [aValue, bValue] = [a[column], b[column]];
+				if (by.direction === "desc") [aValue, bValue] = [bValue, aValue];
+				const aNumber = Number(aValue);
+				const bNumber = Number(bValue);
+				if (!isNaN(aNumber) && !isNaN(bNumber)) return aNumber - bNumber;
+				return SORT_COLLATOR.compare(`${aValue}`, `${bValue}`);
+			});
+		};
+		if (!Array.isArray(sortBy)) sortFn(sortBy);
+		else [...sortBy].reverse().forEach(sortFn);
+		return data;
+	});
+	function isSortedBy(key) {
+		return key in get(sortedMap);
+	}
+	function getSortIndex(key) {
+		const sortBy = get(sortData);
+		if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key)) return -1;
+		return sortBy.findIndex((s) => s.column === key);
+	}
+	function onSort({ key, direction }) {
+		const sortBy = get(sortData);
+		if (!sortBy) return;
+		if (!Array.isArray(sortBy)) {
+			if (isSortedBy(key)) {
+				const newDirection = !direction || direction === "asc" ? "desc" : "asc";
+				if (sortBy.direction === newDirection) set(sortData, {
+					...sortBy,
+					column: void 0,
+					direction: "asc"
+				});
+				else set(sortData, {
+					...sortBy,
+					direction: sortBy.direction === "asc" ? "desc" : "asc"
+				});
+			} else set(sortData, {
+				column: key,
+				direction: direction || "asc"
+			});
+			return;
+		}
+		if (isSortedBy(key)) {
+			const newDirection = !direction || direction === "asc" ? "desc" : "asc";
+			const index = getSortIndex(key);
+			const sortByCol = sortBy[index];
+			assert(sortByCol);
+			if (sortByCol.direction === newDirection) set(sortData, sortBy.filter((_, i) => i !== index));
+			else set(sortData, sortBy.map((col, i) => i === index ? {
+				...col,
+				direction: col.direction === "asc" ? "desc" : "asc"
+			} : col));
+		} else set(sortData, [...sortBy, {
+			column: key,
+			direction: direction || "asc"
+		}]);
+	}
+	return {
+		sortData,
+		sortedMap,
+		searchData,
+		sorted,
+		isSortedBy,
+		getSortIndex,
+		onSort
+	};
 }
-export {
-  useTableSort
-};
-//# sourceMappingURL=sort.js.map
+//#endregion
+export { useTableSort };
+
+//# sourceMappingURL=sort.js.map

package/dist/composables/tables/data-table/sort.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort.js","sources":["../../../../src/composables/tables/data-table/sort.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport type { SortColumn, TableRowKey, TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport { assert } from '@/utils/assert';\n\nconst SORT_COLLATOR = new Intl.Collator(undefined, { sensitivity: 'accent', usage: 'sort' });\n\nexport interface UseTableSortOptions<T extends object> {\n  /** The data rows to sort. */\n  rows: MaybeRefOrGetter<readonly T[]>;\n  /** The current search query used to filter rows before sorting. */\n  search: MaybeRefOrGetter<string>;\n  /** Whether sorting is managed externally (e.g. server-side). */\n  sortModifiersExternal: boolean | undefined;\n}\n\nexport interface UseTableSortDeps<T extends object> {\n  sort: Ref<TableSortData<T>>;\n  pagination: Ref<TablePaginationData | undefined>;\n  emitUpdateOptions: (options: {\n    sort?: TableSortData<T>;\n    pagination?: TablePaginationData;\n  }) => void;\n}\n\nexport interface UseTableSortReturn<T extends object> {\n  sortData: ComputedRef<TableSortData<T>>;\n  sortedMap: ComputedRef<Partial<Record<TableRowKey<T>, SortColumn<T>>>>;\n  searchData: ComputedRef<T[]>;\n  sorted: ComputedRef<T[]>;\n  isSortedBy: (key: TableRowKey<T>) => boolean;\n  getSortIndex: (key: TableRowKey<T>) => number;\n  onSort: (payload: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }) => void;\n}\n\nexport function useTableSort<T extends object>(\n  options: UseTableSortOptions<T>,\n  deps: UseTableSortDeps<T>,\n): UseTableSortReturn<T> {\n  const { rows, search, sortModifiersExternal } = options;\n  const { sort, pagination, emitUpdateOptions } = deps;\n\n  const getKeys = <O extends object>(t: O): TableRowKey<O>[] => Object.keys(t) as TableRowKey<O>[];\n\n  const sortData = computed<TableSortData<T>>({\n    get(): TableSortData<T> {\n      return get(sort);\n    },\n    set(value: TableSortData<T>) {\n      set(sort, value);\n      emitUpdateOptions({\n        sort: value,\n        pagination: get(pagination),\n      });\n    },\n  });\n\n  const sortedMap = computed<Partial<Record<TableRowKey<T>, SortColumn<T>>>>(() => {\n    const mapped: Partial<Record<TableRowKey<T>, SortColumn<T>>> = {};\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return mapped;\n\n    if (!Array.isArray(sortBy)) {\n      if (sortBy.column)\n        mapped[sortBy.column] = sortBy;\n\n      return mapped;\n    }\n\n    return sortBy.reduce((acc, curr) => {\n      if (!curr.column)\n        return acc;\n\n      acc[curr.column] = curr;\n      return acc;\n    }, mapped);\n  });\n\n  const searchData = computed<T[]>(() => {\n    const currentRows = toValue(rows);\n    const query = toValue(search)?.toLocaleLowerCase();\n    if (!query)\n      return [...currentRows];\n\n    return currentRows.filter(row =>\n      getKeys(row).some(key => `${row[key]}`.toLocaleLowerCase().includes(query)),\n    );\n  });\n\n  const sorted: ComputedRef<T[]> = computed(() => {\n    const sortBy = get(sortData);\n    if (!sortBy || sortModifiersExternal)\n      return get(searchData);\n\n    const data = [...get(searchData)];\n\n    const sortFn = (by: SortColumn<T>): void => {\n      data.sort((a, b) => {\n        const column = by.column;\n        if (!column)\n          return 0;\n\n        let [aValue, bValue] = [a[column], b[column]];\n        if (by.direction === 'desc')\n          [aValue, bValue] = [bValue, aValue];\n\n        const aNumber = Number(aValue);\n        const bNumber = Number(bValue);\n        if (!isNaN(aNumber) && !isNaN(bNumber))\n          return aNumber - bNumber;\n\n        return SORT_COLLATOR.compare(`${aValue}`, `${bValue}`);\n      });\n    };\n\n    if (!Array.isArray(sortBy))\n      sortFn(sortBy);\n    else [...sortBy].reverse().forEach(sortFn);\n\n    return data;\n  });\n\n  function isSortedBy(key: TableRowKey<T>): boolean {\n    return key in get(sortedMap);\n  }\n\n  function getSortIndex(key: TableRowKey<T>): number {\n    const sortBy = get(sortData);\n\n    if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key))\n      return -1;\n\n    return sortBy.findIndex(s => s.column === key);\n  }\n\n  function onSort({ key, direction }: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }): void {\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return;\n\n    if (!Array.isArray(sortBy)) {\n      if (isSortedBy(key)) {\n        const newDirection = !direction || direction === 'asc' ? 'desc' : 'asc';\n\n        if (sortBy.direction === newDirection) {\n          set(sortData, { ...sortBy, column: undefined, direction: 'asc' });\n        }\n        else {\n          set(sortData, {\n            ...sortBy,\n            direction: sortBy.direction === 'asc' ? 'desc' : 'asc',\n          });\n        }\n      }\n      else {\n        set(sortData, { column: key, direction: direction || 'asc' });\n      }\n      return;\n    }\n\n    if (isSortedBy(key)) {\n      const newDirection = !direction || direction === 'asc' ? 'desc' : 'asc';\n\n      const index = getSortIndex(key);\n      const sortByCol = sortBy[index];\n      assert(sortByCol);\n\n      if (sortByCol.direction === newDirection) {\n        set(\n          sortData,\n          sortBy.filter((_, i) => i !== index),\n        );\n      }\n      else {\n        set(\n          sortData,\n          sortBy.map((col, i) =>\n            i === index ? { ...col, direction: col.direction === 'asc' ? 'desc' : 'asc' } : col,\n          ),\n        );\n      }\n    }\n    else {\n      set(sortData, [...sortBy, { column: key, direction: direction || 'asc' }]);\n    }\n  }\n\n  return {\n    sortData,\n    sortedMap,\n    searchData,\n    sorted,\n    isSortedBy,\n    getSortIndex,\n    onSort,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sort.js","names":[],"sources":["../../../../src/composables/tables/data-table/sort.ts"],"sourcesContent":["import type { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';\nimport type { SortColumn, TableRowKey, TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\nimport { assert } from '@/utils/assert';\n\nconst SORT_COLLATOR = new Intl.Collator(undefined, { sensitivity: 'accent', usage: 'sort' });\n\nexport interface UseTableSortOptions<T extends object> {\n  /** The data rows to sort. */\n  rows: MaybeRefOrGetter<readonly T[]>;\n  /** The current search query used to filter rows before sorting. */\n  search: MaybeRefOrGetter<string>;\n  /** Whether sorting is managed externally (e.g. server-side). */\n  sortModifiersExternal: boolean | undefined;\n}\n\nexport interface UseTableSortDeps<T extends object> {\n  sort: Ref<TableSortData<T>>;\n  pagination: Ref<TablePaginationData | undefined>;\n  emitUpdateOptions: (options: {\n    sort?: TableSortData<T>;\n    pagination?: TablePaginationData;\n  }) => void;\n}\n\nexport interface UseTableSortReturn<T extends object> {\n  sortData: ComputedRef<TableSortData<T>>;\n  sortedMap: ComputedRef<Partial<Record<TableRowKey<T>, SortColumn<T>>>>;\n  searchData: ComputedRef<T[]>;\n  sorted: ComputedRef<T[]>;\n  isSortedBy: (key: TableRowKey<T>) => boolean;\n  getSortIndex: (key: TableRowKey<T>) => number;\n  onSort: (payload: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }) => void;\n}\n\nexport function useTableSort<T extends object>(\n  options: UseTableSortOptions<T>,\n  deps: UseTableSortDeps<T>,\n): UseTableSortReturn<T> {\n  const { rows, search, sortModifiersExternal } = options;\n  const { sort, pagination, emitUpdateOptions } = deps;\n\n  const getKeys = <O extends object>(t: O): TableRowKey<O>[] => Object.keys(t) as TableRowKey<O>[];\n\n  const sortData = computed<TableSortData<T>>({\n    get(): TableSortData<T> {\n      return get(sort);\n    },\n    set(value: TableSortData<T>) {\n      set(sort, value);\n      emitUpdateOptions({\n        sort: value,\n        pagination: get(pagination),\n      });\n    },\n  });\n\n  const sortedMap = computed<Partial<Record<TableRowKey<T>, SortColumn<T>>>>(() => {\n    const mapped: Partial<Record<TableRowKey<T>, SortColumn<T>>> = {};\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return mapped;\n\n    if (!Array.isArray(sortBy)) {\n      if (sortBy.column)\n        mapped[sortBy.column] = sortBy;\n\n      return mapped;\n    }\n\n    return sortBy.reduce((acc, curr) => {\n      if (!curr.column)\n        return acc;\n\n      acc[curr.column] = curr;\n      return acc;\n    }, mapped);\n  });\n\n  const searchData = computed<T[]>(() => {\n    const currentRows = toValue(rows);\n    const query = toValue(search)?.toLocaleLowerCase();\n    if (!query)\n      return [...currentRows];\n\n    return currentRows.filter(row =>\n      getKeys(row).some(key => `${row[key]}`.toLocaleLowerCase().includes(query)),\n    );\n  });\n\n  const sorted: ComputedRef<T[]> = computed(() => {\n    const sortBy = get(sortData);\n    if (!sortBy || sortModifiersExternal)\n      return get(searchData);\n\n    const data = [...get(searchData)];\n\n    const sortFn = (by: SortColumn<T>): void => {\n      data.sort((a, b) => {\n        const column = by.column;\n        if (!column)\n          return 0;\n\n        let [aValue, bValue] = [a[column], b[column]];\n        if (by.direction === 'desc')\n          [aValue, bValue] = [bValue, aValue];\n\n        const aNumber = Number(aValue);\n        const bNumber = Number(bValue);\n        if (!isNaN(aNumber) && !isNaN(bNumber))\n          return aNumber - bNumber;\n\n        return SORT_COLLATOR.compare(`${aValue}`, `${bValue}`);\n      });\n    };\n\n    if (!Array.isArray(sortBy))\n      sortFn(sortBy);\n    else [...sortBy].reverse().forEach(sortFn);\n\n    return data;\n  });\n\n  function isSortedBy(key: TableRowKey<T>): boolean {\n    return key in get(sortedMap);\n  }\n\n  function getSortIndex(key: TableRowKey<T>): number {\n    const sortBy = get(sortData);\n\n    if (!sortBy || !Array.isArray(sortBy) || !isSortedBy(key))\n      return -1;\n\n    return sortBy.findIndex(s => s.column === key);\n  }\n\n  function onSort({ key, direction }: { key: TableRowKey<T>; direction?: 'asc' | 'desc' }): void {\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return;\n\n    if (!Array.isArray(sortBy)) {\n      if (isSortedBy(key)) {\n        const newDirection = !direction || direction === 'asc' ? 'desc' : 'asc';\n\n        if (sortBy.direction === newDirection) {\n          set(sortData, { ...sortBy, column: undefined, direction: 'asc' });\n        }\n        else {\n          set(sortData, {\n            ...sortBy,\n            direction: sortBy.direction === 'asc' ? 'desc' : 'asc',\n          });\n        }\n      }\n      else {\n        set(sortData, { column: key, direction: direction || 'asc' });\n      }\n      return;\n    }\n\n    if (isSortedBy(key)) {\n      const newDirection = !direction || direction === 'asc' ? 'desc' : 'asc';\n\n      const index = getSortIndex(key);\n      const sortByCol = sortBy[index];\n      assert(sortByCol);\n\n      if (sortByCol.direction === newDirection) {\n        set(\n          sortData,\n          sortBy.filter((_, i) => i !== index),\n        );\n      }\n      else {\n        set(\n          sortData,\n          sortBy.map((col, i) =>\n            i === index ? { ...col, direction: col.direction === 'asc' ? 'desc' : 'asc' } : col,\n          ),\n        );\n      }\n    }\n    else {\n      set(sortData, [...sortBy, { column: key, direction: direction || 'asc' }]);\n    }\n  }\n\n  return {\n    sortData,\n    sortedMap,\n    searchData,\n    sorted,\n    isSortedBy,\n    getSortIndex,\n    onSort,\n  };\n}\n"],"mappings":"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"}

package/dist/composables/tables/data-table/types.d.ts

@@ -1,5 +1,5 @@
-import type { TableSortData } from '../../../components/tables/RuiTableHead.vue.js';
-import type { TablePaginationData } from '../../../components/tables/RuiTablePagination.vue.js';
+import type { TableSortData } from '../../../components/tables/RuiTableHead.vue';
+import type { TablePaginationData } from '../../../components/tables/RuiTablePagination.vue';
 export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: TableSortData<T>;

package/dist/composables/tables/data-table/types.js

@@ -1,11 +1,11 @@
+//#region src/composables/tables/data-table/types.ts
 function isRow(item) {
-  return !("__header__" in item);
+	return !("__header__" in item);
 }
 function isHeaderSlot(slotName) {
-  return slotName.startsWith("header.");
+	return slotName.startsWith("header.");
 }
-export {
-  isHeaderSlot,
-  isRow
-};
-//# sourceMappingURL=types.js.map
+//#endregion
+export { isHeaderSlot, isRow };
+
+//# sourceMappingURL=types.js.map

package/dist/composables/tables/data-table/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/composables/tables/data-table/types.ts"],"sourcesContent":["import type { TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\n\nexport interface TableOptions<T> {\n  pagination?: TablePaginationData;\n  sort?: TableSortData<T>;\n}\n\nexport interface GroupHeader<T> {\n  __header__: true;\n  identifier: string;\n  group: Partial<T>;\n}\n\nexport type GroupedTableRow<T> = T | GroupHeader<T>;\n\nexport function isRow<T extends object>(item: GroupedTableRow<T>): item is T {\n  return !('__header__' in item);\n}\n\nexport function isHeaderSlot(slotName: string): slotName is `header.${string}` {\n  return slotName.startsWith('header.');\n}\n"],"names":[],"mappings":"AAgBO,SAAS,MAAwB,MAAqC;AAC3E,SAAO,EAAE,gBAAgB;AAC3B;AAEO,SAAS,aAAa,UAAkD;AAC7E,SAAO,SAAS,WAAW,SAAS;AACtC;"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/composables/tables/data-table/types.ts"],"sourcesContent":["import type { TableSortData } from '@/components/tables/RuiTableHead.vue';\nimport type { TablePaginationData } from '@/components/tables/RuiTablePagination.vue';\n\nexport interface TableOptions<T> {\n  pagination?: TablePaginationData;\n  sort?: TableSortData<T>;\n}\n\nexport interface GroupHeader<T> {\n  __header__: true;\n  identifier: string;\n  group: Partial<T>;\n}\n\nexport type GroupedTableRow<T> = T | GroupHeader<T>;\n\nexport function isRow<T extends object>(item: GroupedTableRow<T>): item is T {\n  return !('__header__' in item);\n}\n\nexport function isHeaderSlot(slotName: string): slotName is `header.${string}` {\n  return slotName.startsWith('header.');\n}\n"],"mappings":";AAgBA,SAAgB,MAAwB,MAAqC;AAC3E,QAAO,EAAE,gBAAgB;;AAG3B,SAAgB,aAAa,UAAkD;AAC7E,QAAO,SAAS,WAAW,UAAU"}

package/dist/composables/theme.js

@@ -1,67 +1,92 @@
-import { createSharedComposable, getSSRHandler, defaultWindow, useColorMode } from "@vueuse/core";
-import { ref, computed } from "vue";
-import { defaultTheme, ThemeMode } from "../types/theme.js";
-import { get, set } from "@vueuse/shared";
-const config = ref({ ...defaultTheme });
-const useRotkiTheme = createSharedComposable(() => {
-  const updateHTMLAttrs = getSSRHandler(
-    "updateHTMLAttrs",
-    (selector, attribute, value) => {
-      if (typeof selector !== "string" || !defaultWindow)
-        return;
-      const el = defaultWindow.document.querySelector(selector);
-      if (!el)
-        return;
-      el.setAttribute(attribute, value);
-    }
-  );
-  const { state, store } = useColorMode({
-    onChanged(mode, defaultHandler) {
-      defaultHandler(mode);
-      updateHTMLAttrs("html", "data-theme", mode);
-    }
-  });
-  const isAutoControlled = computed(() => get(store) === ThemeMode.auto);
-  const isLight = computed(() => get(state) === ThemeMode.light);
-  const isDark = computed(() => get(state) === ThemeMode.dark);
-  const theme = computed(() => {
-    if (get(isLight))
-      return get(config).light;
-    return get(config).dark;
-  });
-  const switchThemeScheme = (mode) => {
-    set(store, mode || ThemeMode.auto);
-  };
-  const toggleThemeMode = () => {
-    if (get(isAutoControlled))
-      switchThemeScheme(ThemeMode.light);
-    else if (get(isLight))
-      switchThemeScheme(ThemeMode.dark);
-    else if (get(isDark))
-      switchThemeScheme(ThemeMode.auto);
-  };
-  const setThemeConfig = (newConfig) => {
-    set(config, newConfig);
-  };
-  const init = (options) => {
-    switchThemeScheme(options.mode ?? ThemeMode.auto);
-    setThemeConfig(options.config ?? { ...defaultTheme });
-  };
-  return {
-    config,
-    init,
-    isAutoControlled,
-    isDark,
-    isLight,
-    setThemeConfig,
-    state,
-    store,
-    switchThemeScheme,
-    theme,
-    toggleThemeMode
-  };
+import { ThemeMode, defaultTheme } from "../types/theme.js";
+import { computed, ref } from "vue";
+import { createSharedComposable, defaultWindow, getSSRHandler, useColorMode } from "@vueuse/core";
+import { get as get$1, set as set$1 } from "@vueuse/shared";
+//#region src/composables/theme.ts
+var config = ref({ ...defaultTheme });
+/**
+* Theme manager
+* @returns {ThemeContent}
+*/
+var useRotkiTheme = createSharedComposable(() => {
+	const updateHTMLAttrs = getSSRHandler("updateHTMLAttrs", (selector, attribute, value) => {
+		if (typeof selector !== "string" || !defaultWindow) return;
+		const el = defaultWindow.document.querySelector(selector);
+		if (!el) return;
+		el.setAttribute(attribute, value);
+	});
+	const { state, store } = useColorMode({ onChanged(mode, defaultHandler) {
+		defaultHandler(mode);
+		updateHTMLAttrs("html", "data-theme", mode);
+	} });
+	/**
+	* whether the current theme is controlled by system or user
+	* @type {ComputedRef<boolean>}
+	*/
+	const isAutoControlled = computed(() => get$1(store) === ThemeMode.auto);
+	/**
+	* truthy for light theme
+	* @type {ComputedRef<boolean>}
+	*/
+	const isLight = computed(() => get$1(state) === ThemeMode.light);
+	/**
+	* truthy for dark theme
+	* @type {ComputedRef<boolean>}
+	*/
+	const isDark = computed(() => get$1(state) === ThemeMode.dark);
+	/**
+	* current theme based on light or dark mode
+	* @type {ComputedRef<ThemeData>}
+	*/
+	const theme = computed(() => {
+		if (get$1(isLight)) return get$1(config).light;
+		return get$1(config).dark;
+	});
+	/**
+	* switch theme through dark/light/auto modes
+	* @param {ThemeMode} mode
+	*/
+	const switchThemeScheme = (mode) => {
+		set$1(store, mode || ThemeMode.auto);
+	};
+	/**
+	* toggle between auto|light|dark
+	*/
+	const toggleThemeMode = () => {
+		if (get$1(isAutoControlled)) switchThemeScheme(ThemeMode.light);
+		else if (get$1(isLight)) switchThemeScheme(ThemeMode.dark);
+		else if (get$1(isDark)) switchThemeScheme(ThemeMode.auto);
+	};
+	/**
+	* sets the configuration for the theme
+	* @param {ThemeConfig} newConfig
+	*/
+	const setThemeConfig = (newConfig) => {
+		set$1(config, newConfig);
+	};
+	/**
+	* theme initializer, must be called once from the app's entry
+	* @param {InitThemeOptions} options
+	*/
+	const init = (options) => {
+		switchThemeScheme(options.mode ?? ThemeMode.auto);
+		setThemeConfig(options.config ?? { ...defaultTheme });
+	};
+	return {
+		config,
+		init,
+		isAutoControlled,
+		isDark,
+		isLight,
+		setThemeConfig,
+		state,
+		store,
+		switchThemeScheme,
+		theme,
+		toggleThemeMode
+	};
 });
-export {
-  useRotkiTheme
-};
-//# sourceMappingURL=theme.js.map
+//#endregion
+export { useRotkiTheme };
+
+//# sourceMappingURL=theme.js.map

package/dist/composables/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../src/composables/theme.ts"],"sourcesContent":["import { defaultWindow, getSSRHandler, useColorMode } from '@vueuse/core';\nimport { computed, type ComputedRef, type Ref, ref } from 'vue';\nimport {\n  defaultTheme,\n  type InitThemeOptions,\n  type ThemeConfig,\n  type ThemeContent,\n  type ThemeData,\n  ThemeMode,\n} from '@/types/theme';\n\nconst config: Ref<ThemeConfig> = ref({ ...defaultTheme });\n\n/**\n * Theme manager\n * @returns {ThemeContent}\n */\nexport const useRotkiTheme = createSharedComposable<() => ThemeContent>(() => {\n  const updateHTMLAttrs = getSSRHandler(\n    'updateHTMLAttrs',\n    (selector, attribute, value) => {\n      if (typeof selector !== 'string' || !defaultWindow)\n        return;\n\n      const el = defaultWindow.document.querySelector(selector);\n      if (!el)\n        return;\n\n      el.setAttribute(attribute, value);\n    },\n  );\n\n  const { state, store } = useColorMode<ThemeMode>({\n    onChanged(mode, defaultHandler) {\n      defaultHandler(mode);\n      updateHTMLAttrs('html', 'data-theme', mode);\n    },\n  });\n\n  /**\n   * whether the current theme is controlled by system or user\n   * @type {ComputedRef<boolean>}\n   */\n  const isAutoControlled: ComputedRef<boolean> = computed(() => get(store) === ThemeMode.auto);\n\n  /**\n   * truthy for light theme\n   * @type {ComputedRef<boolean>}\n   */\n  const isLight: ComputedRef<boolean> = computed(() => get(state) === ThemeMode.light);\n\n  /**\n   * truthy for dark theme\n   * @type {ComputedRef<boolean>}\n   */\n  const isDark: ComputedRef<boolean> = computed(() => get(state) === ThemeMode.dark);\n\n  /**\n   * current theme based on light or dark mode\n   * @type {ComputedRef<ThemeData>}\n   */\n  const theme: ComputedRef<ThemeData> = computed(() => {\n    if (get(isLight))\n      return get(config).light;\n\n    return get(config).dark;\n  });\n\n  /**\n   * switch theme through dark/light/auto modes\n   * @param {ThemeMode} mode\n   */\n  const switchThemeScheme = (mode: ThemeMode): void => {\n    set(store, mode || ThemeMode.auto);\n  };\n\n  /**\n   * toggle between auto|light|dark\n   */\n  const toggleThemeMode = (): void => {\n    if (get(isAutoControlled))\n      switchThemeScheme(ThemeMode.light);\n    else if (get(isLight))\n      switchThemeScheme(ThemeMode.dark);\n    else if (get(isDark))\n      switchThemeScheme(ThemeMode.auto);\n  };\n\n  /**\n   * sets the configuration for the theme\n   * @param {ThemeConfig} newConfig\n   */\n  const setThemeConfig = (newConfig: ThemeConfig): void => {\n    set(config, newConfig);\n  };\n\n  /**\n   * theme initializer, must be called once from the app's entry\n   * @param {InitThemeOptions} options\n   */\n  const init = (options: InitThemeOptions): void => {\n    switchThemeScheme(options.mode ?? ThemeMode.auto);\n    setThemeConfig(options.config ?? { ...defaultTheme });\n  };\n\n  return {\n    config,\n    init,\n    isAutoControlled,\n    isDark,\n    isLight,\n    setThemeConfig,\n    state,\n    store,\n    switchThemeScheme,\n    theme,\n    toggleThemeMode,\n  };\n});\n"],"names":[],"mappings":";;;;AAWA,MAAM,SAA2B,IAAI,EAAE,GAAG,cAAc;AAMjD,MAAM,gBAAgB,uBAA2C,MAAM;AAC5E,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,WAAW,UAAU;AAC9B,UAAI,OAAO,aAAa,YAAY,CAAC;AACnC;AAEF,YAAM,KAAK,cAAc,SAAS,cAAc,QAAQ;AACxD,UAAI,CAAC;AACH;AAEF,SAAG,aAAa,WAAW,KAAK;AAAA,IAClC;AAAA,EAAA;AAGF,QAAM,EAAE,OAAO,MAAA,IAAU,aAAwB;AAAA,IAC/C,UAAU,MAAM,gBAAgB;AAC9B,qBAAe,IAAI;AACnB,sBAAgB,QAAQ,cAAc,IAAI;AAAA,IAC5C;AAAA,EAAA,CACD;AAMD,QAAM,mBAAyC,SAAS,MAAM,IAAI,KAAK,MAAM,UAAU,IAAI;AAM3F,QAAM,UAAgC,SAAS,MAAM,IAAI,KAAK,MAAM,UAAU,KAAK;AAMnF,QAAM,SAA+B,SAAS,MAAM,IAAI,KAAK,MAAM,UAAU,IAAI;AAMjF,QAAM,QAAgC,SAAS,MAAM;AACnD,QAAI,IAAI,OAAO;AACb,aAAO,IAAI,MAAM,EAAE;AAErB,WAAO,IAAI,MAAM,EAAE;AAAA,EACrB,CAAC;AAMD,QAAM,oBAAoB,CAAC,SAA0B;AACnD,QAAI,OAAO,QAAQ,UAAU,IAAI;AAAA,EACnC;AAKA,QAAM,kBAAkB,MAAY;AAClC,QAAI,IAAI,gBAAgB;AACtB,wBAAkB,UAAU,KAAK;AAAA,aAC1B,IAAI,OAAO;AAClB,wBAAkB,UAAU,IAAI;AAAA,aACzB,IAAI,MAAM;AACjB,wBAAkB,UAAU,IAAI;AAAA,EACpC;AAMA,QAAM,iBAAiB,CAAC,cAAiC;AACvD,QAAI,QAAQ,SAAS;AAAA,EACvB;AAMA,QAAM,OAAO,CAAC,YAAoC;AAChD,sBAAkB,QAAQ,QAAQ,UAAU,IAAI;AAChD,mBAAe,QAAQ,UAAU,EAAE,GAAG,cAAc;AAAA,EACtD;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,CAAC;"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/composables/theme.ts"],"sourcesContent":["import { defaultWindow, getSSRHandler, useColorMode } from '@vueuse/core';\nimport { computed, type ComputedRef, type Ref, ref } from 'vue';\nimport {\n  defaultTheme,\n  type InitThemeOptions,\n  type ThemeConfig,\n  type ThemeContent,\n  type ThemeData,\n  ThemeMode,\n} from '@/types/theme';\n\nconst config: Ref<ThemeConfig> = ref({ ...defaultTheme });\n\n/**\n * Theme manager\n * @returns {ThemeContent}\n */\nexport const useRotkiTheme = createSharedComposable<() => ThemeContent>(() => {\n  const updateHTMLAttrs = getSSRHandler(\n    'updateHTMLAttrs',\n    (selector, attribute, value) => {\n      if (typeof selector !== 'string' || !defaultWindow)\n        return;\n\n      const el = defaultWindow.document.querySelector(selector);\n      if (!el)\n        return;\n\n      el.setAttribute(attribute, value);\n    },\n  );\n\n  const { state, store } = useColorMode<ThemeMode>({\n    onChanged(mode, defaultHandler) {\n      defaultHandler(mode);\n      updateHTMLAttrs('html', 'data-theme', mode);\n    },\n  });\n\n  /**\n   * whether the current theme is controlled by system or user\n   * @type {ComputedRef<boolean>}\n   */\n  const isAutoControlled: ComputedRef<boolean> = computed(() => get(store) === ThemeMode.auto);\n\n  /**\n   * truthy for light theme\n   * @type {ComputedRef<boolean>}\n   */\n  const isLight: ComputedRef<boolean> = computed(() => get(state) === ThemeMode.light);\n\n  /**\n   * truthy for dark theme\n   * @type {ComputedRef<boolean>}\n   */\n  const isDark: ComputedRef<boolean> = computed(() => get(state) === ThemeMode.dark);\n\n  /**\n   * current theme based on light or dark mode\n   * @type {ComputedRef<ThemeData>}\n   */\n  const theme: ComputedRef<ThemeData> = computed(() => {\n    if (get(isLight))\n      return get(config).light;\n\n    return get(config).dark;\n  });\n\n  /**\n   * switch theme through dark/light/auto modes\n   * @param {ThemeMode} mode\n   */\n  const switchThemeScheme = (mode: ThemeMode): void => {\n    set(store, mode || ThemeMode.auto);\n  };\n\n  /**\n   * toggle between auto|light|dark\n   */\n  const toggleThemeMode = (): void => {\n    if (get(isAutoControlled))\n      switchThemeScheme(ThemeMode.light);\n    else if (get(isLight))\n      switchThemeScheme(ThemeMode.dark);\n    else if (get(isDark))\n      switchThemeScheme(ThemeMode.auto);\n  };\n\n  /**\n   * sets the configuration for the theme\n   * @param {ThemeConfig} newConfig\n   */\n  const setThemeConfig = (newConfig: ThemeConfig): void => {\n    set(config, newConfig);\n  };\n\n  /**\n   * theme initializer, must be called once from the app's entry\n   * @param {InitThemeOptions} options\n   */\n  const init = (options: InitThemeOptions): void => {\n    switchThemeScheme(options.mode ?? ThemeMode.auto);\n    setThemeConfig(options.config ?? { ...defaultTheme });\n  };\n\n  return {\n    config,\n    init,\n    isAutoControlled,\n    isDark,\n    isLight,\n    setThemeConfig,\n    state,\n    store,\n    switchThemeScheme,\n    theme,\n    toggleThemeMode,\n  };\n});\n"],"mappings":";;;;;AAWA,IAAM,SAA2B,IAAI,EAAE,GAAG,cAAc,CAAC;;;;;AAMzD,IAAa,gBAAgB,6BAAiD;CAC5E,MAAM,kBAAkB,cACtB,oBACC,UAAU,WAAW,UAAU;AAC9B,MAAI,OAAO,aAAa,YAAY,CAAC,cACnC;EAEF,MAAM,KAAK,cAAc,SAAS,cAAc,SAAS;AACzD,MAAI,CAAC,GACH;AAEF,KAAG,aAAa,WAAW,MAAM;GAEpC;CAED,MAAM,EAAE,OAAO,UAAU,aAAwB,EAC/C,UAAU,MAAM,gBAAgB;AAC9B,iBAAe,KAAK;AACpB,kBAAgB,QAAQ,cAAc,KAAK;IAE9C,CAAC;;;;;CAMF,MAAM,mBAAyC,eAAe,MAAI,MAAM,KAAK,UAAU,KAAK;;;;;CAM5F,MAAM,UAAgC,eAAe,MAAI,MAAM,KAAK,UAAU,MAAM;;;;;CAMpF,MAAM,SAA+B,eAAe,MAAI,MAAM,KAAK,UAAU,KAAK;;;;;CAMlF,MAAM,QAAgC,eAAe;AACnD,MAAI,MAAI,QAAQ,CACd,QAAO,MAAI,OAAO,CAAC;AAErB,SAAO,MAAI,OAAO,CAAC;GACnB;;;;;CAMF,MAAM,qBAAqB,SAA0B;AACnD,QAAI,OAAO,QAAQ,UAAU,KAAK;;;;;CAMpC,MAAM,wBAA8B;AAClC,MAAI,MAAI,iBAAiB,CACvB,mBAAkB,UAAU,MAAM;WAC3B,MAAI,QAAQ,CACnB,mBAAkB,UAAU,KAAK;WAC1B,MAAI,OAAO,CAClB,mBAAkB,UAAU,KAAK;;;;;;CAOrC,MAAM,kBAAkB,cAAiC;AACvD,QAAI,QAAQ,UAAU;;;;;;CAOxB,MAAM,QAAQ,YAAoC;AAChD,oBAAkB,QAAQ,QAAQ,UAAU,KAAK;AACjD,iBAAe,QAAQ,UAAU,EAAE,GAAG,cAAc,CAAC;;AAGvD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;EACD"}

package/dist/composables/timeout-manager.js

@@ -1,22 +1,27 @@
+import { onScopeDispose, ref } from "vue";
 import { get, set } from "@vueuse/shared";
-import { ref, onScopeDispose } from "vue";
+//#region src/composables/timeout-manager.ts
 function useTimeoutManager() {
-  const timeout = ref();
-  const clear = () => {
-    if (get(timeout)) {
-      clearTimeout(get(timeout));
-      set(timeout, void 0);
-    }
-  };
-  const create = (callback, delay) => {
-    clear();
-    set(timeout, setTimeout(callback, delay));
-  };
-  const isActive = () => !!get(timeout);
-  onScopeDispose(clear);
-  return { clear, create, isActive };
+	const timeout = ref();
+	const clear = () => {
+		if (get(timeout)) {
+			clearTimeout(get(timeout));
+			set(timeout, void 0);
+		}
+	};
+	const create = (callback, delay) => {
+		clear();
+		set(timeout, setTimeout(callback, delay));
+	};
+	const isActive = () => !!get(timeout);
+	onScopeDispose(clear);
+	return {
+		clear,
+		create,
+		isActive
+	};
 }
-export {
-  useTimeoutManager
-};
-//# sourceMappingURL=timeout-manager.js.map
+//#endregion
+export { useTimeoutManager };
+
+//# sourceMappingURL=timeout-manager.js.map

package/dist/composables/timeout-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeout-manager.js","sources":["../../src/composables/timeout-manager.ts"],"sourcesContent":["import { get, set } from '@vueuse/shared';\nimport { onScopeDispose, ref } from 'vue';\n\ninterface UseTimeoutManagerReturn {\n  clear: () => void;\n  create: (callback: () => void, delay: number) => void;\n  isActive: () => boolean;\n}\n\nexport function useTimeoutManager(): UseTimeoutManagerReturn {\n  const timeout = ref<NodeJS.Timeout>();\n\n  const clear = (): void => {\n    if (get(timeout)) {\n      clearTimeout(get(timeout));\n      set(timeout, undefined);\n    }\n  };\n\n  const create = (callback: () => void, delay: number): void => {\n    clear();\n    set(timeout, setTimeout(callback, delay));\n  };\n\n  const isActive = (): boolean => !!get(timeout);\n\n  onScopeDispose(clear);\n\n  return { clear, create, isActive };\n}\n"],"names":[],"mappings":";;AASO,SAAS,oBAA6C;AAC3D,QAAM,UAAU,IAAA;AAEhB,QAAM,QAAQ,MAAY;AACxB,QAAI,IAAI,OAAO,GAAG;AAChB,mBAAa,IAAI,OAAO,CAAC;AACzB,UAAI,SAAS,MAAS;AAAA,IACxB;AAAA,EACF;AAEA,QAAM,SAAS,CAAC,UAAsB,UAAwB;AAC5D,UAAA;AACA,QAAI,SAAS,WAAW,UAAU,KAAK,CAAC;AAAA,EAC1C;AAEA,QAAM,WAAW,MAAe,CAAC,CAAC,IAAI,OAAO;AAE7C,iBAAe,KAAK;AAEpB,SAAO,EAAE,OAAO,QAAQ,SAAA;AAC1B;"}
+{"version":3,"file":"timeout-manager.js","names":[],"sources":["../../src/composables/timeout-manager.ts"],"sourcesContent":["import { get, set } from '@vueuse/shared';\nimport { onScopeDispose, ref } from 'vue';\n\ninterface UseTimeoutManagerReturn {\n  clear: () => void;\n  create: (callback: () => void, delay: number) => void;\n  isActive: () => boolean;\n}\n\nexport function useTimeoutManager(): UseTimeoutManagerReturn {\n  const timeout = ref<NodeJS.Timeout>();\n\n  const clear = (): void => {\n    if (get(timeout)) {\n      clearTimeout(get(timeout));\n      set(timeout, undefined);\n    }\n  };\n\n  const create = (callback: () => void, delay: number): void => {\n    clear();\n    set(timeout, setTimeout(callback, delay));\n  };\n\n  const isActive = (): boolean => !!get(timeout);\n\n  onScopeDispose(clear);\n\n  return { clear, create, isActive };\n}\n"],"mappings":";;;AASA,SAAgB,oBAA6C;CAC3D,MAAM,UAAU,KAAqB;CAErC,MAAM,cAAoB;AACxB,MAAI,IAAI,QAAQ,EAAE;AAChB,gBAAa,IAAI,QAAQ,CAAC;AAC1B,OAAI,SAAS,KAAA,EAAU;;;CAI3B,MAAM,UAAU,UAAsB,UAAwB;AAC5D,SAAO;AACP,MAAI,SAAS,WAAW,UAAU,MAAM,CAAC;;CAG3C,MAAM,iBAA0B,CAAC,CAAC,IAAI,QAAQ;AAE9C,gBAAe,MAAM;AAErB,QAAO;EAAE;EAAO;EAAQ;EAAU"}