bitboss-ui 2.0.90 → 2.0.92

package/dist/index229.js

@@ -1,9 +1,54 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+import { defineComponent as p, ref as b, watch as _, computed as m, openBlock as d, createElementBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
+import k from "./index231.js";
+const y = { class: "bb-base-date-picker__year-container" }, v = {
+  "aria-live": "polite",
+  class: "bb-base-date-picker__selected-day-label"
+}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
+  __name: "BaseDatePickerHeader",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
+  },
+  emits: ["mode:year", "mode:month"],
+  setup(n) {
+    const s = n, r = b("top"), l = (e, a) => {
+      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
+    };
+    _(
+      () => s.cursor,
+      (e, a) => {
+        l(e, a);
+      }
+    );
+    const i = m(() => s.cursor.format("YYYY"));
+    return (e, a) => (d(), c("div", {
+      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
+    }, [
+      t("div", y, [
+        h(k, {
+          direction: r.value,
+          duration: 500,
+          gap: 30
+        }, {
+          default: f(() => [
+            (d(), c("span", {
+              key: i.value,
+              "aria-live": "polite",
+              class: "bb-base-date-picker__year-button"
+            }, o(i.value), 1))
+          ]),
+          _: 1
+        }, 8, ["direction"])
+      ]),
+      t("div", v, [
+        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
+        t("span", D, o(e.cursor.format("DD")), 1),
+        t("span", M, o(e.cursor.format("MMMM")), 1)
+      ])
+    ], 2));
+  }
+});
 export {
-  d as useModalsState
+  C as default
 };

package/dist/{index22.js → index23.js}

@@ -8,20 +8,20 @@ import pe from "./index216.js";
 import { identity as me } from "./index217.js";
 import { last as fe } from "./index218.js";
 import { useFocusTrap as be } from "./index219.js";
-import { useId as ve } from "./index7.js";
-import { useIntersectionObserver as ye } from "./index131.js";
-import { useMobile as ge } from "./index8.js";
-import { vMaska as ke } from "./index220.js";
-import { wait as Me } from "./index130.js";
-import { waitFor as he } from "./index221.js";
-import we from "./index20.js";
+import { useId as ve } from "./index8.js";
+import { useIntersectionObserver as ye } from "./index132.js";
+import { useMobile as ge } from "./index9.js";
+import { vMaska as ke } from "./index209.js";
+import { wait as Me } from "./index131.js";
+import { waitFor as he } from "./index220.js";
+import we from "./index21.js";
 /* empty css        */
-import Ve from "./index205.js";
+import Ve from "./index206.js";
 /* empty css         */
-import Ce from "./index207.js";
-import Ye from "./index222.js";
-import Ae from "./index223.js";
-import { autoUpdate as De, flip as Se, offset as $e, shift as _e, hide as Oe } from "./index224.js";
+import Ce from "./index208.js";
+import Ye from "./index221.js";
+import Ae from "./index222.js";
+import { autoUpdate as De, flip as Se, offset as $e, shift as _e, hide as Oe } from "./index223.js";
 const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ee = ["aria-label", "disabled"], Ie = ["id"], nt = /* @__PURE__ */ te({
   __name: "BaseDatePickerInput",
   props: {

package/dist/index230.js

@@ -1,166 +1,46 @@
-import { ref as s, computed as a, onServerPrefetch as $, onBeforeMount as ee, onBeforeUnmount as te, watch as b, nextTick as Q } from "vue";
-import { last as le } from "./index218.js";
-import { useArray as E } from "./index280.js";
-import { uniqBy as ne } from "./index281.js";
-import { useItemValue as ue } from "./index282.js";
-import { useItemText as oe } from "./index283.js";
-import { hash as f } from "./index235.js";
-import { isNotNil as F } from "./index133.js";
-import { waitFor as ie } from "./index221.js";
-import { isNil as se } from "./index128.js";
-import { pipe as H } from "./index284.js";
-const xe = (t) => {
-  const r = s(""), P = s(), o = (e) => {
-    P.value = e, t.emit("update:modelValue", e);
-  }, m = s([]), {
-    array: k,
-    add: j,
-    remove: J,
-    set: h
-  } = E(), {
-    array: O,
-    add: L,
-    remove: U
-  } = E(), { getItemText: z } = oe(), { getItemValue: G } = ue();
-  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), u = G(e, t.itemValue);
-    if (u === 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 _ = f(u);
-    return {
-      item: e,
-      text: n,
-      value: u,
-      valueHash: _,
-      disabled: l,
-      selected: !1
-    };
-  }, V = (e) => (e.selected = F(q.value[e.valueHash]), e), K = t.max || 1 / 0, g = (e) => (e.disabled = e.disabled || t.multiple && t.modelValue.value.length >= K && !e.selected, e), x = a(() => {
-    const e = [].concat(
-      m.value.map(H(B, V, g)),
-      O.value.map(H(V, g)),
-      k.value.map(H(V, g))
+import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
+import C from "./index13.js";
+/* empty css        */
+const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
+  __name: "BaseDatePickerMonthSelector",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:month"],
+  setup(l, { emit: d }) {
+    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
+      () => new Array(12).fill(0).map((r, t) => {
+        const n = s.cursor.clone().startOf("year").add(t, "month");
+        return {
+          text: n.format("MMMM"),
+          key: n.unix(),
+          selected: n.month() === i.value,
+          handler: () => m("update:month", t)
+        };
+      })
     );
-    return ne(e, (n) => n.valueHash);
-  }), R = (e) => {
-    t.multiple ? (o(t.modelValue.value.concat(e.value)), t.stash && j(e), t.resetQueryOnOptionSelected && i()) : (t.stash && h(e), o(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], o(Object.values(l));
-    } else
-      o(null), await Q(), i();
-  }, q = a(() => {
-    const e = {}, l = [].concat(t.modelValue.value);
-    for (let n = 0; n < l.length; n++) {
-      const u = l[n];
-      e[f(u)] = u;
-    }
-    return e;
-  }), I = 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 = ++d.value;
-      try {
-        l = await t.items.value(
-          r.value,
-          e,
-          t.modelValue.value
-        ), n < d.value && (await ie(() => n === d.value), l = m.value);
-      } catch (u) {
-        console.error(u);
-      }
-      d.value--;
-    }
-    m.value = l;
-  }, C = a(() => {
-    const e = {};
-    for (let l = 0; l < x.value.length; l++) {
-      const n = x.value[l], { valueHash: u } = n;
-      e[u] = n;
-    }
-    return {
-      get: (l) => e[f(l)]
-    };
-  }), c = 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;
-    c.value && (e = le(c.value)), r.value = (e == null ? void 0 : e.text) || "";
-  }, X = () => {
-    const e = r.value.trim(), l = B(e);
-    L(l), i();
-  }, d = 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 && se(t.modelValue.value) ? !0 : !A.value.incoherent.length), Y = () => {
-    t.enforceCoherence && !D.value && (t.multiple ? o(A.value.coherent) : o(null));
-  }, y = s(!1), w = s(!1), v = async () => {
-    w.value = !0, await I({ prefill: !0 }), Y(), i(), y.value = !0, w.value = !1;
-  };
-  $(async () => {
-    t.prefill && (await v(), t.stash && h(...c.value));
-  }), ee(async () => {
-    t.prefill && !y.value && (await v(), t.stash && h(...c.value));
-  });
-  let T;
-  const Z = () => {
-    T && clearTimeout(T), T = setTimeout(async () => {
-      try {
-        await I({ prefill: !1 });
-      } catch (e) {
-        console.error(e);
-      }
-    }, t.queryDebounceTime);
-  };
-  te(() => clearTimeout(T));
-  let p;
-  b(
-    () => t.modelValue.value,
-    () => {
-      D.value || (p && clearTimeout(p), p = setTimeout(async () => {
-        v();
-      }, t.modelValueDebounceTime));
-    }
-  );
-  let S;
-  const N = async (e, l) => {
-    f(l) !== f(e) && y.value && (S && clearTimeout(S), S = setTimeout(async () => {
-      await v();
-    }, t.depsDebounceTime));
-  };
-  return b(() => t.items.value, N), b(() => t.dependencies.value, N), {
-    addCurrentQueryToManualItems: X,
-    alignQueryToState: i,
-    getOptions: I,
-    hasPrefilled: y,
-    innerLoading: d,
-    isPrefilling: w,
-    manualItems: O,
-    options: x,
-    prefillItems: v,
-    query: r,
-    searchByQuery: Z,
-    selectedOptions: c,
-    selectOption: R,
-    setStash: h,
-    unselectOption: W,
-    updateModelValue: o,
-    valueIsSelected: M,
-    internalItems: m
-  };
-};
+    return (r, t) => (o(), c("div", M, [
+      p("div", v, [
+        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
+          key: e.key,
+          class: f({
+            content__btn: !0,
+            "content__btn--selected": e.selected
+          }),
+          disabled: r.disabled,
+          type: "button",
+          onClick: e.handler
+        }, {
+          default: y(() => [
+            x(B(e.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "disabled", "onClick"]))), 128))
+      ])
+    ]));
+  }
+});
 export {
-  xe as useOptions
+  E as default
 };

package/dist/index231.js

@@ -1,86 +1,7 @@
-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));
-  }
-});
+import o from "./index274.js";
+/* empty css         */
+import t from "./index259.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
 export {
-  f as default
+  m as default
 };

package/dist/index232.js

@@ -0,0 +1,62 @@
+import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
+import { range as H } from "./index305.js";
+import M from "./index13.js";
+/* empty css        */
+const n = 10, l = 3, V = /* @__PURE__ */ g({
+  __name: "BaseDatePickerYearSelector",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:year"],
+  setup(p, { emit: _ }) {
+    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
+      () => H(c.value, s.value).map((e) => ({
+        text: e,
+        key: e,
+        selected: e === r.value,
+        handler: () => b("update:year", e)
+      }))
+    ), k = (e) => {
+      const t = e.target;
+      t.scrollTop <= 100 ? c.value = Math.max(
+        c.value - n * l,
+        r.value - 200
+      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
+    };
+    return h(() => {
+      if (!o.value) return;
+      const e = o.value.querySelector(
+        ".content__btn--selected"
+      );
+      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
+    }), (e, t) => (u(), m("div", {
+      ref_key: "container",
+      ref: o,
+      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
+    }, [
+      y("div", {
+        class: "content",
+        onScrollPassive: k
+      }, [
+        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
+          key: a.key,
+          class: S({
+            content__btn: !0,
+            "content__btn--selected": a.selected
+          }),
+          disabled: e.disabled,
+          onClick: a.handler
+        }, {
+          default: T(() => [
+            E(w(a.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "disabled", "onClick"]))), 128))
+      ], 32)
+    ], 512));
+  }
+});
+export {
+  V as default
+};

package/dist/index233.js

@@ -1,21 +1,166 @@
-import { getDefaultExportFromCjs as p, commonjsGlobal as s } from "./index259.js";
-import { __module as n } from "./index285.js";
-(function(u, l) {
-  (function(c, e) {
-    u.exports = e();
-  })(s, function() {
-    return function(c, e, r) {
-      r.updateLocale = function(f, o) {
-        var t = r.Ls[f];
-        if (t) return (o ? Object.keys(o) : []).forEach(function(a) {
-          t[a] = o[a];
-        }), t;
-      };
+import { ref as s, computed as a, onServerPrefetch as $, onBeforeMount as ee, onBeforeUnmount as te, watch as b, nextTick as Q } from "vue";
+import { last as le } from "./index218.js";
+import { useArray as E } from "./index284.js";
+import { uniqBy as ne } from "./index285.js";
+import { useItemValue as ue } from "./index286.js";
+import { useItemText as oe } from "./index287.js";
+import { hash as f } from "./index226.js";
+import { isNotNil as F } from "./index134.js";
+import { waitFor as ie } from "./index220.js";
+import { isNil as se } from "./index129.js";
+import { pipe as H } from "./index288.js";
+const xe = (t) => {
+  const r = s(""), P = s(), o = (e) => {
+    P.value = e, t.emit("update:modelValue", e);
+  }, m = s([]), {
+    array: k,
+    add: j,
+    remove: J,
+    set: h
+  } = E(), {
+    array: O,
+    add: L,
+    remove: U
+  } = E(), { getItemText: z } = oe(), { getItemValue: G } = ue();
+  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), u = G(e, t.itemValue);
+    if (u === 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 _ = f(u);
+    return {
+      item: e,
+      text: n,
+      value: u,
+      valueHash: _,
+      disabled: l,
+      selected: !1
     };
+  }, V = (e) => (e.selected = F(q.value[e.valueHash]), e), K = t.max || 1 / 0, g = (e) => (e.disabled = e.disabled || t.multiple && t.modelValue.value.length >= K && !e.selected, e), x = a(() => {
+    const e = [].concat(
+      m.value.map(H(B, V, g)),
+      O.value.map(H(V, g)),
+      k.value.map(H(V, g))
+    );
+    return ne(e, (n) => n.valueHash);
+  }), R = (e) => {
+    t.multiple ? (o(t.modelValue.value.concat(e.value)), t.stash && j(e), t.resetQueryOnOptionSelected && i()) : (t.stash && h(e), o(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], o(Object.values(l));
+    } else
+      o(null), await Q(), i();
+  }, q = a(() => {
+    const e = {}, l = [].concat(t.modelValue.value);
+    for (let n = 0; n < l.length; n++) {
+      const u = l[n];
+      e[f(u)] = u;
+    }
+    return e;
+  }), I = 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 = ++d.value;
+      try {
+        l = await t.items.value(
+          r.value,
+          e,
+          t.modelValue.value
+        ), n < d.value && (await ie(() => n === d.value), l = m.value);
+      } catch (u) {
+        console.error(u);
+      }
+      d.value--;
+    }
+    m.value = l;
+  }, C = a(() => {
+    const e = {};
+    for (let l = 0; l < x.value.length; l++) {
+      const n = x.value[l], { valueHash: u } = n;
+      e[u] = n;
+    }
+    return {
+      get: (l) => e[f(l)]
+    };
+  }), c = 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;
+    c.value && (e = le(c.value)), r.value = (e == null ? void 0 : e.text) || "";
+  }, X = () => {
+    const e = r.value.trim(), l = B(e);
+    L(l), i();
+  }, d = 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 && se(t.modelValue.value) ? !0 : !A.value.incoherent.length), Y = () => {
+    t.enforceCoherence && !D.value && (t.multiple ? o(A.value.coherent) : o(null));
+  }, y = s(!1), w = s(!1), v = async () => {
+    w.value = !0, await I({ prefill: !0 }), Y(), i(), y.value = !0, w.value = !1;
+  };
+  $(async () => {
+    t.prefill && (await v(), t.stash && h(...c.value));
+  }), ee(async () => {
+    t.prefill && !y.value && (await v(), t.stash && h(...c.value));
   });
-})(n);
-var i = n.exports;
-const x = /* @__PURE__ */ p(i);
+  let T;
+  const Z = () => {
+    T && clearTimeout(T), T = setTimeout(async () => {
+      try {
+        await I({ prefill: !1 });
+      } catch (e) {
+        console.error(e);
+      }
+    }, t.queryDebounceTime);
+  };
+  te(() => clearTimeout(T));
+  let p;
+  b(
+    () => t.modelValue.value,
+    () => {
+      D.value || (p && clearTimeout(p), p = setTimeout(async () => {
+        v();
+      }, t.modelValueDebounceTime));
+    }
+  );
+  let S;
+  const N = async (e, l) => {
+    f(l) !== f(e) && y.value && (S && clearTimeout(S), S = setTimeout(async () => {
+      await v();
+    }, t.depsDebounceTime));
+  };
+  return b(() => t.items.value, N), b(() => t.dependencies.value, N), {
+    addCurrentQueryToManualItems: X,
+    alignQueryToState: i,
+    getOptions: I,
+    hasPrefilled: y,
+    innerLoading: d,
+    isPrefilling: w,
+    manualItems: O,
+    options: x,
+    prefillItems: v,
+    query: r,
+    searchByQuery: Z,
+    selectedOptions: c,
+    selectOption: R,
+    setStash: h,
+    unselectOption: W,
+    updateModelValue: o,
+    valueIsSelected: M,
+    internalItems: m
+  };
+};
 export {
-  x as default
+  xe as useOptions
 };