@rotki/ui-library 2.21.0 → 2.22.1

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

@@ -1,4 +1,6 @@
 import { assert } from "../../../utils/assert.js";
+import { SortDirection } from "../../../components/tables/table-props.js";
+import { getObjectKeys } from "./types.js";
 import { computed, toValue } from "vue";
 import { get, set } from "@vueuse/shared";
 //#region src/composables/tables/data-table/sort.ts
@@ -6,10 +8,26 @@ var SORT_COLLATOR = new Intl.Collator(void 0, {
 	sensitivity: "accent",
 	usage: "sort"
 });
+function toggleDirection(direction) {
+	return direction === SortDirection.asc ? SortDirection.desc : SortDirection.asc;
+}
+/**
+* Detect whether each column contains numeric data by sampling the first non-null value.
+*/
+function detectNumericColumns(activeColumns, data) {
+	const isNumericCol = /* @__PURE__ */ new Map();
+	for (const key of activeColumns) for (const row of data) {
+		const val = row[key];
+		if (val != null) {
+			isNumericCol.set(key, !Number.isNaN(Number(val)));
+			break;
+		}
+	}
+	return isNumericCol;
+}
 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);
@@ -36,30 +54,47 @@ function useTableSort(options, deps) {
 			return acc;
 		}, mapped);
 	});
+	const searchIndex = computed(() => {
+		if (!toValue(search)) return /* @__PURE__ */ new Map();
+		const currentRows = toValue(rows);
+		const index = /* @__PURE__ */ new Map();
+		for (const row of currentRows) {
+			const parts = [];
+			for (const key of getObjectKeys(row)) parts.push(`${row[key]}`);
+			index.set(row, parts.join("\0").toLocaleLowerCase());
+		}
+		return index;
+	});
 	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)));
+		if (!query) return currentRows;
+		const index = get(searchIndex);
+		return currentRows.filter((row) => {
+			return index.get(row)?.includes(query) ?? false;
+		});
 	});
 	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);
+		const sortColumns = Array.isArray(sortBy) ? sortBy : [sortBy];
+		const activeColumns = sortColumns.map((col) => col.column).filter((col) => !!col);
+		if (activeColumns.length === 0) return data;
+		const isNumericCol = detectNumericColumns(activeColumns, data);
+		const directionMap = /* @__PURE__ */ new Map();
+		for (const col of sortColumns) if (col.column) directionMap.set(col.column, col.direction ?? SortDirection.asc);
+		data.sort((a, b) => {
+			for (const key of activeColumns) {
+				let [aVal, bVal] = [a[key], b[key]];
+				if (directionMap.get(key) === SortDirection.desc) [aVal, bVal] = [bVal, aVal];
+				let result;
+				if (isNumericCol.get(key)) result = Number(aVal) - Number(bVal);
+				else result = SORT_COLLATOR.compare(`${aVal}`, `${bVal}`);
+				if (result !== 0) return result;
+			}
+			return 0;
+		});
 		return data;
 	});
 	function isSortedBy(key) {
@@ -70,42 +105,45 @@ function useTableSort(options, deps) {
 		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"
+	function onSortSingle(sortBy, key, direction) {
+		if (isSortedBy(key)) {
+			const newDirection = toggleDirection(direction ?? SortDirection.asc);
+			if (sortBy.direction === newDirection) set(sortData, {
+				...sortBy,
+				column: void 0,
+				direction: SortDirection.asc
 			});
-			return;
-		}
+			else set(sortData, {
+				...sortBy,
+				direction: toggleDirection(sortBy.direction)
+			});
+		} else set(sortData, {
+			column: key,
+			direction: direction ?? SortDirection.asc
+		});
+	}
+	function onSortMulti(sortBy, key, direction) {
 		if (isSortedBy(key)) {
-			const newDirection = !direction || direction === "asc" ? "desc" : "asc";
+			const newDirection = toggleDirection(direction ?? SortDirection.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"
+				direction: toggleDirection(col.direction)
 			} : col));
 		} else set(sortData, [...sortBy, {
 			column: key,
-			direction: direction || "asc"
+			direction: direction ?? SortDirection.asc
 		}]);
 	}
+	function onSort({ key, direction }) {
+		const sortBy = get(sortData);
+		if (!sortBy) return;
+		if (Array.isArray(sortBy)) onSortMulti(sortBy, key, direction);
+		else onSortSingle(sortBy, key, direction);
+	}
 	return {
 		sortData,
 		sortedMap,

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

@@ -1 +1 @@
-{"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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"}
+{"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 { SortDirection } from '@/components/tables/table-props';\nimport { getObjectKeys } from '@/composables/tables/data-table/types';\nimport { assert } from '@/utils/assert';\n\nconst SORT_COLLATOR = new Intl.Collator(undefined, { sensitivity: 'accent', usage: 'sort' });\n\nfunction toggleDirection(direction: SortDirection): SortDirection {\n  return direction === SortDirection.asc ? SortDirection.desc : SortDirection.asc;\n}\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<readonly T[]>;\n  sorted: ComputedRef<readonly T[]>;\n  isSortedBy: (key: TableRowKey<T>) => boolean;\n  getSortIndex: (key: TableRowKey<T>) => number;\n  onSort: (payload: { key: TableRowKey<T>; direction?: SortDirection }) => void;\n}\n\n/**\n * Detect whether each column contains numeric data by sampling the first non-null value.\n */\nfunction detectNumericColumns<T extends object>(\n  activeColumns: TableRowKey<T>[],\n  data: readonly T[],\n): Map<TableRowKey<T>, boolean> {\n  const isNumericCol = new Map<TableRowKey<T>, boolean>();\n  for (const key of activeColumns) {\n    for (const row of data) {\n      const val = row[key];\n      if (val != null) {\n        isNumericCol.set(key, !Number.isNaN(Number(val)));\n        break;\n      }\n    }\n  }\n  return isNumericCol;\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 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  // Pre-compute a single lowercased searchable string per row, recomputed only when rows change\n  const searchIndex = computed<Map<T, string>>(() => {\n    if (!toValue(search))\n      return new Map<T, string>();\n\n    const currentRows = toValue(rows);\n    const index = new Map<T, string>();\n    for (const row of currentRows) {\n      const parts: string[] = [];\n      for (const key of getObjectKeys(row))\n        parts.push(`${row[key]}`);\n      index.set(row, parts.join('\\0').toLocaleLowerCase());\n    }\n    return index;\n  });\n\n  const searchData = computed<readonly T[]>(() => {\n    const currentRows = toValue(rows);\n    const query = toValue(search)?.toLocaleLowerCase();\n    if (!query)\n      return currentRows;\n\n    const index = get(searchIndex);\n    return currentRows.filter((row) => {\n      const searchStr = index.get(row);\n      return searchStr?.includes(query) ?? false;\n    });\n  });\n\n  const sorted: ComputedRef<readonly T[]> = computed(() => {\n    const sortBy = get(sortData);\n    if (!sortBy || sortModifiersExternal)\n      return get(searchData);\n\n    const data = [...get(searchData)];\n    const sortColumns = Array.isArray(sortBy) ? sortBy : [sortBy];\n    const activeColumns = sortColumns\n      .map(col => col.column)\n      .filter((col): col is TableRowKey<T> => !!col);\n\n    if (activeColumns.length === 0)\n      return data;\n\n    const isNumericCol = detectNumericColumns(activeColumns, data);\n\n    // Build a lookup for direction per column\n    const directionMap = new Map<TableRowKey<T>, SortDirection>();\n    for (const col of sortColumns) {\n      if (col.column)\n        directionMap.set(col.column, col.direction ?? SortDirection.asc);\n    }\n\n    data.sort((a, b) => {\n      for (const key of activeColumns) {\n        let [aVal, bVal] = [a[key], b[key]];\n        if (directionMap.get(key) === SortDirection.desc)\n          [aVal, bVal] = [bVal, aVal];\n\n        let result: number;\n        if (isNumericCol.get(key))\n          result = Number(aVal) - Number(bVal);\n        else\n          result = SORT_COLLATOR.compare(`${aVal}`, `${bVal}`);\n\n        if (result !== 0)\n          return result;\n      }\n      return 0;\n    });\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 onSortSingle(\n    sortBy: SortColumn<T>,\n    key: TableRowKey<T>,\n    direction?: SortDirection,\n  ): void {\n    if (isSortedBy(key)) {\n      const newDirection = toggleDirection(direction ?? SortDirection.asc);\n\n      if (sortBy.direction === newDirection) {\n        set(sortData, { ...sortBy, column: undefined, direction: SortDirection.asc });\n      }\n      else {\n        set(sortData, {\n          ...sortBy,\n          direction: toggleDirection(sortBy.direction),\n        });\n      }\n    }\n    else {\n      set(sortData, { column: key, direction: direction ?? SortDirection.asc });\n    }\n  }\n\n  function onSortMulti(\n    sortBy: SortColumn<T>[],\n    key: TableRowKey<T>,\n    direction?: SortDirection,\n  ): void {\n    if (isSortedBy(key)) {\n      const newDirection = toggleDirection(direction ?? SortDirection.asc);\n\n      const index = getSortIndex(key);\n      const sortByCol = sortBy[index];\n      assert(sortByCol);\n\n      if (sortByCol.direction === newDirection) {\n        set(sortData, sortBy.filter((_, i) => i !== index));\n      }\n      else {\n        set(\n          sortData,\n          sortBy.map((col, i) =>\n            i === index ? { ...col, direction: toggleDirection(col.direction) } : col,\n          ),\n        );\n      }\n    }\n    else {\n      set(sortData, [...sortBy, { column: key, direction: direction ?? SortDirection.asc }]);\n    }\n  }\n\n  function onSort({ key, direction }: { key: TableRowKey<T>; direction?: SortDirection }): void {\n    const sortBy = get(sortData);\n    if (!sortBy)\n      return;\n\n    if (Array.isArray(sortBy))\n      onSortMulti(sortBy, key, direction);\n    else\n      onSortSingle(sortBy, key, direction);\n  }\n\n  return {\n    sortData,\n    sortedMap,\n    searchData,\n    sorted,\n    isSortedBy,\n    getSortIndex,\n    onSort,\n  };\n}\n"],"mappings":";;;;;;AAOA,IAAM,gBAAgB,IAAI,KAAK,SAAS,KAAA,GAAW;CAAE,aAAa;CAAU,OAAO;AAAO,CAAC;AAE3F,SAAS,gBAAgB,WAAyC;CAChE,OAAO,cAAc,cAAc,MAAM,cAAc,OAAO,cAAc;AAC9E;;;;AAiCA,SAAS,qBACP,eACA,MAC8B;CAC9B,MAAM,+BAAe,IAAI,IAA6B;CACtD,KAAK,MAAM,OAAO,eAChB,KAAK,MAAM,OAAO,MAAM;EACtB,MAAM,MAAM,IAAI;EAChB,IAAI,OAAO,MAAM;GACf,aAAa,IAAI,KAAK,CAAC,OAAO,MAAM,OAAO,GAAG,CAAC,CAAC;GAChD;EACF;CACF;CAEF,OAAO;AACT;AAEA,SAAgB,aACd,SACA,MACuB;CACvB,MAAM,EAAE,MAAM,QAAQ,0BAA0B;CAChD,MAAM,EAAE,MAAM,YAAY,sBAAsB;CAEhD,MAAM,WAAW,SAA2B;EAC1C,MAAwB;GACtB,OAAO,IAAI,IAAI;EACjB;EACA,IAAI,OAAyB;GAC3B,IAAI,MAAM,KAAK;GACf,kBAAkB;IAChB,MAAM;IACN,YAAY,IAAI,UAAU;GAC5B,CAAC;EACH;CACF,CAAC;CAED,MAAM,YAAY,eAA+D;EAC/E,MAAM,SAAyD,CAAC;EAChE,MAAM,SAAS,IAAI,QAAQ;EAC3B,IAAI,CAAC,QACH,OAAO;EAET,IAAI,CAAC,MAAM,QAAQ,MAAM,GAAG;GAC1B,IAAI,OAAO,QACT,OAAO,OAAO,UAAU;GAE1B,OAAO;EACT;EAEA,OAAO,OAAO,QAAQ,KAAK,SAAS;GAClC,IAAI,CAAC,KAAK,QACR,OAAO;GAET,IAAI,KAAK,UAAU;GACnB,OAAO;EACT,GAAG,MAAM;CACX,CAAC;CAGD,MAAM,cAAc,eAA+B;EACjD,IAAI,CAAC,QAAQ,MAAM,GACjB,uBAAO,IAAI,IAAe;EAE5B,MAAM,cAAc,QAAQ,IAAI;EAChC,MAAM,wBAAQ,IAAI,IAAe;EACjC,KAAK,MAAM,OAAO,aAAa;GAC7B,MAAM,QAAkB,CAAC;GACzB,KAAK,MAAM,OAAO,cAAc,GAAG,GACjC,MAAM,KAAK,GAAG,IAAI,MAAM;GAC1B,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,CAAC,CAAC,kBAAkB,CAAC;EACrD;EACA,OAAO;CACT,CAAC;CAED,MAAM,aAAa,eAA6B;EAC9C,MAAM,cAAc,QAAQ,IAAI;EAChC,MAAM,QAAQ,QAAQ,MAAM,CAAC,EAAE,kBAAkB;EACjD,IAAI,CAAC,OACH,OAAO;EAET,MAAM,QAAQ,IAAI,WAAW;EAC7B,OAAO,YAAY,QAAQ,QAAQ;GAEjC,OADkB,MAAM,IAAI,GACrB,CAAA,EAAW,SAAS,KAAK,KAAK;EACvC,CAAC;CACH,CAAC;CAED,MAAM,SAAoC,eAAe;EACvD,MAAM,SAAS,IAAI,QAAQ;EAC3B,IAAI,CAAC,UAAU,uBACb,OAAO,IAAI,UAAU;EAEvB,MAAM,OAAO,CAAC,GAAG,IAAI,UAAU,CAAC;EAChC,MAAM,cAAc,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;EAC5D,MAAM,gBAAgB,YACnB,KAAI,QAAO,IAAI,MAAM,CAAC,CACtB,QAAQ,QAA+B,CAAC,CAAC,GAAG;EAE/C,IAAI,cAAc,WAAW,GAC3B,OAAO;EAET,MAAM,eAAe,qBAAqB,eAAe,IAAI;EAG7D,MAAM,+BAAe,IAAI,IAAmC;EAC5D,KAAK,MAAM,OAAO,aAChB,IAAI,IAAI,QACN,aAAa,IAAI,IAAI,QAAQ,IAAI,aAAa,cAAc,GAAG;EAGnE,KAAK,MAAM,GAAG,MAAM;GAClB,KAAK,MAAM,OAAO,eAAe;IAC/B,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI;IAClC,IAAI,aAAa,IAAI,GAAG,MAAM,cAAc,MAC1C,CAAC,MAAM,QAAQ,CAAC,MAAM,IAAI;IAE5B,IAAI;IACJ,IAAI,aAAa,IAAI,GAAG,GACtB,SAAS,OAAO,IAAI,IAAI,OAAO,IAAI;SAEnC,SAAS,cAAc,QAAQ,GAAG,QAAQ,GAAG,MAAM;IAErD,IAAI,WAAW,GACb,OAAO;GACX;GACA,OAAO;EACT,CAAC;EAED,OAAO;CACT,CAAC;CAED,SAAS,WAAW,KAA8B;EAChD,OAAO,OAAO,IAAI,SAAS;CAC7B;CAEA,SAAS,aAAa,KAA6B;EACjD,MAAM,SAAS,IAAI,QAAQ;EAE3B,IAAI,CAAC,UAAU,CAAC,MAAM,QAAQ,MAAM,KAAK,CAAC,WAAW,GAAG,GACtD,OAAO;EAET,OAAO,OAAO,WAAU,MAAK,EAAE,WAAW,GAAG;CAC/C;CAEA,SAAS,aACP,QACA,KACA,WACM;EACN,IAAI,WAAW,GAAG,GAAG;GACnB,MAAM,eAAe,gBAAgB,aAAa,cAAc,GAAG;GAEnE,IAAI,OAAO,cAAc,cACvB,IAAI,UAAU;IAAE,GAAG;IAAQ,QAAQ,KAAA;IAAW,WAAW,cAAc;GAAI,CAAC;QAG5E,IAAI,UAAU;IACZ,GAAG;IACH,WAAW,gBAAgB,OAAO,SAAS;GAC7C,CAAC;EAEL,OAEE,IAAI,UAAU;GAAE,QAAQ;GAAK,WAAW,aAAa,cAAc;EAAI,CAAC;CAE5E;CAEA,SAAS,YACP,QACA,KACA,WACM;EACN,IAAI,WAAW,GAAG,GAAG;GACnB,MAAM,eAAe,gBAAgB,aAAa,cAAc,GAAG;GAEnE,MAAM,QAAQ,aAAa,GAAG;GAC9B,MAAM,YAAY,OAAO;GACzB,OAAO,SAAS;GAEhB,IAAI,UAAU,cAAc,cAC1B,IAAI,UAAU,OAAO,QAAQ,GAAG,MAAM,MAAM,KAAK,CAAC;QAGlD,IACE,UACA,OAAO,KAAK,KAAK,MACf,MAAM,QAAQ;IAAE,GAAG;IAAK,WAAW,gBAAgB,IAAI,SAAS;GAAE,IAAI,GACxE,CACF;EAEJ,OAEE,IAAI,UAAU,CAAC,GAAG,QAAQ;GAAE,QAAQ;GAAK,WAAW,aAAa,cAAc;EAAI,CAAC,CAAC;CAEzF;CAEA,SAAS,OAAO,EAAE,KAAK,aAAuE;EAC5F,MAAM,SAAS,IAAI,QAAQ;EAC3B,IAAI,CAAC,QACH;EAEF,IAAI,MAAM,QAAQ,MAAM,GACtB,YAAY,QAAQ,KAAK,SAAS;OAElC,aAAa,QAAQ,KAAK,SAAS;CACvC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

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

@@ -4,11 +4,13 @@ export interface TableOptions<T> {
     pagination?: TablePaginationData;
     sort?: TableSortData<T>;
 }
+export declare const GROUP_HEADER_BRAND: unique symbol;
 export interface GroupHeader<T> {
-    __header__: true;
+    [GROUP_HEADER_BRAND]: true;
     identifier: string;
     group: Partial<T>;
 }
 export type GroupedTableRow<T> = T | GroupHeader<T>;
 export declare function isRow<T extends object>(item: GroupedTableRow<T>): item is T;
 export declare function isHeaderSlot(slotName: string): slotName is `header.${string}`;
+export declare function getObjectKeys<O extends object>(obj: O): (string & keyof O)[];

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

@@ -1,11 +1,15 @@
 //#region src/composables/tables/data-table/types.ts
+var GROUP_HEADER_BRAND = Symbol("GroupHeader");
 function isRow(item) {
-	return !("__header__" in item);
+	return !(GROUP_HEADER_BRAND in item);
 }
 function isHeaderSlot(slotName) {
 	return slotName.startsWith("header.");
 }
+function getObjectKeys(obj) {
+	return Object.keys(obj).filter((key) => key in obj);
+}
 //#endregion
-export { isHeaderSlot, isRow };
+export { GROUP_HEADER_BRAND, getObjectKeys, isHeaderSlot, isRow };
 
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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 const GROUP_HEADER_BRAND: unique symbol = Symbol('GroupHeader');\n\nexport interface GroupHeader<T> {\n  [GROUP_HEADER_BRAND]: 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 !(GROUP_HEADER_BRAND in item);\n}\n\nexport function isHeaderSlot(slotName: string): slotName is `header.${string}` {\n  return slotName.startsWith('header.');\n}\n\nexport function getObjectKeys<O extends object>(obj: O): (string & keyof O)[] {\n  return Object.keys(obj).filter((key): key is string & keyof O => key in obj);\n}\n"],"mappings":";AAQA,IAAa,qBAAoC,OAAO,aAAa;AAUrE,SAAgB,MAAwB,MAAqC;CAC3E,OAAO,EAAE,sBAAsB;AACjC;AAEA,SAAgB,aAAa,UAAkD;CAC7E,OAAO,SAAS,WAAW,SAAS;AACtC;AAEA,SAAgB,cAAgC,KAA8B;CAC5E,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,QAAQ,QAAiC,OAAO,GAAG;AAC7E"}

package/dist/composables/theme.js.map

@@ -1 +1 @@
-{"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"}
+{"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,aAAa,CAAC;;;;;AAMxD,IAAa,gBAAgB,6BAAiD;CAC5E,MAAM,kBAAkB,cACtB,oBACC,UAAU,WAAW,UAAU;EAC9B,IAAI,OAAO,aAAa,YAAY,CAAC,eACnC;EAEF,MAAM,KAAK,cAAc,SAAS,cAAc,QAAQ;EACxD,IAAI,CAAC,IACH;EAEF,GAAG,aAAa,WAAW,KAAK;CAClC,CACF;CAEA,MAAM,EAAE,OAAO,UAAU,aAAwB,EAC/C,UAAU,MAAM,gBAAgB;EAC9B,eAAe,IAAI;EACnB,gBAAgB,QAAQ,cAAc,IAAI;CAC5C,EACF,CAAC;;;;;CAMD,MAAM,mBAAyC,eAAe,MAAI,KAAK,MAAM,UAAU,IAAI;;;;;CAM3F,MAAM,UAAgC,eAAe,MAAI,KAAK,MAAM,UAAU,KAAK;;;;;CAMnF,MAAM,SAA+B,eAAe,MAAI,KAAK,MAAM,UAAU,IAAI;;;;;CAMjF,MAAM,QAAgC,eAAe;EACnD,IAAI,MAAI,OAAO,GACb,OAAO,MAAI,MAAM,CAAC,CAAC;EAErB,OAAO,MAAI,MAAM,CAAC,CAAC;CACrB,CAAC;;;;;CAMD,MAAM,qBAAqB,SAA0B;EACnD,MAAI,OAAO,QAAQ,UAAU,IAAI;CACnC;;;;CAKA,MAAM,wBAA8B;EAClC,IAAI,MAAI,gBAAgB,GACtB,kBAAkB,UAAU,KAAK;OAC9B,IAAI,MAAI,OAAO,GAClB,kBAAkB,UAAU,IAAI;OAC7B,IAAI,MAAI,MAAM,GACjB,kBAAkB,UAAU,IAAI;CACpC;;;;;CAMA,MAAM,kBAAkB,cAAiC;EACvD,MAAI,QAAQ,SAAS;CACvB;;;;;CAMA,MAAM,QAAQ,YAAoC;EAChD,kBAAkB,QAAQ,QAAQ,UAAU,IAAI;EAChD,eAAe,QAAQ,UAAU,EAAE,GAAG,aAAa,CAAC;CACtD;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

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

@@ -1 +1 @@
-{"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"}
+{"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,IAAoB;CAEpC,MAAM,cAAoB;EACxB,IAAI,IAAI,OAAO,GAAG;GAChB,aAAa,IAAI,OAAO,CAAC;GACzB,IAAI,SAAS,KAAA,CAAS;EACxB;CACF;CAEA,MAAM,UAAU,UAAsB,UAAwB;EAC5D,MAAM;EACN,IAAI,SAAS,WAAW,UAAU,KAAK,CAAC;CAC1C;CAEA,MAAM,iBAA0B,CAAC,CAAC,IAAI,OAAO;CAE7C,eAAe,KAAK;CAEpB,OAAO;EAAE;EAAO;EAAQ;CAAS;AACnC"}

package/dist/composables/use-rui-i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-rui-i18n.js","names":[],"sources":["../../src/composables/use-rui-i18n.ts"],"sourcesContent":["import { inject } from 'vue';\n\nexport const RUI_I18N_INJECTION_KEY = Symbol('rui:i18n');\n\ninterface I18nProvider {\n  t: {\n    (key: string, fallback: string): string;\n    (key: string, params: Record<string, any>, fallback: string): string;\n  };\n}\n\nexport interface RuiI18nProvider {\n  t: (key: string, params?: Record<string, any>) => string;\n  te: (key: string) => boolean;\n}\n\nexport function useRuiI8n(): I18nProvider {\n  const i18nProvider = inject<RuiI18nProvider | undefined>(RUI_I18N_INJECTION_KEY, undefined);\n\n  const translate = (key: string, params?: Record<string, any>): string | undefined => {\n    if (i18nProvider?.te(key)) {\n      return i18nProvider?.t(key, params);\n    }\n    return undefined;\n  };\n\n  const t = (\n    key: string,\n    paramsOrFallback?: Record<string, any> | string,\n    fallback?: string,\n  ): string => {\n    if (typeof paramsOrFallback === 'string') {\n      return translate(key) ?? paramsOrFallback ?? key;\n    }\n    else {\n      return translate(key, paramsOrFallback) ?? fallback ?? key;\n    }\n  };\n\n  return { t };\n}\n"],"mappings":";;AAEA,IAAa,yBAAyB,OAAO,WAAW;AAcxD,SAAgB,YAA0B;CACxC,MAAM,eAAe,OAAoC,wBAAwB,KAAA,EAAU;CAE3F,MAAM,aAAa,KAAa,WAAqD;AACnF,MAAI,cAAc,GAAG,IAAI,CACvB,QAAO,cAAc,EAAE,KAAK,OAAO;;CAKvC,MAAM,KACJ,KACA,kBACA,aACW;AACX,MAAI,OAAO,qBAAqB,SAC9B,QAAO,UAAU,IAAI,IAAI,oBAAoB;MAG7C,QAAO,UAAU,KAAK,iBAAiB,IAAI,YAAY;;AAI3D,QAAO,EAAE,GAAG"}
+{"version":3,"file":"use-rui-i18n.js","names":[],"sources":["../../src/composables/use-rui-i18n.ts"],"sourcesContent":["import { inject } from 'vue';\n\nexport const RUI_I18N_INJECTION_KEY = Symbol('rui:i18n');\n\ninterface I18nProvider {\n  t: {\n    (key: string, fallback: string): string;\n    (key: string, params: Record<string, any>, fallback: string): string;\n  };\n}\n\nexport interface RuiI18nProvider {\n  t: (key: string, params?: Record<string, any>) => string;\n  te: (key: string) => boolean;\n}\n\nexport function useRuiI8n(): I18nProvider {\n  const i18nProvider = inject<RuiI18nProvider | undefined>(RUI_I18N_INJECTION_KEY, undefined);\n\n  const translate = (key: string, params?: Record<string, any>): string | undefined => {\n    if (i18nProvider?.te(key)) {\n      return i18nProvider?.t(key, params);\n    }\n    return undefined;\n  };\n\n  const t = (\n    key: string,\n    paramsOrFallback?: Record<string, any> | string,\n    fallback?: string,\n  ): string => {\n    if (typeof paramsOrFallback === 'string') {\n      return translate(key) ?? paramsOrFallback ?? key;\n    }\n    else {\n      return translate(key, paramsOrFallback) ?? fallback ?? key;\n    }\n  };\n\n  return { t };\n}\n"],"mappings":";;AAEA,IAAa,yBAAyB,OAAO,UAAU;AAcvD,SAAgB,YAA0B;CACxC,MAAM,eAAe,OAAoC,wBAAwB,KAAA,CAAS;CAE1F,MAAM,aAAa,KAAa,WAAqD;EACnF,IAAI,cAAc,GAAG,GAAG,GACtB,OAAO,cAAc,EAAE,KAAK,MAAM;CAGtC;CAEA,MAAM,KACJ,KACA,kBACA,aACW;EACX,IAAI,OAAO,qBAAqB,UAC9B,OAAO,UAAU,GAAG,KAAK,oBAAoB;OAG7C,OAAO,UAAU,KAAK,gBAAgB,KAAK,YAAY;CAE3D;CAEA,OAAO,EAAE,EAAE;AACb"}

package/dist/consts/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../src/consts/colors.ts"],"sourcesContent":["export const baseColors = [\n  'grey',\n  'indigo',\n  'deep-purple',\n  'amber',\n  'orange',\n  'pink',\n  'deep-orange',\n  'green',\n  'red',\n  'light-green',\n  'purple',\n  'lime',\n  'light-blue',\n  'yellow',\n  'cyan',\n  'teal',\n  'blue',\n  'blue-gray',\n];\n\nexport const baseColorsIntensities = [\n  '50',\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n  'a100',\n  'a200',\n  'a400',\n  'a700',\n];\n\n/**\n * The available context colors.\n * Keep in sync with build-web-types.mjs\n */\nexport const contextColors = [\n  'primary',\n  'secondary',\n  'error',\n  'warning',\n  'info',\n  'success',\n] as const;\n\nexport type ContextColorsType = (typeof contextColors)[number];\n\nexport const contextColorsIntensities = [\n  { name: 'Regular', prefix: '' },\n  { name: 'Darker', prefix: '-darker' },\n  { name: 'Lighter', prefix: '-lighter' },\n];\n"],"mappings":";AAAA,IAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,wBAAwB;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;;AAMD,IAAa,gBAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/consts/colors.ts"],"sourcesContent":["export const baseColors = [\n  'grey',\n  'indigo',\n  'deep-purple',\n  'amber',\n  'orange',\n  'pink',\n  'deep-orange',\n  'green',\n  'red',\n  'light-green',\n  'purple',\n  'lime',\n  'light-blue',\n  'yellow',\n  'cyan',\n  'teal',\n  'blue',\n  'blue-gray',\n];\n\nexport const baseColorsIntensities = [\n  '50',\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n  'a100',\n  'a200',\n  'a400',\n  'a700',\n];\n\n/**\n * The available context colors.\n * Keep in sync with build-web-types.mjs\n */\nexport const contextColors = [\n  'primary',\n  'secondary',\n  'error',\n  'warning',\n  'info',\n  'success',\n] as const;\n\nexport type ContextColorsType = (typeof contextColors)[number];\n\nexport const contextColorsIntensities = [\n  { name: 'Regular', prefix: '' },\n  { name: 'Darker', prefix: '-darker' },\n  { name: 'Lighter', prefix: '-lighter' },\n];\n"],"mappings":";AAAA,IAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAa,wBAAwB;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;;;;AAMA,IAAa,gBAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/consts/time-accuracy.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-accuracy.js","names":[],"sources":["../../src/consts/time-accuracy.ts"],"sourcesContent":["export const TimeAccuracy = {\n  MINUTE: 'minute',\n  SECOND: 'second',\n  MILLISECOND: 'millisecond',\n} as const;\n\nexport type TimeAccuracy = typeof TimeAccuracy[keyof typeof TimeAccuracy];\n"],"mappings":";AAAA,IAAa,eAAe;CAC1B,QAAQ;CACR,QAAQ;CACR,aAAa;CACd"}
+{"version":3,"file":"time-accuracy.js","names":[],"sources":["../../src/consts/time-accuracy.ts"],"sourcesContent":["export const TimeAccuracy = {\n  MINUTE: 'minute',\n  SECOND: 'second',\n  MILLISECOND: 'millisecond',\n} as const;\n\nexport type TimeAccuracy = typeof TimeAccuracy[keyof typeof TimeAccuracy];\n"],"mappings":";AAAA,IAAa,eAAe;CAC1B,QAAQ;CACR,QAAQ;CACR,aAAa;AACf"}

package/dist/i18n/keys.js.map

@@ -1 +1 @@
-{"version":3,"file":"keys.js","names":[],"sources":["../../src/i18n/keys.ts"],"sourcesContent":["export const RUI_I18N_KEYS = {\n  dateTimePicker: {\n    dateAfterMax: 'rui.date_time_picker.date_after_max',\n    dateBeforeMin: 'rui.date_time_picker.date_before_min',\n    dateInFuture: 'rui.date_time_picker.date_in_future',\n  },\n} as const;\n\nfunction flattenKeys(obj: Record<string, any>): string[] {\n  return Object.values(obj).flatMap(value =>\n    typeof value === 'string' ? [value] : flattenKeys(value),\n  );\n}\n\n/**\n * Retrieves all translation keys available in the library.\n *\n * @return {string[]} An array of strings representing flattened translation keys.\n */\nexport function translationKeys(): string[] {\n  return flattenKeys(RUI_I18N_KEYS);\n}\n"],"mappings":";AAAA,IAAa,gBAAgB,EAC3B,gBAAgB;CACd,cAAc;CACd,eAAe;CACf,cAAc;CACf,EACF;AAED,SAAS,YAAY,KAAoC;AACvD,QAAO,OAAO,OAAO,IAAI,CAAC,SAAQ,UAChC,OAAO,UAAU,WAAW,CAAC,MAAM,GAAG,YAAY,MAAM,CACzD;;;;;;;AAQH,SAAgB,kBAA4B;AAC1C,QAAO,YAAY,cAAc"}
+{"version":3,"file":"keys.js","names":[],"sources":["../../src/i18n/keys.ts"],"sourcesContent":["export const RUI_I18N_KEYS = {\n  dateTimePicker: {\n    dateAfterMax: 'rui.date_time_picker.date_after_max',\n    dateBeforeMin: 'rui.date_time_picker.date_before_min',\n    dateInFuture: 'rui.date_time_picker.date_in_future',\n  },\n} as const;\n\nfunction flattenKeys(obj: Record<string, any>): string[] {\n  return Object.values(obj).flatMap(value =>\n    typeof value === 'string' ? [value] : flattenKeys(value),\n  );\n}\n\n/**\n * Retrieves all translation keys available in the library.\n *\n * @return {string[]} An array of strings representing flattened translation keys.\n */\nexport function translationKeys(): string[] {\n  return flattenKeys(RUI_I18N_KEYS);\n}\n"],"mappings":";AAAA,IAAa,gBAAgB,EAC3B,gBAAgB;CACd,cAAc;CACd,eAAe;CACf,cAAc;AAChB,EACF;AAEA,SAAS,YAAY,KAAoC;CACvD,OAAO,OAAO,OAAO,GAAG,CAAC,CAAC,SAAQ,UAChC,OAAO,UAAU,WAAW,CAAC,KAAK,IAAI,YAAY,KAAK,CACzD;AACF;;;;;;AAOA,SAAgB,kBAA4B;CAC1C,OAAO,YAAY,aAAa;AAClC"}

package/dist/icons/icons_1.d.ts

@@ -18,7 +18,6 @@ export declare const LuCloudUploadFill: GeneratedIcon;
 export declare const LuCoinsExchange: GeneratedIcon;
 export declare const LuCustomAssets: GeneratedIcon;
 export declare const LuDeposits: GeneratedIcon;
-export declare const LuDiscord: GeneratedIcon;
 export declare const LuDonateFill: GeneratedIcon;
 export declare const LuDropletFill: GeneratedIcon;
 export declare const LuDropletHalfFill: GeneratedIcon;
@@ -39,23 +38,19 @@ export declare const LuManagePrices: GeneratedIcon;
 export declare const LuManualBalances: GeneratedIcon;
 export declare const LuMoreAssets: GeneratedIcon;
 export declare const LuOnchain: GeneratedIcon;
-export declare const LuOsApple: GeneratedIcon;
-export declare const LuOsWindows: GeneratedIcon;
-export declare const LuPaypal: GeneratedIcon;
 export declare const LuRadioButtonFill: GeneratedIcon;
 export declare const LuReceiveDonationFill: GeneratedIcon;
-export declare const LuReddit: GeneratedIcon;
 export declare const LuRefund: GeneratedIcon;
 export declare const LuSlashDivider: GeneratedIcon;
 export declare const LuSolanaAccountsFill: GeneratedIcon;
 export declare const LuSubstrateAccounts: GeneratedIcon;
 export declare const LuTagManager: GeneratedIcon;
-export declare const LuXTwitter: GeneratedIcon;
 export declare const LuAArrowDown: GeneratedIcon;
 export declare const LuAArrowUp: GeneratedIcon;
 export declare const LuALargeSmall: GeneratedIcon;
 export declare const LuAccessibility: GeneratedIcon;
 export declare const LuActivity: GeneratedIcon;
+export declare const LuAd: GeneratedIcon;
 export declare const LuAirVent: GeneratedIcon;
 export declare const LuAirplay: GeneratedIcon;
 export declare const LuAlarmClockCheck: GeneratedIcon;
@@ -148,6 +143,7 @@ export declare const LuArrowUpZA: GeneratedIcon;
 export declare const LuArrowUp: GeneratedIcon;
 export declare const LuArrowsUpFromLine: GeneratedIcon;
 export declare const LuAsterisk: GeneratedIcon;
+export declare const LuAstroid: GeneratedIcon;
 export declare const LuAtSign: GeneratedIcon;
 export declare const LuAtom: GeneratedIcon;
 export declare const LuAudioLines: GeneratedIcon;
@@ -182,6 +178,7 @@ export declare const LuBanana: GeneratedIcon;
 export declare const LuBandage: GeneratedIcon;
 export declare const LuBanknoteArrowDown: GeneratedIcon;
 export declare const LuBanknoteArrowUp: GeneratedIcon;
+export declare const LuBanknoteCheck: GeneratedIcon;
 export declare const LuBanknoteX: GeneratedIcon;
 export declare const LuBanknote: GeneratedIcon;
 export declare const LuBarcode: GeneratedIcon;
@@ -201,9 +198,11 @@ export declare const LuBean: GeneratedIcon;
 export declare const LuBedDouble: GeneratedIcon;
 export declare const LuBedSingle: GeneratedIcon;
 export declare const LuBed: GeneratedIcon;
+export declare const LuBeefOff: GeneratedIcon;
 export declare const LuBeef: GeneratedIcon;
 export declare const LuBeerOff: GeneratedIcon;
 export declare const LuBeer: GeneratedIcon;
+export declare const LuBellCheck: GeneratedIcon;
 export declare const LuBellDot: GeneratedIcon;
 export declare const LuBellElectric: GeneratedIcon;
 export declare const LuBellMinus: GeneratedIcon;
@@ -224,6 +223,7 @@ export declare const LuBird: GeneratedIcon;
 export declare const LuBirdhouse: GeneratedIcon;
 export declare const LuBitcoin: GeneratedIcon;
 export declare const LuBlend: GeneratedIcon;
+export declare const LuBlender: GeneratedIcon;
 export declare const LuBlinds: GeneratedIcon;
 export declare const LuBlocks: GeneratedIcon;
 export declare const LuBluetoothConnected: GeneratedIcon;
@@ -233,6 +233,7 @@ export declare const LuBluetooth: GeneratedIcon;
 export declare const LuBold: GeneratedIcon;
 export declare const LuBolt: GeneratedIcon;
 export declare const LuBomb: GeneratedIcon;
+export declare const LuBoneFracture: GeneratedIcon;
 export declare const LuBone: GeneratedIcon;
 export declare const LuBookA: GeneratedIcon;
 export declare const LuBookAlert: GeneratedIcon;
@@ -262,6 +263,7 @@ export declare const LuBookX: GeneratedIcon;
 export declare const LuBook: GeneratedIcon;
 export declare const LuBookmarkCheck: GeneratedIcon;
 export declare const LuBookmarkMinus: GeneratedIcon;
+export declare const LuBookmarkOff: GeneratedIcon;
 export declare const LuBookmarkPlus: GeneratedIcon;
 export declare const LuBookmarkX: GeneratedIcon;
 export declare const LuBookmark: GeneratedIcon;
@@ -286,6 +288,7 @@ export declare const LuBriefcaseConveyorBelt: GeneratedIcon;
 export declare const LuBriefcaseMedical: GeneratedIcon;
 export declare const LuBriefcase: GeneratedIcon;
 export declare const LuBringToFront: GeneratedIcon;
+export declare const LuBroccoli: GeneratedIcon;
 export declare const LuBrushCleaning: GeneratedIcon;
 export declare const LuBrush: GeneratedIcon;
 export declare const LuBubbles: GeneratedIcon;
@@ -345,6 +348,7 @@ export declare const LuCassetteTape: GeneratedIcon;
 export declare const LuCast: GeneratedIcon;
 export declare const LuCastle: GeneratedIcon;
 export declare const LuCat: GeneratedIcon;
+export declare const LuCctvOff: GeneratedIcon;
 export declare const LuCctv: GeneratedIcon;
 export declare const LuChartArea: GeneratedIcon;
 export declare const LuChartBarBig: GeneratedIcon;
@@ -395,7 +399,6 @@ export declare const LuChevronsRightLeft: GeneratedIcon;
 export declare const LuChevronsRight: GeneratedIcon;
 export declare const LuChevronsUpDown: GeneratedIcon;
 export declare const LuChevronsUp: GeneratedIcon;
-export declare const LuChromium: GeneratedIcon;
 export declare const LuChurch: GeneratedIcon;
 export declare const LuCigaretteOff: GeneratedIcon;
 export declare const LuCigarette: GeneratedIcon;
@@ -474,6 +477,8 @@ export declare const LuClock8: GeneratedIcon;
 export declare const LuClock9: GeneratedIcon;
 export declare const LuClockAlert: GeneratedIcon;
 export declare const LuClockArrowDown: GeneratedIcon;
+export declare const LuClockArrowLeft: GeneratedIcon;
+export declare const LuClockArrowRight: GeneratedIcon;
 export declare const LuClockArrowUp: GeneratedIcon;
 export declare const LuClockCheck: GeneratedIcon;
 export declare const LuClockFading: GeneratedIcon;
@@ -494,8 +499,3 @@ export declare const LuCloudMoon: GeneratedIcon;
 export declare const LuCloudOff: GeneratedIcon;
 export declare const LuCloudRainWind: GeneratedIcon;
 export declare const LuCloudRain: GeneratedIcon;
-export declare const LuCloudSnow: GeneratedIcon;
-export declare const LuCloudSunRain: GeneratedIcon;
-export declare const LuCloudSun: GeneratedIcon;
-export declare const LuCloudSync: GeneratedIcon;
-export declare const LuCloudUpload: GeneratedIcon;