@rotki/ui-library 1.8.3 → 1.8.4

package/dist/components/index.es.js

@@ -252,7 +252,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   "text-shade": "_text-shade_ue1qo_1"
 }, Hn = {
   $style: qn
-}, Ce = /* @__PURE__ */ le(mn, [["__cssModules", Hn]]), On = { class: "flex space-x-3 py-1 flex-grow" }, Ln = {
+}, we = /* @__PURE__ */ le(mn, [["__cssModules", Hn]]), On = { class: "flex space-x-3 py-1 flex-grow" }, Ln = {
   key: 1,
   class: "text-body-2"
 }, Nn = { key: 0 }, Wn = { key: 1 }, Fn = /* @__PURE__ */ J({
@@ -319,7 +319,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         ], 2)
       ]),
       c.actionText ? (s(), _("div", Nn, [
-        L(Ce, {
+        L(we, {
           variant: "text",
           size: "sm",
           color: c.variant === "filled" ? void 0 : e(f),
@@ -333,7 +333,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         }, 8, ["color", "class"])
       ])) : g("", !0),
       c.closeable ? (s(), _("div", Wn, [
-        L(Ce, {
+        L(we, {
           color: c.variant === "filled" ? void 0 : e(f),
           size: "sm",
           icon: "",
@@ -716,7 +716,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
   emits: ["update:modelValue", "update:searchInput"],
   setup(z, { expose: a }) {
     st((v) => ({
-      "62fb1cdc": e(ze)
+      "88a7211c": e(ze)
     }));
     const l = Qe(z, "modelValue"), d = Qe(z, "searchInput"), u = z, f = Je(), { dense: h, disabled: c, options: y } = pe(u), { getText: r, getIdentifier: i } = Rs({
       keyAttr: u.keyAttr,
@@ -798,7 +798,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       setValue: Oe,
       autoSelectFirst: u.autoSelectFirst,
       hideSelected: u.hideSelected
-    }), me = B(() => u.variant === "outlined"), we = Ot(
+    }), me = B(() => u.variant === "outlined"), Ce = Ot(
       ht(
         ye,
         x,
@@ -960,7 +960,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                     [v.$style.readonly]: v.readOnly,
                     [v.$style.outlined]: e(me),
                     [v.$style.dense]: e(h),
-                    [v.$style.float]: e(we),
+                    [v.$style.float]: e(Ce),
                     [v.$style.opened]: oe,
                     [v.$style["with-value"]]: e(x),
                     [v.$style["with-error"]]: ve,
@@ -1058,17 +1058,25 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                   onFocus: H[2] || (H[2] = ($) => Lt())
                 }, null, 42, Zo)
               ], 2),
-              v.clearable && e(x) && !e(c) ? (s(), _("span", {
+              v.clearable && e(x) && !e(c) ? (s(), P(we, {
                 key: 1,
-                class: p(["group-hover:!visible", [v.$style.clear, e(N) && "!visible"]]),
+                variant: "text",
+                icon: "",
+                size: "sm",
+                color: "error",
+                class: p(["group-hover:!visible", [v.$style.clear, e(N) && "!visible", {
+                  "mr-2": !e(h)
+                }]]),
                 onClick: H[3] || (H[3] = Ie(($) => vt(), ["stop", "prevent"]))
-              }, [
-                L(ee, {
-                  color: "error",
-                  name: "lu-x",
-                  size: "18"
-                })
-              ], 2)) : g("", !0),
+              }, {
+                default: W(() => [
+                  L(ee, {
+                    name: "lu-x",
+                    size: "18"
+                  })
+                ]),
+                _: 1
+              }, 8, ["class"])) : g("", !0),
               S("span", {
                 class: p(v.$style.icon__wrapper),
                 onClick: H[4] || (H[4] = ($) => yt($))
@@ -1092,7 +1100,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               class: p(v.$style.fieldset)
             }, [
               S("legend", {
-                class: p({ "px-2": e(we) })
+                class: p({ "px-2": e(Ce) })
               }, null, 2)
             ], 2)) : g("", !0)
           ])
@@ -1120,7 +1128,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               }), [
                 (s(!0), _(he, null, ke(e(Me), ({ item: oe, _index: ve }) => {
                   var o;
-                  return s(), P(Ce, {
+                  return s(), P(we, {
                     ref_for: !0,
                     ref_key: "renderedOptions",
                     ref: U,
@@ -2026,7 +2034,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ref: N,
           class: p(["flex items-center gap-1 shrink-0", e(U).append])
         }, [
-          e(V) ? (s(), P(Ce, {
+          e(V) ? (s(), P(we, {
             key: 0,
             class: p([{ hidden: !e(ze) }, "!p-2 clear-btn"]),
             variant: "text",
@@ -2238,7 +2246,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ref: m,
           class: p(["flex items-center gap-1 shrink-0", C.$style.append])
         }, [
-          e(K) ? (s(), P(Ce, {
+          e(K) ? (s(), P(we, {
             key: 0,
             class: p([{ hidden: !e(Y) }, "!p-2 clear-btn"]),
             variant: "text",
@@ -2690,7 +2698,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           class: p([i.$style.pill, { [i.$style.active]: e(u) === b }])
         }, null, 2))), 128))
       ], 2)) : (s(), _(he, { key: 1 }, [
-        i.hideButtons ? g("", !0) : (s(), P(Ce, {
+        i.hideButtons ? g("", !0) : (s(), P(we, {
           key: 0,
           class: p({ [i.$style.arrow__button]: i.arrowButtons }),
           disabled: e(u) <= 1,
@@ -2737,7 +2745,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           color: "primary",
           value: e(u) / e(f) * 100
         }, null, 8, ["class", "value"])) : g("", !0),
-        i.hideButtons ? g("", !0) : (s(), P(Ce, {
+        i.hideButtons ? g("", !0) : (s(), P(we, {
           key: 4,
           class: p({ [i.$style.arrow__button]: i.arrowButtons }),
           disabled: e(u) >= e(f),
@@ -2985,7 +2993,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }), Ke({
       append: W(() => [
         S("div", au, [
-          L(Ce, {
+          L(we, {
             disabled: u.disabled,
             tabindex: "-1",
             variant: "text",
@@ -3163,7 +3171,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     icon: { default: "lu-chevron-down" }
   },
   setup(z) {
-    return (a, l) => (s(), P(Ce, G({
+    return (a, l) => (s(), P(we, G({
       class: [
         a.$style.tr__expander_button,
         {
@@ -3401,7 +3409,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             ref_key: "menuRef",
             ref: f
           }), [
-            (s(!0), _(he, null, ke(e(b), ({ item: Q, _index: fe }) => (s(), P(Ce, {
+            (s(!0), _(he, null, ke(e(b), ({ item: Q, _index: fe }) => (s(), P(we, {
               key: fe,
               active: e(N)(Q),
               size: e(d) ? "sm" : void 0,
@@ -3574,7 +3582,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       S("div", {
         class: p(I.$style.navigation)
       }, [
-        L(Ce, {
+        L(we, {
           size: I.dense ? "sm" : void 0,
           disabled: !e(b) || I.loading,
           variant: "text",
@@ -3586,7 +3594,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ]),
           _: 1
         }, 8, ["size", "disabled"]),
-        L(Ce, {
+        L(we, {
           size: I.dense ? "sm" : void 0,
           disabled: !e(b) || I.loading,
           variant: "text",
@@ -3598,7 +3606,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ]),
           _: 1
         }, 8, ["size", "disabled"]),
-        L(Ce, {
+        L(we, {
           size: I.dense ? "sm" : void 0,
           disabled: !e(M) || I.loading,
           variant: "text",
@@ -3610,7 +3618,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ]),
           _: 1
         }, 8, ["size", "disabled"]),
-        L(Ce, {
+        L(we, {
           size: I.dense ? "sm" : void 0,
           disabled: !e(M) || I.loading,
           variant: "text",
@@ -3731,7 +3739,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
               size: "sm"
             }, {
               default: W(() => [
-                L(Ce, {
+                L(we, {
                   class: p([
                     r.$style.sort__button,
                     {
@@ -4039,7 +4047,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       const $ = t(x);
       return !$ || !Array.isArray($) || !re(o) ? -1 : $.findIndex((T) => T.column === o) ?? -1;
     }
-    function we(o) {
+    function Ce(o) {
       const $ = t(K);
       return $ ? $.includes(o) : !1;
     }
@@ -4121,10 +4129,10 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       }
     }
     function vt(o) {
-      return we(o) || !Re(o);
+      return Ce(o) || !Re(o);
     }
     function St(o) {
-      return we(o) && Re(o);
+      return Ce(o) && Re(o);
     }
     function ut(o) {
       const $ = t(K) ?? [];
@@ -4151,7 +4159,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       const j = t(V);
       if (!j)
         return !1;
-      const de = we($);
+      const de = Ce($);
       o && !de ? w(V, [...j, $]) : !o && de && w(
         V,
         [...j].filter((ae) => ae !== $)
@@ -4164,7 +4172,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         Te === -1 && (Te = T);
         const ct = t(qe), Le = ct[Te];
         if (n(Le)) {
-          const Ue = t(C), De = we(Le[Ue]);
+          const Ue = t(C), De = Ce(Le[Ue]);
           if (Te === T)
             yt(!De, $);
           else {
@@ -4182,7 +4190,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     function ue() {
       var o;
       (o = t(K)) == null || o.forEach(($) => {
-        we($) && !t(Be).includes($) && yt(!1, $, !0);
+        Ce($) && !t(Be).includes($) && yt(!1, $, !0);
       });
     }
     function ie() {
@@ -4307,7 +4315,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                     key: `row-${de}`,
                     class: p([
                       o.$style.tr,
-                      { [o.$style.tr__selected]: we(j[e(C)]) },
+                      { [o.$style.tr__selected]: Ce(j[e(C)]) },
                       typeof o.itemClass == "string" ? o.itemClass : o.itemClass(j)
                     ])
                   }, [
@@ -4319,7 +4327,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                     }, [
                       L(ms, {
                         "data-cy": `table-toggle-check-${de}`,
-                        "model-value": we(j[e(C)]),
+                        "model-value": Ce(j[e(C)]),
                         disabled: Re(j[e(C)]),
                         size: o.dense ? "sm" : void 0,
                         color: "primary",
@@ -4399,7 +4407,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                           header: j
                         }, () => [
                           S("span", null, se(e(I)) + ": " + se(j.identifier), 1),
-                          L(Ce, {
+                          L(we, {
                             size: "sm",
                             variant: "text",
                             icon: "",
@@ -4419,7 +4427,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
                           class: "ml-auto mr-2"
                         }, {
                           activator: W(() => [
-                            L(Ce, {
+                            L(we, {
                               size: "sm",
                               variant: "text",
                               icon: "",
@@ -4715,7 +4723,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }
     const O = Je(), N = B(() => {
       var Re;
-      const X = ((Re = O.default) == null ? void 0 : Re.call(O)) ?? [], re = R(X), me = t(n), we = {
+      const X = ((Re = O.default) == null ? void 0 : Re.call(O)) ?? [], re = R(X), me = t(n), Ce = {
         color: t(u),
         grow: t(f),
         disabled: t(c),
@@ -4731,7 +4739,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           props: {
             value: Oe,
             active: me === Oe,
-            ...we,
+            ...Ce,
             ...ce.props
           }
         };
@@ -4742,11 +4750,11 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }
     const F = Hs();
     function U(X, { exactPath: re, exact: me }) {
-      const we = F.fullPath;
+      const Ce = F.fullPath;
       if (re)
-        return we === X;
+        return Ce === X;
       const Re = new URL(X, window.location.origin).pathname;
-      return me ? we === Re : we.startsWith(Re);
+      return me ? Ce === Re : Ce.startsWith(Re);
     }
     function I() {
       Ye(() => {
@@ -4757,9 +4765,9 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           const me = X.querySelector(".active-tab") ?? X.querySelector(".active-tab-link");
           if (!me || !re)
             return;
-          const we = me.offsetLeft - X.offsetLeft, Re = me.offsetTop - X.offsetTop, ce = me.offsetWidth, Fe = me.offsetHeight, Oe = re.scrollLeft, ot = re.scrollTop, Se = re.offsetWidth, Ee = re.offsetHeight, Xe = Math.max(
-            Math.min(Oe, we),
-            we + ce - Se
+          const Ce = me.offsetLeft - X.offsetLeft, Re = me.offsetTop - X.offsetTop, ce = me.offsetWidth, Fe = me.offsetHeight, Oe = re.scrollLeft, ot = re.scrollTop, Se = re.offsetWidth, Ee = re.offsetHeight, Xe = Math.max(
+            Math.min(Oe, Ce),
+            Ce + ce - Se
           ), dt = Math.max(
             Math.min(ot, Re),
             Re + Fe - Ee
@@ -4779,8 +4787,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
       );
       if (re.length > 0) {
         let me = t(h) || 0;
-        re.forEach((we, Re) => {
-          const ce = we.props;
+        re.forEach((Ce, Re) => {
+          const ce = Ce.props;
           !X && Re === 0 && ce.value && (me = ce.value);
           const Fe = ce.to ? q.resolve(ce.to) : void 0;
           ce.link !== !1 && Fe && U(Fe.fullPath, ce) && (me = Fe.fullPath);
@@ -4833,7 +4841,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         key: 0,
         class: p([X.$style.arrow, { [X.$style["arrow--vertical"]]: e(y) }])
       }, [
-        L(Ce, {
+        L(we, {
           class: "w-full h-full !rounded-none",
           variant: "text",
           color: e(u),
@@ -4867,8 +4875,8 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
             { [X.$style["tabs-wrapper--grow"]]: e(f) }
           ])
         }, [
-          (s(!0), _(he, null, ke(e(N), (me, we) => (s(), P(lt(me), {
-            key: we,
+          (s(!0), _(he, null, ke(e(N), (me, Ce) => (s(), P(lt(me), {
+            key: Ce,
             onClick: re[1] || (re[1] = (Re) => k(Re))
           }))), 128))
         ], 2)
@@ -4877,7 +4885,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         key: 1,
         class: p([X.$style.arrow, { [X.$style["arrow--vertical"]]: e(y) }])
       }, [
-        L(Ce, {
+        L(we, {
           class: "w-full h-full !rounded-none",
           variant: "text",
           color: e(u),
@@ -4945,7 +4953,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
     }
     return (k, F) => {
       const U = Cs("RouterLink");
-      return e(r) ? (s(), P(Ce, G({
+      return e(r) ? (s(), P(we, G({
         key: 0,
         variant: "text",
         disabled: "",
@@ -4966,7 +4974,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
         custom: ""
       }, {
         default: W(({ href: I, navigate: q, isActive: A, isExactActive: Y }) => [
-          L(Ce, G({
+          L(we, G({
             class: [
               ...e(O),
               {
@@ -4993,7 +5001,7 @@ const Ls = ["height", "width"], Ns = /* @__PURE__ */ J({
           ]), 1040, ["class", "color", "href", "target", "onClick"])
         ]),
         _: 3
-      }, 8, ["to", "exact", "exact-path"])) : (s(), P(Ce, G({
+      }, 8, ["to", "exact", "exact-path"])) : (s(), P(we, G({
         key: 1,
         class: e(O),
         color: e(c) ? k.color : void 0,
@@ -5672,7 +5680,7 @@ const M0 = /* @__PURE__ */ J({
         ]),
         S("div", E0, se(e(l)), 1)
       ]),
-      L(Ce, {
+      L(we, {
         class: "h-10",
         variant: "text",
         onClick: y[3] || (y[3] = (r) => u())
@@ -5926,7 +5934,7 @@ export {
   h1 as RuiAutoComplete,
   _d as RuiBadge,
   O1 as RuiBottomSheet,
-  Ce as RuiButton,
+  we as RuiButton,
   $1 as RuiButtonGroup,
   S1 as RuiCard,
   kp as RuiCardHeader,