@rotki/ui-library 1.7.1 → 1.8.1

package/dist/composables/icons.d.ts

@@ -4,7 +4,7 @@ export interface IconsOptions {
     registeredIcons: GeneratedIcon[];
 }
 export interface UseIconsReturn {
-    registeredIcons: Readonly<Record<string, string>>;
+    registeredIcons: Readonly<Record<string, [string, Record<string, string>][]>>;
 }
 export declare const IconsSymbol: InjectionKey<UseIconsReturn>;
 export declare function createIconDefaults(options?: Partial<IconsOptions>): UseIconsReturn;

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-Q1RSg-Av.js";
+import { i as o, u as a, h as u } from "./index-D0JjQG2m.js";
 export {
   o as useBreakpoint,
   a as useIcons,