bitboss-ui 2.0.171 → 2.0.172

package/dist/index245.js

@@ -1,54 +1,18 @@
-import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
-import k from "./index247.js";
-const y = { class: "bb-base-date-picker__year-container" }, v = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
-  __name: "BaseDatePickerHeader",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
-  },
-  emits: ["mode:year", "mode:month"],
-  setup(n) {
-    const s = n, r = b("top"), l = (e, a) => {
-      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
-    };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
-    );
-    const i = m(() => s.cursor.format("YYYY"));
-    return (e, a) => (c(), d("div", {
-      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
-    }, [
-      t("div", y, [
-        h(k, {
-          direction: r.value,
-          duration: 500,
-          gap: 30
-        }, {
-          default: f(() => [
-            (c(), d("span", {
-              key: i.value,
-              "aria-live": "polite",
-              class: "bb-base-date-picker__year-button"
-            }, o(i.value), 1))
-          ]),
-          _: 1
-        }, 8, ["direction"])
-      ]),
-      t("div", v, [
-        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
-        t("span", D, o(e.cursor.format("DD")), 1),
-        t("span", M, o(e.cursor.format("MMMM")), 1)
-      ])
-    ], 2));
-  }
-});
+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 };
+};
 export {
-  C as default
+  h as usePrefill
 };

package/dist/index246.js

@@ -1,46 +1,6 @@
-import { defineComponent as _, computed as a, createElementBlock as c, openBlock as o, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(l, { emit: d }) {
-    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
-      () => new Array(12).fill(0).map((r, t) => {
-        const n = s.cursor.clone().startOf("year").add(t, "month");
-        return {
-          text: n.format("MMMM"),
-          key: n.unix(),
-          selected: n.month() === i.value,
-          handler: () => m("update:month", t)
-        };
-      })
-    );
-    return (r, t) => (o(), c("div", M, [
-      p("div", v, [
-        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
-          key: e.key,
-          class: f({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
-});
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  E as default
+  x as isHex
 };

package/dist/index247.js

@@ -1,7 +1,202 @@
-import o from "./index316.js";
-/* empty css         */
-import t from "./index291.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+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 "./index335.js";
+import { getHueFromRGB as F } from "./index336.js";
+import { hslToHex as y } from "./index337.js";
+import { useLocale as ee } from "./index211.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 {
-  m as default
+  de as default
 };

package/dist/index249.js

@@ -1,7 +1,20 @@
-import { getDefaultExportFromCjs as r } from "./index327.js";
-import { __require as o } from "./index318.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+import { isNil as c } from "./index256.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;
+};
 export {
-  m as default
+  y as matchAnyKey
 };

package/dist/index25.js

@@ -1,12 +1,12 @@
 import { defineComponent as ae, ref as a, computed as i, getCurrentInstance as oe, useAttrs as se, onMounted as ne, onBeforeUnmount as ie, nextTick as N, watch as re, createBlock as ue, openBlock as y, withCtx as W, createElementVNode as o, mergeProps as F, createElementBlock as B, createCommentVNode as V, renderSlot as r, createTextVNode as de, toDisplayString as E, createVNode as ce } from "vue";
-import { useFocusTrap as fe } from "./index251.js";
+import { useFocusTrap as fe } from "./index220.js";
 import { useId as H } from "./index8.js";
 import { wait as g } from "./index135.js";
 import { waitFor as be } from "./index221.js";
-import { useModalsState as h } from "./index259.js";
+import { useModalsState as h } from "./index222.js";
 import { useMobile as pe } from "./index9.js";
-import ve from "./index222.js";
-import { useLocale as me } from "./index231.js";
+import ve from "./index223.js";
+import { useLocale as me } from "./index211.js";
 import ye from "./index111.js";
 /* empty css         */
 const ge = { class: "bb-base-dialog-close" }, he = ["aria-label"], Se = /* @__PURE__ */ ae({

package/dist/index250.js

@@ -1,4 +1,14 @@
-const e = (t) => t;
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
+};
 export {
-  e as identity
+  n as useArray
 };

package/dist/index251.js

@@ -1,43 +1,108 @@
-import { unrefElement as g } from "./index137.js";
-import { toArray as A, notNullish as D, tryOnScopeDispose as y } from "./index206.js";
-import { createFocusTrap as F } from "./index320.js";
-import { shallowRef as n, computed as T, toValue as i, watch as w } from "vue";
-function N(f, a = {}) {
-  let t;
-  const { immediate: l, ...p } = a, o = n(!1), r = n(!1), c = (e) => t && t.activate(e), u = (e) => t && t.deactivate(e), v = () => {
-    t && (t.pause(), r.value = !0);
-  }, m = () => {
-    t && (t.unpause(), r.value = !1);
-  }, h = T(() => {
-    const e = i(f);
-    return A(e).map((d) => {
-      const s = i(d);
-      return typeof s == "string" ? s : g(s);
-    }).filter(D);
-  });
-  return w(
-    h,
-    (e) => {
-      e.length && (t = F(e, {
-        ...p,
-        onActivate() {
-          o.value = !0, a.onActivate && a.onActivate();
-        },
-        onDeactivate() {
-          o.value = !1, a.onDeactivate && a.onDeactivate();
-        }
-      }), l && c());
-    },
-    { flush: "post" }
-  ), y(() => u()), {
-    hasFocus: o,
-    isPaused: r,
-    activate: c,
-    deactivate: u,
-    pause: v,
-    unpause: m
-  };
-}
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index243.js";
+import { isNil as l } from "./index256.js";
+import E from "./index67.js";
+/* empty css        */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: P({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+  }
+});
 export {
-  N as useFocusTrap
+  K as default
 };