@rotki/ui-library 2.5.2 → 2.6.0

package/dist/utils/{index-Cb8kepjw.js → index-lIBwzXNM.js}

@@ -1,7 +1,7 @@
 import { logicOr as p } from "@vueuse/math";
 import { computed as m, ref as b } from "vue";
 import { get as g, objectPick as w, objectOmit as M, set as x } from "@vueuse/shared";
-import { c as A } from "../vendor-DQixCxRS.js";
+import { c as A } from "../vendor-Dt9dVBgA.js";
 import { createGlobalState as C } from "@vueuse/core";
 class I extends Error {
   constructor(e) {

package/dist/{vendor-DQixCxRS.js → vendor-Dt9dVBgA.js}

@@ -1,4 +1,4 @@
-import { g as Vt } from "./index-CIcI4wps.js";
+import { g as Vt } from "./index-BpodgU9n.js";
 const Ee = /\d/, Pe = ["-", "_", "/", "."];
 function Le(t = "") {
   if (!Ee.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.5.2",
+  "version": "2.6.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -3478,6 +3478,16 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "hide-custom-value",
+              "description": "",
+              "required": false,
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "model-value",
               "description": "",
@@ -3491,6 +3501,7 @@
               "name": "search-input",
               "description": "",
               "required": false,
+              "default": "''",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
@@ -3641,7 +3652,7 @@
                 "arguments": [
                   {
                     "name": "argument",
-                    "type": "[value: string | undefined]"
+                    "type": "[value: string]"
                   }
                 ]
               }

package/package.json

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

package/dist/composables/index-CroB5xEQ.js

@@ -1,487 +0,0 @@
-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-DQixCxRS.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 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-Cb8kepjw.js";
-import { d as oe, T as O } from "../types/index-CN6Ip1GL.js";
-function pt() {
-  const { width: o } = se(), l = {
-    xs: 0,
-    ...re
-  }, p = ie(l), a = Object.keys, s = a(l), h = s.map(
-    (n, u) => [
-      n,
-      u < s.length - 1 ? p.between(n, s[u + 1]) : p[n]
-    ]
-  ), c = h.map(([n, u]) => [
-    G(`is_${n}`),
-    u
-  ]), v = s.map((n) => [
-    G(`is_${n}_and_up`),
-    p.greaterOrEqual(n)
-  ]), w = s.map((n) => [
-    G(`is_${n}_and_down`),
-    p.smaller(n)
-  ]), m = R(() => {
-    var n;
-    return ((n = h.find((u) => e(u[1]))) == null ? void 0 : n[0]) || "";
-  });
-  return {
-    ...Object.fromEntries(c),
-    ...Object.fromEntries(v),
-    ...Object.fromEntries(w),
-    name: m,
-    width: o
-  };
-}
-const Ye = [
-  Ce,
-  Ve,
-  Fe,
-  Ge,
-  We,
-  Te,
-  xe,
-  Se,
-  Ee,
-  Ie,
-  ke,
-  Pe,
-  Oe,
-  $e,
-  Be,
-  De,
-  Ke,
-  Xe,
-  Ae,
-  Re,
-  Me,
-  _e,
-  ze,
-  He,
-  je,
-  qe,
-  Ue,
-  Ne
-], Qe = Symbol.for("rui:icons");
-function mt(o) {
-  const l = (o == null ? void 0 : o.registeredIcons) || [];
-  return {
-    registeredIcons: {
-      ...Object.fromEntries(
-        [
-          ...Ye,
-          ...l
-        ].map(({ components: p, name: a }) => [a, p])
-      )
-    }
-  };
-}
-function ht() {
-  const o = J(Qe);
-  return Je(o, "Could not find icons injection"), o;
-}
-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);
-  }, v = () => {
-    e(p) ? c(O.light) : e(a) ? c(O.dark) : e(s) && c(O.auto);
-  }, w = (n) => {
-    f(N, n);
-  };
-  return {
-    config: N,
-    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(([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((C, x) => {
-          k.setProperty(x, C);
-        });
-      }, { immediate: !0 });
-    },
-    isAutoControlled: p,
-    isDark: s,
-    isLight: a,
-    setThemeConfig: w,
-    state: o,
-    store: l,
-    switchThemeScheme: c,
-    theme: h,
-    toggleThemeMode: v
-  };
-}), $ = {
-  adaptive: !0,
-  gpuAcceleration: !0,
-  locked: !1,
-  offsetDistance: 8,
-  offsetSkid: 0,
-  overflowPadding: 8,
-  placement: "bottom",
-  resize: !0,
-  scroll: !0,
-  strategy: "absolute"
-}, Ze = pe({
-  defaultModifiers: [
-    ...me,
-    he,
-    ge,
-    ye,
-    we,
-    Le,
-    be
-  ]
-});
-function yt(o, l = y(!1), p = y(0), a = y(0), s) {
-  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(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);
-      const b = setTimeout(() => {
-        f(w, !0), f(m, void 0);
-      }, g ? 0 : e(p));
-      f(m, b);
-    }
-  }, 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);
-      }, g ? 0 : e(a));
-      f(n, b);
-    }
-  }, x = () => {
-    f(T, !0);
-  };
-  return ne(() => {
-    ve((g) => {
-      if (!e(c) || !e(h) && !e(s))
-        return;
-      const b = Z(c), B = e(s) || Z(h);
-      if (!(b instanceof HTMLElement) || !B)
-        return;
-      const {
-        adaptive: M = $.adaptive,
-        gpuAcceleration: I = $.gpuAcceleration,
-        locked: _ = $.locked,
-        offsetDistance: L = $.offsetDistance,
-        offsetSkid: W = $.offsetSkid,
-        overflowPadding: q = $.overflowPadding,
-        placement: U = $.placement,
-        resize: z = $.resize,
-        scroll: H = $.scroll,
-        strategy: K = $.strategy
-      } = e(o), X = Ze(B, b, {
-        modifiers: [
-          {
-            enabled: !_,
-            name: "flip"
-          },
-          {
-            name: "preventOverflow",
-            options: {
-              padding: q
-            }
-          },
-          {
-            name: "offset",
-            options: {
-              offset: [W, L]
-            }
-          },
-          {
-            name: "computeStyles",
-            options: {
-              adaptive: M,
-              gpuAcceleration: I
-            }
-          },
-          {
-            name: "eventListeners",
-            options: {
-              resize: z,
-              scroll: H
-            }
-          },
-          {
-            name: "arrow",
-            options: {
-              padding: 4
-            }
-          }
-        ],
-        placement: U,
-        strategy: K
-      });
-      f(v, X), g(X.destroy);
-    });
-  }), te([h, c], async () => {
-    const g = e(v);
-    e(w) && g && await g.update();
-  }), {
-    instance: v,
-    leavePending: T,
-    onClose: C,
-    onLeavePending: x,
-    onOpen: k,
-    onPopperLeave: r,
-    open: w,
-    popper: c,
-    popperEnter: u,
-    reference: h,
-    updatePopper: d
-  };
-}
-function et({
-  keyAttr: o,
-  textAttr: l
-}) {
-  function p(s) {
-    var h;
-    return l ? typeof l == "function" ? l(s) : (h = s[l]) == null ? void 0 : h.toString() : s == null ? void 0 : s.toString();
-  }
-  function a(s) {
-    return o ? s[o] : s;
-  }
-  return {
-    getIdentifier: a,
-    getText: p
-  };
-}
-function wt({
-  appendWidth: o,
-  autoFocus: l,
-  autoSelectFirst: p,
-  dense: a,
-  hideSelected: s,
-  itemHeight: h = 48,
-  keyAttr: c,
-  menuRef: v,
-  options: w,
-  overscan: m = 5,
-  prependWidth: n,
-  setValue: u,
-  textAttr: T,
-  value: r
-}) {
-  const d = R(() => {
-    const t = e(w);
-    return s ? t.filter((i) => !z(i)) : t;
-  }), { getIdentifier: k, getText: C } = et({
-    keyAttr: c,
-    textAttr: T
-  }), { containerProps: x, list: g, scrollTo: b, wrapperProps: B } = le(
-    d,
-    {
-      itemHeight: h,
-      overscan: m
-    }
-  ), M = ue(g, ({ data: t, index: i }) => ({ _index: i, item: t })), I = y(!1), _ = R(() => {
-    const t = e(r);
-    return !c || !t ? t : Array.isArray(t) ? t.map((i) => i[c]) : t[c];
-  }), L = y(e(p) ? 0 : -1), W = R(() => {
-    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 = 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;
-    function E(D) {
-      const A = (n ? n + 0.5 : 0) + (o ? o + 0.5 : 0);
-      return `${Math.min(D * S / 16 + P + A, i)}rem`;
-    }
-    return j <= 5 ? E(t.max) : E(t.min + j / 2);
-  });
-  function q(t = !1) {
-    f(I, t);
-  }
-  function U(t) {
-    const i = e(r), P = Array.isArray(i) ? i : i ? [i] : [];
-    return P.length === 0 ? -1 : P.findIndex((S) => c ? S[c] === t[c] : S === t);
-  }
-  function z(t) {
-    return U(t) !== -1;
-  }
-  async function H(t = !1) {
-    const i = e(L);
-    i > -1 && await ee(() => {
-      var S, j;
-      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(v).getElementsByClassName("highlighted")[0];
-          D && "focus" in D && typeof D.focus == "function" && D.focus();
-        }
-      }
-    });
-  }
-  async function K(t) {
-    await ee(() => {
-      if (t) {
-        const i = e(r);
-        if (Array.isArray(i) && i.length > 0 || i) {
-          const P = e(d).findIndex(z);
-          P > -1 && f(L, P);
-        }
-        fe(g, async () => {
-          await H();
-        });
-      }
-    });
-  }
-  return V(I, K), V(L, async (t, i) => {
-    t !== i && await H(!0);
-  }), V(d, async () => {
-    e(L) !== -1 ? e(p) ? (f(L, 0), await H()) : (f(L, -1), b(0)) : b(0);
-  }), {
-    applyHighlighted: () => {
-      if (!u || !e(I))
-        return;
-      const t = e(L);
-      if (t === -1)
-        return;
-      const i = e(d).find((P, S) => t === S);
-      i && u(i);
-    },
-    containerProps: x,
-    getIdentifier: k,
-    getText: C,
-    highlightedIndex: L,
-    isActiveItem: z,
-    isOpen: I,
-    itemIndexInValue: U,
-    menuWidth: W,
-    moveHighlight: (t) => {
-      if (!e(I)) {
-        q(!0);
-        return;
-      }
-      let i = e(L);
-      i += t ? -1 : 1;
-      const S = e(d).length;
-      i >= S ? f(L, 0) : i < 0 ? f(L, S - 1) : f(L, i);
-    },
-    optionsWithSelectedHidden: d,
-    renderedData: M,
-    toggle: q,
-    valueKey: _,
-    wrapperProps: B
-  };
-}
-const tt = Symbol("rui:i18n");
-function Lt() {
-  const o = J(tt, void 0), l = (a, s) => {
-    if (o != null && o.te(a))
-      return o == null ? void 0 : o.t(a, s);
-  };
-  return { t: (a, s, h) => typeof s == "string" ? l(a) ?? s ?? a : l(a, s) ?? h ?? a };
-}
-const nt = Symbol.for("rui:table");
-function bt(o) {
-  return {
-    globalItemsPerPage: !1,
-    itemsPerPage: y(10),
-    limits: [10, 25, 50, 100],
-    stickyOffset: y(0),
-    ...o
-  };
-}
-function vt() {
-  const o = J(nt);
-  if (!o)
-    throw new Error("Could not find rui table options injection");
-  return o;
-}
-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"
-  }, v = () => {
-    const m = e(p);
-    if (!e(o) || !m)
-      return;
-    const n = m.querySelector(
-      `${c.headClone} > tr`
-    ), u = m.querySelector(`${c.head} > tr`) ?? null, T = () => {
-      const r = u == null ? void 0 : u.querySelectorAll(
-        c.th
-      ), d = n == null ? void 0 : n.querySelectorAll(c.th);
-      d == null || d.forEach((k, C) => {
-        te(k, (x) => {
-          const g = x[0].target.getBoundingClientRect(), b = r == null ? void 0 : r.item(C);
-          b && (b.style.width = `${g.width}px`);
-        });
-      });
-    };
-    de(n, (r) => {
-      for (const d of r)
-        (d.type === "childList" || d.type === "attributes") && T();
-    }, {
-      attributes: !0,
-      childList: !0,
-      subtree: !0
-    }), T();
-  }, w = () => {
-    var _;
-    const m = e(p);
-    if (!e(o) || !m)
-      return;
-    const n = m.getBoundingClientRect(), u = m.querySelector(
-      c.headClone
-    ), T = u == null ? void 0 : u.getBoundingClientRect(), r = m.querySelector(c.head) ?? null, d = r == null ? void 0 : r.getBoundingClientRect();
-    if (!n || !T || !r || !u || !d)
-      return;
-    const {
-      height: k,
-      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 = `${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), v();
-  }), {
-    stick: s,
-    table: p,
-    tableScroller: a
-  };
-}
-export {
-  Qe as I,
-  tt as R,
-  nt as T,
-  yt as a,
-  gt as b,
-  et as c,
-  wt as d,
-  Lt as e,
-  vt as f,
-  Ct as g,
-  bt as h,
-  mt as i,
-  pt as j,
-  ht as u
-};