bitboss-ui 2.0.39 → 2.0.41

package/dist/index235.js

@@ -1,7 +1,160 @@
-import o from "./index278.js";
-/* empty css         */
-import t from "./index257.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+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 "./index218.js";
+import { useArray as Q } from "./index282.js";
+import { uniqBy as $ } from "./index283.js";
+import { useItemValue as ee } from "./index284.js";
+import { useItemText as te } from "./index285.js";
+import { hash as v } from "./index227.js";
+import { isNotNil as q } from "./index134.js";
+import { waitFor as le } from "./index208.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
+  };
+};
 export {
-  m as default
+  he as useOptions
 };

package/dist/index236.js

@@ -1,51 +1,86 @@
-import { defineComponent as p, ref as _, computed as b, onMounted as f, openBlock as n, createElementBlock as o, createElementVNode as k, Fragment as y, renderList as h, unref as g, createBlock as v, normalizeClass as x, withCtx as B, createTextVNode as C, toDisplayString as E } from "vue";
-import { range as w } from "./index307.js";
-import D from "./index13.js";
-/* empty css        */
-const S = { class: "content" }, c = 100, V = /* @__PURE__ */ p({
-  __name: "BaseDatePickerYearSelector",
+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: {
-    cursor: {},
-    disabled: { type: Boolean }
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  emits: ["update:year"],
-  setup(s, { emit: l }) {
-    const i = s, d = l, r = _(), u = b(() => i.cursor.year()), a = (/* @__PURE__ */ new Date()).getFullYear() - c / 2, m = w(a, a + c).map((e) => ({
-      text: e,
-      key: e,
-      selected: e === u.value,
-      handler: () => d("update:year", e)
-    }));
-    return f(() => {
-      if (!r.value) return;
-      const e = r.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, T) => (n(), o("div", {
-      ref_key: "container",
-      ref: r,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
+  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"
+      }])
     }, [
-      k("div", S, [
-        (n(!0), o(y, null, h(g(m), (t) => (n(), v(D, {
-          key: t.key,
-          class: x({
-            content__btn: !0,
-            "content__btn--selected": t.selected
+      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
           }),
-          disabled: e.disabled,
-          onClick: t.handler
-        }, {
-          default: B(() => [
-            C(E(t.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
+          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")
       ])
-    ], 512));
+    ], 2));
   }
 });
 export {
-  V as default
+  f as default
 };

package/dist/index238.js

@@ -1,9 +1,4 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  d as useModalsState
+  s as isCssColor
 };

package/dist/index239.js

@@ -1,6 +1,6 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import { curry as e } from "./index289.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  x as isHex
+  t as baseWhen,
+  s as when
 };

package/dist/index240.js

@@ -1,4 +1,4 @@
-const o = (e) => e[0];
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  o as head
+  o as booleanishToBoolean
 };

package/dist/index243.js

@@ -1,5 +1,5 @@
 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 { hash as d } from "./index227.js";
 import { isNil as l } from "./index129.js";
 import E from "./index124.js";
 /* empty css         */

package/dist/index245.js

@@ -1,5 +1,5 @@
 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 "./index231.js";
+import { hash as f } from "./index227.js";
 import { isNil as i } from "./index129.js";
 const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
   __name: "CommaBox",

package/dist/index247.js

@@ -1,5 +1,4 @@
-import r from "./index293.js";
-const t = r;
+const o = (e) => e[0];
 export {
-  t as deburr
+  o as head
 };

package/dist/index25.js

@@ -1,11 +1,11 @@
 import { defineComponent as ae, ref as o, getCurrentInstance as se, computed as m, nextTick as N, useAttrs as ne, onMounted as ie, onBeforeUnmount as F, watch as re, openBlock as k, createBlock as ue, Teleport as de, createElementVNode as a, mergeProps as G, createElementBlock as T, renderSlot as u, createTextVNode as ce, toDisplayString as P, createCommentVNode as z } from "vue";
-import { throttle as ve } from "./index237.js";
-import { useFocusTrap as fe } from "./index223.js";
+import { throttle as ve } from "./index206.js";
+import { useFocusTrap as fe } from "./index207.js";
 import { useId as K } from "./index8.js";
 import { wait as H } from "./index131.js";
-import { waitFor as be } from "./index225.js";
-import { useModalsState as C } from "./index238.js";
-import { useLogger as pe } from "./index228.js";
+import { waitFor as be } from "./index208.js";
+import { useModalsState as C } from "./index209.js";
+import { useLogger as pe } from "./index210.js";
 const me = { class: "bb-base-dialog-close" }, ge = ["aria-label"], De = /* @__PURE__ */ ae({
   __name: "BaseDialog",
   props: {