bitboss-ui 2.0.147 → 2.0.148

package/dist/index212.js

@@ -1,96 +1,88 @@
-import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, openBlock as b, createBlock as $, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
-import C from "./index238.js";
-import c from "./index323.js";
-import { useFloating as D, arrow as E } from "./index256.js";
-import { autoUpdate as P, flip as F, offset as M, shift as S } from "./index263.js";
-const W = /* @__PURE__ */ h({
-  __name: "CommonFloating",
+import { defineComponent as h, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, unref as b, createCommentVNode as p, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index232.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ h({
+  __name: "OptionsContainer",
   props: {
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: {},
-    placement: {},
-    theme: { default: "default" },
-    transitionDuration: {},
-    containerAttributes: { default: () => ({}) },
-    bubbleAttributes: {},
-    wrapper: {},
-    baseClass: {},
-    open: { type: Boolean },
-    teleportTarget: {}
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  setup(d) {
-    const e = d, m = y(e, "wrapper"), i = o(), s = o(), p = o(), { floatingStyles: g, placement: w, middlewareData: a } = D(
-      i,
-      s,
-      {
-        placement: e.placement,
-        whileElementsMounted: P,
-        middleware: [
-          F(),
-          M(e.offset),
-          S({ padding: e.padding }),
-          E({
-            element: p,
-            padding: e.arrowPadding
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (n(), s("span", {
+      ref: "container",
+      class: r(["bb-cr-container", {
+        "bb-cr-container--errors": a.hasErrors,
+        "bb-cr-container--horizontal": a.direction === "horizontal",
+        "bb-cr-container--vertical": a.direction === "vertical"
+      }])
+    }, [
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (n(), s("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (n(), s("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (n(!0), s(m, null, u(a.options, (e, c) => (n(), s(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          t(a.$slots, "option:prepend", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          }),
+          l("label", {
+            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
+          }, [
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              t(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          t(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
           })
-        ]
-      }
-    ), _ = n(() => {
-      if (a.value.arrow) {
-        const { x: t, y: r } = a.value.arrow;
-        return {
-          style: {
-            left: `${t}px`,
-            top: `${r}px`
-          }
-        };
-      }
-    }), u = n(() => {
-      var t, r;
-      return c({}, e.containerAttributes, {
-        class: {
-          "bb-floating": !0,
-          [`bb-floating--${w.value}`]: !0,
-          [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
-          "bb-floating--hidden": !e.open,
-          "bb-floating--open": e.open
-        },
-        style: {
-          ...g.value,
-          "--transition-duration": `${e.transitionDuration}ms`,
-          "--arrow-offset-x": Math.round(((r = (t = a.value) == null ? void 0 : t.arrow) == null ? void 0 : r.x) ?? 0) + "px"
-        },
-        tabindex: e.open ? void 0 : -1
-      });
-    }), v = n(() => c({}, e.bubbleAttributes, {}));
-    return x(
-      () => e.open,
-      (t) => {
-        t && (i.value = m.value);
-      }
-    ), (t, r) => (b(), $(C, { target: t.teleportTarget }, {
-      default: A(() => [
-        (b(), k("span", l(u.value, {
-          key: u.value.id,
-          ref_key: "content",
-          ref: s
-        }), [
-          f("span", l({
-            ref_key: "bubblearrow",
-            ref: p,
-            class: "bb-floating__arrow"
-          }, _.value), null, 16),
-          f("span", l({ class: "bb-floating__bubble" }, v.value), [
-            B(t.$slots, "default")
-          ], 16)
-        ], 16))
-      ]),
-      _: 3
-    }, 8, ["target"]));
+        ], 64))), 128)),
+        t(a.$slots, "append")
+      ])
+    ], 2));
   }
 });
 export {
-  W as default
+  C as default
 };

package/dist/index214.js

@@ -1,202 +1,31 @@
-import { defineComponent as j, ref as c, 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 = 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:
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index211.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
           return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
       }
-      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);
+      e.value--;
     }
-    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));
-  }
-});
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  de as default
+  p as useItemsGetter
 };

package/dist/index215.js

@@ -0,0 +1,19 @@
+import { computed as i, unref as m } from "vue";
+import { hash as s } from "./index218.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)]
+  };
+};
+export {
+  p as useIndexById
+};

package/dist/index216.js

@@ -1,68 +1,53 @@
-import { defineComponent as _, ref as $, openBlock as r, createElementBlock as k, normalizeClass as y, renderSlot as n, createElementVNode as c, createBlock as s, unref as p, createCommentVNode as l, createVNode as i } from "vue";
-/* empty css       */
-/* empty css       */
-import m from "./index127.js";
-/* empty css         */
-import C from "./index129.js";
-/* empty css         */
-import h from "./index327.js";
-import B from "./index328.js";
-/* empty css         */
-const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
-  __name: "CommonInputInnerContainer",
-  props: {
-    "append:icon": {},
-    clearable: { type: Boolean },
-    "prepend:icon": {},
-    preventFocus: { type: Boolean }
-  },
-  emits: ["click:clear"],
-  setup(u, { emit: d }) {
-    const t = u, f = d, o = $(), a = () => {
-      var e;
-      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
-    }, b = () => {
-      f("click:clear"), a();
+import { computed as c, unref as n } from "vue";
+import { useItemText as y } from "./index273.js";
+import { useItemValue as x } from "./index274.js";
+import { hash as w } from "./index218.js";
+import { useLogger as D } from "./index236.js";
+const { getItemText: O } = y(), { getItemValue: V } = x(), { warn: H } = D(), T = (i, d, t, a, f, u) => u ? !1 : d || i.disabled ? !0 : typeof t == "function" ? !t(i) : !!(typeof t == "boolean" && !t || a && f >= a), q = ({
+  items: i,
+  disabled: d,
+  selectable: t,
+  itemText: a,
+  itemValue: f,
+  selectedIndexedByHash: u,
+  max: b = 1 / 0
+}) => {
+  const v = c(() => n(d)), p = c(() => n(i)), h = c(
+    () => Object.keys(u.value).length
+  ), g = n(b), m = (e) => {
+    const r = V(e, n(f)), o = w(r), l = O(e, n(a)), s = u.value[o] !== void 0, I = T(
+      e,
+      v.value,
+      t,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: l,
+      value: r,
+      valueHash: o,
+      selected: s,
+      disabled: n(I)
     };
-    return (e, E) => (r(), k("span", {
-      ref_key: "container",
-      ref: o,
-      class: y(["bb-common-input-inner-container", {
-        "bb-common-input-inner-container--clearable": t.clearable
-      }]),
-      onClick: a
-    }, [
-      n(e.$slots, "prepend", {}, () => [
-        c("span", v, [
-          n(e.$slots, "prefix")
-        ])
-      ]),
-      e.$props["prepend:icon"] ? (r(), s(p(m), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: e.$props["prepend:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      n(e.$slots, "default"),
-      i(B, {
-        "aria-hidden": !e.clearable,
-        tabindex: e.clearable ? 0 : -1,
-        onClick: b
-      }, null, 8, ["aria-hidden", "tabindex"]),
-      e.$props["append:icon"] ? (r(), s(p(m), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: e.$props["append:icon"]
-      }, null, 8, ["type"])) : l("", !0),
-      i(h),
-      i(p(C)),
-      n(e.$slots, "append", {}, () => [
-        c("span", I, [
-          n(e.$slots, "suffix")
-        ])
-      ])
-    ], 2));
-  }
-});
+  };
+  return {
+    options: c(() => {
+      const e = [], r = /* @__PURE__ */ new Set();
+      for (let o = 0; o < p.value.length; o++) {
+        const l = p.value[o];
+        l.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 = m(l);
+        r.has(s.valueHash) || (r.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: m
+  };
+};
 export {
-  A as default
+  q as useBaseOptions
 };

package/dist/index217.js

@@ -0,0 +1,17 @@
+import { isNil as f } from "./index256.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
+  };
+};
+export {
+  a as useCoherence
+};

package/dist/index218.js

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

package/dist/index219.js

@@ -1,15 +1,14 @@
-import { locales as t } from "./index281.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index282.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
-});
+import { hash as e } from "./index218.js";
+import { debouncedWatch as s } from "./index211.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
 export {
-  d as useLocale
+  n as useHashedWatcher
 };

package/dist/index220.js

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