bitboss-ui 2.0.168 → 2.0.169

package/dist/index23.js

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

package/dist/index230.js

@@ -1,19 +1,36 @@
-import { computed as i, unref as m } from "vue";
-import { hash as s } from "./index233.js";
-const p = ({ items: a, key: r }) => {
-  const n = i(() => {
-    const t = {}, c = new Array().concat(m(a));
-    for (let e = 0; e < c.length; e++) {
-      const o = c[e], u = r ? String(o[r]) : s(o);
-      t[u] = o;
-    }
-    return t;
-  });
-  return {
-    data: n,
-    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
-  };
-};
+import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, createBlock as f, openBlock as k, resolveDynamicComponent as g, unref as d, withCtx as b, renderSlot as x } from "vue";
+import { _config as e } from "./index4.js";
+import { useLogger as l } from "./index242.js";
+const $ = /* @__PURE__ */ p({
+  __name: "RouterComponent",
+  setup(y) {
+    var o, i, r, s;
+    const m = !!((i = (o = a()) == null ? void 0 : o.proxy) != null && i.$inertia), c = !!((s = (r = a()) == null ? void 0 : r.proxy) != null && s.$nuxt);
+    let t;
+    if (m) {
+      if (t = u(e.inertiaLinkName), typeof t == "string") {
+        const { warn: n } = l();
+        n(
+          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else if (c) {
+      if (t = u(e.nuxtLinkName), typeof t == "string") {
+        const { warn: n } = l();
+        n(
+          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else
+      t = "router-link";
+    return (n, L) => (k(), f(g(d(t)), null, {
+      default: b(() => [
+        x(n.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  p as useIndexById
+  $ as default
 };

package/dist/index231.js

@@ -1,53 +1,6 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index296.js";
-import { useItemValue as w } from "./index277.js";
-import { hash as y } from "./index233.js";
-import { useLogger as D } from "./index261.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)
-    };
-  };
-  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));
-      }
-      return e;
-    }),
-    createOption: f
-  };
-};
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  q as useBaseOptions
+  x as isHex
 };

package/dist/index232.js

@@ -1,17 +1,202 @@
-import { isNil as f } from "./index250.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 { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as _, openBlock as R, createElementVNode as w, createTextVNode as B, createCommentVNode as K, toDisplayString as C, unref as x } from "vue";
+import { useResizeObserver as Z } from "./index137.js";
+import { hexToRgb as O } from "./index339.js";
+import { getHueFromRGB as F } from "./index340.js";
+import { hslToHex as y } from "./index341.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 {
-  a as useCoherence
+  de as default
 };

package/dist/index234.js

@@ -1,14 +1,4 @@
-import { hash as e } from "./index233.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 o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  n as useHashedWatcher
+  o as booleanishToBoolean
 };

package/dist/index235.js

@@ -1,18 +1,4 @@
-import { isNotNil as n } from "./index140.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 };
-};
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  h as usePrefill
+  s as isCssColor
 };

package/dist/index236.js

@@ -1,4 +1,6 @@
-const e = (t) => t[t.length - 1];
+import { curry as e } from "./index308.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  e as last
+  t as baseWhen,
+  s as when
 };

package/dist/index237.js

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

package/dist/index238.js

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