bitboss-ui 2.1.35 → 2.1.36

package/dist/index246.js

@@ -1,4 +1,123 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { defineComponent as $, mergeModels as D, useModel as E, ref as p, computed as i, watch as V, onMounted as L, createBlock as T, openBlock as w, resolveDynamicComponent as F, mergeProps as g, unref as h, withModifiers as A, withCtx as N, createElementVNode as S, createElementBlock as U, createCommentVNode as I, renderSlot as X, nextTick as j } from "vue";
+import { useCancelableFunction as q } from "./index338.js";
+import { useUntil as z } from "./index260.js";
+import { extractDomContainer as G } from "./index272.js";
+import { waitFor as H } from "./index339.js";
+import { useFloating as J, arrow as K } from "./index340.js";
+import { flip as O, offset as Q, shift as R, hide as W, autoUpdate as Y } from "./index341.js";
+const Z = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, se = /* @__PURE__ */ $({
+  __name: "CommonPopover2",
+  props: /* @__PURE__ */ D({
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    anchor: {},
+    dialog: { type: Boolean },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(c) {
+    const e = c, a = E(c, "modelValue"), u = p(a.value), x = i(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), y = i(() => G(e.anchor)), _ = z(a, { initialValue: e.eager }), { floatingStyles: C, placement: P, middlewareData: d, update: f } = J(
+      y,
+      t,
+      {
+        placement: e.placement,
+        whileElementsMounted: Y,
+        middleware: [
+          ...e.flip ? [O()] : [],
+          Q(e.offset),
+          R({ padding: e.padding }),
+          W(),
+          K({
+            element: m,
+            padding: e.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), { execute: v } = q(
+      ({ signal: o }, r) => new Promise((l) => {
+        let s;
+        const n = () => {
+          s && clearTimeout(s);
+        };
+        o.addEventListener("abort", n), r ? (k(), f(), H(() => !!t.value).then(() => {
+          u.value = !0, o.removeEventListener("abort", n), l(void 0);
+        })) : (u.value = !1, s = setTimeout(() => {
+          j(() => {
+            t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", n), f(), l(void 0);
+          });
+        }, e.transitionDuration));
+      })
+    ), k = () => {
+      if (!t.value) return;
+      if (!e.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    V(a, v), L(() => {
+      a.value && v(a.value);
+    });
+    const M = i(() => {
+      var n;
+      const o = a.value ? void 0 : -1, r = Math.round(((n = d.value.arrow) == null ? void 0 : n.x) ?? 0), l = e.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...C.value,
+          "--transition-duration": `${e.transitionDuration}ms`,
+          "--page-padding": `${e.padding}px`,
+          "--arrow-offset-x": `${r}px`
+        },
+        popover: l,
+        tabindex: o
+      };
+    }), B = i(() => {
+      if (d.value.arrow) {
+        const { x: o, y: r } = d.value.arrow;
+        return {
+          style: {
+            left: `${o}px`,
+            top: `${r}px`
+          }
+        };
+      }
+    }), b = () => {
+      a.value = !1;
+    };
+    return (o, r) => (w(), T(F(x.value), g({
+      ref_key: "wrapper",
+      ref: t,
+      class: ["bb-common-popover", {
+        "bb-common-popover--open": u.value,
+        [`bb-common-popover--${h(P)}`]: !0
+      }]
+    }, M.value, {
+      onClick: A(b, ["self"]),
+      onClose: b
+    }), {
+      default: N(() => [
+        S("span", g({
+          ref_key: "bubblearrow",
+          ref: m,
+          class: "bb-common-popover__arrow"
+        }, B.value), null, 16),
+        h(_) ? (w(), U("span", Z, [
+          X(o.$slots, "default")
+        ])) : I("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  s as isCssColor
+  se as default
 };

package/dist/index248.js

@@ -1,185 +1,6 @@
-var w = Object.defineProperty, C = (a, e, t) => e in a ? w(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, A = (a, e, t) => C(a, typeof e != "symbol" ? e + "" : e, t);
-const R = {
-  "#": { pattern: /[0-9]/ },
-  "@": { pattern: /[a-zA-Z]/ },
-  "*": { pattern: /[a-zA-Z0-9]/ }
-}, N = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, e, t) => {
-  var s;
-  return new Intl.NumberFormat(((s = t.number) == null ? void 0 : s.locale) ?? "en", {
-    minimumFractionDigits: a,
-    maximumFractionDigits: e,
-    roundingMode: "trunc"
-  });
-}, P = (a, e = !0, t) => {
-  var s, r, n, l;
-  const u = ((s = t.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", p = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
-  let o = I(0, p, t);
-  const k = o.formatToParts(1000.12), m = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", f = ((l = k.find((i) => i.type === "decimal")) == null ? void 0 : l.value) ?? ".", c = N(a, m, f);
-  if (Number.isNaN(parseFloat(c))) return u;
-  const v = c.split(".");
-  if (v[1] != null && v[1].length >= 1) {
-    const i = v[1].length <= p ? v[1].length : p;
-    o = I(i, p, t);
-  }
-  let d = o.format(parseFloat(c));
-  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (d += f) : d = N(d, m, f), u + d;
-};
-class T {
-  constructor(e = {}) {
-    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
-    const t = { ...e };
-    if (t.tokens != null) {
-      t.tokens = t.tokensReplace ? { ...t.tokens } : { ...R, ...t.tokens };
-      for (const s of Object.values(t.tokens))
-        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
-    } else
-      t.tokens = R;
-    Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((s, r) => s.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
-  }
-  masked(e) {
-    return this.process(String(e), this.findMask(String(e)));
-  }
-  unmasked(e) {
-    return this.process(String(e), this.findMask(String(e)), !1);
-  }
-  isEager() {
-    return this.opts.eager === !0;
-  }
-  isReversed() {
-    return this.opts.reversed === !0;
-  }
-  completed(e) {
-    const t = this.findMask(String(e));
-    if (this.opts.mask == null || t == null) return !1;
-    const s = this.process(String(e), t).length;
-    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= t.length;
-  }
-  findMask(e) {
-    const t = this.opts.mask;
-    if (t == null)
-      return null;
-    if (typeof t == "string")
-      return t;
-    if (typeof t == "function")
-      return t(e);
-    const s = this.process(e, t.slice(-1).pop() ?? "", !1);
-    return t.find((r) => this.process(e, r, !1).length >= s.length) ?? "";
-  }
-  escapeMask(e) {
-    const t = [], s = [];
-    return e.split("").forEach((r, n) => {
-      r === "!" && e[n - 1] !== "!" ? s.push(n - s.length) : t.push(r);
-    }), { mask: t.join(""), escaped: s };
-  }
-  process(e, t, s = !0) {
-    if (this.opts.number != null) return P(e, s, this.opts);
-    if (t == null) return e;
-    const r = `v=${e},mr=${t},m=${s ? 1 : 0}`;
-    if (this.memo.has(r)) return this.memo.get(r);
-    const { mask: n, escaped: l } = this.escapeMask(t), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", m = this.isReversed() ? 0 : n.length - 1, f = this.isReversed() ? () => i > -1 && h > -1 : () => i < n.length && h < e.length, c = (b) => !this.isReversed() && b <= m || this.isReversed() && b >= m;
-    let v, d = -1, i = this.isReversed() ? n.length - 1 : 0, h = this.isReversed() ? e.length - 1 : 0, M = !1;
-    for (; f(); ) {
-      const b = n.charAt(i), g = p[b], y = (g == null ? void 0 : g.transform) != null ? g.transform(e.charAt(h)) : e.charAt(h);
-      if (!l.includes(i) && g != null ? (y.match(g.pattern) != null ? (u[k](y), g.repeated ? (d === -1 ? d = i : i === m && i !== d && (i = d - o), m === d && (i -= o)) : g.multiple && (M = !0, i -= o), i += o) : g.multiple ? M && (i += o, h -= o, M = !1) : y === v ? v = void 0 : g.optional && (i += o, h -= o), h += o) : (s && !this.isEager() && u[k](b), y === b && !this.isEager() ? h += o : v = b, this.isEager() || (i += o)), this.isEager())
-        for (; c(i) && (p[n.charAt(i)] == null || l.includes(i)); ) {
-          if (s) {
-            if (u[k](n.charAt(i)), e.charAt(h) === n.charAt(i)) {
-              i += o, h += o;
-              continue;
-            }
-          } else n.charAt(i) === e.charAt(h) && (h += o);
-          i += o;
-        }
-    }
-    return this.memo.set(r, u.join("")), this.memo.get(r);
-  }
-}
-const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, e = {}) => {
-  const t = { ...e };
-  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = x(a.dataset.maskaTokens));
-  const s = {};
-  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (t.number = s), t;
-}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
-  if (a.startsWith("{") && a.endsWith("}"))
-    return S(a);
-  const e = {};
-  return a.split("|").forEach((t) => {
-    const s = t.split(":");
-    e[s[0]] = {
-      pattern: new RegExp(s[1]),
-      optional: s[2] === "optional",
-      multiple: s[2] === "multiple",
-      repeated: s[2] === "repeated"
-    };
-  }), e;
-};
-class O {
-  constructor(e, t = {}) {
-    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
-      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
-        return;
-      const r = s.target, n = this.items.get(r);
-      if (n === void 0) return;
-      const l = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), p = l && u && n.unmasked(r.value) === "" ? "" : r.value;
-      this.fixCursor(r, l, () => this.setValue(r, p));
-    }), this.options = t, this.eventAbortController = new AbortController(), this.init(this.getInputs(e));
-  }
-  update(e = {}) {
-    this.options = { ...e }, this.init(Array.from(this.items.keys()));
-  }
-  updateValue(e) {
-    var t;
-    e.value !== "" && e.value !== ((t = this.processInput(e)) == null ? void 0 : t.masked) && this.setValue(e, e.value);
-  }
-  destroy() {
-    this.eventAbortController.abort(), this.items.clear();
-  }
-  init(e) {
-    const t = this.getOptions(this.options);
-    for (const s of e) {
-      if (!this.items.has(s)) {
-        const { signal: n } = this.eventAbortController;
-        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
-      }
-      const r = new T(F(s, t));
-      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
-    }
-  }
-  getInputs(e) {
-    return typeof e == "string" ? Array.from(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e];
-  }
-  getOptions(e) {
-    const { onMaska: t, preProcess: s, postProcess: r, ...n } = e;
-    return n;
-  }
-  fixCursor(e, t, s) {
-    var r, n;
-    const l = e.selectionStart, u = e.value;
-    if (s(), l === null || l === u.length && !t) return;
-    const p = e.value, o = u.slice(0, l), k = p.slice(0, l), m = (r = this.processInput(e, o)) == null ? void 0 : r.unmasked, f = (n = this.processInput(e, k)) == null ? void 0 : n.unmasked;
-    if (m === void 0 || f === void 0) return;
-    let c = l;
-    o !== k && (c += t ? p.length - u.length : m.length - f.length), e.setSelectionRange(c, c);
-  }
-  setValue(e, t) {
-    const s = this.processInput(e, t);
-    s !== void 0 && (e.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), e.dispatchEvent(new CustomEvent("maska", { detail: s })), e.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
-  }
-  processInput(e, t) {
-    const s = this.items.get(e);
-    if (s === void 0) return;
-    let r = t ?? e.value;
-    this.options.preProcess != null && (r = this.options.preProcess(r));
-    let n = s.masked(r);
-    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
-      masked: n,
-      unmasked: s.unmasked(r),
-      completed: s.completed(r)
-    };
-  }
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
 }
 export {
-  T as Mask,
-  O as MaskInput,
-  R as tokens
+  x as isHex
 };

package/dist/index249.js

@@ -1,15 +1,199 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${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 "./index342.js";
+import { getHueFromRGB as K } from "./index343.js";
+import { hslToHex as y } from "./index344.js";
+import { useLocale as Z } from "./index231.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("span", {
+      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("span", 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("span", ae, [
+        A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
+      ])
+    ], 512));
   }
-  return t + "px";
-};
+});
 export {
-  c as parseSize
+  ce as default
 };

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { defineComponent as q, mergeModels as E, useModel as A, computed as p, ref as T, watch as H, onMounted as K, createElementBlock as r, openBlock as d, withModifiers as O, normalizeStyle as R, normalizeClass as U, unref as v, createCommentVNode as g, Fragment as j, createElementVNode as t, renderSlot as s, createTextVNode as G, toDisplayString as V, nextTick as J } from "vue";
-import { parseSize as Q } from "./index249.js";
+import { parseSize as Q } from "./index259.js";
 import { useId as S } from "./index8.js";
-import { useLocale as X } from "./index230.js";
+import { useLocale as X } from "./index231.js";
 import { useMobile as Y } from "./index9.js";
-import { useUntil as Z } from "./index250.js";
+import { useUntil as Z } from "./index260.js";
 import { wait as y } from "./index138.js";
 const x = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], ee = {
   ref: "header",

package/dist/index251.js

@@ -1,4 +1,88 @@
-const o = (e) => e[0];
+import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index231.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ h({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (s(), n("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (s(), n("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        t(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  o as head
+  C as default
 };

package/dist/index253.js

@@ -1,9 +1,31 @@
-const s = (e, t, o, r) => {
-  if (r <= 0) throw new Error("Step must be a positive number");
-  if (t > o) throw new Error("Min must be less than or equal to Max");
-  const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
-  return t + a * r;
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index213.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
 };
 export {
-  s as snapToStep
+  p as useItemsGetter
 };