bitboss-ui 2.1.27 → 2.1.29

package/dist/index218.js

@@ -1,17 +1,6 @@
-import { isNil as f } from "./index241.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
-  };
-};
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  a as useCoherence
+  x as isHex
 };

package/dist/index219.js

@@ -1,5 +1,15 @@
-import { hash as o } from "./index285.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import { locales as t } from "./index289.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index290.js";
+import { readonly as l, computed as n } from "vue";
+const p = (o, ...r) => l(
+  n(() => c(t[m.locale], o).replace(
+    /\{(\d+)\}/g,
+    (a, e) => r[e]
+  ))
+), d = () => ({
+  t: p
+});
 export {
-  t as hash
+  d as useLocale
 };

package/dist/index220.js

@@ -1,14 +1,13 @@
-import { hash as e } from "./index219.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
+import { ref as a, watch as c, toValue as u } from "vue";
+const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
+  const t = a(o), n = c(
+    () => u(e),
+    (s) => {
+      s && (t.value = r, n());
+    }
   );
+  return t;
 };
 export {
-  n as useHashedWatcher
+  i as useUntil
 };

package/dist/index221.js

@@ -1,18 +1,22 @@
-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 };
+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/index222.js

@@ -1,4 +1,199 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+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 "./index339.js";
+import { getHueFromRGB as K } from "./index340.js";
+import { hslToHex as y } from "./index341.js";
+import { useLocale as Z } from "./index219.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("div", {
+      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("p", 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("p", ae, [
+        A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
+      ])
+    ], 512));
+  }
+});
 export {
-  s as isCssColor
+  ce as default
 };

package/dist/index224.js

@@ -1,4 +1,71 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { defineComponent as k, ref as y, createElementBlock as C, openBlock as t, normalizeClass as N, renderSlot as n, createBlock as s, createCommentVNode as l, createVNode as a, createElementVNode as m, unref as i } from "vue";
+/* empty css       */
+/* empty css       */
+import u from "./index85.js";
+/* empty css        */
+import h from "./index113.js";
+/* empty css         */
+import v from "./index327.js";
+import B from "./index328.js";
+/* empty css         */
+const E = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(f, { emit: d }) {
+    const p = f, b = d, o = y(), _ = (e) => {
+      var c;
+      if (!o.value || p.preventFocus) return;
+      const r = e.target;
+      r.tagName === "INPUT" || r.tagName === "TEXTAREA" || (c = o.value.querySelector("input,textarea")) == null || c.focus();
+    }, $ = () => {
+      var e;
+      b("click:clear"), (e = o.value.querySelector("input,textarea")) == null || e.focus();
+    };
+    return (e, r) => (t(), C("span", {
+      ref_key: "container",
+      ref: o,
+      class: N(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": p.clearable
+      }]),
+      onClick: _
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        m("span", E, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (t(), s(i(u), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      n(e.$slots, "default"),
+      a(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: $
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (t(), s(i(u), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      a(v),
+      a(i(h)),
+      n(e.$slots, "append", {}, () => [
+        m("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  o as booleanishToBoolean
+  R as default
 };

package/dist/index226.js

@@ -1,4 +1,15 @@
-const e = (t) => t[t.length - 1];
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index287.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  e as last
+  i as default
 };

package/dist/index227.js

@@ -1,20 +1,119 @@
-import { isNil as c } from "./index241.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;
+import { defineComponent as V, mergeModels as A, useModel as x, ref as l, watch as S, onMounted as z, computed as E, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as F, normalizeClass as N, unref as n, withCtx as w, renderSlot as y, createCommentVNode as q, mergeProps as h, createElementVNode as C } from "vue";
+import { useMinimalQueue as Q } from "./index333.js";
+import { wait as U } from "./index135.js";
+import { useFloating as j, arrow as G } from "./index334.js";
+import { flip as H, offset as I, shift as J, hide as K, autoUpdate as L } from "./index335.js";
+const O = { class: "bb-common-popover__bubble" }, ee = /* @__PURE__ */ V({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ A({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const o = s, a = x(s, "modelValue"), i = l(), t = l(), p = l(), { floatingStyles: k, placement: _, middlewareData: r, update: M } = j(
+      i,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: L,
+        middleware: [
+          ...o.flip ? [H()] : [],
+          I(o.offset),
+          J({ padding: o.padding }),
+          K(),
+          G({
+            element: p,
+            padding: o.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    ), { queueFunction: B } = Q(), u = B(async (e) => {
+      e ? (M(), P()) : (await U(o.transitionDuration), t.value && (o.dialog ? t.value.close() : t.value.hidePopover()));
+    }), P = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    S(a, u, { flush: "post" }), z(() => {
+      a.value && u(a.value);
+    });
+    const $ = E(() => {
+      if (r.value.arrow) {
+        const { x: e, y: d } = r.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${d}px`
+          }
+        };
+      }
+    }), D = () => {
+      a.value = !1;
+    };
+    return (e, d) => (v(), b(g(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: i,
+      class: N(["bb-common-popover", {
+        "bb-common-popover--open": a.value && !!t.value,
+        "bb-common-popover--block": o.block,
+        [`bb-common-popover--${n(_)}`]: !0
+      }]),
+      style: F({
+        "--transition-duration": `${o.transitionDuration}ms`
+      })
+    }, {
+      default: w(() => {
+        var m, c, f;
+        return [
+          y(e.$slots, "activator"),
+          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
+            key: 0,
+            ref_key: "content",
+            ref: t,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": a.value && !!t.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...n(k),
+              "--arrow-offset-x": Math.round(((f = (c = n(r)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: a.value ? void 0 : -1
+          }, e.containerAttributes, { onClose: n(D) }), {
+            default: w(() => [
+              C("span", h({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, $.value), null, 16),
+              C("span", O, [
+                y(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex", "onClose"])) : q("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
   }
-  return !1;
-};
+});
 export {
-  y as matchAnyKey
+  ee as default
 };

package/dist/index229.js

@@ -1,8 +1,4 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  o as waitFor
+  s as isCssColor
 };

package/dist/index23.js

@@ -1,25 +1,25 @@
 import { defineComponent as K, watchEffect as Q, ref as i, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as s, createElementVNode as n, createVNode as B, createCommentVNode as X, unref as r, withDirectives as x, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index249.js";
-import ae from "./index250.js";
-import oe from "./index251.js";
-import ne from "./index252.js";
-import re from "./index253.js";
-import le from "./index254.js";
-import { identity as ie } from "./index255.js";
-import { isEmpty as se } from "./index225.js";
-import { last as de } from "./index226.js";
+import o from "./index246.js";
+import ae from "./index247.js";
+import oe from "./index248.js";
+import ne from "./index249.js";
+import re from "./index250.js";
+import le from "./index251.js";
+import { identity as ie } from "./index243.js";
+import { isEmpty as se } from "./index232.js";
+import { last as de } from "./index233.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index210.js";
+import { useLocale as pe } from "./index219.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index211.js";
-import { vMaska as fe } from "./index246.js";
+import { useUntil as me } from "./index220.js";
+import { vMaska as fe } from "./index221.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index234.js";
+import ke from "./index224.js";
 /* empty css         */
-import ge from "./index236.js";
-import ye from "./index237.js";
+import ge from "./index226.js";
+import ye from "./index227.js";
 /* empty css         */
 const ve = { class: "bb-base-date-picker-input__inner-wrapper" }, Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], he = ["aria-label", "disabled"], Me = ["id"], De = ["inert"], Ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",