@rotki/ui-library 2.2.1 → 2.4.0

package/dist/composables/index-DggmQIbL.js

@@ -0,0 +1,487 @@
+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-DONK-IZM.js";
+import { computed as R, inject as J, ref as y, watch as V, onMounted as ne, watchEffect as Ce, nextTick as ee } from "vue";
+import { get as e, set as f } from "@vueuse/shared";
+import { LuChevronsUpDown as ve, 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-B__GIRn7.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
+  ]), C = 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(C),
+    ...Object.fromEntries(w),
+    name: m,
+    width: o
+  };
+}
+const Ye = [
+  ve,
+  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);
+  }, C = () => {
+    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(([v, x]) => {
+          r.set(`--rui-${v}-darker`, x.darker), r.set(`--rui-${v}-lighter`, x.lighter), r.set(`--rui-${v}-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((v, x) => {
+          k.setProperty(x, v);
+        });
+      }, { immediate: !0 });
+    },
+    isAutoControlled: p,
+    isDark: s,
+    isLight: a,
+    setThemeConfig: w,
+    state: o,
+    store: l,
+    switchThemeScheme: c,
+    theme: h,
+    toggleThemeMode: C
+  };
+}), $ = {
+  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), C = y(null), w = y(!1), m = y(), n = y(), u = y(!1), T = y(!1), r = () => {
+    f(u, !1);
+  }, d = () => {
+    var g;
+    (g = e(C)) == 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);
+    }
+  }, v = (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(() => {
+    Ce((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(C, X), g(X.destroy);
+    });
+  }), te([h, c], async () => {
+    const g = e(C);
+    e(w) && g && await g.update();
+  }), {
+    instance: C,
+    leavePending: T,
+    onClose: v,
+    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: C,
+  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: v } = 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 = v(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(C)) == null ? void 0 : S.parentElement) {
+        const E = e(C).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(C).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: v,
+    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), 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 Ct() {
+  const o = J(nt);
+  if (!o)
+    throw new Error("Could not find rui table options injection");
+  return o;
+}
+function vt(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"
+  }, C = () => {
+    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, v) => {
+        te(k, (x) => {
+          const g = x[0].target.getBoundingClientRect(), b = r == null ? void 0 : r.item(v);
+          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: v,
+      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 = `${v + 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), C();
+  }), {
+    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,
+  Ct as f,
+  vt as g,
+  bt as h,
+  mt as i,
+  pt as j,
+  ht as u
+};

package/dist/composables/index.es.js

@@ -1,4 +1,4 @@
-import { i as o, u as a, b as u } from "./index-DLKNQD1b.js";
+import { j as o, u as a, b as u } from "./index-DggmQIbL.js";
 export {
   o as useBreakpoint,
   a as useIcons,

package/dist/composables/use-rui-i18n.d.ts

@@ -0,0 +1,13 @@
+export declare const RUI_I18N_INJECTION_KEY: unique symbol;
+interface I18nProvider {
+    t: {
+        (key: string, fallback: string): string;
+        (key: string, params: Record<string, any>, fallback: string): string;
+    };
+}
+export interface RuiI18nProvider {
+    t: (key: string, params?: Record<string, any>) => string;
+    te: (key: string) => boolean;
+}
+export declare function useRuiI8n(): I18nProvider;
+export {};

package/dist/i18n/keys-CNGXWOJX.js

@@ -0,0 +1,19 @@
+const a = {
+  dateTimePicker: {
+    dateAfterMax: "rui.date_time_picker.date_after_max",
+    dateBeforeMin: "rui.date_time_picker.date_before_min",
+    dateInFuture: "rui.date_time_picker.date_in_future"
+  }
+};
+function t(r) {
+  return Object.values(r).flatMap(
+    (e) => typeof e == "string" ? [e] : t(e)
+  );
+}
+function i() {
+  return t(a);
+}
+export {
+  a as R,
+  i as t
+};

package/dist/i18n/keys.d.ts

@@ -0,0 +1,13 @@
+export declare const RUI_I18N_KEYS: {
+    readonly dateTimePicker: {
+        readonly dateAfterMax: "rui.date_time_picker.date_after_max";
+        readonly dateBeforeMin: "rui.date_time_picker.date_before_min";
+        readonly dateInFuture: "rui.date_time_picker.date_in_future";
+    };
+};
+/**
+ * Retrieves all translation keys available in the library.
+ *
+ * @return {string[]} An array of strings representing flattened translation keys.
+ */
+export declare function translationKeys(): string[];

package/dist/index-B4Z0iEL-.js

@@ -0,0 +1,53 @@
+import { h as b, i as u, R as s, b as f, T as m, I as p } from "./composables/index-DggmQIbL.js";
+import "./types/index-CN6Ip1GL.js";
+import i from "dayjs";
+import { u as c, h as n } from "./vendor-DONK-IZM.js";
+import "./components/index.es.js";
+import "./consts/colors-D563Ic3q.js";
+import "./i18n/keys-CNGXWOJX.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 N(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+function z(t = {}) {
+  var r, l;
+  const { theme: o } = t, e = Object.freeze({
+    icons: u({
+      registeredIcons: (r = t.theme) == null ? void 0 : r.icons
+    }),
+    table: b((l = t.defaults) == null ? void 0 : l.table)
+  });
+  return {
+    defaults: e,
+    install: (a) => {
+      f().init({ ...o }), a.provide(m, e.table), a.provide(p, e.icons), i.extend(c), i.extend(n);
+    }
+  };
+}
+function C(t) {
+  if (!t || typeof t != "object")
+    throw new Error("i18nInstance must be an object");
+  if (!t.global || typeof t.global != "object")
+    throw new Error("i18nInstance must have a global property");
+  if (!t.global.t || typeof t.global.t != "function")
+    throw new Error("i18nInstance.global.t must be a function");
+  if (!t.global.te || typeof t.global.te != "function")
+    throw new Error("i18nInstance.global.te must be a function");
+  return {
+    install: (o) => {
+      o.provide(s, {
+        t: t.global.t.bind(t.global),
+        te: t.global.te.bind(t.global)
+      });
+    }
+  };
+}
+export {
+  C as a,
+  z as c,
+  N as g
+};

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import '@/style.scss';
 export * from './components';
 export * from './composables';
 export { contextColors, type ContextColorsType } from './consts/colors';
+export { translationKeys } from './i18n/keys';
 export * from './icons';
 export { type InitThemeOptions, type ThemeConfig, type ThemeContent, type ThemeData, ThemeMode, } from './types/theme';
 export { StepperState };
@@ -22,3 +23,6 @@ export declare function createRui(options?: RuiOptions): {
     }>;
     install: (app: App) => void;
 };
+export declare function createRuiI8nPlugin(i18nInstance: any): {
+    install: (app: App) => void;
+};