bitboss-ui 2.0.66 → 2.0.67

package/dist/index110.js

@@ -1,15 +1,15 @@
 import { defineComponent as oe, ref as j, computed as y, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as _, createElementVNode as o, renderSlot as f, createVNode as x, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index292.js";
+import { add as ue } from "./index301.js";
 import { clamp as pe } from "./index205.js";
 import { isNil as M } from "./index129.js";
 import { useId as fe } from "./index8.js";
-import { useItemValue as me } from "./index276.js";
+import { useItemValue as me } from "./index259.js";
 import { when as ye } from "./index239.js";
 import J from "./index17.js";
 /* empty css        */
 import he from "./index31.js";
 /* empty css        */
-import { useOptions as ke } from "./index227.js";
+import { useOptions as ke } from "./index206.js";
 const _e = {
   key: 0,
   class: "sr-only"

package/dist/index118.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as f, Fragment as d, renderList as _, unref as r, mergeProps as b } from "vue";
 import { state as k, useToast as C } from "./index11.js";
-import B from "./index297.js";
+import B from "./index299.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {

package/dist/index120.js

@@ -1,12 +1,12 @@
 import { defineComponent as z, defineAsyncComponent as A, ref as a, watch as I, computed as R, openBlock as v, createElementBlock as S, mergeProps as U, createElementVNode as c, renderSlot as E, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as D, withCtx as L, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index217.js";
+import { useFloating as q, arrow as G } from "./index228.js";
 import { useId as J } from "./index8.js";
 import { wait as P } from "./index131.js";
 import K from "./index13.js";
 /* empty css        */
-import { throttle as b } from "./index207.js";
-import { waitFor as Q } from "./index209.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index226.js";
+import { throttle as b } from "./index209.js";
+import { waitFor as Q } from "./index211.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index236.js";
 const ue = /* @__PURE__ */ z({
   __name: "BbTooltip",
   props: {
@@ -24,7 +24,7 @@ const ue = /* @__PURE__ */ z({
   },
   setup(F) {
     const O = A(
-      () => import("./index268.js")
+      () => import("./index252.js")
     ), t = F, w = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), _ = a(), { placement: g, middlewareData: $ } = q(s, d, {
       placement: t.placement,
       whileElementsMounted: X,

package/dist/index122.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index296.js";
+import { flattenTree as T } from "./index300.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index127.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index207.js";
+import { throttle as g } from "./index209.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, getCurrentInstance as u, resolveComponent as p, computed as d, openBlock as v, createBlock as h, resolveDynamicComponent as C, unref as x, mergeProps as S, withCtx as L, renderSlot as B, createTextVNode as N, toDisplayString as $ } from "vue";
 import { _config as n } from "./index4.js";
-import { useLogger as m } from "./index206.js";
+import { useLogger as m } from "./index213.js";
 const _ = /* @__PURE__ */ k({
   __name: "BaseButton",
   props: {

package/dist/index133.js

@@ -1,5 +1,5 @@
-import { isArray as p } from "./index298.js";
-import { isPlainObject as c } from "./index299.js";
+import { isArray as p } from "./index305.js";
+import { isPlainObject as c } from "./index306.js";
 function i(e, n, u, l, r) {
   const o = {}.propertyIsEnumerable.call(l, n) ? "enumerable" : "nonenumerable";
   o === "enumerable" && (e[n] = u), r && o === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index15.js

@@ -1,9 +1,9 @@
 import { defineComponent as k, ref as y, computed as v, watchPostEffect as h, openBlock as g, createElementBlock as C, Fragment as w, createVNode as d, normalizeClass as V, withCtx as n, renderSlot as l, createElementVNode as s, normalizeStyle as H, withModifiers as B, withDirectives as E, mergeProps as q, unref as $ } from "vue";
-import z from "./index211.js";
+import z from "./index232.js";
 /* empty css         */
-import I from "./index213.js";
-import { vMaska as M } from "./index214.js";
-import { isHex as D } from "./index215.js";
+import I from "./index234.js";
+import { vMaska as M } from "./index231.js";
+import { isHex as D } from "./index237.js";
 const F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], P = ["aria-invalid", "disabled", "required"], T = /* @__PURE__ */ k({
   __name: "BaseColorInput",
   props: {

package/dist/index19.js

@@ -1,8 +1,8 @@
 import { defineComponent as $, ref as p, toRef as l, openBlock as B, createBlock as w, unref as f, withCtx as i, renderSlot as s, normalizeProps as b, guardReactiveProps as h, createVNode as O, mergeProps as v } from "vue";
-import { useOptions as z } from "./index227.js";
+import { useOptions as z } from "./index206.js";
 import F from "./index17.js";
 /* empty css        */
-import M from "./index228.js";
+import M from "./index207.js";
 /* empty css         */
 const A = /* @__PURE__ */ $({
   __name: "BaseCheckboxGroup",

package/dist/index206.js

@@ -1,10 +1,164 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
+import { ref as s, computed as a, onBeforeMount as $, onBeforeUnmount as ee, watch as b, nextTick as Q } from "vue";
+import { last as te } from "./index222.js";
+import { useArray as E } from "./index257.js";
+import { uniqBy as le } from "./index258.js";
+import { useItemValue as ne } from "./index259.js";
+import { useItemText as oe } from "./index260.js";
+import { hash as d } from "./index221.js";
+import { isNotNil as F } from "./index134.js";
+import { waitFor as ue } from "./index211.js";
+import { isNil as ie } from "./index129.js";
+import { pipe as H } from "./index261.js";
+const ge = (t) => {
+  const r = s(""), k = s(), u = (e) => {
+    k.value = e, t.emit("update:modelValue", e);
+  }, v = s([]), {
+    array: P,
+    add: j,
+    remove: J,
+    set: y
+  } = E(), {
+    array: O,
+    add: L,
+    remove: U
+  } = E(), { getItemText: z } = oe(), { getItemValue: G } = ne();
+  if (t.max && t.max < 1)
+    throw new Error("Invalid value for `max` property");
+  const B = (e) => {
+    const l = !!(t.disabled.value || e.disabled), n = z(e, t.itemText), o = G(e, t.itemValue);
+    if (o === void 0)
+      throw new Error(
+        'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
+      );
+    const _ = d(o);
+    return {
+      item: e,
+      text: n,
+      value: o,
+      valueHash: _,
+      disabled: l,
+      selected: !1
+    };
+  }, T = (e) => (e.selected = F(q.value[e.valueHash]), e), K = t.max || 1 / 0, V = (e) => (e.disabled = e.disabled || t.multiple && t.modelValue.value.length >= K && !e.selected, e), g = a(() => {
+    const e = [].concat(
+      v.value.map(H(B, T, V)),
+      O.value.map(H(T, V)),
+      P.value.map(H(T, V))
+    );
+    return le(e, (n) => n.valueHash);
+  }), R = (e) => {
+    t.multiple ? (u(t.modelValue.value.concat(e.value)), t.stash && j(e), t.resetQueryOnOptionSelected && i()) : (t.stash && y(e), u(e.value), Q(() => i()));
+  }, W = async (e) => {
+    if (U((l) => l.valueHash !== e.valueHash), J((l) => l.valueHash !== e.valueHash), t.multiple) {
+      const l = { ...q.value };
+      delete l[e.valueHash], u(Object.values(l));
+    } else
+      u(null), await Q(), i();
+  }, q = a(() => {
+    const e = {}, l = [].concat(t.modelValue.value);
+    for (let n = 0; n < l.length; n++) {
+      const o = l[n];
+      e[d(o)] = o;
+    }
+    return e;
+  }), x = async ({ prefill: e = !1 }) => {
+    let l = [];
+    if (Array.isArray(t.items.value))
+      l = t.items.value;
+    else if (typeof t.items.value == "function") {
+      const n = ++c.value;
+      try {
+        l = await t.items.value(
+          r.value,
+          e,
+          t.modelValue.value
+        ), n < c.value && (await ue(() => n === c.value), l = v.value);
+      } catch (o) {
+        console.error(o);
+      }
+      c.value--;
+    }
+    v.value = l;
+  }, C = a(() => {
+    const e = {};
+    for (let l = 0; l < g.value.length; l++) {
+      const n = g.value[l], { valueHash: o } = n;
+      e[o] = n;
+    }
+    return {
+      get: (l) => e[d(l)]
+    };
+  }), f = a(() => [].concat(t.modelValue.value).reduce((e, l) => {
+    const n = C.value.get(l);
+    return n && e.push(n), e;
+  }, [])), M = (e) => F(C.value.get(e)), i = () => {
+    if (t.multiple) {
+      r.value = "";
+      return;
+    }
+    let e;
+    f.value && (e = te(f.value)), r.value = (e == null ? void 0 : e.text) || "";
+  }, X = () => {
+    const e = r.value.trim(), l = B(e);
+    L(l), i();
+  }, c = s(0), A = a(() => [].concat(t.modelValue.value).reduce(
+    (e, l) => (M(l) ? e.coherent.push(l) : e.incoherent.push(l), e),
+    { coherent: [], incoherent: [] }
+  )), D = a(() => t.multiple && !t.modelValue.value.length || !t.multiple && ie(t.modelValue.value) ? !0 : !A.value.incoherent.length), Y = () => {
+    t.enforceCoherence && !D.value && (t.multiple ? u(A.value.coherent) : u(null));
+  }, I = s(!1), p = s(!1), m = async () => {
+    p.value = !0, await x({ prefill: !0 }), Y(), i(), I.value = !0, p.value = !1;
+  };
+  $(async () => {
+    t.prefill && (await m(), t.stash && y(...f.value));
+  });
+  let h;
+  const Z = () => {
+    h && clearTimeout(h), h = setTimeout(async () => {
+      try {
+        await x({ prefill: !1 });
+      } catch (e) {
+        console.error(e);
+      }
+    }, t.queryDebounceTime);
+  };
+  ee(() => clearTimeout(h));
+  let w;
+  b(
+    () => t.modelValue.value,
+    () => {
+      D.value || (w && clearTimeout(w), w = setTimeout(async () => {
+        m();
+      }, t.modelValueDebounceTime));
+    }
+  );
+  let S;
+  const N = async (e, l) => {
+    d(l) !== d(e) && I.value && (S && clearTimeout(S), S = setTimeout(async () => {
+      await m();
+    }, t.depsDebounceTime));
+  };
+  return b(() => t.items.value, N), b(() => t.dependencies.value, N), {
+    addCurrentQueryToManualItems: X,
+    alignQueryToState: i,
+    getOptions: x,
+    hasPrefilled: I,
+    innerLoading: c,
+    isPrefilling: p,
+    manualItems: O,
+    options: g,
+    prefillItems: m,
+    query: r,
+    searchByQuery: Z,
+    selectedOptions: f,
+    selectOption: R,
+    setStash: y,
+    unselectOption: W,
+    updateModelValue: u,
+    valueIsSelected: M,
+    internalItems: v
+  };
+};
 export {
-  e as useLogger
+  ge as useOptions
 };

package/dist/index207.js

@@ -1,5 +1,86 @@
-import t from "./index251.js";
-const r = t;
+import { defineComponent as b, openBlock as t, createElementBlock as n, normalizeClass as r, createElementVNode as l, renderSlot as s, createTextVNode as o, toDisplayString as d, createCommentVNode as h, Fragment as c, renderList as m } from "vue";
+const p = { class: "bb-cr-container__container" }, u = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, g = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, f = /* @__PURE__ */ b({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(k) {
+    return (a, y) => (t(), n("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", p, [
+        s(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (t(), n("span", u, [
+          s(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (t(), n("span", g, [
+          s(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (t(!0), n(c, null, m(a.options, (e, i) => (t(), n(c, {
+          key: (e == null ? void 0 : e.valueHash) || i
+        }, [
+          s(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 }])
+          }, [
+            s(a.$slots, "input", {
+              index: i,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              s(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          s(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        s(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  r as throttle
+  f as default
 };

package/dist/index209.js

@@ -1,8 +1,5 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
+import t from "./index263.js";
+const r = t;
 export {
-  o as waitFor
+  r as throttle
 };

package/dist/index21.js

@@ -3,20 +3,20 @@ import { defineComponent as $, ref as b, watch as x, openBlock as u, createEleme
 /* empty css       */
 import p from "./index13.js";
 /* empty css        */
-import s from "./index218.js";
-import z from "./index221.js";
-import U from "./index222.js";
-import W from "./index220.js";
-import E from "./index230.js";
-import T from "./index231.js";
-import { hash as V } from "./index232.js";
-import { last as j } from "./index224.js";
-import { useLogger as H } from "./index206.js";
-import P from "./index233.js";
-import Z from "./index234.js";
-import q from "./index235.js";
-import h from "./index236.js";
-import F from "./index237.js";
+import s from "./index215.js";
+import z from "./index216.js";
+import U from "./index217.js";
+import W from "./index218.js";
+import E from "./index219.js";
+import T from "./index220.js";
+import { hash as V } from "./index221.js";
+import { last as j } from "./index222.js";
+import { useLogger as H } from "./index213.js";
+import P from "./index223.js";
+import Z from "./index224.js";
+import q from "./index225.js";
+import h from "./index226.js";
+import F from "./index227.js";
 const G = { class: "bb-base-date-picker" }, I = { class: "bb-base-date-picker__body" }, J = { class: "bb-base-date-picker__controls" }, K = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index210.js

@@ -1,9 +1,43 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+import { unrefElement as A } from "./index132.js";
+import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index204.js";
+import { ref as i, computed as D, watch as F } from "vue";
+import { createFocusTrap as T } from "./index262.js";
+function E(f, a = {}) {
+  let e;
+  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, m = () => {
+    e && (e.unpause(), s.value = !1);
+  }, d = D(() => {
+    const t = n(f);
+    return (Array.isArray(t) ? t : [t]).map((h) => {
+      const o = n(h);
+      return typeof o == "string" ? o : A(o);
+    }).filter(g);
+  });
+  return F(
+    d,
+    (t) => {
+      t.length && (e = T(t, {
+        ...p,
+        onActivate() {
+          r.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          r.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: r,
+    isPaused: s,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  d as useModalsState
+  E as useFocusTrap
 };

package/dist/index211.js

@@ -1,55 +1,8 @@
-import { defineComponent as f, ref as d, openBlock as r, createElementBlock as _, renderSlot as e, createElementVNode as t, createBlock as s, unref as p, createCommentVNode as i, createVNode as c } from "vue";
-/* empty css       */
-/* empty css       */
-import a from "./index126.js";
-/* empty css         */
-import $ from "./index128.js";
-/* empty css         */
-import b from "./index300.js";
-const y = { class: "bb-common-input-inner-container__prefix" }, k = { class: "bb-common-input-inner-container__suffix" }, S = /* @__PURE__ */ f({
-  __name: "CommonInputInnerContainer",
-  props: {
-    "append:icon": {},
-    "prepend:icon": {},
-    preventFocus: { type: Boolean }
-  },
-  setup(m) {
-    const u = m, o = d(), l = () => {
-      var n;
-      !o.value || u.preventFocus || (n = o.value.querySelector("input")) == null || n.focus();
-    };
-    return (n, C) => (r(), _("span", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-common-input-inner-container",
-      onClick: l
-    }, [
-      e(n.$slots, "prepend", {}, () => [
-        t("span", y, [
-          e(n.$slots, "prefix")
-        ])
-      ]),
-      n.$props["prepend:icon"] ? (r(), s(p(a), {
-        key: 0,
-        class: "bb-common-input-inner-container__prepend-icon",
-        type: n.$props["prepend:icon"]
-      }, null, 8, ["type"])) : i("", !0),
-      e(n.$slots, "default"),
-      n.$props["append:icon"] ? (r(), s(p(a), {
-        key: 1,
-        class: "bb-common-input-inner-container__append-icon",
-        type: n.$props["append:icon"]
-      }, null, 8, ["type"])) : i("", !0),
-      c(p($)),
-      c(b),
-      e(n.$slots, "append", {}, () => [
-        t("span", k, [
-          e(n.$slots, "suffix")
-        ])
-      ])
-    ], 512));
-  }
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
 });
 export {
-  S as default
+  o as waitFor
 };

package/dist/index212.js

@@ -0,0 +1,9 @@
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+export {
+  d as useModalsState
+};

package/dist/index213.js

@@ -1,15 +1,10 @@
-import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
-/* empty css         */
-import r from "./index254.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]]);
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
 export {
-  i as default
+  e as useLogger
 };

package/dist/index214.js

@@ -1,22 +1,5 @@
-import { MaskInput as r } from "./index255.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));
-};
+import r from "./index264.js";
+const t = r;
 export {
-  k as vMaska
+  t as deburr
 };