@rotki/ui-library 1.8.0 → 1.8.2

package/dist/composables/index-D0JjQG2m.js

@@ -0,0 +1,478 @@
+import { LuChevronsUpDown as se, LuArrowUp as re, LuArrowDown as ie, LuArrowLeft as ce, LuArrowRight as ae, LuChevronUp as le, LuChevronDown as ue, LuChevronLeft as fe, LuChevronRight as de, LuChevronsLeft as pe, LuChevronsRight as me, LuCircleAlert as he, LuCheck as ge, LuCircleX as ye, LuCircleCheck as we, LuCheckboxBlank as be, LuCheckboxFill as Le, LuCheckboxIndeterminateFill as ve, LuCheckboxBlankCircle as Ce, LuCheckboxBlankCircleFill as xe, LuRadioButtonFill as Te } from "../icons/icons_7.es.js";
+import { LuEllipsis as Se, LuInfo as ke, LuEye as Ee, LuEyeOff as Pe } from "../icons/icons_8.es.js";
+import { LuTriangleAlert as Ie } from "../icons/icons_9.es.js";
+import { LuX as Oe } from "../icons/icons_10.es.js";
+import { inject as ee, ref as h, computed as M, watch as W, onMounted as te, watchEffect as $e, nextTick as Y } from "vue";
+import { e as Be } from "../utils/index-Cps3W0wA.js";
+import { createSharedComposable as De, useColorMode as Ae, useWindowSize as Me, breakpointsTailwind as Re, useBreakpoints as ze, unrefElement as Z, useResizeObserver as ne, useVirtualList as He, useArrayMap as _e, watchOnce as qe, useEventListener as K, useMutationObserver as je } from "@vueuse/core";
+import { d as oe, T as O } from "../types/index-DSBIGM2a.js";
+import { get as e, set as l } from "@vueuse/shared";
+import { c as G, p as Ue, d as Ve, a as We, o as Fe, f as Ne, b as Xe, e as Ke, g as Ge } from "../vendor-BRFX1hnB.js";
+const Je = [
+  se,
+  Se,
+  Ie,
+  Oe,
+  ke,
+  re,
+  ie,
+  ce,
+  ae,
+  le,
+  ue,
+  fe,
+  de,
+  pe,
+  me,
+  he,
+  Ee,
+  Pe,
+  ge,
+  ye,
+  we,
+  be,
+  Le,
+  ve,
+  Ce,
+  xe,
+  Te
+], Qe = Symbol.for("rui:icons");
+function dt(r) {
+  const f = (r == null ? void 0 : r.registeredIcons) || [];
+  return {
+    registeredIcons: {
+      ...Object.fromEntries(
+        [
+          ...Je,
+          ...f
+        ].map(({ components: p, name: y }) => [y, p])
+      )
+    }
+  };
+}
+function pt() {
+  const r = ee(Qe);
+  return Be(r, "Could not find icons injection"), r;
+}
+const V = h({ ...oe }), mt = De(() => {
+  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
+  };
+});
+function ht() {
+  const { width: r } = Me(), f = {
+    xs: 0,
+    ...Re
+  }, p = ze(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 $ = {
+  adaptive: !0,
+  gpuAcceleration: !0,
+  locked: !1,
+  offsetDistance: 8,
+  offsetSkid: 0,
+  overflowPadding: 8,
+  placement: "bottom",
+  resize: !0,
+  scroll: !0,
+  strategy: "absolute"
+}, Ye = Ue({
+  defaultModifiers: [
+    ...Ve,
+    We,
+    Fe,
+    Ne,
+    Xe,
+    Ke,
+    Ge
+  ]
+});
+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 L = setTimeout(() => {
+        l(w, !0), l(d, void 0);
+      }, m ? 0 : e(p));
+      l(d, L);
+    }
+  }, C = (m = !1) => {
+    if (!e(f) && (e(d) && (clearTimeout(e(d)), l(d, void 0)), !e(n))) {
+      const L = setTimeout(() => {
+        e(w) || o(), l(w, !1), l(n, void 0);
+      }, m ? 0 : e(y));
+      l(n, L);
+    }
+  }, T = () => {
+    l(x, !0);
+  };
+  return te(() => {
+    $e((m) => {
+      if (!e(i) || !e(g) && !e(c))
+        return;
+      const L = Z(i), B = e(c) || Z(g);
+      if (!(L instanceof HTMLElement) || !B)
+        return;
+      const {
+        adaptive: R = $.adaptive,
+        gpuAcceleration: E = $.gpuAcceleration,
+        locked: z = $.locked,
+        offsetDistance: b = $.offsetDistance,
+        offsetSkid: F = $.offsetSkid,
+        overflowPadding: j = $.overflowPadding,
+        placement: U = $.placement,
+        resize: H = $.resize,
+        scroll: _ = $.scroll,
+        strategy: N = $.strategy
+      } = e(r), X = Ye(B, L, {
+        modifiers: [
+          {
+            enabled: !z,
+            name: "flip"
+          },
+          {
+            name: "preventOverflow",
+            options: {
+              padding: j
+            }
+          },
+          {
+            name: "offset",
+            options: {
+              offset: [F, b]
+            }
+          },
+          {
+            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);
+    });
+  }), ne([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 Ze({
+  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 } = Ze({
+    keyAttr: i,
+    textAttr: x
+  }), { containerProps: T, list: m, scrollTo: L, wrapperProps: B } = He(
+    u,
+    {
+      itemHeight: g,
+      overscan: d
+    }
+  ), R = _e(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];
+  }), b = 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(b);
+    s > -1 && await Y(() => {
+      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 (L(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 Y(() => {
+      if (t) {
+        const s = e(o);
+        if (Array.isArray(s) && s.length > 0 || s) {
+          const I = e(u).findIndex(H);
+          I > -1 && l(b, I);
+        }
+        qe(m, async () => {
+          await _();
+        });
+      }
+    });
+  }
+  return W(E, N), W(b, async (t, s) => {
+    t !== s && await _(!0);
+  }), W(u, async () => {
+    e(b) !== -1 ? e(p) ? (l(b, 0), await _()) : (l(b, -1), L(0)) : L(0);
+  }), {
+    applyHighlighted: () => {
+      if (!a || !e(E))
+        return;
+      const t = e(b);
+      if (t === -1)
+        return;
+      const s = e(u).find((I, S) => t === S);
+      s && a(s);
+    },
+    containerProps: T,
+    getIdentifier: P,
+    getText: C,
+    highlightedIndex: b,
+    isActiveItem: H,
+    isOpen: E,
+    itemIndexInValue: U,
+    menuWidth: F,
+    moveHighlight: (t) => {
+      if (!e(E)) {
+        j(!0);
+        return;
+      }
+      let s = e(b);
+      s += t ? -1 : 1;
+      const S = e(u).length;
+      s >= S ? l(b, 0) : s < 0 ? l(b, S - 1) : l(b, s);
+    },
+    optionsWithSelectedHidden: u,
+    renderedData: R,
+    toggle: j,
+    valueKey: z,
+    wrapperProps: B
+  };
+}
+const et = Symbol.for("rui:table");
+function wt(r) {
+  return {
+    globalItemsPerPage: !1,
+    itemsPerPage: h(10),
+    limits: [10, 25, 50, 100],
+    stickyOffset: h(0),
+    ...r
+  };
+}
+function bt() {
+  const r = ee(et);
+  if (!r)
+    throw new Error("Could not find rui table options injection");
+  return r;
+}
+function Lt(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) => {
+        ne(P, (T) => {
+          const m = T[0].target.getBoundingClientRect(), L = o == null ? void 0 : o.item(C);
+          L && (L.style.width = `${m.width}px`);
+        });
+      });
+    };
+    je(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: L } = 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 (L <= B && m > B && R.length > 1) {
+      l(c, !0), o.style.left = `${C + g}px`;
+      const b = (E == null ? void 0 : E.height) ?? 0;
+      m <= b + P + B ? o.style.top = `${m - b - P}px` : o.style.top = `${B}px`;
+    } else
+      l(c, !1), o.style.left = `${g}px`, o.style.top = "0";
+  };
+  return te(() => {
+    w(), K(y, "scroll", w), K(document.body, "scroll", w), K(window, "resize", w), v();
+  }), {
+    stick: c,
+    table: p,
+    tableScroller: y
+  };
+}
+export {
+  Qe as I,
+  et as T,
+  gt as a,
+  Ze as b,
+  yt as c,
+  bt as d,
+  Lt as e,
+  dt as f,
+  wt as g,
+  mt as h,
+  ht as i,
+  pt as u
+};

package/dist/composables/index.es.js

@@ -1,4 +1,4 @@
-import { i as o, u as a, h as u } from "./index-DPHuaF8f.js";
+import { i as o, u as a, h as u } from "./index-D0JjQG2m.js";
 export {
   o as useBreakpoint,
   a as useIcons,

package/dist/icons/icons_10.d.ts

@@ -1,4 +1,31 @@
 import { type GeneratedIcon } from '../types/icons';
+export declare const LuUndo2: GeneratedIcon;
+export declare const LuUndoDot: GeneratedIcon;
+export declare const LuUndo: GeneratedIcon;
+export declare const LuUnfoldHorizontal: GeneratedIcon;
+export declare const LuUnfoldVertical: GeneratedIcon;
+export declare const LuUngroup: GeneratedIcon;
+export declare const LuUniversity: GeneratedIcon;
+export declare const LuUnlink2: GeneratedIcon;
+export declare const LuUnlink: GeneratedIcon;
+export declare const LuUnplug: GeneratedIcon;
+export declare const LuUpload: GeneratedIcon;
+export declare const LuUsb: GeneratedIcon;
+export declare const LuUserCheck: GeneratedIcon;
+export declare const LuUserCog: GeneratedIcon;
+export declare const LuUserMinus: GeneratedIcon;
+export declare const LuUserPen: GeneratedIcon;
+export declare const LuUserPlus: GeneratedIcon;
+export declare const LuUserRoundCheck: GeneratedIcon;
+export declare const LuUserRoundCog: GeneratedIcon;
+export declare const LuUserRoundMinus: GeneratedIcon;
+export declare const LuUserRoundPen: GeneratedIcon;
+export declare const LuUserRoundPlus: GeneratedIcon;
+export declare const LuUserRoundSearch: GeneratedIcon;
+export declare const LuUserRoundX: GeneratedIcon;
+export declare const LuUserRound: GeneratedIcon;
+export declare const LuUserSearch: GeneratedIcon;
+export declare const LuUserX: GeneratedIcon;
 export declare const LuUser: GeneratedIcon;
 export declare const LuUsersRound: GeneratedIcon;
 export declare const LuUsers: GeneratedIcon;