@rotki/ui-library 2.4.3 → 2.5.0

package/dist/utils/blockie.d.ts

@@ -0,0 +1,22 @@
+interface BlockieOptions {
+    /** seed used to generate icon data, default: random */
+    seed: string;
+    /** to manually specify the icon color, default: random */
+    color: string;
+    /** choose a different background color, default: random */
+    bgcolor: string;
+    /** width/height of the icon in blocks, default: 8 */
+    size: number;
+    /** width/height of each block in pixels, default: 4 */
+    scale: number;
+    /**
+     * each pixel has a 13% chance of being of a third color, default: random.
+     *
+     * Set to -1 to disable it.
+     *
+     * These "spots" create structures that look like eyes, mouths and noses.
+     */
+    spotColor: string;
+}
+export declare function createBlockie(opts: Partial<BlockieOptions>): string;
+export {};

package/dist/utils/index-Cb8kepjw.js

@@ -0,0 +1,157 @@
+import { logicOr as p } from "@vueuse/math";
+import { computed as m, ref as b } from "vue";
+import { get as g, objectPick as w, objectOmit as M, set as x } from "@vueuse/shared";
+import { c as A } from "../vendor-DQixCxRS.js";
+import { createGlobalState as C } from "@vueuse/core";
+class I extends Error {
+  constructor(e) {
+    super(e ?? "AssertionError"), this.name = "AssertionError";
+  }
+}
+function K(t, e) {
+  if (!t)
+    throw new I(e);
+}
+function T(t, e) {
+  const r = m(() => {
+    let o = g(t);
+    return typeof o == "string" && (o = [o]), o.filter((f) => !!f);
+  }), s = m(() => {
+    let o = g(e);
+    return typeof o == "string" && (o = [o]), o.filter((f) => !!f);
+  }), i = m(() => g(r).length > 0), c = m(() => g(s).length > 0), a = p(i, c);
+  return {
+    formattedErrorMessages: r,
+    formattedSuccessMessages: s,
+    hasError: i,
+    hasMessages: a,
+    hasSuccess: c
+  };
+}
+function O(t, { fractionDigits: e = 2 }) {
+  return new Intl.NumberFormat(void 0, {
+    maximumFractionDigits: e,
+    minimumFractionDigits: e
+  }).format(Number(t));
+}
+function V(t) {
+  return O(t, { fractionDigits: 0 });
+}
+function y(t) {
+  return Object.keys(t).filter(
+    (e) => e.startsWith("data-")
+  );
+}
+function W(t, e = ["class"]) {
+  return w(t, [...y(t), ...e]);
+}
+function q(t, e = ["class"]) {
+  return M(t, [...y(t), ...e]);
+}
+function G(t, e) {
+  return t && Object.keys(t).reduce((r, s) => (r[A(s)] = t[s], r), {});
+}
+function L(t) {
+  return t ? t.toString().toLowerCase().replace(/[^\da-z]/gi, "") : "";
+}
+function P(t) {
+  return t === void 0 || typeof t == "string" && isNaN(Number(t)) ? t : `${t}px`;
+}
+function h(t, e) {
+  if (t === e)
+    return !0;
+  if (t == null || e == null)
+    return t === e;
+  if (typeof t != typeof e)
+    return !1;
+  if (Array.isArray(t)) {
+    if (!Array.isArray(e) || t.length !== e.length)
+      return !1;
+    for (const [r, s] of t.entries())
+      if (!h(s, e[r]))
+        return !1;
+    return !0;
+  }
+  if (typeof t == "object") {
+    const r = Object.keys(t), s = Object.keys(e);
+    if (r.length !== s.length)
+      return !1;
+    for (const i of r)
+      if (!h(t[i], e[i]))
+        return !1;
+    return !0;
+  }
+  return !1;
+}
+const S = C(() => {
+  const t = b(0);
+  return { count: t, nextId: () => {
+    const r = g(t) + 1;
+    return x(t, r), r;
+  } };
+});
+function U(t = "") {
+  const { nextId: e } = S();
+  return `${t}-${e()}`;
+}
+const n = new Array(4);
+function j(t) {
+  for (let e = 0; e < n.length; e++) n[e] = 0;
+  for (let e = 0; e < t.length; e++)
+    n[e % 4] = (n[e % 4] << 5) - n[e % 4] + t.charCodeAt(e);
+}
+function u() {
+  const t = n[0] ^ n[0] << 11;
+  return n[0] = n[1], n[1] = n[2], n[2] = n[3], n[3] = n[3] ^ n[3] >> 19 ^ t ^ t >> 8, (n[3] >>> 0) / (1 << 31 >>> 0);
+}
+function d() {
+  const t = Math.floor(u() * 360), e = `${u() * 60 + 40}%`, r = `${(u() + u() + u() + u()) * 25}%`;
+  return `hsl(${t},${e},${r})`;
+}
+function k(t) {
+  const e = t, r = t, s = Math.ceil(e / 2), i = e - s, c = [];
+  for (let a = 0; a < r; a++) {
+    let o = [];
+    for (let l = 0; l < s; l++)
+      o[l] = Math.floor(u() * 2.3);
+    const f = o.slice(0, i);
+    f.reverse(), o = o.concat(f);
+    for (const l of o) c.push(l);
+  }
+  return c;
+}
+function E(t) {
+  const e = {};
+  return e.seed = t.seed || Math.floor(Math.random() * 10 ** 16).toString(16), j(e.seed), e.size = t.size || 8, e.scale = t.scale || 8, e.color = t.color || d(), e.bgcolor = t.bgcolor || d(), e.spotColor = t.spotColor || d(), e;
+}
+function $(t, e) {
+  const r = E(t || {}), s = k(r.size), i = Math.sqrt(s.length);
+  e.width = e.height = r.size * r.scale;
+  const c = e.getContext("2d");
+  if (c) {
+    c.fillStyle = r.bgcolor, c.fillRect(0, 0, e.width, e.height), c.fillStyle = r.color;
+    for (const [a, o] of s.entries())
+      if (o) {
+        const f = Math.floor(a / i), l = a % i;
+        c.fillStyle = o === 1 ? r.color : r.spotColor, c.fillRect(l * r.scale, f * r.scale, r.scale, r.scale);
+      }
+  }
+  return e;
+}
+function B(t) {
+  const e = document.createElement("canvas");
+  return $(t, e), e.toDataURL("image/jpeg");
+}
+export {
+  q as a,
+  L as b,
+  K as c,
+  U as d,
+  P as e,
+  V as f,
+  W as g,
+  B as h,
+  h as i,
+  G as t,
+  T as u
+};

package/dist/{vendor-CYFK77Oj.js → vendor-DQixCxRS.js}

@@ -1,4 +1,4 @@
-import { g as Vt } from "./index-QzEscGAT.js";
+import { g as Vt } from "./index-CIcI4wps.js";
 const Ee = /\d/, Pe = ["-", "_", "/", "."];
 function Le(t = "") {
   if (!Ee.test(t))

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@rotki/ui-library",
-  "version": "2.4.3",
+  "version": "2.5.0",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
   "contributions": {
@@ -172,6 +172,15 @@
                 "kind": "expression",
                 "type": "Date | undefined"
               }
+            },
+            {
+              "name": "menu-open",
+              "description": "",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [],
@@ -186,6 +195,15 @@
                   }
                 ]
               },
+              {
+                "name": "update:menuOpen",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              },
               {
                 "name": "update:pages",
                 "arguments": [
@@ -289,11 +307,29 @@
                 "kind": "expression",
                 "type": "number"
               }
+            },
+            {
+              "name": "menu-open",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "slots": [],
           "js": {
             "events": [
+              {
+                "name": "update:menuOpen",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              },
               {
                 "name": "prev-month",
                 "arguments": [
@@ -1137,6 +1173,15 @@
                 "kind": "expression",
                 "type": "string | undefined"
               }
+            },
+            {
+              "name": "calendar-menu-open",
+              "description": "",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ],
           "slots": [
@@ -1218,6 +1263,15 @@
                   }
                 ]
               },
+              {
+                "name": "update:calendarMenuOpen",
+                "arguments": [
+                  {
+                    "name": "argument",
+                    "type": "[value: boolean]"
+                  }
+                ]
+              },
               {
                 "name": "set-now",
                 "arguments": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rotki/ui-library",
-  "version": "2.4.3",
+  "version": "2.5.0",
   "description": "A vue design system and component library for rotki",
   "type": "module",
   "keywords": [

package/dist/utils/index-Zd3DrIW8.js

@@ -1,108 +0,0 @@
-import { logicOr as l } from "@vueuse/math";
-import { computed as f, ref as y } from "vue";
-import { get as i, objectPick as p, objectOmit as b, set as d } from "@vueuse/shared";
-import { c as x } from "../vendor-CYFK77Oj.js";
-import { createGlobalState as A } from "@vueuse/core";
-class j extends Error {
-  constructor(r) {
-    super(r ?? "AssertionError"), this.name = "AssertionError";
-  }
-}
-function w(t, r) {
-  if (!t)
-    throw new j(r);
-}
-function F(t, r) {
-  const e = f(() => {
-    let s = i(t);
-    return typeof s == "string" && (s = [s]), s.filter((c) => !!c);
-  }), n = f(() => {
-    let s = i(r);
-    return typeof s == "string" && (s = [s]), s.filter((c) => !!c);
-  }), o = f(() => i(e).length > 0), u = f(() => i(n).length > 0), g = l(o, u);
-  return {
-    formattedErrorMessages: e,
-    formattedSuccessMessages: n,
-    hasError: o,
-    hasMessages: g,
-    hasSuccess: u
-  };
-}
-function k(t, { fractionDigits: r = 2 }) {
-  return new Intl.NumberFormat(void 0, {
-    maximumFractionDigits: r,
-    minimumFractionDigits: r
-  }).format(Number(t));
-}
-function S(t) {
-  return k(t, { fractionDigits: 0 });
-}
-function m(t) {
-  return Object.keys(t).filter(
-    (r) => r.startsWith("data-")
-  );
-}
-function C(t, r = ["class"]) {
-  return p(t, [...m(t), ...r]);
-}
-function D(t, r = ["class"]) {
-  return b(t, [...m(t), ...r]);
-}
-function K(t, r) {
-  return t && Object.keys(t).reduce((e, n) => (e[x(n)] = t[n], e), {});
-}
-function R(t) {
-  return t ? t.toString().toLowerCase().replace(/[^\da-z]/gi, "") : "";
-}
-function T(t) {
-  return t === void 0 || typeof t == "string" && isNaN(Number(t)) ? t : `${t}px`;
-}
-function a(t, r) {
-  if (t === r)
-    return !0;
-  if (t == null || r == null)
-    return t === r;
-  if (typeof t != typeof r)
-    return !1;
-  if (Array.isArray(t)) {
-    if (!Array.isArray(r) || t.length !== r.length)
-      return !1;
-    for (const [e, n] of t.entries())
-      if (!a(n, r[e]))
-        return !1;
-    return !0;
-  }
-  if (typeof t == "object") {
-    const e = Object.keys(t), n = Object.keys(r);
-    if (e.length !== n.length)
-      return !1;
-    for (const o of e)
-      if (!a(t[o], r[o]))
-        return !1;
-    return !0;
-  }
-  return !1;
-}
-const E = A(() => {
-  const t = y(0);
-  return { count: t, nextId: () => {
-    const e = i(t) + 1;
-    return d(t, e), e;
-  } };
-});
-function V(t = "") {
-  const { nextId: r } = E();
-  return `${t}-${r()}`;
-}
-export {
-  D as a,
-  R as b,
-  w as c,
-  V as d,
-  T as e,
-  S as f,
-  C as g,
-  a as i,
-  K as t,
-  F as u
-};