@rotki/ui-library 2.1.0 → 2.2.1

package/dist/components/time-picker/RuiTimePicker.vue.d.ts

@@ -1,4 +1,5 @@
 import { TimeAccuracy } from '../../consts/time-accuracy';
+export type TimePickerSelection = 'hour' | 'minute' | 'second' | 'millisecond';
 export interface RuiTimePickerProps {
     accuracy?: TimeAccuracy;
     borderless?: boolean;
@@ -6,11 +7,26 @@ export interface RuiTimePickerProps {
 type __VLS_Props = RuiTimePickerProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue: Date | undefined;
+    'hour'?: number | undefined;
+    'minute'?: number | undefined;
+    'second'?: number | undefined;
+    'millisecond'?: number | undefined;
+    'selection'?: TimePickerSelection;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Date | undefined) => any;
+    "update:hour": (value: number | undefined) => any;
+    "update:minute": (value: number | undefined) => any;
+    "update:second": (value: number | undefined) => any;
+    "update:millisecond": (value: number | undefined) => any;
+    "update:selection": (value: TimePickerSelection) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | undefined) => any) | undefined;
+    "onUpdate:hour"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:minute"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:second"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:millisecond"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:selection"?: ((value: TimePickerSelection) => any) | undefined;
 }>, {
     borderless: boolean;
     accuracy: TimeAccuracy;

package/dist/composables/{index-DOuH9rdn.js → index-DLKNQD1b.js}

@@ -1,13 +1,13 @@
 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 be, g as Le } from "../vendor-BeEprDAU.js";
+import { c as G, p as pe, a as me, b as he, o as ge, f as ye, e as we, g as Le, h as be } from "../vendor-1jxxZILY.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 } from "../icons/icons_1.es.js";
-import { LuEllipsis as Ve, LuInfo as We, LuEye as Fe, LuEyeOff as Ne } from "../icons/icons_2.es.js";
-import { LuTriangleAlert as Xe, LuX as Ke } from "../icons/icons_4.es.js";
-import { e as Ge } from "../utils/index-CxHG7aHQ.js";
+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-BOcQQzr3.js";
 import { d as oe, T as O } from "../types/index-CN6Ip1GL.js";
-function ft() {
+function dt() {
   const { width: r } = se(), f = {
     xs: 0,
     ...re
@@ -37,12 +37,12 @@ function ft() {
     width: r
   };
 }
-const Je = [
+const Qe = [
   Ce,
-  Ve,
-  Xe,
-  Ke,
   We,
+  Ke,
+  Ge,
+  Fe,
   xe,
   Te,
   Se,
@@ -54,8 +54,8 @@ const Je = [
   $e,
   Be,
   De,
-  Fe,
   Ne,
+  Xe,
   Ae,
   Me,
   Re,
@@ -64,26 +64,27 @@ const Je = [
   _e,
   qe,
   je,
-  Ue
-], Qe = Symbol.for("rui:icons");
-function dt(r) {
+  Ue,
+  Ve
+], Ye = Symbol.for("rui:icons");
+function pt(r) {
   const f = (r == null ? void 0 : r.registeredIcons) || [];
   return {
     registeredIcons: {
       ...Object.fromEntries(
         [
-          ...Je,
+          ...Qe,
           ...f
         ].map(({ components: p, name: y }) => [y, p])
       )
     }
   };
 }
-function pt() {
-  const r = te(Qe);
-  return Ge(r, "Could not find icons injection"), r;
+function mt() {
+  const r = te(Ye);
+  return Je(r, "Could not find icons injection"), r;
 }
-const V = h({ ...oe }), mt = ce(() => {
+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 = () => {
@@ -128,18 +129,18 @@ const V = h({ ...oe }), mt = ce(() => {
   resize: !0,
   scroll: !0,
   strategy: "absolute"
-}, Ye = pe({
+}, Ze = pe({
   defaultModifiers: [
     ...me,
     he,
     ge,
     ye,
     we,
-    be,
-    Le
+    Le,
+    be
   ]
 });
-function ht(r, f = h(!1), p = h(0), y = h(0), c) {
+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 = () => {
@@ -148,17 +149,17 @@ function ht(r, f = h(!1), p = h(0), y = h(0), c) {
   }, 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(() => {
+      const b = setTimeout(() => {
         l(w, !0), l(d, void 0);
       }, m ? 0 : e(p));
-      l(d, L);
+      l(d, b);
     }
   }, C = (m = !1) => {
     if (!e(f) && (e(d) && (clearTimeout(e(d)), l(d, void 0)), !e(n))) {
-      const L = setTimeout(() => {
+      const b = setTimeout(() => {
         e(w) || o(), l(w, !1), l(n, void 0);
       }, m ? 0 : e(y));
-      l(n, L);
+      l(n, b);
     }
   }, T = () => {
     l(x, !0);
@@ -167,21 +168,21 @@ function ht(r, f = h(!1), p = h(0), y = h(0), c) {
     ve((m) => {
       if (!e(i) || !e(g) && !e(c))
         return;
-      const L = Y(i), B = e(c) || Y(g);
-      if (!(L instanceof HTMLElement) || !B)
+      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: b = $.offsetDistance,
+        offsetDistance: L = $.offsetDistance,
         offsetSkid: F = $.offsetSkid,
         overflowPadding: j = $.overflowPadding,
         placement: U = $.placement,
         resize: H = $.resize,
         scroll: _ = $.scroll,
         strategy: N = $.strategy
-      } = e(r), X = Ye(B, L, {
+      } = e(r), X = Ze(B, b, {
         modifiers: [
           {
             enabled: !z,
@@ -196,7 +197,7 @@ function ht(r, f = h(!1), p = h(0), y = h(0), c) {
           {
             name: "offset",
             options: {
-              offset: [F, b]
+              offset: [F, L]
             }
           },
           {
@@ -242,7 +243,7 @@ function ht(r, f = h(!1), p = h(0), y = h(0), c) {
     updatePopper: u
   };
 }
-function Ze({
+function et({
   keyAttr: r,
   textAttr: f
 }) {
@@ -258,7 +259,7 @@ function Ze({
     getText: p
   };
 }
-function gt({
+function yt({
   appendWidth: r,
   autoFocus: f,
   autoSelectFirst: p,
@@ -277,10 +278,10 @@ function gt({
   const u = M(() => {
     const t = e(w);
     return c ? t.filter((s) => !H(s)) : t;
-  }), { getIdentifier: P, getText: C } = Ze({
+  }), { getIdentifier: P, getText: C } = et({
     keyAttr: i,
     textAttr: x
-  }), { containerProps: T, list: m, scrollTo: L, wrapperProps: B } = le(
+  }), { containerProps: T, list: m, scrollTo: b, wrapperProps: B } = le(
     u,
     {
       itemHeight: g,
@@ -289,7 +290,7 @@ function gt({
   ), 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];
-  }), b = h(e(p) ? 0 : -1), F = M(() => {
+  }), 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;
@@ -314,14 +315,14 @@ function gt({
     return U(t) !== -1;
   }
   async function _(t = !1) {
-    const s = e(b);
+    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 (L(s), e(f)) {
+        else if (b(s), e(f)) {
           const D = e(v).getElementsByClassName("highlighted")[0];
           D && "focus" in D && typeof D.focus == "function" && D.focus();
         }
@@ -334,7 +335,7 @@ function gt({
         const s = e(o);
         if (Array.isArray(s) && s.length > 0 || s) {
           const I = e(u).findIndex(H);
-          I > -1 && l(b, I);
+          I > -1 && l(L, I);
         }
         fe(m, async () => {
           await _();
@@ -342,15 +343,15 @@ function gt({
       }
     });
   }
-  return W(E, N), W(b, async (t, s) => {
+  return W(E, N), W(L, 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);
+    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(b);
+      const t = e(L);
       if (t === -1)
         return;
       const s = e(u).find((I, S) => t === S);
@@ -359,7 +360,7 @@ function gt({
     containerProps: T,
     getIdentifier: P,
     getText: C,
-    highlightedIndex: b,
+    highlightedIndex: L,
     isActiveItem: H,
     isOpen: E,
     itemIndexInValue: U,
@@ -369,10 +370,10 @@ function gt({
         j(!0);
         return;
       }
-      let s = e(b);
+      let s = e(L);
       s += t ? -1 : 1;
       const S = e(u).length;
-      s >= S ? l(b, 0) : s < 0 ? l(b, S - 1) : l(b, s);
+      s >= S ? l(L, 0) : s < 0 ? l(L, S - 1) : l(L, s);
     },
     optionsWithSelectedHidden: u,
     renderedData: R,
@@ -381,8 +382,8 @@ function gt({
     wrapperProps: B
   };
 }
-const et = Symbol.for("rui:table");
-function yt(r) {
+const tt = Symbol.for("rui:table");
+function wt(r) {
   return {
     globalItemsPerPage: !1,
     itemsPerPage: h(10),
@@ -391,8 +392,8 @@ function yt(r) {
     ...r
   };
 }
-function wt() {
-  const r = te(et);
+function Lt() {
+  const r = te(tt);
   if (!r)
     throw new Error("Could not find rui table options injection");
   return r;
@@ -415,8 +416,8 @@ function bt(r = h(!1), f) {
       ), u = n == null ? void 0 : n.querySelectorAll(i.th);
       u == null || u.forEach((P, C) => {
         ee(P, (T) => {
-          const m = T[0].target.getBoundingClientRect(), L = o == null ? void 0 : o.item(C);
-          L && (L.style.width = `${m.width}px`);
+          const m = T[0].target.getBoundingClientRect(), b = o == null ? void 0 : o.item(C);
+          b && (b.style.width = `${m.width}px`);
         });
       });
     };
@@ -442,13 +443,13 @@ function bt(r = h(!1), f) {
       height: P,
       left: C,
       width: T
-    } = x, { bottom: m, top: L } = n, B = e(f) ?? 0;
+    } = 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 (L <= B && m > B && R.length > 1) {
+    if (b <= 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`;
+      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";
   };
@@ -461,16 +462,16 @@ function bt(r = h(!1), f) {
   };
 }
 export {
-  Qe as I,
-  et as T,
-  ht as a,
-  mt as b,
-  Ze as c,
-  gt as d,
-  wt as e,
+  Ye as I,
+  tt as T,
+  gt as a,
+  ht as b,
+  et as c,
+  yt as d,
+  Lt as e,
   bt as f,
-  yt as g,
-  dt as h,
-  ft as i,
-  pt as u
+  wt as g,
+  pt as h,
+  dt as i,
+  mt as u
 };

package/dist/composables/index.es.js

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

package/dist/icons/icons_1.d.ts

@@ -326,6 +326,7 @@ export declare const LuCarFront: GeneratedIcon;
 export declare const LuCarTaxiFront: GeneratedIcon;
 export declare const LuCar: GeneratedIcon;
 export declare const LuCaravan: GeneratedIcon;
+export declare const LuCardSim: GeneratedIcon;
 export declare const LuCarrot: GeneratedIcon;
 export declare const LuCaseLower: GeneratedIcon;
 export declare const LuCaseSensitive: GeneratedIcon;
@@ -359,6 +360,7 @@ export declare const LuChartPie: GeneratedIcon;
 export declare const LuChartScatter: GeneratedIcon;
 export declare const LuChartSpline: GeneratedIcon;
 export declare const LuCheckCheck: GeneratedIcon;
+export declare const LuCheckLine: GeneratedIcon;
 export declare const LuCheck: GeneratedIcon;
 export declare const LuChefHat: GeneratedIcon;
 export declare const LuCherry: GeneratedIcon;
@@ -415,6 +417,7 @@ export declare const LuCirclePause: GeneratedIcon;
 export declare const LuCirclePercent: GeneratedIcon;
 export declare const LuCirclePlay: GeneratedIcon;
 export declare const LuCirclePlus: GeneratedIcon;
+export declare const LuCirclePoundSterling: GeneratedIcon;
 export declare const LuCirclePower: GeneratedIcon;
 export declare const LuCircleSlash2: GeneratedIcon;
 export declare const LuCircleSlash: GeneratedIcon;
@@ -457,6 +460,7 @@ export declare const LuClockFading: GeneratedIcon;
 export declare const LuClockPlus: GeneratedIcon;
 export declare const LuClock: GeneratedIcon;
 export declare const LuCloudAlert: GeneratedIcon;
+export declare const LuCloudCheck: GeneratedIcon;
 export declare const LuCloudCog: GeneratedIcon;
 export declare const LuCloudDownload: GeneratedIcon;
 export declare const LuCloudDrizzle: GeneratedIcon;
@@ -495,7 +499,3 @@ export declare const LuComputer: GeneratedIcon;
 export declare const LuConciergeBell: GeneratedIcon;
 export declare const LuCone: GeneratedIcon;
 export declare const LuConstruction: GeneratedIcon;
-export declare const LuContactRound: GeneratedIcon;
-export declare const LuContact: GeneratedIcon;
-export declare const LuContainer: GeneratedIcon;
-export declare const LuContrast: GeneratedIcon;