bitboss-ui 2.0.99 → 2.0.101

package/dist/index234.js

@@ -1,166 +1,54 @@
-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 "./index224.js";
-import { useArray as E } from "./index288.js";
-import { uniqBy as ne } from "./index289.js";
-import { useItemValue as ue } from "./index269.js";
-import { useItemText as oe } from "./index290.js";
-import { hash as f } from "./index223.js";
-import { isNotNil as F } from "./index134.js";
-import { waitFor as ie } from "./index208.js";
-import { isNil as se } from "./index251.js";
-import { pipe as H } from "./index291.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
+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 "./index236.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");
     };
-  }, 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));
-  });
-  let T;
-  const Z = () => {
-    T && clearTimeout(T), T = setTimeout(async () => {
-      try {
-        await I({ prefill: !1 });
-      } catch (e) {
-        console.error(e);
+    _(
+      () => s.cursor,
+      (e, a) => {
+        l(e, a);
       }
-    }, 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
-  };
-};
+    );
+    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 {
-  xe as useOptions
+  C as default
 };

package/dist/index235.js

@@ -1,86 +1,46 @@
-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",
+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: {
-    direction: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    loadingText: {},
-    loading: { type: Boolean },
-    noDataText: {},
-    options: {}
+    cursor: {},
+    disabled: { type: Boolean }
   },
-  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
+  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 (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
           }),
-          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")
+          disabled: r.disabled,
+          type: "button",
+          onClick: e.handler
+        }, {
+          default: y(() => [
+            x(B(e.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "disabled", "onClick"]))), 128))
       ])
-    ], 2));
+    ]));
   }
 });
 export {
-  f as default
+  E as default
 };

package/dist/index236.js

@@ -0,0 +1,7 @@
+import o from "./index288.js";
+/* empty css         */
+import t from "./index262.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+export {
+  m as default
+};

package/dist/index237.js

@@ -1,10 +1,62 @@
-import { locales as r } from "./index292.js";
-import { _config as t } from "./index4.js";
-import { get as e } from "./index293.js";
-import { readonly as m, computed as c } from "vue";
-const l = (o) => m(c(() => e(r[t.locale], o))), a = () => ({
-  t: l
+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 "./index315.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 {
-  a as useLocale
+  V as default
 };

package/dist/index238.js

@@ -1,128 +1,5 @@
-import { arrow as j, computePosition as A } from "./index242.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index242.js";
-import { isNode as B, getNodeName as F } from "./index295.js";
-import { getOverflowAncestors as le } from "./index295.js";
-import { computed as a, ref as f, shallowRef as I, watch as h, getCurrentScope as U, onScopeDispose as k, shallowReadonly as r, unref as q } from "vue";
-function z(e) {
-  return e != null && typeof e == "object" && "$el" in e;
-}
-function g(e) {
-  if (z(e)) {
-    const l = e.$el;
-    return B(l) && F(l) === "#comment" ? null : l;
-  }
-  return e;
-}
-function o(e) {
-  return typeof e == "function" ? e() : q(e);
-}
-function K(e) {
-  return {
-    name: "arrow",
-    options: e,
-    fn(l) {
-      const t = g(o(e.element));
-      return t == null ? {} : j({
-        element: t,
-        padding: e.padding
-      }).fn(l);
-    }
-  };
-}
-function M(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function C(e, l) {
-  const t = M(e);
-  return Math.round(l * t) / t;
-}
-function L(e, l, t) {
-  t === void 0 && (t = {});
-  const x = t.whileElementsMounted, V = a(() => {
-    var n;
-    return (n = o(t.open)) != null ? n : !0;
-  }), D = a(() => o(t.middleware)), d = a(() => {
-    var n;
-    return (n = o(t.placement)) != null ? n : "bottom";
-  }), v = a(() => {
-    var n;
-    return (n = o(t.strategy)) != null ? n : "absolute";
-  }), S = a(() => {
-    var n;
-    return (n = o(t.transform)) != null ? n : !0;
-  }), i = a(() => g(e.value)), u = a(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), O = f(d.value), P = I({}), y = f(!1), _ = a(() => {
-    const n = {
-      position: c.value,
-      left: "0",
-      top: "0"
-    };
-    if (!u.value)
-      return n;
-    const R = C(u.value, p.value), b = C(u.value, w.value);
-    return S.value ? {
-      ...n,
-      transform: "translate(" + R + "px, " + b + "px)",
-      ...M(u.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: c.value,
-      left: R + "px",
-      top: b + "px"
-    };
-  });
-  let s;
-  function m() {
-    i.value == null || u.value == null || A(i.value, u.value, {
-      middleware: D.value,
-      placement: d.value,
-      strategy: v.value
-    }).then((n) => {
-      p.value = n.x, w.value = n.y, c.value = n.strategy, O.value = n.placement, P.value = n.middlewareData, y.value = !0;
-    });
-  }
-  function E() {
-    typeof s == "function" && (s(), s = void 0);
-  }
-  function N() {
-    if (E(), x === void 0) {
-      m();
-      return;
-    }
-    if (i.value != null && u.value != null) {
-      s = x(i.value, u.value, m);
-      return;
-    }
-  }
-  function $() {
-    V.value || (y.value = !1);
-  }
-  return h([D, d, v], m, {
-    flush: "sync"
-  }), h([i, u], N, {
-    flush: "sync"
-  }), h(V, $, {
-    flush: "sync"
-  }), U() && k(E), {
-    x: r(p),
-    y: r(w),
-    strategy: r(c),
-    placement: r(O),
-    middlewareData: r(P),
-    isPositioned: r(y),
-    floatingStyles: _,
-    update: m
-  };
-}
+import t from "./index293.js";
+const r = t;
 export {
-  K as arrow,
-  W as autoUpdate,
-  A as computePosition,
-  X as flip,
-  le as getOverflowAncestors,
-  Y as hide,
-  Z as offset,
-  ee as platform,
-  ne as shift,
-  L as useFloating
+  r as throttle
 };