bitboss-ui 2.0.159 → 2.0.160

package/dist/index223.js

@@ -1,53 +1,21 @@
-import { computed as c, unref as n } from "vue";
-import { useItemText as y } from "./index282.js";
-import { useItemValue as x } from "./index283.js";
-import { hash as w } from "./index225.js";
-import { useLogger as D } from "./index236.js";
-const { getItemText: O } = y(), { getItemValue: V } = x(), { warn: H } = D(), T = (i, d, t, a, f, u) => u ? !1 : d || i.disabled ? !0 : typeof t == "function" ? !t(i) : !!(typeof t == "boolean" && !t || a && f >= a), q = ({
-  items: i,
-  disabled: d,
-  selectable: t,
-  itemText: a,
-  itemValue: f,
-  selectedIndexedByHash: u,
-  max: b = 1 / 0
-}) => {
-  const v = c(() => n(d)), p = c(() => n(i)), h = c(
-    () => Object.keys(u.value).length
-  ), g = n(b), m = (e) => {
-    const r = V(e, n(f)), o = w(r), l = O(e, n(a)), s = u.value[o] !== void 0, I = T(
-      e,
-      v.value,
-      t,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: l,
-      value: r,
-      valueHash: o,
-      selected: s,
-      disabled: n(I)
-    };
-  };
-  return {
-    options: c(() => {
-      const e = [], r = /* @__PURE__ */ new Set();
-      for (let o = 0; o < p.value.length; o++) {
-        const l = p.value[o];
-        l.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = m(l);
-        r.has(s.valueHash) || (r.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: m
-  };
-};
+import { commonjsGlobal as i, getDefaultExportFromCjs as m } from "./index281.js";
+import { __module as _ } from "./index286.js";
+import { __require as s } from "./index280.js";
+(function(n, d) {
+  (function(t, o) {
+    n.exports = o(s());
+  })(i, function(t) {
+    function o(e) {
+      return e && typeof e == "object" && "default" in e ? e : { default: e };
+    }
+    var a = o(t), r = { name: "it", weekdays: "domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"), weekdaysShort: "dom_lun_mar_mer_gio_ven_sab".split("_"), weekdaysMin: "do_lu_ma_me_gi_ve_sa".split("_"), months: "gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"), weekStart: 1, monthsShort: "gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"), formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "tra %s", past: "%s fa", s: "qualche secondo", m: "un minuto", mm: "%d minuti", h: "un' ora", hh: "%d ore", d: "un giorno", dd: "%d giorni", M: "un mese", MM: "%d mesi", y: "un anno", yy: "%d anni" }, ordinal: function(e) {
+      return e + "º";
+    } };
+    return a.default.locale(r, null, !0), r;
+  });
+})(_);
+var u = _.exports;
+const p = /* @__PURE__ */ m(u);
 export {
-  q as useBaseOptions
+  p as default
 };

package/dist/index224.js

@@ -1,17 +1,17 @@
-import { isNil as f } from "./index264.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
-  return {
-    status: s,
-    coherent: c
-  };
-};
+import { commonjsGlobal as a, getDefaultExportFromCjs as _ } from "./index281.js";
+import { __module as n } from "./index287.js";
+(function(o, s) {
+  (function(r, e) {
+    o.exports = e();
+  })(a, function() {
+    return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(r) {
+      var e = ["th", "st", "nd", "rd"], t = r % 100;
+      return "[" + r + (e[(t - 20) % 10] || e[t] || e[0]) + "]";
+    } };
+  });
+})(n);
+var u = n.exports;
+const p = /* @__PURE__ */ _(u);
 export {
-  a as useCoherence
+  p as default
 };

package/dist/index225.js

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

package/dist/index226.js

@@ -1,14 +1,4 @@
-import { hash as e } from "./index225.js";
-import { debouncedWatch as s } from "./index206.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+const e = (t) => t[t.length - 1];
 export {
-  n as useHashedWatcher
+  e as last
 };

package/dist/index227.js

@@ -1,18 +1,22 @@
-import { isNotNil as n } from "./index135.js";
-import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
-const h = ({
-  fn: i,
-  onStart: s,
-  multiple: f,
-  currentValue: o
-}) => {
-  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
-    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
-  };
-  return a && (u(r), c(async () => {
-    l.value || await r();
-  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
+import { MaskInput as r } from "./index265.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 {
-  h as usePrefill
+  k as vMaska
 };

package/dist/index228.js

@@ -1,7 +1,96 @@
-import { getDefaultExportFromCjs as r } from "./index287.js";
-import { __require as o } from "./index286.js";
-var t = o();
-const s = /* @__PURE__ */ 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 "./index215.js";
+import c from "./index322.js";
+import { useFloating as D, arrow as E } from "./index255.js";
+import { autoUpdate as P, flip as F, offset as M, shift as S } from "./index262.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 {
-  s as default
+  W as default
 };

package/dist/index23.js

@@ -1,29 +1,29 @@
 import { defineComponent as ee, watchEffect as te, ref as r, computed as D, watch as ae, openBlock as B, createBlock as O, normalizeClass as $, withCtx as n, renderSlot as p, createVNode as _, unref as l, withDirectives as re, createElementVNode as i, mergeProps as P, withModifiers as oe, toDisplayString as E, createCommentVNode as ne } from "vue";
-import o from "./index228.js";
-import le from "./index247.js";
-import ie from "./index229.js";
-import se from "./index230.js";
-import ue from "./index231.js";
-import de from "./index232.js";
-import { identity as ce } from "./index248.js";
-import { last as pe } from "./index235.js";
-import { useFocusTrap as me } from "./index208.js";
+import o from "./index219.js";
+import le from "./index220.js";
+import ie from "./index221.js";
+import se from "./index222.js";
+import ue from "./index223.js";
+import de from "./index224.js";
+import { identity as ce } from "./index225.js";
+import { last as pe } from "./index226.js";
+import { useFocusTrap as me } from "./index212.js";
 import { useId as fe } from "./index8.js";
 import { useIntersectionObserver as be } from "./index132.js";
-import { useLocale as ve } from "./index217.js";
+import { useLocale as ve } from "./index216.js";
 import { useMobile as ke } from "./index9.js";
-import { vMaska as ge } from "./index209.js";
+import { vMaska as ge } from "./index227.js";
 import { wait as ye } from "./index130.js";
-import { waitFor as he } from "./index243.js";
+import { waitFor as he } from "./index213.js";
 import De from "./index21.js";
 /* empty css        */
-import Me from "./index210.js";
+import Me from "./index228.js";
 /* empty css         */
-import Ve from "./index214.js";
+import Ve from "./index209.js";
 /* empty css         */
-import we from "./index216.js";
+import we from "./index211.js";
 import { _config as Ce } from "./index4.js";
-import { isEmpty as Ye } from "./index249.js";
+import { isEmpty as Ye } from "./index230.js";
 const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ie = ["aria-label", "disabled"], Be = ["id"], Oe = ["inert"], rt = /* @__PURE__ */ ee({
   __name: "BaseDatePickerInput",
   props: {

package/dist/index230.js

@@ -1,18 +1,4 @@
-import { getDefaultExportFromCjs as i, commonjsGlobal as n } from "./index287.js";
-import { __module as t } from "./index290.js";
-(function(s, a) {
-  (function(f, o) {
-    s.exports = o();
-  })(n, function() {
-    return function(f, o) {
-      o.prototype.isSameOrBefore = function(e, r) {
-        return this.isSame(e, r) || this.isBefore(e, r);
-      };
-    };
-  });
-})(t);
-var m = t.exports;
-const c = /* @__PURE__ */ i(m);
+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;
 export {
-  c as default
+  n as isEmpty
 };

package/dist/index231.js

@@ -1,21 +1,4 @@
-import { commonjsGlobal as i, getDefaultExportFromCjs as m } from "./index287.js";
-import { __module as _ } from "./index291.js";
-import { __require as s } from "./index286.js";
-(function(n, d) {
-  (function(t, o) {
-    n.exports = o(s());
-  })(i, function(t) {
-    function o(e) {
-      return e && typeof e == "object" && "default" in e ? e : { default: e };
-    }
-    var a = o(t), r = { name: "it", weekdays: "domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"), weekdaysShort: "dom_lun_mar_mer_gio_ven_sab".split("_"), weekdaysMin: "do_lu_ma_me_gi_ve_sa".split("_"), months: "gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"), weekStart: 1, monthsShort: "gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"), formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "tra %s", past: "%s fa", s: "qualche secondo", m: "un minuto", mm: "%d minuti", h: "un' ora", hh: "%d ore", d: "un giorno", dd: "%d giorni", M: "un mese", MM: "%d mesi", y: "un anno", yy: "%d anni" }, ordinal: function(e) {
-      return e + "º";
-    } };
-    return a.default.locale(r, null, !0), r;
-  });
-})(_);
-var u = _.exports;
-const p = /* @__PURE__ */ m(u);
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  p as default
+  s as isCssColor
 };

package/dist/index232.js

@@ -1,17 +1,6 @@
-import { commonjsGlobal as a, getDefaultExportFromCjs as _ } from "./index287.js";
-import { __module as n } from "./index292.js";
-(function(o, s) {
-  (function(r, e) {
-    o.exports = e();
-  })(a, function() {
-    return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(r) {
-      var e = ["th", "st", "nd", "rd"], t = r % 100;
-      return "[" + r + (e[(t - 20) % 10] || e[t] || e[0]) + "]";
-    } };
-  });
-})(n);
-var u = n.exports;
-const p = /* @__PURE__ */ _(u);
+import { curry as e } from "./index289.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  p as default
+  t as baseWhen,
+  s as when
 };

package/dist/index233.js

@@ -1,21 +1,4 @@
-import { getDefaultExportFromCjs as p, commonjsGlobal as s } from "./index287.js";
-import { __module as n } from "./index293.js";
-(function(u, l) {
-  (function(c, e) {
-    u.exports = e();
-  })(s, function() {
-    return function(c, e, r) {
-      r.updateLocale = function(f, o) {
-        var t = r.Ls[f];
-        if (t) return (o ? Object.keys(o) : []).forEach(function(a) {
-          t[a] = o[a];
-        }), t;
-      };
-    };
-  });
-})(n);
-var i = n.exports;
-const x = /* @__PURE__ */ p(i);
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  x as default
+  o as booleanishToBoolean
 };

package/dist/index234.js

@@ -1,29 +1,6 @@
-import { getDefaultExportFromCjs as c, commonjsGlobal as k } from "./index287.js";
-import { __module as n } from "./index294.js";
-(function(f, p) {
-  (function(r, e) {
-    f.exports = e();
-  })(k, function() {
-    var r = "week", e = "year";
-    return function(w, u, a) {
-      var o = u.prototype;
-      o.week = function(t) {
-        if (t === void 0 && (t = null), t !== null) return this.add(7 * (t - this.week()), "day");
-        var s = this.$locale().yearStart || 1;
-        if (this.month() === 11 && this.date() > 25) {
-          var l = a(this).startOf(e).add(1, e).date(s), d = a(this).endOf(r);
-          if (l.isBefore(d)) return 1;
-        }
-        var h = a(this).startOf(e).date(s).startOf(r).subtract(1, "millisecond"), i = this.diff(h, r, !0);
-        return i < 0 ? a(this).startOf("week").week() : Math.ceil(i);
-      }, o.weeks = function(t) {
-        return t === void 0 && (t = null), this.week(t);
-      };
-    };
-  });
-})(n);
-var m = n.exports;
-const x = /* @__PURE__ */ c(m);
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  x as default
+  x as isHex
 };

package/dist/index235.js

@@ -1,4 +1,202 @@
-const e = (t) => t[t.length - 1];
+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 "./index334.js";
+import { getHueFromRGB as F } from "./index335.js";
+import { hslToHex as y } from "./index336.js";
+import { useLocale as ee } from "./index216.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 {
-  e as last
+  de as default
 };