@rotki/ui-library 2.3.0 → 2.4.1

package/dist/utils/{index-CBlHWMiJ.js → index-B__GIRn7.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-DcELhvq6.js";
+import { c as x } from "../vendor-DONK-IZM.js";
 import { createGlobalState as A } from "@vueuse/core";
 class j extends Error {
   constructor(r) {

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

@@ -1,4 +1,4 @@
-import { g as de } from "./index-ubVTzSrC.js";
+import { g as de } from "./index-B4Z0iEL-.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.3.0",
+  "version": "2.4.1",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {

package/package.json

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

package/dist/composables/index-BpCfYHMO.js

@@ -1,477 +0,0 @@
-import { useWindowSize as se, breakpointsTailwind as re, useBreakpoints as ie, createSharedComposable as ce, useColorMode as ae, unrefElement as Y, useResizeObserver as ee, useVirtualList as le, useArrayMap as ue, watchOnce as fe, useEventListener as K, 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-DcELhvq6.js";
-import { computed as M, inject as te, ref as h, watch as W, onMounted as ne, watchEffect as ve, nextTick as Z } from "vue";
-import { get as e, set as l } from "@vueuse/shared";
-import { LuChevronsUpDown as Ce, LuArrowUp as xe, LuArrowDown as Te, LuArrowLeft as Se, LuArrowRight as ke, LuChevronUp as Ee, LuChevronDown as Pe, LuChevronLeft as Ie, LuChevronRight as Oe, LuChevronsLeft as $e, LuChevronsRight as Be, LuCircleAlert as De, LuCheck as Ae, LuCircleX as Me, LuCircleCheck as Re, LuCheckboxBlank as ze, LuCheckboxFill as He, LuCheckboxIndeterminateFill as _e, LuCheckboxBlankCircle as qe, LuCheckboxBlankCircleFill as je, LuRadioButtonFill as Ue, LuClock as Ve } from "../icons/icons_1.es.js";
-import { LuEllipsis as We, LuInfo as Fe, LuEye as Ne, LuEyeOff as Xe } from "../icons/icons_2.es.js";
-import { LuTriangleAlert as Ke, LuX as Ge } from "../icons/icons_4.es.js";
-import { c as Je } from "../utils/index-CBlHWMiJ.js";
-import { d as oe, T as O } from "../types/index-CN6Ip1GL.js";
-function dt() {
-  const { width: r } = se(), f = {
-    xs: 0,
-    ...re
-  }, p = ie(f), y = Object.keys, c = y(f), g = c.map(
-    (n, a) => [
-      n,
-      a < c.length - 1 ? p.between(n, c[a + 1]) : p[n]
-    ]
-  ), i = g.map(([n, a]) => [
-    G(`is_${n}`),
-    a
-  ]), v = c.map((n) => [
-    G(`is_${n}_and_up`),
-    p.greaterOrEqual(n)
-  ]), w = c.map((n) => [
-    G(`is_${n}_and_down`),
-    p.smaller(n)
-  ]), d = M(() => {
-    var n;
-    return ((n = g.find((a) => e(a[1]))) == null ? void 0 : n[0]) || "";
-  });
-  return {
-    ...Object.fromEntries(i),
-    ...Object.fromEntries(v),
-    ...Object.fromEntries(w),
-    name: d,
-    width: r
-  };
-}
-const Qe = [
-  Ce,
-  We,
-  Ke,
-  Ge,
-  Fe,
-  xe,
-  Te,
-  Se,
-  ke,
-  Ee,
-  Pe,
-  Ie,
-  Oe,
-  $e,
-  Be,
-  De,
-  Ne,
-  Xe,
-  Ae,
-  Me,
-  Re,
-  ze,
-  He,
-  _e,
-  qe,
-  je,
-  Ue,
-  Ve
-], Ye = Symbol.for("rui:icons");
-function pt(r) {
-  const f = (r == null ? void 0 : r.registeredIcons) || [];
-  return {
-    registeredIcons: {
-      ...Object.fromEntries(
-        [
-          ...Qe,
-          ...f
-        ].map(({ components: p, name: y }) => [y, p])
-      )
-    }
-  };
-}
-function mt() {
-  const r = te(Ye);
-  return Je(r, "Could not find icons injection"), r;
-}
-const V = h({ ...oe }), ht = ce(() => {
-  const { state: r, store: f } = ae(), p = M(() => e(f) === O.auto), y = M(() => e(r) === O.light), c = M(() => e(r) === O.dark), g = M(() => e(y) ? e(V).light : e(V).dark), i = (n) => {
-    l(f, n || O.auto);
-  }, v = () => {
-    e(p) ? i(O.light) : e(y) ? i(O.dark) : e(c) && i(O.auto);
-  }, w = (n) => {
-    l(V, n);
-  };
-  return {
-    config: V,
-    init: (n) => {
-      i(n.mode ?? O.auto), w(n.config ?? { ...oe }), typeof window < "u" && W([y, g], ([a, x]) => {
-        const o = /* @__PURE__ */ new Map();
-        Object.entries(x).forEach(([C, T]) => {
-          o.set(`--rui-${C}-darker`, T.darker), o.set(`--rui-${C}-lighter`, T.lighter), o.set(`--rui-${C}-main`, T.DEFAULT);
-        });
-        const u = a ? O.light : O.dark;
-        o.set("--rui-text-disabled", `var(--rui-${u}-text-disabled)`), o.set("--rui-text-primary", `var(--rui-${u}-text-primary)`), o.set("--rui-text-secondary", `var(--rui-${u}-text-secondary)`);
-        const P = document.documentElement.style;
-        o.forEach((C, T) => {
-          P.setProperty(T, C);
-        });
-      }, { immediate: !0 });
-    },
-    isAutoControlled: p,
-    isDark: c,
-    isLight: y,
-    setThemeConfig: w,
-    state: r,
-    store: f,
-    switchThemeScheme: i,
-    theme: g,
-    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 gt(r, f = h(!1), p = h(0), y = h(0), c) {
-  const g = h(null), i = h(null), v = h(null), w = h(!1), d = h(), n = h(), a = h(!1), x = h(!1), o = () => {
-    l(a, !1);
-  }, u = () => {
-    var m;
-    (m = e(v)) == null || m.update();
-  }, P = (m = !1) => {
-    if (!e(f) && (e(n) && (clearTimeout(e(n)), l(n, void 0)), l(x, !1), !e(d))) {
-      l(a, !0);
-      const b = setTimeout(() => {
-        l(w, !0), l(d, void 0);
-      }, m ? 0 : e(p));
-      l(d, b);
-    }
-  }, C = (m = !1) => {
-    if (!e(f) && (e(d) && (clearTimeout(e(d)), l(d, void 0)), !e(n))) {
-      const b = setTimeout(() => {
-        e(w) || o(), l(w, !1), l(n, void 0);
-      }, m ? 0 : e(y));
-      l(n, b);
-    }
-  }, T = () => {
-    l(x, !0);
-  };
-  return ne(() => {
-    ve((m) => {
-      if (!e(i) || !e(g) && !e(c))
-        return;
-      const b = Y(i), B = e(c) || Y(g);
-      if (!(b instanceof HTMLElement) || !B)
-        return;
-      const {
-        adaptive: R = $.adaptive,
-        gpuAcceleration: E = $.gpuAcceleration,
-        locked: z = $.locked,
-        offsetDistance: L = $.offsetDistance,
-        offsetSkid: F = $.offsetSkid,
-        overflowPadding: j = $.overflowPadding,
-        placement: U = $.placement,
-        resize: H = $.resize,
-        scroll: _ = $.scroll,
-        strategy: N = $.strategy
-      } = e(r), X = Ze(B, b, {
-        modifiers: [
-          {
-            enabled: !z,
-            name: "flip"
-          },
-          {
-            name: "preventOverflow",
-            options: {
-              padding: j
-            }
-          },
-          {
-            name: "offset",
-            options: {
-              offset: [F, L]
-            }
-          },
-          {
-            name: "computeStyles",
-            options: {
-              adaptive: R,
-              gpuAcceleration: E
-            }
-          },
-          {
-            name: "eventListeners",
-            options: {
-              resize: H,
-              scroll: _
-            }
-          },
-          {
-            name: "arrow",
-            options: {
-              padding: 4
-            }
-          }
-        ],
-        placement: U,
-        strategy: N
-      });
-      l(v, X), m(X.destroy);
-    });
-  }), ee([g, i], async () => {
-    const m = e(v);
-    e(w) && m && await m.update();
-  }), {
-    instance: v,
-    leavePending: x,
-    onClose: C,
-    onLeavePending: T,
-    onOpen: P,
-    onPopperLeave: o,
-    open: w,
-    popper: i,
-    popperEnter: a,
-    reference: g,
-    updatePopper: u
-  };
-}
-function et({
-  keyAttr: r,
-  textAttr: f
-}) {
-  function p(c) {
-    var g;
-    return f ? typeof f == "function" ? f(c) : (g = c[f]) == null ? void 0 : g.toString() : c == null ? void 0 : c.toString();
-  }
-  function y(c) {
-    return r ? c[r] : c;
-  }
-  return {
-    getIdentifier: y,
-    getText: p
-  };
-}
-function yt({
-  appendWidth: r,
-  autoFocus: f,
-  autoSelectFirst: p,
-  dense: y,
-  hideSelected: c,
-  itemHeight: g = 48,
-  keyAttr: i,
-  menuRef: v,
-  options: w,
-  overscan: d = 5,
-  prependWidth: n,
-  setValue: a,
-  textAttr: x,
-  value: o
-}) {
-  const u = M(() => {
-    const t = e(w);
-    return c ? t.filter((s) => !H(s)) : t;
-  }), { getIdentifier: P, getText: C } = et({
-    keyAttr: i,
-    textAttr: x
-  }), { containerProps: T, list: m, scrollTo: b, wrapperProps: B } = le(
-    u,
-    {
-      itemHeight: g,
-      overscan: d
-    }
-  ), R = ue(m, ({ data: t, index: s }) => ({ _index: s, item: t })), E = h(!1), z = M(() => {
-    const t = e(o);
-    return !i || !t ? t : Array.isArray(t) ? t.map((s) => s[i]) : t[i];
-  }), L = h(e(p) ? 0 : -1), F = M(() => {
-    const t = { max: 0, min: 0 }, s = 30, I = 1.5, S = e(y) ? 12 : 13;
-    e(u).forEach((D) => {
-      var J, Q;
-      const A = ((Q = (J = C(D)) == null ? void 0 : J.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 q = t.max - t.min;
-    function k(D) {
-      const A = (n ? n + 0.5 : 0) + (r ? r + 0.5 : 0);
-      return `${Math.min(D * S / 16 + I + A, s)}rem`;
-    }
-    return q <= 5 ? k(t.max) : k(t.min + q / 2);
-  });
-  function j(t = !1) {
-    l(E, t);
-  }
-  function U(t) {
-    const s = e(o), I = Array.isArray(s) ? s : s ? [s] : [];
-    return I.length === 0 ? -1 : I.findIndex((S) => i ? S[i] === t[i] : S === t);
-  }
-  function H(t) {
-    return U(t) !== -1;
-  }
-  async function _(t = !1) {
-    const s = e(L);
-    s > -1 && await Z(() => {
-      var S, q;
-      if ((S = e(v)) == null ? void 0 : S.parentElement) {
-        const k = e(v).getElementsByClassName("highlighted")[0];
-        if (k)
-          (q = k.scrollIntoView) == null || q.call(k, { behavior: t ? "smooth" : "auto", block: "nearest" }), e(f) && "focus" in k && typeof k.focus == "function" && (k == null || k.focus());
-        else if (b(s), e(f)) {
-          const D = e(v).getElementsByClassName("highlighted")[0];
-          D && "focus" in D && typeof D.focus == "function" && D.focus();
-        }
-      }
-    });
-  }
-  async function N(t) {
-    await Z(() => {
-      if (t) {
-        const s = e(o);
-        if (Array.isArray(s) && s.length > 0 || s) {
-          const I = e(u).findIndex(H);
-          I > -1 && l(L, I);
-        }
-        fe(m, async () => {
-          await _();
-        });
-      }
-    });
-  }
-  return W(E, N), W(L, async (t, s) => {
-    t !== s && await _(!0);
-  }), W(u, async () => {
-    e(L) !== -1 ? e(p) ? (l(L, 0), await _()) : (l(L, -1), b(0)) : b(0);
-  }), {
-    applyHighlighted: () => {
-      if (!a || !e(E))
-        return;
-      const t = e(L);
-      if (t === -1)
-        return;
-      const s = e(u).find((I, S) => t === S);
-      s && a(s);
-    },
-    containerProps: T,
-    getIdentifier: P,
-    getText: C,
-    highlightedIndex: L,
-    isActiveItem: H,
-    isOpen: E,
-    itemIndexInValue: U,
-    menuWidth: F,
-    moveHighlight: (t) => {
-      if (!e(E)) {
-        j(!0);
-        return;
-      }
-      let s = e(L);
-      s += t ? -1 : 1;
-      const S = e(u).length;
-      s >= S ? l(L, 0) : s < 0 ? l(L, S - 1) : l(L, s);
-    },
-    optionsWithSelectedHidden: u,
-    renderedData: R,
-    toggle: j,
-    valueKey: z,
-    wrapperProps: B
-  };
-}
-const tt = Symbol.for("rui:table");
-function wt(r) {
-  return {
-    globalItemsPerPage: !1,
-    itemsPerPage: h(10),
-    limits: [10, 25, 50, 100],
-    stickyOffset: h(0),
-    ...r
-  };
-}
-function Lt() {
-  const r = te(tt);
-  if (!r)
-    throw new Error("Could not find rui table options injection");
-  return r;
-}
-function bt(r = h(!1), f) {
-  const p = h(null), y = h(null), c = h(!1), g = -0.5, i = {
-    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 d = e(p);
-    if (!e(r) || !d)
-      return;
-    const n = d.querySelector(
-      `${i.headClone} > tr`
-    ), a = d.querySelector(`${i.head} > tr`) ?? null, x = () => {
-      const o = a == null ? void 0 : a.querySelectorAll(
-        i.th
-      ), u = n == null ? void 0 : n.querySelectorAll(i.th);
-      u == null || u.forEach((P, C) => {
-        ee(P, (T) => {
-          const m = T[0].target.getBoundingClientRect(), b = o == null ? void 0 : o.item(C);
-          b && (b.style.width = `${m.width}px`);
-        });
-      });
-    };
-    de(n, (o) => {
-      for (const u of o)
-        (u.type === "childList" || u.type === "attributes") && x();
-    }, {
-      attributes: !0,
-      childList: !0,
-      subtree: !0
-    }), x();
-  }, w = () => {
-    var z;
-    const d = e(p);
-    if (!e(r) || !d)
-      return;
-    const n = d.getBoundingClientRect(), a = d.querySelector(
-      i.headClone
-    ), x = a == null ? void 0 : a.getBoundingClientRect(), o = d.querySelector(i.head) ?? null, u = o == null ? void 0 : o.getBoundingClientRect();
-    if (!n || !x || !o || !a || !u)
-      return;
-    const {
-      height: P,
-      left: C,
-      width: T
-    } = x, { bottom: m, top: b } = n, B = e(f) ?? 0;
-    o.style.width = `${T}px`;
-    const R = d.querySelectorAll(i.row), E = (z = R.item(R.length - 1)) == null ? void 0 : z.getBoundingClientRect();
-    if (b <= B && m > B && R.length > 1) {
-      l(c, !0), o.style.left = `${C + g}px`;
-      const L = (E == null ? void 0 : E.height) ?? 0;
-      m <= L + P + B ? o.style.top = `${m - L - P}px` : o.style.top = `${B}px`;
-    } else
-      l(c, !1), o.style.left = `${g}px`, o.style.top = "0";
-  };
-  return ne(() => {
-    w(), K(y, "scroll", w), K(document.body, "scroll", w), K(window, "resize", w), v();
-  }), {
-    stick: c,
-    table: p,
-    tableScroller: y
-  };
-}
-export {
-  Ye as I,
-  tt as T,
-  gt as a,
-  ht as b,
-  et as c,
-  yt as d,
-  Lt as e,
-  bt as f,
-  wt as g,
-  pt as h,
-  dt as i,
-  mt as u
-};

package/dist/index-ubVTzSrC.js

@@ -1,33 +0,0 @@
-import { g as l, h as m, b as n, T as c, I as u } from "./composables/index-BpCfYHMO.js";
-import "./types/index-CN6Ip1GL.js";
-import s from "dayjs";
-import { u as p, h as f } from "./vendor-DcELhvq6.js";
-import "./components/index.es.js";
-import "./consts/colors-D563Ic3q.js";
-import "./icons/index.es.js";
-import "./icons/icons_1.es.js";
-import "./icons/icons_2.es.js";
-import "./icons/icons_3.es.js";
-import "./icons/icons_4.es.js";
-function R(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function S(e = {}) {
-  var o, r;
-  const { theme: i } = e, t = Object.freeze({
-    icons: m({
-      registeredIcons: (o = e.theme) == null ? void 0 : o.icons
-    }),
-    table: l((r = e.defaults) == null ? void 0 : r.table)
-  });
-  return {
-    defaults: t,
-    install: (a) => {
-      n().init({ ...i }), a.provide(c, t.table), a.provide(u, t.icons), s.extend(p), s.extend(f);
-    }
-  };
-}
-export {
-  S as c,
-  R as g
-};