bitboss-ui 2.1.31 → 2.1.32

package/dist/index212.js

@@ -1,13 +1,140 @@
-import { ref as a, watch as c, toValue as u } from "vue";
-const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
-  const t = a(o), n = c(
-    () => u(e),
-    (s) => {
-      s && (t.value = r, n());
+import { getCurrentScope as O, onScopeDispose as W, onMounted as S, nextTick as C, watch as F, isRef as P, getCurrentInstance as g, toValue as b, hasInjectionContext as k, inject as v } from "vue";
+function V(e) {
+  return O() ? (W(e), !0) : !1;
+}
+const w = /* @__PURE__ */ new WeakMap(), E = (...e) => {
+  var r;
+  const n = e[0], t = (r = g()) == null ? void 0 : r.proxy;
+  if (t == null && !k())
+    throw new Error("injectLocal must be called in setup");
+  return t && w.has(t) && n in w.get(t) ? w.get(t)[n] : v(...e);
+}, G = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const _ = (e) => e != null, M = Object.prototype.toString, q = (e) => M.call(e) === "[object Object]", d = () => {
+};
+function y(e, r) {
+  function n(...t) {
+    return new Promise((o, i) => {
+      Promise.resolve(e(() => r.apply(this, t), { fn: r, thisArg: this, args: t })).then(o).catch(i);
+    });
+  }
+  return n;
+}
+const A = (e) => e();
+function x(e, r = {}) {
+  let n, t, o = d;
+  const i = (c) => {
+    clearTimeout(c), o(), o = d;
+  };
+  let u;
+  return (c) => {
+    const a = b(e), l = b(r.maxWait);
+    return n && i(n), a <= 0 || l !== void 0 && l <= 0 ? (t && (i(t), t = null), Promise.resolve(c())) : new Promise((f, p) => {
+      o = r.rejectOnCancel ? p : f, u = c, l && !t && (t = setTimeout(() => {
+        n && i(n), t = null, f(u());
+      }, l)), n = setTimeout(() => {
+        t && i(t), t = null, f(c());
+      }, a);
+    });
+  };
+}
+function I(...e) {
+  let r = 0, n, t = !0, o = d, i, u, s, c, a;
+  !P(e[0]) && typeof e[0] == "object" ? { delay: u, trailing: s = !0, leading: c = !0, rejectOnCancel: a = !1 } = e[0] : [u, s = !0, c = !0, a = !1] = e;
+  const l = () => {
+    n && (clearTimeout(n), n = void 0, o(), o = d);
+  };
+  return (p) => {
+    const m = b(u), j = Date.now() - r, h = () => i = p();
+    return l(), m <= 0 ? (r = Date.now(), h()) : (j > m && (c || !t) ? (r = Date.now(), h()) : s && (i = new Promise((T, D) => {
+      o = a ? D : T, n = setTimeout(() => {
+        r = Date.now(), t = !0, T(h()), l();
+      }, Math.max(0, m - j));
+    })), !c && !n && (n = setTimeout(() => t = !0, m)), t = !1, i);
+  };
+}
+function z(e) {
+  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
+}
+function L(e) {
+  return g();
+}
+function B(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function H(e, r = 200, n = {}) {
+  return y(
+    x(r, n),
+    e
+  );
+}
+function J(e, r = 200, n = !1, t = !0, o = !1) {
+  return y(
+    I(r, n, t, o),
+    e
+  );
+}
+function N(e, r, n = {}) {
+  const {
+    eventFilter: t = A,
+    ...o
+  } = n;
+  return F(
+    e,
+    y(
+      t,
+      r
+    ),
+    o
+  );
+}
+function K(e, r = !0, n) {
+  L() ? S(e, n) : r ? e() : C(e);
+}
+function Q(e, r, n = {}) {
+  const {
+    debounce: t = 0,
+    maxWait: o = void 0,
+    ...i
+  } = n;
+  return N(
+    e,
+    r,
+    {
+      ...i,
+      eventFilter: x(t, { maxWait: o })
     }
   );
-  return t;
-};
+}
+function U(e, r, n) {
+  return F(
+    e,
+    r,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
+}
 export {
-  i as useUntil
+  A as bypassFilter,
+  y as createFilterWrapper,
+  x as debounceFilter,
+  Q as debouncedWatch,
+  L as getLifeCycleTarget,
+  E as injectLocal,
+  G as isClient,
+  q as isObject,
+  d as noop,
+  _ as notNullish,
+  z as pxValue,
+  I as throttleFilter,
+  B as toArray,
+  K as tryOnMounted,
+  V as tryOnScopeDispose,
+  H as useDebounceFn,
+  J as useThrottleFn,
+  Q as watchDebounced,
+  U as watchImmediate,
+  N as watchWithFilter
 };

package/dist/index213.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index309.js";
-import { __require as o } from "./index296.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  s as default
+  t as urlAlphabet
 };

package/dist/index214.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index309.js";
-import { __require as o } from "./index298.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  m as default
+  n as clamp
 };

package/dist/index215.js

@@ -1,7 +1,6 @@
-import { getDefaultExportFromCjs as r } from "./index309.js";
-import { __require as e } from "./index300.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  m as default
+  x as isHex
 };

package/dist/index216.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index309.js";
-import { __require as e } from "./index302.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { locales as t } from "./index289.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index290.js";
+import { readonly as l, computed as n } from "vue";
+const p = (o, ...r) => l(
+  n(() => c(t[m.locale], o).replace(
+    /\{(\d+)\}/g,
+    (a, e) => r[e]
+  ))
+), d = () => ({
+  t: p
+});
 export {
-  m as default
+  d as useLocale
 };

package/dist/index217.js

@@ -1,7 +1,13 @@
-import { getDefaultExportFromCjs as r } from "./index309.js";
-import { __require as e } from "./index304.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { ref as a, watch as c, toValue as u } from "vue";
+const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
+  const t = a(o), n = c(
+    () => u(e),
+    (s) => {
+      s && (t.value = r, n());
+    }
+  );
+  return t;
+};
 export {
-  m as default
+  i as useUntil
 };

package/dist/index218.js

@@ -1,7 +1,22 @@
-import { getDefaultExportFromCjs as r } from "./index309.js";
-import { __require as t } from "./index306.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+import { MaskInput as r } from "./index258.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || (t == null ? void 0 : t.type) === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  a as default
+  k as vMaska
 };

package/dist/index219.js

@@ -1,4 +1,199 @@
-const e = (t) => t;
+import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
+import { hexToRgb as B } from "./index331.js";
+import { getHueFromRGB as K } from "./index332.js";
+import { hslToHex as y } from "./index333.js";
+import { useLocale as Z } from "./index216.js";
+const ee = {
+  id: "mainCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, te = { key: 0 }, ae = {
+  id: "hueCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, ne = { key: 0 }, ce = /* @__PURE__ */ j({
+  __name: "ColorPallette",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(F, { emit: N }) {
+    const R = F, f = N, { t: h } = Z(), o = c(R.modelValue), d = c(
+      y(K(...B(o.value ?? "#ff0000")), 100, 50)
+    ), O = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), T = () => {
+      const e = s.value, t = r.value;
+      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
+    }, D = () => {
+      const e = s.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, v = () => {
+      const e = s.value;
+      if (!e) return;
+      const t = D();
+      if (!t) return;
+      t.clearRect(0, 0, e.width, e.height);
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
+      const n = t.createLinearGradient(0, 0, 0, e.height);
+      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, p = () => {
+      const e = D();
+      e && (e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        8,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        7,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
+    }, P = () => {
+      const e = r.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, m = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = P();
+      if (!t) return;
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      for (let n = 0; n <= 360; n += 60)
+        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
+      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, H = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = P();
+      if (!t) return;
+      const a = 10, n = 16, i = u.value.x - a / 2, M = e.height / 2 - n / 2;
+      t.beginPath(), t.roundRect(i, M, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
+    }, q = (e) => {
+      s.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), b.value = !0, I(e));
+    }, U = (e) => {
+      r.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), k.value = !0, V(e));
+    }, I = (e) => {
+      const t = s.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
+      l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
+    }, V = (e) => {
+      const t = r.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
+      u.value = { x: n };
+      const i = n / t.width * 360;
+      d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
+    }, L = (e) => {
+      b.value ? I(e) : k.value && V(e);
+    }, G = () => {
+      b.value = !1, k.value = !1;
+    }, X = (e) => {
+      var a, n;
+      switch (e.key) {
+        case "ArrowUp":
+          l.value.y = Math.max(0, l.value.y - 5);
+          break;
+        case "ArrowDown":
+          l.value.y = Math.min(
+            ((a = s.value) == null ? void 0 : a.height) ?? 0,
+            l.value.y + 5
+          );
+          break;
+        case "ArrowLeft":
+          l.value.x = Math.max(0, l.value.x - 5);
+          break;
+        case "ArrowRight":
+          l.value.x = Math.min(
+            ((n = s.value) == null ? void 0 : n.width) ?? 0,
+            l.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
+    }, $ = (e) => {
+      var n, i;
+      switch (e.key) {
+        case "ArrowLeft":
+          u.value.x = Math.max(0, u.value.x - 5);
+          break;
+        case "ArrowRight":
+          u.value.x = Math.min(
+            ((n = r.value) == null ? void 0 : n.width) ?? 0,
+            u.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
+      d.value = y(a, 100, 50), m(), H(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
+    };
+    J(() => {
+      T(), W(o.value ?? "#ff0000");
+    }), Q(
+      () => R.modelValue,
+      (e) => {
+        !e || e === o.value || (o.value = e, W(e), m(), v());
+      }
+    );
+    const g = () => {
+      const e = s.value;
+      if (!e) return "#ffffff";
+      const t = e.getContext("2d");
+      if (!t) return "#ffffff";
+      const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [M, z, Y] = i;
+      return `#${((1 << 24) + (M << 16) + (z << 8) + Y).toString(16).slice(1)}`;
+    };
+    function W(e) {
+      var a;
+      const t = K(...B(e));
+      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
+    }
+    return (e, t) => (_(), S("div", {
+      ref_key: "paletteRef",
+      ref: O,
+      "aria-label": "Color Picker",
+      class: "bb-color-palette",
+      role: "application"
+    }, [
+      w("canvas", {
+        ref_key: "mainCanvasRef",
+        ref: s,
+        "aria-describedby": "mainCanvasDesc",
+        "aria-label": "Main Color Selection",
+        class: "bb-color-palette__canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: X,
+        onPointerdown: q
+      }, null, 544),
+      w("p", ee, [
+        A(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
+        o.value ? (_(), S("span", te, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : E("", !0)
+      ]),
+      w("canvas", {
+        ref_key: "hueCanvasRef",
+        ref: r,
+        "aria-describedby": "hueCanvasDesc",
+        "aria-label": "Hue Selection",
+        class: "bb-color-palette__hue-canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: $,
+        onPointerdown: U
+      }, null, 544),
+      w("p", ae, [
+        A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
+      ])
+    ], 512));
+  }
+});
 export {
-  e as identity
+  ce as default
 };

package/dist/index221.js

@@ -1,4 +1,119 @@
-const e = (t) => t[t.length - 1];
+import { defineComponent as V, mergeModels as A, useModel as x, ref as l, watch as S, onMounted as z, computed as E, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as F, normalizeClass as N, unref as n, withCtx as w, renderSlot as y, createCommentVNode as q, mergeProps as h, createElementVNode as C } from "vue";
+import { useMinimalQueue as Q } from "./index336.js";
+import { wait as U } from "./index138.js";
+import { useFloating as j, arrow as G } from "./index337.js";
+import { flip as H, offset as I, shift as J, hide as K, autoUpdate as L } from "./index338.js";
+const O = { class: "bb-common-popover__bubble" }, ee = /* @__PURE__ */ V({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ A({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = x(s, "modelValue"), i = l(), t = l(), p = l(), { floatingStyles: k, placement: _, middlewareData: r, update: M } = j(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: L,
+        middleware: [
+          ...o.flip ? [H()] : [],
+          I(o.offset),
+          J({ padding: o.padding }),
+          K(),
+          G({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), { queueFunction: B } = Q(), u = B(async (e) => {
+      e ? (M(), P()) : (await U(o.transitionDuration), t.value && (o.dialog ? t.value.close() : t.value.hidePopover()));
+    }), P = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    S(a, u, { flush: "post" }), z(() => {
+      a.value && u(a.value);
+    });
+    const $ = E(() => {
+      if (r.value.arrow) {
+        const { x: e, y: d } = r.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${d}px`
+          }
+        };
+      }
+    }), D = () => {
+      a.value = !1;
+    };
+    return (e, d) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: N(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${n(_)}`]: !0
+      }]),
+      style: F({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, c, f;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...n(k),
+              "--arrow-offset-x": Math.round(((f = (c = n(r)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: n(D) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, $.value), null, 16),
+              C("span", O, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : q("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  e as last
+  ee as default
 };