@rotki/ui-library 2.4.1 → 2.4.2

package/dist/components/index.es.js

@@ -2,10 +2,10 @@ import { defineComponent as ne, computed as C, createElementBlock as g, openBloc
 import { isRuiIcon as Os } from "../icons/index.es.js";
 import { useElementSize as Pt, isDefined as te, onClickOutside as ws, whenever as ds, useClipboard as Fs, useElementBounding as As, useResizeObserver as It, useFocus as Bt, refDebounced as cs, useDebounceFn as ps, useFocusWithin as Yt, watchDebounced as Gs, watchIgnorable as Ws, useFetch as Ks, watchImmediate as gt, useScroll as Js, watchTriggerable as fs } from "@vueuse/core";
 import { get as t, set as y, objectOmit as Qs, clamp as Dt, objectPick as Ms, isClient as Xs, throttleFilter as ms } from "@vueuse/shared";
-import { u as Zs, a as Cs, b as Ss, c as xs, d as Vs, e as ea, f as zs, g as ta } from "../composables/index-DggmQIbL.js";
-import { u as $t, g as ut, a as yt, b as Rt, i as sa, c as aa, d as Ds, t as na, e as Ot, f as Xt } from "../utils/index-B__GIRn7.js";
+import { u as Zs, a as Cs, b as Ss, c as xs, d as Vs, e as ea, f as zs, g as ta } from "../composables/index-Cfum5R97.js";
+import { u as $t, g as ut, a as yt, b as Rt, i as sa, c as aa, d as Ds, t as na, e as Ot, f as Xt } from "../utils/index-DvfvOuTx.js";
 import { logicOr as St, logicNot as jt, logicAnd as Ht } from "@vueuse/math";
-import { t as rt } from "../vendor-DONK-IZM.js";
+import { t as rt } from "../vendor-CZEjafxy.js";
 import { T as ft } from "../consts/time-accuracy-BnKA5GyT.js";
 import nt from "dayjs";
 import { R as Zt } from "../i18n/keys-CNGXWOJX.js";

package/dist/composables/{index-DggmQIbL.js → index-Cfum5R97.js}

@@ -1,11 +1,11 @@
 import { useWindowSize as se, breakpointsTailwind as re, useBreakpoints as ie, createSharedComposable as ce, useColorMode as ae, unrefElement as Z, useResizeObserver as te, useVirtualList as le, useArrayMap as ue, watchOnce as fe, useEventListener as F, useMutationObserver as de } from "@vueuse/core";
-import { c as G, p as pe, d as me, a as he, o as ge, f as ye, b as we, e as Le, g as be } from "../vendor-DONK-IZM.js";
-import { computed as R, inject as J, ref as y, watch as V, onMounted as ne, watchEffect as Ce, nextTick as ee } from "vue";
+import { c as G, p as pe, d as me, a as he, o as ge, f as ye, b as we, e as Le, g as be } from "../vendor-CZEjafxy.js";
+import { computed as R, inject as J, ref as y, watch as V, onMounted as ne, watchEffect as ve, nextTick as ee } from "vue";
 import { get as e, set as f } from "@vueuse/shared";
-import { LuChevronsUpDown as ve, LuArrowUp as Te, LuArrowDown as xe, LuArrowLeft as Se, LuArrowRight as Ee, LuChevronUp as Ie, LuChevronDown as ke, LuChevronLeft as Pe, LuChevronRight as Oe, LuChevronsLeft as $e, LuChevronsRight as Be, LuCircleAlert as De, LuCheck as Ae, LuCircleX as Re, LuCircleCheck as Me, LuCheckboxBlank as _e, LuCheckboxFill as ze, LuCheckboxIndeterminateFill as He, LuCheckboxBlankCircle as je, LuCheckboxBlankCircleFill as qe, LuRadioButtonFill as Ue, LuClock as Ne } from "../icons/icons_1.es.js";
+import { LuChevronsUpDown as Ce, LuArrowUp as Te, LuArrowDown as xe, LuArrowLeft as Se, LuArrowRight as Ee, LuChevronUp as Ie, LuChevronDown as ke, LuChevronLeft as Pe, LuChevronRight as Oe, LuChevronsLeft as $e, LuChevronsRight as Be, LuCircleAlert as De, LuCheck as Ae, LuCircleX as Re, LuCircleCheck as Me, LuCheckboxBlank as _e, LuCheckboxFill as ze, LuCheckboxIndeterminateFill as He, LuCheckboxBlankCircle as je, LuCheckboxBlankCircleFill as qe, LuRadioButtonFill as Ue, LuClock as Ne } from "../icons/icons_1.es.js";
 import { LuEllipsis as Ve, LuInfo as We, LuEye as Ke, LuEyeOff as Xe } from "../icons/icons_2.es.js";
 import { LuTriangleAlert as Fe, LuX as Ge } from "../icons/icons_4.es.js";
-import { c as Je } from "../utils/index-B__GIRn7.js";
+import { c as Je } from "../utils/index-DvfvOuTx.js";
 import { d as oe, T as O } from "../types/index-CN6Ip1GL.js";
 function pt() {
   const { width: o } = se(), l = {
@@ -19,7 +19,7 @@ function pt() {
   ), c = h.map(([n, u]) => [
     G(`is_${n}`),
     u
-  ]), C = s.map((n) => [
+  ]), v = s.map((n) => [
     G(`is_${n}_and_up`),
     p.greaterOrEqual(n)
   ]), w = s.map((n) => [
@@ -31,14 +31,14 @@ function pt() {
   });
   return {
     ...Object.fromEntries(c),
-    ...Object.fromEntries(C),
+    ...Object.fromEntries(v),
     ...Object.fromEntries(w),
     name: m,
     width: o
   };
 }
 const Ye = [
-  ve,
+  Ce,
   Ve,
   Fe,
   Ge,
@@ -87,7 +87,7 @@ function ht() {
 const N = y({ ...oe }), gt = ce(() => {
   const { state: o, store: l } = ae(), p = R(() => e(l) === O.auto), a = R(() => e(o) === O.light), s = R(() => e(o) === O.dark), h = R(() => e(a) ? e(N).light : e(N).dark), c = (n) => {
     f(l, n || O.auto);
-  }, C = () => {
+  }, v = () => {
     e(p) ? c(O.light) : e(a) ? c(O.dark) : e(s) && c(O.auto);
   }, w = (n) => {
     f(N, n);
@@ -97,14 +97,14 @@ const N = y({ ...oe }), gt = ce(() => {
     init: (n) => {
       c(n.mode ?? O.auto), w(n.config ?? { ...oe }), typeof window < "u" && V([a, h], ([u, T]) => {
         const r = /* @__PURE__ */ new Map();
-        Object.entries(T).forEach(([v, x]) => {
-          r.set(`--rui-${v}-darker`, x.darker), r.set(`--rui-${v}-lighter`, x.lighter), r.set(`--rui-${v}-main`, x.DEFAULT);
+        Object.entries(T).forEach(([C, x]) => {
+          r.set(`--rui-${C}-darker`, x.darker), r.set(`--rui-${C}-lighter`, x.lighter), r.set(`--rui-${C}-main`, x.DEFAULT);
         });
         const d = u ? O.light : O.dark;
         r.set("--rui-text-disabled", `var(--rui-${d}-text-disabled)`), r.set("--rui-text-primary", `var(--rui-${d}-text-primary)`), r.set("--rui-text-secondary", `var(--rui-${d}-text-secondary)`);
         const k = document.documentElement.style;
-        r.forEach((v, x) => {
-          k.setProperty(x, v);
+        r.forEach((C, x) => {
+          k.setProperty(x, C);
         });
       }, { immediate: !0 });
     },
@@ -116,7 +116,7 @@ const N = y({ ...oe }), gt = ce(() => {
     store: l,
     switchThemeScheme: c,
     theme: h,
-    toggleThemeMode: C
+    toggleThemeMode: v
   };
 }), $ = {
   adaptive: !0,
@@ -141,11 +141,11 @@ const N = y({ ...oe }), gt = ce(() => {
   ]
 });
 function yt(o, l = y(!1), p = y(0), a = y(0), s) {
-  const h = y(null), c = y(null), C = y(null), w = y(!1), m = y(), n = y(), u = y(!1), T = y(!1), r = () => {
+  const h = y(null), c = y(null), v = y(null), w = y(!1), m = y(), n = y(), u = y(!1), T = y(!1), r = () => {
     f(u, !1);
   }, d = () => {
     var g;
-    (g = e(C)) == null || g.update();
+    (g = e(v)) == null || g.update();
   }, k = (g = !1) => {
     if (!e(l) && (e(n) && (clearTimeout(e(n)), f(n, void 0)), f(T, !1), !e(m))) {
       f(u, !0);
@@ -154,7 +154,7 @@ function yt(o, l = y(!1), p = y(0), a = y(0), s) {
       }, g ? 0 : e(p));
       f(m, b);
     }
-  }, v = (g = !1) => {
+  }, C = (g = !1) => {
     if (!e(l) && (e(m) && (clearTimeout(e(m)), f(m, void 0)), !e(n))) {
       const b = setTimeout(() => {
         e(w) || r(), f(w, !1), f(n, void 0);
@@ -165,7 +165,7 @@ function yt(o, l = y(!1), p = y(0), a = y(0), s) {
     f(T, !0);
   };
   return ne(() => {
-    Ce((g) => {
+    ve((g) => {
       if (!e(c) || !e(h) && !e(s))
         return;
       const b = Z(c), B = e(s) || Z(h);
@@ -224,15 +224,15 @@ function yt(o, l = y(!1), p = y(0), a = y(0), s) {
         placement: U,
         strategy: K
       });
-      f(C, X), g(X.destroy);
+      f(v, X), g(X.destroy);
     });
   }), te([h, c], async () => {
-    const g = e(C);
+    const g = e(v);
     e(w) && g && await g.update();
   }), {
-    instance: C,
+    instance: v,
     leavePending: T,
-    onClose: v,
+    onClose: C,
     onLeavePending: x,
     onOpen: k,
     onPopperLeave: r,
@@ -267,7 +267,7 @@ function wt({
   hideSelected: s,
   itemHeight: h = 48,
   keyAttr: c,
-  menuRef: C,
+  menuRef: v,
   options: w,
   overscan: m = 5,
   prependWidth: n,
@@ -278,7 +278,7 @@ function wt({
   const d = R(() => {
     const t = e(w);
     return s ? t.filter((i) => !z(i)) : t;
-  }), { getIdentifier: k, getText: v } = et({
+  }), { getIdentifier: k, getText: C } = et({
     keyAttr: c,
     textAttr: T
   }), { containerProps: x, list: g, scrollTo: b, wrapperProps: B } = le(
@@ -294,7 +294,7 @@ function wt({
     const t = { max: 0, min: 0 }, i = 30, P = 1.5, S = e(a) ? 12 : 13;
     e(d).forEach((D) => {
       var Y, Q;
-      const A = ((Q = (Y = v(D)) == null ? void 0 : Y.toString()) == null ? void 0 : Q.length) ?? 0;
+      const A = ((Q = (Y = C(D)) == null ? void 0 : Y.toString()) == null ? void 0 : Q.length) ?? 0;
       t.min === 0 && t.max === 0 ? (t.min = A, t.max = A) : A < t.min ? t.min = A : A > t.max && (t.max = A);
     });
     const j = t.max - t.min;
@@ -318,12 +318,12 @@ function wt({
     const i = e(L);
     i > -1 && await ee(() => {
       var S, j;
-      if ((S = e(C)) == null ? void 0 : S.parentElement) {
-        const E = e(C).getElementsByClassName("highlighted")[0];
+      if ((S = e(v)) == null ? void 0 : S.parentElement) {
+        const E = e(v).getElementsByClassName("highlighted")[0];
         if (E)
           (j = E.scrollIntoView) == null || j.call(E, { behavior: t ? "smooth" : "auto", block: "nearest" }), e(l) && "focus" in E && typeof E.focus == "function" && (E == null || E.focus());
         else if (b(i), e(l)) {
-          const D = e(C).getElementsByClassName("highlighted")[0];
+          const D = e(v).getElementsByClassName("highlighted")[0];
           D && "focus" in D && typeof D.focus == "function" && D.focus();
         }
       }
@@ -359,7 +359,7 @@ function wt({
     },
     containerProps: x,
     getIdentifier: k,
-    getText: v,
+    getText: C,
     highlightedIndex: L,
     isActiveItem: z,
     isOpen: I,
@@ -384,7 +384,7 @@ function wt({
 }
 const tt = Symbol("rui:i18n");
 function Lt() {
-  const o = J(tt), l = (a, s) => {
+  const o = J(tt, void 0), l = (a, s) => {
     if (o != null && o.te(a))
       return o == null ? void 0 : o.t(a, s);
   };
@@ -400,19 +400,19 @@ function bt(o) {
     ...o
   };
 }
-function Ct() {
+function vt() {
   const o = J(nt);
   if (!o)
     throw new Error("Could not find rui table options injection");
   return o;
 }
-function vt(o = y(!1), l) {
+function Ct(o = y(!1), l) {
   const p = y(null), a = y(null), s = y(!1), h = -0.5, c = {
     head: ":scope > thead[data-id=head-main]",
     headClone: ":scope > thead[data-id=head-clone]",
     row: ":scope > tbody > tr:not([hidden])",
     th: ":scope > th"
-  }, C = () => {
+  }, v = () => {
     const m = e(p);
     if (!e(o) || !m)
       return;
@@ -422,9 +422,9 @@ function vt(o = y(!1), l) {
       const r = u == null ? void 0 : u.querySelectorAll(
         c.th
       ), d = n == null ? void 0 : n.querySelectorAll(c.th);
-      d == null || d.forEach((k, v) => {
+      d == null || d.forEach((k, C) => {
         te(k, (x) => {
-          const g = x[0].target.getBoundingClientRect(), b = r == null ? void 0 : r.item(v);
+          const g = x[0].target.getBoundingClientRect(), b = r == null ? void 0 : r.item(C);
           b && (b.style.width = `${g.width}px`);
         });
       });
@@ -449,20 +449,20 @@ function vt(o = y(!1), l) {
       return;
     const {
       height: k,
-      left: v,
+      left: C,
       width: x
     } = T, { bottom: g, top: b } = n, B = e(l) ?? 0;
     r.style.width = `${x}px`;
     const M = m.querySelectorAll(c.row), I = (_ = M.item(M.length - 1)) == null ? void 0 : _.getBoundingClientRect();
     if (b <= B && g > B && M.length > 1) {
-      f(s, !0), r.style.left = `${v + h}px`;
+      f(s, !0), r.style.left = `${C + h}px`;
       const L = (I == null ? void 0 : I.height) ?? 0;
       g <= L + k + B ? r.style.top = `${g - L - k}px` : r.style.top = `${B}px`;
     } else
       f(s, !1), r.style.left = `${h}px`, r.style.top = "0";
   };
   return ne(() => {
-    w(), F(a, "scroll", w), F(document.body, "scroll", w), F(window, "resize", w), C();
+    w(), F(a, "scroll", w), F(document.body, "scroll", w), F(window, "resize", w), v();
   }), {
     stick: s,
     table: p,
@@ -478,8 +478,8 @@ export {
   et as c,
   wt as d,
   Lt as e,
-  Ct as f,
-  vt as g,
+  vt as f,
+  Ct as g,
   bt as h,
   mt as i,
   pt as j,

package/dist/composables/index.es.js

@@ -1,4 +1,4 @@
-import { j as o, u as a, b as u } from "./index-DggmQIbL.js";
+import { j as o, u as a, b as u } from "./index-Cfum5R97.js";
 export {
   o as useBreakpoint,
   a as useIcons,

package/dist/{index-B4Z0iEL-.js → index-oYTtW2tf.js}

@@ -1,7 +1,7 @@
-import { h as b, i as u, R as s, b as f, T as m, I as p } from "./composables/index-DggmQIbL.js";
+import { h as b, i as u, R as s, b as f, T as m, I as p } from "./composables/index-Cfum5R97.js";
 import "./types/index-CN6Ip1GL.js";
 import i from "dayjs";
-import { u as c, h as n } from "./vendor-DONK-IZM.js";
+import { u as c, h as n } from "./vendor-CZEjafxy.js";
 import "./components/index.es.js";
 import "./consts/colors-D563Ic3q.js";
 import "./i18n/keys-CNGXWOJX.js";

package/dist/index.es.js

@@ -1,8 +1,8 @@
-import { j as a, u as o, b as i } from "./composables/index-DggmQIbL.js";
+import { j as a, u as o, b as i } from "./composables/index-Cfum5R97.js";
 import { S as n, T as t } from "./types/index-CN6Ip1GL.js";
 import "dayjs";
-import "./vendor-DONK-IZM.js";
-import { c, a as C } from "./index-B4Z0iEL-.js";
+import "./vendor-CZEjafxy.js";
+import { c, a as C } from "./index-oYTtW2tf.js";
 import { RuiAccordion as p, RuiAccordions as g, RuiAlert as h, RuiAutoComplete as S, RuiBadge as f, RuiBottomSheet as k, RuiButton as P, RuiButtonGroup as m, RuiCalendar as w, RuiCard as R, RuiCardHeader as B, RuiCheckbox as F, RuiChip as A, RuiColorPicker as D, RuiDataTable as M, RuiDateTimePicker as T, RuiDialog as b, RuiDivider as y, RuiFooterStepper as O, RuiIcon as U, RuiLogo as q, RuiMenu as H, RuiMenuSelect as v, RuiNavigationDrawer as x, RuiNotification as G, RuiProgress as I, RuiRadio as V, RuiRadioGroup as W, RuiRevealableTextField as E, RuiSimpleSelect as z, RuiSkeletonLoader as X, RuiSlider as N, RuiStepper as K, RuiSwitch as J, RuiTab as Z, RuiTabItem as Q, RuiTabItems as Y, RuiTablePagination as j, RuiTableRowExpander as _, RuiTabs as $, RuiTextArea as uu, RuiTextField as Lu, RuiTimePicker as eu, RuiTooltip as ru } from "./components/index.es.js";
 import { c as ou } from "./consts/colors-D563Ic3q.js";
 import { t as lu } from "./i18n/keys-CNGXWOJX.js";

package/dist/utils/{index-B__GIRn7.js → index-DvfvOuTx.js}

@@ -1,7 +1,7 @@
 import { logicOr as l } from "@vueuse/math";
 import { computed as f, ref as y } from "vue";
 import { get as i, objectPick as p, objectOmit as b, set as d } from "@vueuse/shared";
-import { c as x } from "../vendor-DONK-IZM.js";
+import { c as x } from "../vendor-CZEjafxy.js";
 import { createGlobalState as A } from "@vueuse/core";
 class j extends Error {
   constructor(r) {

package/dist/{vendor-DONK-IZM.js → vendor-CZEjafxy.js}

@@ -1,4 +1,4 @@
-import { g as de } from "./index-B4Z0iEL-.js";
+import { g as de } from "./index-oYTtW2tf.js";
 const Ce = /\d/, De = ["-", "_", "/", "."];
 function Ee(t = "") {
   if (!Ce.test(t))

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [