@rotki/ui-library 2.0.0 → 2.0.1

package/dist/components/forms/text-field/RuiTextField.vue.d.ts

@@ -30,7 +30,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     setSelectionRange: (start: number, end: number) => void;
     focus: () => void | undefined;
-    element: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
+    element: globalThis.Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 } & {

package/dist/components/index.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as te, computed as C, createElementBlock as y, openBlock as n, normalizeClass as f, Fragment as he, renderList as ke, unref as e, createBlock as N, resolveDynamicComponent as _t, mergeProps as ee, useCssVars as at, ref as U, createCommentVNode as M, createElementVNode as S, createVNode as Y, renderSlot as q, toRefs as be, useSlots as st, watch as we, normalizeProps as Me, guardReactiveProps as Ce, toDisplayString as x, withCtx as G, createTextVNode as Ae, useCssModule as Zt, isVNode as qt, mergeModels as Ye, useModel as Ue, inject as xt, TransitionGroup as es, withKeys as Ee, withModifiers as He, Teleport as It, provide as Vs, createSlots as Ze, onUnmounted as Rs, reactive as ts, getCurrentInstance as fs, onMounted as yt, normalizeStyle as Ne, useTemplateRef as _s, nextTick as Je, isRef as ot, withDirectives as Ft, vModelCheckbox as Bs, vModelSelect as Ss, vModelText as ys, watchEffect as As, useSSRContext as Ds, onServerPrefetch as Is, Transition as ft, resolveComponent as Ts } from "vue";
+import { defineComponent as te, computed as C, createElementBlock as y, openBlock as n, normalizeClass as f, Fragment as he, renderList as ke, unref as e, createBlock as N, resolveDynamicComponent as _t, mergeProps as ee, useCssVars as at, ref as U, createCommentVNode as M, createElementVNode as S, createVNode as Y, renderSlot as q, toRefs as be, useSlots as st, watch as we, normalizeProps as Me, guardReactiveProps as Ce, toDisplayString as x, withCtx as G, createTextVNode as Ae, useCssModule as Zt, isVNode as qt, mergeModels as Ye, useModel as Ue, inject as xt, TransitionGroup as es, withKeys as Ee, withModifiers as He, Teleport as It, provide as zs, createSlots as Ze, onUnmounted as Vs, reactive as ts, getCurrentInstance as fs, onMounted as yt, normalizeStyle as Ne, nextTick as Je, isRef as ot, withDirectives as Ft, vModelCheckbox as Rs, vModelSelect as Bs, vModelText as _s, watchEffect as Ss, useSSRContext as As, onServerPrefetch as Ds, Transition as ft, resolveComponent as Is, useTemplateRef as Ts } from "vue";
 import { isRuiIcon as js } from "../icons/index.es.js";
-import { useElementSize as Rt, isDefined as Be, onClickOutside as ms, whenever as ss, useClipboard as Ps, useElementBounding as hs, useResizeObserver as Bt, useFocus as St, refDebounced as ns, useDebounceFn as as, useFocusWithin as ls, watchDebounced as Hs, useFetch as Os, watchImmediate as rt, useScroll as Ls, watchTriggerable as rs } from "@vueuse/core";
-import { get as t, set as g, objectOmit as qs, clamp as bt, objectPick as vs, isClient as Fs, throttleFilter as is } from "@vueuse/shared";
-import { u as Es, a as gs, b as $s, c as Ns, d as bs, e as ks, f as Ys } from "../composables/index-DOuH9rdn.js";
-import { u as it, g as nt, a as lt, b as Ct, i as Us, c as ws, t as Ws, d as Lt, f as Gt } from "../utils/index-CxHG7aHQ.js";
+import { useElementSize as Rt, isDefined as Be, onClickOutside as ys, whenever as ss, useClipboard as Ps, useElementBounding as ms, useResizeObserver as Bt, useFocus as St, refDebounced as ns, useDebounceFn as as, useFocusWithin as ls, watchDebounced as Hs, useFetch as Os, watchImmediate as rt, useScroll as Ls, watchTriggerable as rs } from "@vueuse/core";
+import { get as t, set as g, objectOmit as qs, clamp as bt, objectPick as hs, isClient as Fs, throttleFilter as is } from "@vueuse/shared";
+import { u as Es, a as vs, b as gs, c as Ns, d as $s, e as bs, f as Ys } from "../composables/index-DOuH9rdn.js";
+import { u as it, g as nt, a as lt, b as Ct, i as Us, c as ks, t as Ws, d as Lt, f as Gt } from "../utils/index-CxHG7aHQ.js";
 import { logicOr as At, logicNot as Dt, logicAnd as Et } from "@vueuse/math";
 import { t as Xe } from "../vendor-BeEprDAU.js";
 import { S as Pe, a as ds } from "../types/index-CN6Ip1GL.js";
@@ -769,7 +769,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       onClose: L,
       onPopperLeave: I,
       updatePopper: Z
-    } = gs(d, m, v, c), { width: ie } = Rt(b), V = U(!1);
+    } = vs(d, m, v, c), { width: ie } = Rt(b), V = U(!1);
     function X(ae) {
       t(H) && (L(), g(V, !1));
     }
@@ -780,7 +780,7 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
       ae ? (R(), g(V, !0)) : X();
     }), we(H, (ae) => {
       i("update:model-value", ae);
-    }), ms(T, () => {
+    }), ys(T, () => {
       t(H) && !t(h) && X();
     }, { ignore: [b] });
     const Q = C(() => {
@@ -1115,8 +1115,8 @@ const Fo = { class: "calendar-grid" }, Eo = { class: "calendar-weekdays" }, No =
   }),
   emits: /* @__PURE__ */ Ye(["update:pages"], ["update:modelValue"]),
   setup(w, { expose: a, emit: r }) {
-    const i = Ue(w, "modelValue"), p = w, c = r, v = U(Be(i) ? new Date(t(i)) : /* @__PURE__ */ new Date()), d = U(Be(i) ? new Date(t(i)) : void 0), m = U(t(v).getMonth()), l = U(t(v).getFullYear()), { isDark: u } = $s(), s = C(() => new Date(t(l), t(m)).toLocaleString("default", { month: "long", year: "numeric" }));
-    Vs(Nt.valueOf(), {
+    const i = Ue(w, "modelValue"), p = w, c = r, v = U(Be(i) ? new Date(t(i)) : /* @__PURE__ */ new Date()), d = U(Be(i) ? new Date(t(i)) : void 0), m = U(t(v).getMonth()), l = U(t(v).getFullYear()), { isDark: u } = gs(), s = C(() => new Date(t(l), t(m)).toLocaleString("default", { month: "long", year: "numeric" }));
+    zs(Nt.valueOf(), {
       viewMonth: m,
       viewYear: l,
       selectedDate: d,
@@ -1513,7 +1513,7 @@ class Qt {
     return [this.red, this.green, this.blue];
   }
 }
-function Ms(w) {
+function ws(w) {
   function a(p) {
     w(p.clientX, p.clientY);
   }
@@ -1523,7 +1523,7 @@ function Ms(w) {
   function i() {
     window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", i);
   }
-  return Rs(() => {
+  return Vs(() => {
     i();
   }), {
     handleClick: a,
@@ -1557,7 +1557,7 @@ const yl = /* @__PURE__ */ te({
     const s = fs(), {
       handleClick: _,
       onMouseDown: $
-    } = Ms(h);
+    } = ws(h);
     function h(b, T) {
       if (!s)
         return;
@@ -1629,7 +1629,7 @@ const yl = /* @__PURE__ */ te({
       onClose: _,
       onPopperLeave: $,
       updatePopper: h
-    } = gs(c, v, p, i);
+    } = vs(c, v, p, i);
     return a({
       onOpen: s,
       onClose: _
@@ -1707,7 +1707,7 @@ const yl = /* @__PURE__ */ te({
   arrow__open: Al
 }, Il = {
   $style: Dl
-}, Cs = /* @__PURE__ */ le(Ml, [["__cssModules", Il]]), Tl = {
+}, Ms = /* @__PURE__ */ le(Ml, [["__cssModules", Il]]), Tl = {
   key: 0,
   class: "text-rui-success"
 }, jl = /* @__PURE__ */ te({
@@ -1719,7 +1719,7 @@ const yl = /* @__PURE__ */ te({
   },
   setup(w) {
     const a = w, { color: r } = be(a), { copy: i, copied: p } = Ps({ source: r });
-    return (c, v) => (n(), N(Cs, ee({
+    return (c, v) => (n(), N(Ms, ee({
       popper: { placement: "top" },
       "close-delay": 400,
       "tooltip-class": "text-center"
@@ -1785,7 +1785,7 @@ const yl = /* @__PURE__ */ te({
     const {
       handleClick: u,
       onMouseDown: s
-    } = Ms(l);
+    } = ws(l);
     return yt(() => {
       c();
     }), we(a, () => {
@@ -1836,9 +1836,9 @@ const yl = /* @__PURE__ */ te({
   emits: /* @__PURE__ */ Ye(["focus-input", "blur", "remove", "clear"], ["update:modelValue"]),
   setup(w, { expose: a, emit: r }) {
     at((j) => ({
-      "3a894559": e(z),
-      "4c54e02b": e(D),
-      "40d0db03": e($)
+      "4944241c": e(z),
+      "23277f1c": e(D),
+      "01c47d48": e($)
     }));
     const i = Ue(w, "modelValue"), p = w, c = r, {
       label: v,
@@ -1855,7 +1855,7 @@ const yl = /* @__PURE__ */ te({
     const $ = C(() => {
       const j = t(v);
       return j ? `'  ${j}  '` : '"\\200B"';
-    }), h = U(), b = U(), T = U(), H = _s("inputRef"), z = U("0px"), D = U("0px"), { width: O } = hs(T);
+    }), h = U(), b = U(), T = U(), H = U(), z = U("0px"), D = U("0px"), { width: O } = ms(T);
     Bt(h, (j) => {
       const [Q] = j, { width: J, left: ze } = Q.contentRect;
       g(z, `${J + ze}px`);
@@ -2314,7 +2314,7 @@ const yl = /* @__PURE__ */ te({
       moveHighlight: Oe,
       applyHighlighted: xe,
       optionsWithSelectedHidden: oe
-    } = bs({
+    } = $s({
       itemHeight: p.itemHeight ?? (p.dense ? 30 : 48),
       keyAttr: p.keyAttr,
       textAttr: p.textAttr,
@@ -2788,7 +2788,7 @@ const yl = /* @__PURE__ */ te({
             [h.$style.disabled]: h.disabled
           }
         ]
-      }, e(vs)(h.$attrs, ["onClick"])), [
+      }, e(hs)(h.$attrs, ["onClick"])), [
         Ft(S("input", ee({
           ref_key: "el",
           ref: l,
@@ -2797,7 +2797,7 @@ const yl = /* @__PURE__ */ te({
           class: h.$style.input,
           disabled: h.disabled
         }, e(lt)(h.$attrs, ["onInput", "onClick"])), null, 16, Xr), [
-          [Bs, e(u)]
+          [Rs, e(u)]
         ]),
         S("span", {
           class: f([
@@ -2866,7 +2866,7 @@ const yl = /* @__PURE__ */ te({
   "text-shade": "_text-shade_32njj_1"
 }, pi = {
   $style: ci
-}, zs = /* @__PURE__ */ le(Qr, [["__cssModules", pi]]), fi = {
+}, Cs = /* @__PURE__ */ le(Qr, [["__cssModules", pi]]), fi = {
   key: 0,
   class: "text-rui-text-secondary text-body-1"
 }, _i = /* @__PURE__ */ te({
@@ -2891,7 +2891,7 @@ const yl = /* @__PURE__ */ te({
   setup(w) {
     const a = Ue(w, "modelValue"), r = U("");
     yt(() => {
-      g(r, ws("radio-group"));
+      g(r, ks("radio-group"));
     });
     const i = st(), p = C(() => {
       var v;
@@ -2903,7 +2903,7 @@ const yl = /* @__PURE__ */ te({
       S("div", {
         class: f([c.$style.wrapper, { [c.$style.wrapper__inline]: c.inline }])
       }, [
-        (n(!0), y(he, null, ke(e(p), (d, m) => (n(), N(_t(d), ee({ ref_for: !0 }, e(vs)(c.$props, ["disabled", "color", "size"]), {
+        (n(!0), y(he, null, ke(e(p), (d, m) => (n(), N(_t(d), ee({ ref_for: !0 }, e(hs)(c.$props, ["disabled", "color", "size"]), {
           key: m,
           modelValue: a.value,
           "onUpdate:modelValue": v[0] || (v[0] = (l) => a.value = l),
@@ -3160,7 +3160,7 @@ const yl = /* @__PURE__ */ te({
       highlightedIndex: z,
       moveHighlight: D,
       valueKey: O
-    } = bs({
+    } = $s({
       itemHeight: r.itemHeight ?? (r.dense ? 30 : 48),
       keyAttr: r.keyAttr,
       textAttr: r.textAttr,
@@ -3409,7 +3409,7 @@ const yl = /* @__PURE__ */ te({
           value: m
         }, x(m), 9, rd))), 128))
       ], 10, ld), [
-        [Ss, e(c)]
+        [Bs, e(c)]
       ]),
       S("span", {
         class: f(v.$style.icon__wrapper)
@@ -3478,7 +3478,7 @@ const yl = /* @__PURE__ */ te({
     }), { hasError: b, hasSuccess: T } = it(
       m,
       l
-    ), H = U(), { width: z, height: D } = hs(H), O = C(() => `${t(z)}px`), R = C(() => `${t(D)}px`), L = C(() => `${t(s)}px`);
+    ), H = U(), { width: z, height: D } = ms(H), O = C(() => `${t(z)}px`), R = C(() => `${t(D)}px`), L = C(() => `${t(s)}px`);
     return (I, Z) => (n(), y("div", Me(Ce(e(nt)(I.$attrs))), [
       S("label", {
         class: f([
@@ -3515,7 +3515,7 @@ const yl = /* @__PURE__ */ te({
               step: e(d),
               disabled: I.disabled
             }, e(lt)(I.$attrs)), null, 16, md), [
-              [ys, e(_)]
+              [_s, e(_)]
             ]),
             S("div", {
               class: f(I.$style.slider)
@@ -3830,7 +3830,7 @@ const yl = /* @__PURE__ */ te({
             disabled: e(m),
             readonly: e(l)
           }, ("getNonRootAttrs" in A ? A.getNonRootAttrs : e(lt))(A.$attrs)), null, 16, lu), [
-            [ys, r.value]
+            [_s, r.value]
           ]),
           S("label", {
             class: f(e(O).label)
@@ -4038,7 +4038,7 @@ const yl = /* @__PURE__ */ te({
         var s;
         u && ((s = t(r)) == null || s.decode().catch(() => g(i, !0)).finally(() => g(p, !1)));
       }
-    ), As(l), Fs || Ds(), Is(async () => {
+    ), Ss(l), Fs || As(), Ds(async () => {
       await l();
     }), (u, s) => (n(), y("div", {
       class: "gap-x-4 flex items-center relative",
@@ -4368,7 +4368,7 @@ const yl = /* @__PURE__ */ te({
     const s = C(() => ({
       width: Lt(t(d))
     })), _ = U(null);
-    ms(_, () => {
+    ys(_, () => {
       t(l) && r.temporary && !r.stateless && setTimeout(() => {
         u();
       }, 50);
@@ -4902,7 +4902,7 @@ const yl = /* @__PURE__ */ te({
           colspan: "1",
           rowspan: "1"
         }, [
-          Y(zs, {
+          Y(Cs, {
             disabled: l.disableCheckAll,
             indeterminate: l.indeterminate,
             "model-value": l.isAllSelected,
@@ -5051,7 +5051,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:model-value"],
   setup(w, { emit: a }) {
-    const r = w, i = a, { modelValue: p } = be(r), c = ks(), v = C(() => (t(p).limits ?? t(c.limits)).map((R) => ({ limit: R }))), d = C({
+    const r = w, i = a, { modelValue: p } = be(r), c = bs(), v = C(() => (t(p).limits ?? t(c.limits)).map((R) => ({ limit: R }))), d = C({
       get: () => t(p).limit,
       set: (R) => i("update:model-value", {
         ...t(p),
@@ -5252,7 +5252,7 @@ const yl = /* @__PURE__ */ te({
   },
   emits: ["update:model-value", "update:expanded", "update:pagination", "update:sort", "update:options", "update:group", "update:collapsed", "copy:group"],
   setup(w, { emit: a }) {
-    const r = w, i = a, p = st(), { stickyHeader: c, collapsed: v, modelValue: d, disabledRows: m } = be(r), l = ks(), { isDark: u } = $s(), s = C(() => r.stickyOffset !== void 0 ? r.stickyOffset : t(l.stickyOffset));
+    const r = w, i = a, p = st(), { stickyHeader: c, collapsed: v, modelValue: d, disabledRows: m } = be(r), l = bs(), { isDark: u } = gs(), s = C(() => r.stickyOffset !== void 0 ? r.stickyOffset : t(l.stickyOffset));
     function _(o) {
       return !("__header__" in o);
     }
@@ -5696,7 +5696,7 @@ const yl = /* @__PURE__ */ te({
                       colspan: "1",
                       rowspan: "1"
                     }, [
-                      Y(zs, {
+                      Y(Cs, {
                         "data-cy": `table-toggle-check-${ue}`,
                         "model-value": ce(P[e(j)]),
                         disabled: ve(P[e(j)]),
@@ -5793,7 +5793,7 @@ const yl = /* @__PURE__ */ te({
                             _: 2
                           }, 1032, ["onClick"])
                         ]),
-                        Y(Cs, {
+                        Y(Ms, {
                           popper: { placement: "top" },
                           class: "ml-auto mr-2"
                         }, {
@@ -5909,7 +5909,7 @@ const yl = /* @__PURE__ */ te({
       ], 2);
     };
   }
-}), N2 = "_wrapper_pulae_1", Y2 = "_outlined_pulae_4", U2 = "_rounded__sm_pulae_7", W2 = "_image_pulae_10", G2 = "_rounded__md_pulae_13", K2 = "_rounded__lg_pulae_19", X2 = "_scroller_pulae_25", Q2 = "_table_pulae_29", J2 = "_tbody_pulae_32", Z2 = "_tr_pulae_35", x2 = "_tr__selected_pulae_41", ep = "_tr__empty_pulae_44", tp = "_tr__expandable_pulae_47", sp = "_tr__group_pulae_50", np = "_td_pulae_53", op = "_align__start_pulae_57", ap = "_align__center_pulae_60", lp = "_align__end_pulae_63", rp = "_empty_pulae_66", ip = "_empty__label_pulae_69", dp = "_empty__description_pulae_72", up = "_tbody__loader_pulae_75", cp = "_checkbox_pulae_78", pp = "_dense_pulae_84", fp = {
+}), N2 = "_wrapper_15c6t_1", Y2 = "_outlined_15c6t_4", U2 = "_rounded__sm_15c6t_7", W2 = "_image_15c6t_10", G2 = "_rounded__md_15c6t_13", K2 = "_rounded__lg_15c6t_19", X2 = "_scroller_15c6t_25", Q2 = "_table_15c6t_29", J2 = "_tbody_15c6t_32", Z2 = "_tr_15c6t_35", x2 = "_tr__selected_15c6t_41", ep = "_tr__empty_15c6t_44", tp = "_tr__expandable_15c6t_47", sp = "_tr__group_15c6t_50", np = "_td_15c6t_53", op = "_align__start_15c6t_57", ap = "_align__center_15c6t_60", lp = "_align__end_15c6t_63", rp = "_empty_15c6t_66", ip = "_empty__label_15c6t_69", dp = "_empty__description_15c6t_72", up = "_tbody__loader_15c6t_75", cp = "_checkbox_15c6t_78", pp = "_dense_15c6t_84", fp = {
   wrapper: N2,
   outlined: Y2,
   rounded__sm: U2,
@@ -5919,7 +5919,7 @@ const yl = /* @__PURE__ */ te({
   scroller: X2,
   table: Q2,
   tbody: J2,
-  "tbody--striped": "_tbody--striped_pulae_35",
+  "tbody--striped": "_tbody--striped_15c6t_35",
   tr: Z2,
   tr__selected: x2,
   tr__empty: ep,
@@ -6048,7 +6048,7 @@ const yl = /* @__PURE__ */ te({
     color: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
     grow: { type: Boolean, default: !1 },
-    value: { default: ws() },
+    value: { default: ks() },
     active: { type: Boolean, default: !1 },
     activeClass: { default: "" },
     link: { type: Boolean, default: !1 },
@@ -6077,7 +6077,7 @@ const yl = /* @__PURE__ */ te({
       i("click", t(_));
     }
     return (z, D) => {
-      const O = Ts("RouterLink");
+      const O = Is("RouterLink");
       return e(l) ? (n(), N(ge, ee({
         key: 0,
         variant: "text",
@@ -6395,7 +6395,7 @@ const yl = /* @__PURE__ */ te({
       minute: 5,
       second: 5,
       millisecond: 100
-    }, c = U(L()), v = U(I()), d = U(Z()), m = U(ie()), l = U("hour"), u = U(!1), s = _s("clockFace"), _ = C(() => r.accuracy === pt.SECOND || r.accuracy === pt.MILLISECOND), $ = C(() => r.accuracy === pt.MILLISECOND), h = C(() => t(c) >= Ke ? "PM" : "AM"), b = C(() => {
+    }, c = U(L()), v = U(I()), d = U(Z()), m = U(ie()), l = U("hour"), u = U(!1), s = Ts("clockFace"), _ = C(() => r.accuracy === pt.SECOND || r.accuracy === pt.MILLISECOND), $ = C(() => r.accuracy === pt.MILLISECOND), h = C(() => t(c) >= Ke ? "PM" : "AM"), b = C(() => {
       const A = t(c) % Ke;
       return A === 0 ? Ke : A;
     }), T = C(() => {
@@ -6633,7 +6633,7 @@ export {
   l1 as RuiCalendar,
   r1 as RuiCard,
   wa as RuiCardHeader,
-  zs as RuiCheckbox,
+  Cs as RuiCheckbox,
   _l as RuiChip,
   i1 as RuiColorPicker,
   C1 as RuiDataTable,
@@ -6664,5 +6664,5 @@ export {
   h1 as RuiTextArea,
   Jt as RuiTextField,
   S1 as RuiTimePicker,
-  Cs as RuiTooltip
+  Ms as RuiTooltip
 };