bitboss-ui 2.0.141 → 2.0.143

package/dist/index206.js

@@ -1,117 +1,4 @@
-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 })
-    }
-  );
-}
+const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
 export {
-  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
+  t as urlAlphabet
 };

package/dist/index207.js

@@ -1,4 +1,4 @@
-const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  t as urlAlphabet
+  n as clamp
 };

package/dist/index208.js

@@ -1,4 +1,117 @@
-const n = (t, a, m) => Math.min(Math.max(t, a), m);
+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 {
-  n as clamp
+  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/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index229.js";
-import G from "./index230.js";
-import J from "./index231.js";
-import K from "./index232.js";
-import Q from "./index233.js";
-import X from "./index234.js";
-import ee from "./index235.js";
+import s from "./index225.js";
+import G from "./index226.js";
+import J from "./index227.js";
+import K from "./index228.js";
+import Q from "./index229.js";
+import X from "./index230.js";
+import ee from "./index231.js";
 import { hash as M } from "./index210.js";
-import { last as ae } from "./index236.js";
+import { last as ae } from "./index232.js";
 import { useLogger as te } from "./index209.js";
-import oe from "./index237.js";
-import le from "./index238.js";
-import re from "./index239.js";
-import B from "./index240.js";
-import se from "./index241.js";
-import { useLocale as de } from "./index219.js";
+import oe from "./index233.js";
+import le from "./index234.js";
+import re from "./index235.js";
+import B from "./index236.js";
+import se from "./index237.js";
+import { useLocale as de } from "./index221.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index210.js

@@ -1,4 +1,4 @@
-import { hash as o } from "./index272.js";
+import { hash as o } from "./index271.js";
 const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
   t as hash

package/dist/index211.js

@@ -1,4 +1,6 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  s as isCssColor
+  x as isHex
 };

package/dist/index212.js

@@ -1,6 +1,43 @@
-import { curry as e } from "./index275.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { unrefElement as A } from "./index132.js";
+import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index208.js";
+import { ref as i, computed as D, watch as F } from "vue";
+import { createFocusTrap as T } from "./index273.js";
+function E(f, a = {}) {
+  let e;
+  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, m = () => {
+    e && (e.unpause(), s.value = !1);
+  }, d = D(() => {
+    const t = n(f);
+    return (Array.isArray(t) ? t : [t]).map((h) => {
+      const o = n(h);
+      return typeof o == "string" ? o : A(o);
+    }).filter(g);
+  });
+  return F(
+    d,
+    (t) => {
+      t.length && (e = T(t, {
+        ...p,
+        onActivate() {
+          r.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          r.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: r,
+    isPaused: s,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  t as baseWhen,
-  s as when
+  E as useFocusTrap
 };

package/dist/index213.js

@@ -1,4 +1,22 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { MaskInput as r } from "./index274.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 {
-  o as booleanishToBoolean
+  k as vMaska
 };

package/dist/index214.js

@@ -1,5 +1,96 @@
-import t from "./index278.js";
-const r = t;
+import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, openBlock as b, createBlock as $, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
+import C from "./index252.js";
+import c from "./index327.js";
+import { useFloating as D, arrow as E } from "./index257.js";
+import { autoUpdate as P, flip as F, offset as M, shift as S } from "./index264.js";
+const W = /* @__PURE__ */ h({
+  __name: "CommonFloating",
+  props: {
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: {},
+    placement: {},
+    theme: { default: "default" },
+    transitionDuration: {},
+    containerAttributes: { default: () => ({}) },
+    bubbleAttributes: {},
+    wrapper: {},
+    baseClass: {},
+    open: { type: Boolean },
+    teleportTarget: {}
+  },
+  setup(d) {
+    const e = d, m = y(e, "wrapper"), i = o(), s = o(), p = o(), { floatingStyles: g, placement: w, middlewareData: a } = D(
+      i,
+      s,
+      {
+        placement: e.placement,
+        whileElementsMounted: P,
+        middleware: [
+          F(),
+          M(e.offset),
+          S({ padding: e.padding }),
+          E({
+            element: p,
+            padding: e.arrowPadding
+          })
+        ]
+      }
+    ), _ = n(() => {
+      if (a.value.arrow) {
+        const { x: t, y: r } = a.value.arrow;
+        return {
+          style: {
+            left: `${t}px`,
+            top: `${r}px`
+          }
+        };
+      }
+    }), u = n(() => {
+      var t, r;
+      return c({}, e.containerAttributes, {
+        class: {
+          "bb-floating": !0,
+          [`bb-floating--${w.value}`]: !0,
+          [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
+          "bb-floating--hidden": !e.open,
+          "bb-floating--open": e.open
+        },
+        style: {
+          ...g.value,
+          "--transition-duration": `${e.transitionDuration}ms`,
+          "--arrow-offset-x": Math.round(((r = (t = a.value) == null ? void 0 : t.arrow) == null ? void 0 : r.x) ?? 0) + "px"
+        },
+        tabindex: e.open ? void 0 : -1
+      });
+    }), v = n(() => c({}, e.bubbleAttributes, {}));
+    return x(
+      () => e.open,
+      (t) => {
+        t && (i.value = m.value);
+      }
+    ), (t, r) => (b(), $(C, { target: t.teleportTarget }, {
+      default: A(() => [
+        (b(), k("span", l(u.value, {
+          key: u.value.id,
+          ref_key: "content",
+          ref: s
+        }), [
+          f("span", l({
+            ref_key: "bubblearrow",
+            ref: p,
+            class: "bb-floating__arrow"
+          }, _.value), null, 16),
+          f("span", l({ class: "bb-floating__bubble" }, v.value), [
+            B(t.$slots, "default")
+          ], 16)
+        ], 16))
+      ]),
+      _: 3
+    }, 8, ["target"]));
+  }
+});
 export {
-  r as throttle
+  W as default
 };

package/dist/index216.js

@@ -1,8 +1,202 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
+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 "./index322.js";
+import { getHueFromRGB as F } from "./index323.js";
+import { hslToHex as y } from "./index324.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: {
+    modelValue: {}
+  },
+  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 {
-  o as waitFor
+  de as default
 };