bitboss-ui 2.0.135 → 2.0.137

package/dist/index245.js

@@ -1,8 +1,117 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
+import { getCurrentScope as F, onScopeDispose as O, unref as g, onMounted as x, nextTick as S, isRef as W, getCurrentInstance as C, watch as P } from "vue";
+function V(e) {
+  return F() ? (O(e), !0) : !1;
+}
+function m(e) {
+  return typeof e == "function" ? e() : g(e);
+}
+const A = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const E = (e) => e != null, v = Object.prototype.toString, I = (e) => v.call(e) === "[object Object]", p = () => {
+};
+function h(e, o) {
+  function t(...n) {
+    return new Promise((r, i) => {
+      Promise.resolve(e(() => o.apply(this, n), { fn: o, thisArg: this, args: n })).then(r).catch(i);
+    });
+  }
+  return t;
+}
+const M = (e) => e();
+function T(e, o = {}) {
+  let t, n, r = p;
+  const i = (c) => {
+    clearTimeout(c), r(), r = p;
+  };
+  return (c) => {
+    const l = m(e), u = m(o.maxWait);
+    return t && i(t), l <= 0 || u !== void 0 && u <= 0 ? (n && (i(n), n = null), Promise.resolve(c())) : new Promise((s, w) => {
+      r = o.rejectOnCancel ? w : s, u && !n && (n = setTimeout(() => {
+        t && i(t), n = null, s(c());
+      }, u)), t = setTimeout(() => {
+        n && i(n), n = null, s(c());
+      }, l);
+    });
+  };
+}
+function R(...e) {
+  let o = 0, t, n = !0, r = p, i, a, c, l, u;
+  !W(e[0]) && typeof e[0] == "object" ? { delay: a, trailing: c = !0, leading: l = !0, rejectOnCancel: u = !1 } = e[0] : [a, c = !0, l = !0, u = !1] = e;
+  const s = () => {
+    t && (clearTimeout(t), t = void 0, r(), r = p);
+  };
+  return (j) => {
+    const f = m(a), b = Date.now() - o, d = () => i = j();
+    return s(), f <= 0 ? (o = Date.now(), d()) : (b > f && (l || !n) ? (o = Date.now(), d()) : c && (i = new Promise((y, D) => {
+      r = u ? D : y, t = setTimeout(() => {
+        o = Date.now(), n = !0, y(d()), s();
+      }, Math.max(0, f - b));
+    })), !l && !t && (t = setTimeout(() => n = !0, f)), n = !1, i);
+  };
+}
+function k(e) {
+  return C();
+}
+function N(e, o = 200, t = {}) {
+  return h(
+    T(o, t),
+    e
+  );
+}
+function _(e, o = 200, t = !1, n = !0, r = !1) {
+  return h(
+    R(o, t, n, r),
+    e
+  );
+}
+function G(e, o, t = {}) {
+  const {
+    eventFilter: n = M,
+    ...r
+  } = t;
+  return P(
+    e,
+    h(
+      n,
+      o
+    ),
+    r
+  );
+}
+function q(e, o = !0, t) {
+  k() ? x(e, t) : o ? e() : S(e);
+}
+function z(e, o, t = {}) {
+  const {
+    debounce: n = 0,
+    maxWait: r = void 0,
+    ...i
+  } = t;
+  return G(
+    e,
+    o,
+    {
+      ...i,
+      eventFilter: T(n, { maxWait: r })
+    }
+  );
+}
 export {
-  o as waitFor
+  M as bypassFilter,
+  h as createFilterWrapper,
+  T as debounceFilter,
+  z as debouncedWatch,
+  k as getLifeCycleTarget,
+  A as isClient,
+  I as isObject,
+  p as noop,
+  E as notNullish,
+  R as throttleFilter,
+  m as toValue,
+  q as tryOnMounted,
+  V as tryOnScopeDispose,
+  N as useDebounceFn,
+  _ as useThrottleFn,
+  z as watchDebounced,
+  G as watchWithFilter
 };

package/dist/index246.js

@@ -1,9 +1,6 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  d as useModalsState
+  x as isHex
 };

package/dist/index247.js

@@ -1,17 +1,202 @@
-import { defineComponent as a, getCurrentInstance as c, openBlock as l, createBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
-const i = /* @__PURE__ */ a({
-  __name: "BbTeleport",
+import { defineComponent as j, ref as c, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
+import { useResizeObserver as Z } from "./index132.js";
+import { hexToRgb as O } from "./index328.js";
+import { getHueFromRGB as F } from "./index329.js";
+import { hslToHex as y } from "./index330.js";
+import { useLocale as ee } from "./index221.js";
+const te = {
+  id: "mainCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, ae = { key: 0 }, ne = {
+  id: "hueCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, oe = { key: 0 }, de = /* @__PURE__ */ j({
+  __name: "ColorPallette",
   props: {
-    target: {}
+    modelValue: {}
   },
-  setup(o) {
-    var t, e;
-    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
-    return (s, _) => (l(), u(f, { to: d(p) }, [
-      m(s.$slots, "default")
-    ], 8, ["to"]));
+  emits: ["update:modelValue"],
+  setup(N, { emit: T }) {
+    const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
+      y(F(...O(o.value ?? "#ff0000")), 100, 50)
+    ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
+      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());
+    }, I = () => {
+      const e = s.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, v = () => {
+      const e = s.value;
+      if (!e) return;
+      const t = I();
+      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 = I();
+      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");
+    }, V = () => {
+      const e = r.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, m = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = V();
+      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), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, L = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = V();
+      if (!t) return;
+      const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
+      t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
+    }, q = (e) => {
+      s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
+    }, z = (e) => {
+      r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
+    }, G = (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);
+    }, W = (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);
+    }, A = (e) => {
+      b.value ? G(e) : k.value && W(e);
+    }, E = () => {
+      b.value = !1, k.value = !1;
+    }, U = (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();
+    }, X = (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(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
+    };
+    J(() => {
+      H(), M(o.value ?? "#ff0000");
+    }), Z(P, () => {
+      H(), M(o.value ?? "#ff0000");
+    }), Q(
+      () => D.modelValue,
+      (e) => {
+        !e || e === o.value || (o.value = e, M(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, [S, $, Y] = i;
+      return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
+    };
+    function M(e) {
+      var a;
+      const t = F(...O(e));
+      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
+    }
+    return (e, t) => (_(), R("div", {
+      ref_key: "paletteRef",
+      ref: P,
+      "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: U,
+        onPointerdown: q
+      }, null, 544),
+      w("p", te, [
+        B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
+        o.value ? (_(), R("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !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: X,
+        onPointerdown: z
+      }, null, 544),
+      w("p", ne, [
+        B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (_(), R("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
+      ])
+    ], 512));
   }
 });
 export {
-  i as default
+  de as default
 };

package/dist/index249.js

@@ -1,4 +1,5 @@
-const e = (t) => t;
+import t from "./index304.js";
+const r = t;
 export {
-  e as identity
+  r as throttle
 };

package/dist/index25.js

@@ -1,14 +1,14 @@
 import { defineComponent as ie, ref as o, computed as u, getCurrentInstance as ne, nextTick as N, useAttrs as re, onMounted as ue, onBeforeUnmount as G, watch as de, openBlock as _, createBlock as ce, withCtx as ve, createElementVNode as a, mergeProps as P, createElementBlock as H, renderSlot as d, createTextVNode as fe, toDisplayString as K, createCommentVNode as L } from "vue";
-import { throttle as be } from "./index244.js";
-import { useFocusTrap as pe } from "./index235.js";
+import { throttle as be } from "./index249.js";
+import { useFocusTrap as pe } from "./index228.js";
 import { useId as U } from "./index8.js";
 import { wait as T } from "./index130.js";
-import { waitFor as me } from "./index245.js";
-import { useModalsState as C } from "./index246.js";
-import { useLogger as ge } from "./index219.js";
+import { waitFor as me } from "./index230.js";
+import { useModalsState as C } from "./index250.js";
+import { useLogger as ge } from "./index215.js";
 import { useMobile as ye } from "./index9.js";
-import he from "./index247.js";
-import { useLocale as we } from "./index225.js";
+import he from "./index251.js";
+import { useLocale as we } from "./index221.js";
 const ke = { class: "bb-base-dialog-close" }, _e = ["aria-label"], Se = /* @__PURE__ */ ie({
   __name: "BaseDialog",
   props: {

package/dist/index250.js

@@ -1,4 +1,9 @@
-const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
 export {
-  n as isEmpty
+  d as useModalsState
 };

package/dist/index251.js

@@ -1,5 +1,17 @@
-import r from "./index304.js";
-const t = r;
+import { defineComponent as a, getCurrentInstance as c, openBlock as l, createBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
+const i = /* @__PURE__ */ a({
+  __name: "BbTeleport",
+  props: {
+    target: {}
+  },
+  setup(o) {
+    var t, e;
+    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
+    return (s, _) => (l(), u(f, { to: d(p) }, [
+      m(s.$slots, "default")
+    ], 8, ["to"]));
+  }
+});
 export {
-  t as deburr
+  i as default
 };

package/dist/index252.js

@@ -1,20 +1,4 @@
-import { isNil as c } from "./index262.js";
-const a = (t, r) => {
-  if (!Object.prototype.hasOwnProperty.call(t, r))
-    throw new Error(
-      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
-    );
-}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
-  const i = s.toLocaleLowerCase();
-  for (let e = 0; e < r.length; e++) {
-    const n = r[e];
-    a(t, n);
-    const o = t[n];
-    if (c(o)) continue;
-    if (l(o).includes(i)) return !0;
-  }
-  return !1;
-};
+const o = (e) => e[0];
 export {
-  y as matchAnyKey
+  o as head
 };

package/dist/index253.js

@@ -1,128 +1,4 @@
-import { arrow as j, computePosition as A } from "./index260.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index260.js";
-import { isNode as B, getNodeName as F } from "./index305.js";
-import { getOverflowAncestors as le } from "./index305.js";
-import { computed as a, ref as f, shallowRef as I, watch as h, getCurrentScope as U, onScopeDispose as k, shallowReadonly as r, unref as q } from "vue";
-function z(e) {
-  return e != null && typeof e == "object" && "$el" in e;
-}
-function g(e) {
-  if (z(e)) {
-    const l = e.$el;
-    return B(l) && F(l) === "#comment" ? null : l;
-  }
-  return e;
-}
-function o(e) {
-  return typeof e == "function" ? e() : q(e);
-}
-function K(e) {
-  return {
-    name: "arrow",
-    options: e,
-    fn(l) {
-      const t = g(o(e.element));
-      return t == null ? {} : j({
-        element: t,
-        padding: e.padding
-      }).fn(l);
-    }
-  };
-}
-function M(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function C(e, l) {
-  const t = M(e);
-  return Math.round(l * t) / t;
-}
-function L(e, l, t) {
-  t === void 0 && (t = {});
-  const x = t.whileElementsMounted, V = a(() => {
-    var n;
-    return (n = o(t.open)) != null ? n : !0;
-  }), D = a(() => o(t.middleware)), d = a(() => {
-    var n;
-    return (n = o(t.placement)) != null ? n : "bottom";
-  }), v = a(() => {
-    var n;
-    return (n = o(t.strategy)) != null ? n : "absolute";
-  }), S = a(() => {
-    var n;
-    return (n = o(t.transform)) != null ? n : !0;
-  }), i = a(() => g(e.value)), u = a(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), O = f(d.value), P = I({}), y = f(!1), _ = a(() => {
-    const n = {
-      position: c.value,
-      left: "0",
-      top: "0"
-    };
-    if (!u.value)
-      return n;
-    const R = C(u.value, p.value), b = C(u.value, w.value);
-    return S.value ? {
-      ...n,
-      transform: "translate(" + R + "px, " + b + "px)",
-      ...M(u.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: c.value,
-      left: R + "px",
-      top: b + "px"
-    };
-  });
-  let s;
-  function m() {
-    i.value == null || u.value == null || A(i.value, u.value, {
-      middleware: D.value,
-      placement: d.value,
-      strategy: v.value
-    }).then((n) => {
-      p.value = n.x, w.value = n.y, c.value = n.strategy, O.value = n.placement, P.value = n.middlewareData, y.value = !0;
-    });
-  }
-  function E() {
-    typeof s == "function" && (s(), s = void 0);
-  }
-  function N() {
-    if (E(), x === void 0) {
-      m();
-      return;
-    }
-    if (i.value != null && u.value != null) {
-      s = x(i.value, u.value, m);
-      return;
-    }
-  }
-  function $() {
-    V.value || (y.value = !1);
-  }
-  return h([D, d, v], m, {
-    flush: "sync"
-  }), h([i, u], N, {
-    flush: "sync"
-  }), h(V, $, {
-    flush: "sync"
-  }), U() && k(E), {
-    x: r(p),
-    y: r(w),
-    strategy: r(c),
-    placement: r(O),
-    middlewareData: r(P),
-    isPositioned: r(y),
-    floatingStyles: _,
-    update: m
-  };
-}
+const r = (e) => typeof e > "u" || e === null;
 export {
-  K as arrow,
-  W as autoUpdate,
-  A as computePosition,
-  X as flip,
-  le as getOverflowAncestors,
-  Y as hide,
-  Z as offset,
-  ee as platform,
-  ne as shift,
-  L as useFloating
+  r as isNil
 };