bitboss-ui 2.1.73 → 2.1.74

package/dist/index239.js

@@ -1,203 +1,18 @@
-import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
-import { hexToRgb as K } from "./index339.js";
-import { getHueFromRGB as F } from "./index340.js";
-import { hslToHex as b } from "./index341.js";
-import { useLocale as Z } from "./index235.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 }, ue = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(N, { emit: O }) {
-    const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
-      b(F(...K(o.value ?? "#ff0000")), 100, 50)
-    ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
-      const e = i.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
-    }, R = () => {
-      const e = i.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = i.value;
-      if (!e) return;
-      const t = R();
-      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;
-    }, m = () => {
-      const e = R();
-      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");
-    }, D = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, g = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      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 = D();
-      if (!t) return;
-      const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, E = (e) => {
-      const t = i.value;
-      t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
-    }, U = (e) => {
-      const t = r.value;
-      t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
-    }, I = (e) => {
-      const t = i.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
-      l.value = { x: n, y: c }, v(), m(), o.value = C(), 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 - 1, e.clientX - a.left));
-      u.value = { x: n };
-      const c = n / t.width * 360;
-      d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, G = (e) => {
-      p.value ? I(e) : P.value && V(e);
-    }, W = (e) => {
-      const t = p.value ? i.value : r.value;
-      t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
-    }, X = (e) => {
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            i.value?.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(
-            i.value?.width ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    }, $ = (e) => {
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            r.value?.width ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = u.value.x / (r.value?.width ?? 1) * 360;
-      d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      q(), A(o.value ?? "#ff0000");
-    }), Q(
-      () => _.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, A(e), g(), v());
-      }
-    );
-    const C = () => {
-      const e = i.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
-      return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
-    };
-    function A(e) {
-      const t = F(...K(e));
-      d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
-    }
-    return (e, t) => (S(), M("span", {
-      ref_key: "paletteRef",
-      ref: T,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      x("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: i,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: E,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ee, [
-        L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
-      ]),
-      x("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,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ae, [
-        L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
-      ])
-    ], 512));
-  }
-});
+import { isNotNil as n } from "./index144.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 };
+};
 export {
-  ue as default
+  h as usePrefill
 };

package/dist/index240.js

@@ -0,0 +1,19 @@
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index237.js";
+const p = ({
+  items: m,
+  key: e
+}) => {
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
+};
+export {
+  p as useIndexById
+};

package/dist/index241.js

@@ -1,129 +1,53 @@
-import { defineComponent as V, mergeModels as L, useModel as T, ref as p, computed as n, watch as F, onMounted as S, createBlock as A, openBlock as w, resolveDynamicComponent as N, mergeProps as g, unref as y, withModifiers as U, withCtx as q, createElementVNode as I, createElementBlock as X, createCommentVNode as j, renderSlot as z, nextTick as G } from "vue";
-import { useCancelableFunction as H } from "./index342.js";
-import { useUntil as J } from "./index236.js";
-import { extractDomContainer as h } from "./index245.js";
-import { waitFor as K } from "./index343.js";
-import { arrow as O, useFloating as Q } from "./index344.js";
-import { flip as R, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index345.js";
-const oe = {
-  key: 0,
-  class: "bb-common-popover__bubble"
-}, ue = /* @__PURE__ */ V({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ L({
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    anchor: {},
-    boundary: {},
-    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, r = T(c, "modelValue"), s = p(r.value), x = n(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), _ = n(() => h(e.anchor)), C = J(r, { initialValue: e.eager }), P = n(() => {
-      if (e.boundary)
-        return typeof e.boundary == "string" ? document.querySelector(e.boundary) ?? void 0 : h(e.boundary) ?? void 0;
-    }), k = n(() => {
-      const o = P.value;
-      return [
-        ...e.flip ? [R(o ? { boundary: o } : void 0)] : [],
-        W(e.offset),
-        Y({ padding: e.padding, ...o ? { boundary: o } : {} }),
-        Z(),
-        O({
-          element: m,
-          padding: e.arrowPadding
-        })
-      ];
-    }), { floatingStyles: M, placement: B, middlewareData: u, update: f } = Q(
-      _,
-      t,
-      {
-        placement: e.placement,
-        whileElementsMounted: ee,
-        middleware: k,
-        strategy: "fixed"
-      }
-    ), { execute: v } = H(
-      ({ signal: o }, a) => new Promise((l) => {
-        let i;
-        const d = () => {
-          i && clearTimeout(i);
-        };
-        o.addEventListener("abort", d), a ? (E(), f(), K(() => !!t.value).then(() => {
-          s.value = !0, o.removeEventListener("abort", d), l(void 0);
-        })) : (s.value = !1, i = setTimeout(() => {
-          G(() => {
-            t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", d), f(), l(void 0);
-          });
-        }, e.transitionDuration));
-      })
-    ), E = () => {
-      if (!t.value) return;
-      if (!e.dialog) return t.value.showPopover();
-      t.value.showModal();
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index294.js";
+import { useItemValue as w } from "./index234.js";
+import { hash as y } from "./index237.js";
+import { useLogger as D } from "./index245.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
     };
-    F(r, v), S(() => {
-      r.value && v(r.value);
-    });
-    const $ = n(() => {
-      const o = r.value ? void 0 : -1, a = Math.round(u.value.arrow?.x ?? 0), l = e.dialog ? void 0 : "manual";
-      return {
-        style: {
-          ...M.value,
-          "--transition-duration": `${e.transitionDuration}ms`,
-          "--page-padding": `${e.padding}px`,
-          "--arrow-offset-x": `${a}px`
-        },
-        popover: l,
-        tabindex: o
-      };
-    }), D = n(() => {
-      if (u.value.arrow) {
-        const { x: o, y: a } = u.value.arrow;
-        return {
-          style: {
-            left: `${o}px`,
-            top: `${a}px`
-          }
-        };
+  };
+  return {
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.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 = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
       }
-    }), b = () => {
-      r.value = !1;
-    };
-    return (o, a) => (w(), A(N(x.value), g({
-      ref_key: "wrapper",
-      ref: t,
-      class: ["bb-common-popover", {
-        "bb-common-popover--open": s.value,
-        [`bb-common-popover--${y(B)}`]: !0
-      }]
-    }, $.value, {
-      onClick: U(b, ["self", "stop"]),
-      onClose: b
-    }), {
-      default: q(() => [
-        I("span", g({
-          ref_key: "bubblearrow",
-          ref: m,
-          class: "bb-common-popover__arrow"
-        }, D.value), null, 16),
-        y(C) ? (w(), X("span", oe, [
-          z(o.$slots, "default")
-        ])) : j("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  ue as default
+  q as useBaseOptions
 };

package/dist/{index232.js → index242.js}

@@ -1,4 +1,4 @@
-import { hash as e } from "./index231.js";
+import { hash as e } from "./index237.js";
 import { debouncedWatch as s } from "./index214.js";
 const n = (o, c, h) => {
   s(

package/dist/index243.js

@@ -1,12 +1,5 @@
-const o = (t, r) => {
-  const e = {};
-  for (const c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      const n = t[c];
-      r(n, c, t) && (e[c] = n);
-    }
-  return e;
-};
+import t from "./index310.js";
+const r = t;
 export {
-  o as pickBy
+  r as throttle
 };

package/dist/index244.js

@@ -1,5 +1,13 @@
-const o = () => {
-};
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
+}
 export {
-  o as noop
+  c as get
 };

package/dist/index245.js

@@ -1,6 +1,10 @@
-function e(n) {
-  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
-}
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
 export {
-  e as extractDomContainer
+  e as useLogger
 };

package/dist/index246.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index332.js";
-import { __require as o } from "./index302.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+const o = (e) => e[0];
 export {
-  s as default
+  o as head
 };

package/dist/index247.js

@@ -1,7 +1,9 @@
-import { getDefaultExportFromCjs as r } from "./index332.js";
-import { __require as e } from "./index304.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+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;
+};
 export {
-  m as default
+  s as snapToStep
 };

package/dist/index248.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./index332.js";
-import { __require as e } from "./index306.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+const e = (t) => t[t.length - 1];
 export {
-  m as default
+  e as last
 };

package/dist/index249.js

@@ -1,7 +1,9 @@
-import { getDefaultExportFromCjs as e } from "./index332.js";
-import { __require as r } from "./index308.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+function o(t, e, n, r, a) {
+  if (n === e)
+    throw new Error("Original boundaries cannot be equal.");
+  const c = (t - e) / (n - e);
+  return r + c * (a - r);
+}
 export {
-  f as default
+  o as transpose
 };

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { defineComponent as I, mergeModels as M, useModel as W, computed as v, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as h, createCommentVNode as b, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
-import { parseSize as U } from "./index234.js";
+import { parseSize as U } from "./index284.js";
 import { useId as D } from "./index8.js";
-import { useLocale as j } from "./index235.js";
+import { useLocale as j } from "./index220.js";
 import { useMobile as G } from "./index9.js";
-import { useUntil as J } from "./index236.js";
+import { useUntil as J } from "./index221.js";
 import { wait as y } from "./index140.js";
 import { _config as Q } from "./index4.js";
 const X = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], Y = {