bitboss-ui 2.0.132 → 2.0.134

package/dist/index243.js

@@ -1,202 +1,4 @@
-import { defineComponent as j, ref as u, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
-import { useResizeObserver as Z } from "./index132.js";
-import { hexToRgb as O } from "./index324.js";
-import { getHueFromRGB as F } from "./index325.js";
-import { hslToHex as y } from "./index326.js";
-import { useLocale as ee } from "./index219.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 = u(D.modelValue), d = u(
-      y(F(...O(o.value ?? "#ff0000")), 100, 50)
-    ), H = u(null), i = u(null), s = u(null), l = u({ x: 0, y: 0 }), c = u({ x: 0 }), b = u(!1), M = u(!1), I = () => {
-      const e = i.value, t = s.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
-    }, P = () => {
-      const e = i.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = i.value;
-      if (!e) return;
-      const t = P();
-      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 = P();
-      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 = s.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, m = () => {
-      const e = s.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 = s.value;
-      if (!e) return;
-      const t = V();
-      if (!t) return;
-      const a = 10, n = 16, r = c.value.x - a / 2, S = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(r, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, q = (e) => {
-      i.value && (window.addEventListener("mousemove", A), window.addEventListener("mouseup", E), b.value = !0, G(e));
-    }, z = (e) => {
-      s.value && (window.addEventListener("mousemove", A), window.addEventListener("mouseup", E), M.value = !0, W(e));
-    }, G = (e) => {
-      const t = i.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), r = Math.max(0, Math.min(t.height, e.clientY - a.top));
-      l.value = { x: n, y: r }, v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, W = (e) => {
-      const t = s.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
-      c.value = { x: n };
-      const r = n / t.width * 360;
-      d.value = y(r, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, A = (e) => {
-      b.value ? G(e) : M.value && W(e);
-    }, E = () => {
-      b.value = !1, M.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 = i.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 = i.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, r;
-      switch (e.key) {
-        case "ArrowLeft":
-          c.value.x = Math.max(0, c.value.x - 5);
-          break;
-        case "ArrowRight":
-          c.value.x = Math.min(
-            ((n = s.value) == null ? void 0 : n.width) ?? 0,
-            c.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = c.value.x / (((r = s.value) == null ? void 0 : r.width) ?? 1) * 360;
-      d.value = y(a, 100, 50), m(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      I(), k(o.value ?? "#ff0000");
-    }), Z(H, () => {
-      I(), k(o.value ?? "#ff0000");
-    }), Q(
-      () => D.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, k(e), m(), v());
-      }
-    );
-    const g = () => {
-      const e = i.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, r = t.getImageData(a, n, 1, 1).data, [S, $, Y] = r;
-      return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
-    };
-    function k(e) {
-      var a;
-      const t = F(...O(e));
-      d.value = y(t, 100, 50), c.value.x = t / 360 * (((a = s.value) == null ? void 0 : a.width) ?? 0);
-    }
-    return (e, t) => (_(), R("div", {
-      ref_key: "paletteRef",
-      ref: H,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      w("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: i,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: U,
-        onMousedown: 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: s,
-        "aria-describedby": "hueCanvasDesc",
-        "aria-label": "Hue Selection",
-        class: "bb-color-palette__hue-canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onMousedown: 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));
-  }
-});
+const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
 export {
-  de as default
+  n as isEmpty
 };

package/dist/index244.js

@@ -0,0 +1,5 @@
+import r from "./index299.js";
+const t = r;
+export {
+  t as deburr
+};

package/dist/index245.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as p, commonjsGlobal as s } from "./index268.js";
-import { __module as n } from "./index290.js";
+import { getDefaultExportFromCjs as p, commonjsGlobal as s } from "./index292.js";
+import { __module as n } from "./index300.js";
 (function(u, l) {
   (function(c, e) {
     u.exports = e();

package/dist/index246.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as c, commonjsGlobal as k } from "./index268.js";
-import { __module as n } from "./index291.js";
+import { getDefaultExportFromCjs as c, commonjsGlobal as k } from "./index292.js";
+import { __module as n } from "./index301.js";
 (function(f, p) {
   (function(r, e) {
     f.exports = e();

package/dist/index247.js

@@ -1,10 +1,10 @@
 import { defineComponent as le, ref as A, computed as _, watch as ce, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, withModifiers as p, createVNode as ue, withCtx as fe, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as pe } from "vue";
-import { chunk as be } from "./index328.js";
-import { identity as T } from "./index216.js";
+import { chunk as be } from "./index325.js";
+import { identity as T } from "./index241.js";
 import { isNotNil as me } from "./index134.js";
-import { last as ge } from "./index217.js";
-import { sort as E } from "./index329.js";
-import b from "./index210.js";
+import { last as ge } from "./index242.js";
+import { sort as E } from "./index326.js";
+import b from "./index235.js";
 import he from "./index250.js";
 const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
   __name: "BaseDatePickerInputDaySelector",

package/dist/index25.js

@@ -1,14 +1,14 @@
 import { defineComponent as ie, ref as o, computed as u, getCurrentInstance as ne, nextTick as N, useAttrs as re, onMounted as ue, onBeforeUnmount as G, watch as de, openBlock as _, createBlock as ce, withCtx as ve, createElementVNode as a, mergeProps as P, createElementBlock as H, renderSlot as d, createTextVNode as fe, toDisplayString as K, createCommentVNode as L } from "vue";
-import { throttle as be } from "./index234.js";
-import { useFocusTrap as pe } from "./index218.js";
+import { throttle as be } from "./index228.js";
+import { useFocusTrap as pe } from "./index217.js";
 import { useId as U } from "./index8.js";
 import { wait as T } from "./index130.js";
-import { waitFor as me } from "./index221.js";
-import { useModalsState as C } from "./index235.js";
-import { useLogger as ge } from "./index236.js";
+import { waitFor as me } from "./index229.js";
+import { useModalsState as C } from "./index230.js";
+import { useLogger as ge } from "./index227.js";
 import { useMobile as ye } from "./index9.js";
-import he from "./index237.js";
-import { useLocale as we } from "./index219.js";
+import he from "./index231.js";
+import { useLocale as we } from "./index226.js";
 const ke = { class: "bb-base-dialog-close" }, _e = ["aria-label"], Se = /* @__PURE__ */ ie({
   __name: "BaseDialog",
   props: {

package/dist/index250.js

@@ -1,6 +1,6 @@
-import o from "./index296.js";
+import o from "./index306.js";
 /* empty css         */
-import t from "./index267.js";
+import t from "./index281.js";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
 export {
   m as default

package/dist/index254.js

@@ -1,20 +1,108 @@
-import { isNil as c } from "./index253.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 y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index213.js";
+import { isNil as l } from "./index253.js";
+import E from "./index125.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: O({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
   }
-  return !1;
-};
+});
 export {
-  y as matchAnyKey
+  K as default
 };

package/dist/index256.js

@@ -1,108 +1,102 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index231.js";
-import { isNil as l } from "./index253.js";
-import E from "./index125.js";
-/* empty css         */
-const K = /* @__PURE__ */ y({
-  __name: "ChipsBox",
+import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index213.js";
+import { isNil as i } from "./index253.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
   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;
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
       let o = (s + e) % t.options.length;
       for (; t.options[o].disabled && o !== s; )
-        o = a(e + 1);
+        o = u(e + 1);
       return o;
-    }, x = () => {
-      if (!i.value) return;
-      const e = a();
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
       n.value = e;
     }, c = (e = 1) => {
-      const s = l(n.value) ? 0 : n.value;
+      const s = i(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;
+    }, w = async () => {
+      if (!l.value) return;
       const e = c();
       n.value = e;
-    }, w = () => {
-      if (!i.value) return;
+    }, I = () => {
+      if (!l.value) return;
       let e = 0;
       for (; t.options[e].disabled; )
         e++;
       n.value = e;
-    }, b = () => {
-      if (!i.value) return;
+    }, g = () => {
+      if (!l.value) return;
       let e = t.options.length - 1;
       for (; t.options[e].disabled && e !== 0; )
         e--;
       n.value = e;
-    }, I = () => {
-      if (!i.value) return;
+    }, k = () => {
+      if (!l.value) return;
       let e = 0;
       for (; !t.options[e].selected && t.options.length !== e; )
         e++;
       n.value = e;
-    }, g = () => {
-      if (!i.value) return;
+    }, _ = () => {
+      if (!l.value) return;
       let e = t.options.length - 1;
       for (; t.options[e].selected && e !== 0; )
         e--;
       n.value = e;
-    }, _ = (e) => {
-      if (!i.value) return;
+    }, C = (e) => {
+      if (!l.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;
+    }, y = () => {
+      if (!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];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
     return N(
       () => t.options,
       (e, s) => {
-        d(e) !== d(s) && r();
+        f(e) !== f(s) && r();
       },
       {
         flush: "post"
       }
-    ), v({
-      focusNext: x,
-      focusPrevious: m,
-      focusFirst: w,
-      focusFirstSelected: I,
-      focusLast: b,
-      focusLastSelected: g,
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
       blur: r,
-      confirmOption: k,
-      focusByHash: _,
-      getHighlighted: C
-    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (d(!0), v(S, null, A(e.options, (o, p) => (d(), v("span", {
       key: o.valueHash,
       class: O({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
       }),
       clearable: !0,
       text: o.text,
-      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
+      "onClick:clear": P((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
   }
 });
 export {
-  K as default
+  j as default
 };