bitboss-ui 2.0.40 → 2.0.42

package/dist/index207.js

@@ -1,160 +1,86 @@
-import { ref as a, computed as r, onBeforeMount as Y, onBeforeUnmount as Z, watch as H, nextTick as N } from "vue";
-import { last as _ } from "./index225.js";
-import { useArray as Q } from "./index254.js";
-import { uniqBy as $ } from "./index255.js";
-import { useItemValue as ee } from "./index256.js";
-import { useItemText as te } from "./index257.js";
-import { hash as v } from "./index212.js";
-import { isNotNil as q } from "./index134.js";
-import { waitFor as le } from "./index216.js";
-import { isNil as oe } from "./index129.js";
-const he = (l) => {
-  const i = a(""), F = a(), u = (e) => {
-    F.value = e, l.emit("update:modelValue", e);
-  }, d = a([]), {
-    array: k,
-    add: E,
-    remove: P,
-    set: y
-  } = Q(), {
-    array: S,
-    add: j,
-    remove: J
-  } = Q(), { getItemText: L } = te(), { getItemValue: U } = ee(), O = (e) => {
-    const t = !!(l.disabled.value || e.disabled), o = L(e, l.itemText), n = U(e, l.itemValue);
-    if (n === 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 X = v(n);
-    return {
-      item: e,
-      text: o,
-      value: n,
-      valueHash: X,
-      disabled: t,
-      selected: !1
-    };
-  }, T = (e) => (e.selected = q(b.value[e.valueHash]), e), V = r(() => {
-    const e = [].concat(
-      d.value.map((t) => T(O(t))),
-      S.value.map(T),
-      k.value.map(T)
-    );
-    return $(e, (t) => t.valueHash);
-  }), z = (e) => {
-    l.multiple ? (u(l.modelValue.value.concat(e.value)), l.stash && E(e), l.resetQueryOnOptionSelected && s()) : (l.stash && y(e), u(e.value), N(() => s()));
-  }, G = async (e) => {
-    if (J((t) => t.valueHash !== e.valueHash), P((t) => t.valueHash !== e.valueHash), l.multiple) {
-      const t = { ...b.value };
-      delete t[e.valueHash], u(Object.values(t));
-    } else
-      u(null), await N(), s();
-  }, b = r(() => {
-    const e = {}, t = [].concat(l.modelValue.value);
-    for (let o = 0; o < t.length; o++) {
-      const n = t[o];
-      e[v(n)] = n;
-    }
-    return e;
-  }), g = async ({ prefill: e = !1 }) => {
-    let t = [];
-    if (Array.isArray(l.items.value))
-      t = l.items.value;
-    else if (typeof l.items.value == "function") {
-      const o = ++c.value;
-      try {
-        t = await l.items.value(
-          i.value,
-          e,
-          l.modelValue.value
-        ), o < c.value && (await le(() => o === c.value), t = d.value);
-      } catch (n) {
-        console.error(n);
-      }
-      c.value--;
-    }
-    d.value = t;
-  }, B = r(() => {
-    const e = {};
-    for (let t = 0; t < V.value.length; t++) {
-      const o = V.value[t], { valueHash: n } = o;
-      e[n] = o;
-    }
-    return {
-      get: (t) => e[v(t)]
-    };
-  }), f = r(() => [].concat(l.modelValue.value).reduce((e, t) => {
-    const o = B.value.get(t);
-    return o && e.push(o), e;
-  }, [])), C = (e) => q(B.value.get(e)), s = () => {
-    if (l.multiple) {
-      i.value = "";
-      return;
-    }
-    let e;
-    f.value && (e = _(f.value)), i.value = (e == null ? void 0 : e.text) || "";
-  }, K = () => {
-    const e = i.value.trim(), t = O(e);
-    j(t), s();
-  }, c = a(0), M = r(() => [].concat(l.modelValue.value).reduce(
-    (e, t) => (C(t) ? e.coherent.push(t) : e.incoherent.push(t), e),
-    { coherent: [], incoherent: [] }
-  )), A = r(() => l.multiple && !l.modelValue.value.length || !l.multiple && oe(l.modelValue.value) ? !0 : !M.value.incoherent.length), R = () => {
-    l.enforceCoherence && !A.value && (l.multiple ? u(M.value.coherent) : u(null));
-  }, p = a(!1), I = a(!1), m = async () => {
-    I.value = !0, await g({ prefill: !0 }), R(), s(), p.value = !0, I.value = !1;
-  };
-  Y(async () => {
-    l.prefill && (await m(), l.stash && y(...f.value));
-  });
-  let h;
-  const W = () => {
-    h && clearTimeout(h), h = setTimeout(async () => {
-      try {
-        await g({ prefill: !1 });
-      } catch (e) {
-        console.error(e);
-      }
-    }, l.queryDebounceTime);
-  };
-  Z(() => clearTimeout(h));
-  let x;
-  H(
-    () => l.modelValue.value,
-    () => {
-      A.value || (x && clearTimeout(x), x = setTimeout(async () => {
-        m();
-      }, l.modelValueDebounceTime));
-    }
-  );
-  let w;
-  const D = async (e, t) => {
-    v(t) !== v(e) && p.value && (w && clearTimeout(w), w = setTimeout(async () => {
-      await m();
-    }, l.depsDebounceTime));
-  };
-  return H(() => l.items.value, D), H(() => l.dependencies.value, D), {
-    addCurrentQueryToManualItems: K,
-    alignQueryToState: s,
-    getOptions: g,
-    hasPrefilled: p,
-    innerLoading: c,
-    isPrefilling: I,
-    manualItems: S,
-    options: V,
-    prefillItems: m,
-    query: i,
-    searchByQuery: W,
-    selectedOptions: f,
-    selectOption: z,
-    setStash: y,
-    unselectOption: G,
-    updateModelValue: u,
-    valueIsSelected: C,
-    internalItems: d
-  };
-};
+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 {
-  he as useOptions
+  f as default
 };

package/dist/index209.js

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

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 "./index219.js";
-import z from "./index220.js";
-import U from "./index221.js";
-import W from "./index222.js";
-import E from "./index223.js";
-import T from "./index224.js";
-import { hash as V } from "./index212.js";
-import { last as j } from "./index225.js";
-import { useLogger as H } from "./index218.js";
-import P from "./index226.js";
-import Z from "./index227.js";
-import q from "./index228.js";
-import h from "./index229.js";
-import F from "./index230.js";
+import s from "./index224.js";
+import z from "./index227.js";
+import U from "./index228.js";
+import W from "./index226.js";
+import E from "./index233.js";
+import T from "./index234.js";
+import { hash as V } from "./index235.js";
+import { last as j } from "./index230.js";
+import { useLogger as H } from "./index210.js";
+import P from "./index236.js";
+import Z from "./index237.js";
+import q from "./index238.js";
+import h from "./index239.js";
+import F from "./index240.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,4 +1,10 @@
-const o = (e) => e[0];
+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 {
-  o as head
+  e as useLogger
 };

package/dist/index211.js

@@ -1,4 +1,5 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import t from "./index257.js";
+const r = t;
 export {
-  s as isCssColor
+  r as throttle
 };

package/dist/index212.js

@@ -1,5 +1,43 @@
-import { hash as o } from "./index258.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+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 "./index256.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 {
-  t as hash
+  E as useFocusTrap
 };

package/dist/index213.js

@@ -1,6 +1,8 @@
-import { curry as e } from "./index263.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
+});
 export {
-  t as baseWhen,
-  s as when
+  o as waitFor
 };

package/dist/index214.js

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

package/dist/index215.js

@@ -1,43 +1,55 @@
-import { unrefElement as A } from "./index132.js";
-import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index205.js";
-import { ref as i, computed as D, watch as F } from "vue";
-import { createFocusTrap as T } from "./index278.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
-  };
-}
+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 "./index306.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));
+  }
+});
 export {
-  E as useFocusTrap
+  S as default
 };

package/dist/index217.js

@@ -1,9 +1,15 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index260.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]]);
 export {
-  d as useModalsState
+  i as default
 };

package/dist/index218.js

@@ -1,10 +1,4 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  e as useLogger
+  s as isCssColor
 };