bitboss-ui 2.0.94 → 2.0.96

package/dist/index229.js

@@ -1,5 +1,252 @@
-import { hash as o } from "./index283.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+import { defineComponent as le, ref as A, computed as _, watch as ce, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, withModifiers as p, createVNode as ue, withCtx as fe, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as pe } from "vue";
+import { chunk as be } from "./index309.js";
+import { identity as T } from "./index215.js";
+import { isNotNil as me } from "./index135.js";
+import { last as ge } from "./index216.js";
+import { sort as E } from "./index310.js";
+import b from "./index210.js";
+import he from "./index232.js";
+const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
+  __name: "BaseDatePickerInputDaySelector",
+  props: {
+    cursor: {},
+    current: { type: Boolean },
+    disabled: { type: Boolean },
+    firstDayOfWeek: {},
+    id: {},
+    modelValue: {},
+    max: {},
+    min: {},
+    selectable: { type: Function },
+    range: { type: Boolean },
+    multiple: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:cursor"],
+  setup(N, { emit: x }) {
+    const a = N, s = x, g = A(null), R = b().startOf("day"), m = _(() => {
+      let e = 1 / 0, r = -1 / 0, o = {};
+      return a.modelValue && [].concat(a.modelValue).filter(T).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
+        i < e && (e = i), i > r && (r = i), o[i] = h;
+      }), {
+        min: e,
+        max: r,
+        index: (t) => o[t.valueOf()],
+        selected: (t) => me(o[t.valueOf()]),
+        isFirstOfRange: (t) => t.valueOf() === e,
+        isLastOfRange: (t) => t.valueOf() === r,
+        isBetween: (t) => t.valueOf() > e && t.valueOf() < r
+      };
+    }), K = _(() => new Array(7).fill("").map((e, r) => b().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
+      accessibleLabel: e.format("dddd"),
+      label: e.format("dd").slice(0, 1).toUpperCase(),
+      id: e.toISOString(),
+      original: e
+    }))), v = _(() => {
+      const e = a.cursor.year().toString(), r = a.cursor.month().toString();
+      let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Z = b(a.cursor).startOf("day"), D = [];
+      for (let n = t; n.isBefore(h); n = n.add(1, "day"))
+        D.push(n.clone());
+      const ee = D.map((n) => {
+        const y = n.toISOString(), te = n.week().toString();
+        let re = m.value.selected(n);
+        const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), ae = a.range && !B && !I && m.value.isBetween(n), oe = n.month().toString() === r && n.year().toString() === e, ne = n.isSame(R), se = n.isSame(Z), ie = d(n), de = n.get("D").toString();
+        return {
+          buttonId: [a.id, y].filter(T).join("_"),
+          current: se,
+          disabled: ie,
+          first: B,
+          highlighted: oe,
+          id: y,
+          label: de,
+          last: I,
+          middle: ae,
+          original: n,
+          selected: re,
+          slotName: y,
+          today: ne,
+          week: te
+        };
+      });
+      return be(ee, 7);
+    }), d = (e) => {
+      let r = !0;
+      return a.min && r && (r = e.isSameOrAfter(b(a.min).startOf("day"))), a.max && r && (r = e.isSameOrBefore(b(a.max).startOf("day"))), typeof a.selectable == "function" && r && (r = a.selectable(e.toDate())), !r;
+    }, w = A("left"), F = (e, r) => {
+      e && r && (w.value = e.isBefore(r) ? "left" : "right");
+    };
+    ce(
+      () => a.cursor,
+      (e, r) => {
+        F(e, r);
+      }
+    );
+    const V = (e) => s("update:cursor", e), l = async () => {
+      if (!g.value) return;
+      await pe();
+      const e = ge([
+        ...g.value.querySelectorAll(
+          ".bb-base-date-picker__date--current button"
+        )
+      ]);
+      e instanceof HTMLElement && e.focus();
+    }, H = (e) => {
+      if (!a.readonly && e.target instanceof HTMLButtonElement) {
+        const [, r] = e.target.id.split("_"), o = b(r);
+        if (a.cursor.month() !== o.month()) {
+          V(o);
+          return;
+        }
+        const t = v.value.flat().find((i) => i.id === r);
+        if (t.disabled) return;
+        V(o), P(t);
+      }
+    }, P = (e) => {
+      a.range ? U(e) : a.multiple ? j(e) : W(e);
+    }, U = (e) => {
+      if (!Array.isArray(a.modelValue)) return;
+      const r = e.original.toISOString();
+      if (a.modelValue.length !== 1) s("update:modelValue", [r]);
+      else {
+        const o = E([a.modelValue[0], e.original.toISOString()]);
+        s("update:modelValue", o);
+      }
+    }, j = (e) => {
+      if (Array.isArray(a.modelValue))
+        if (e.selected) {
+          const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
+          s("update:modelValue", o);
+        } else {
+          const r = E([...a.modelValue, e.original.toISOString()]);
+          s("update:modelValue", r);
+        }
+    }, W = (e) => {
+      e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
+    }, $ = () => {
+      const e = a.cursor.clone().add(1, "day");
+      d(e) || (s("update:cursor", e), l());
+    }, q = () => {
+      const e = a.cursor.clone().subtract(1, "day");
+      d(e) || (s("update:cursor", e), l());
+    }, z = () => {
+      const e = a.cursor.clone().subtract(1, "week");
+      d(e) || (s("update:cursor", e), l());
+    }, G = () => {
+      const e = a.cursor.clone().add(1, "week");
+      d(e) || (s("update:cursor", e), l());
+    }, J = () => {
+      const e = a.cursor.clone().endOf("week");
+      d(e) || (s("update:cursor", e), l());
+    }, Q = () => {
+      const e = a.cursor.clone().startOf("week");
+      d(e) || (s("update:cursor", e), l());
+    }, X = (e) => {
+      if (e.shiftKey) {
+        const r = a.cursor.clone().subtract(1, "year");
+        if (d(r)) return;
+        s("update:cursor", r);
+      } else {
+        const r = a.cursor.clone().subtract(1, "month");
+        if (d(r)) return;
+        s("update:cursor", r);
+      }
+      l();
+    }, Y = (e) => {
+      if (e.shiftKey) {
+        const r = a.cursor.clone().add(1, "year");
+        if (d(r)) return;
+        s("update:cursor", r);
+      } else {
+        const r = a.cursor.clone().add(1, "month");
+        if (d(r)) return;
+        s("update:cursor", r);
+      }
+      l();
+    };
+    return (e, r) => (c(), u("div", {
+      ref_key: "calendar",
+      ref: g,
+      class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
+      onKeydown: [
+        f(p(G, ["prevent"]), ["down"]),
+        f(p(J, ["prevent"]), ["end"]),
+        f(p(Q, ["prevent"]), ["home"]),
+        f(p(q, ["prevent"]), ["left"]),
+        f(p(Y, ["prevent"]), ["page-down"]),
+        f(p(X, ["prevent"]), ["page-up"]),
+        f(p($, ["prevent"]), ["right"]),
+        f(p(z, ["prevent"]), ["up"])
+      ]
+    }, [
+      ue(he, {
+        direction: w.value,
+        gap: 30
+      }, {
+        default: fe(() => [
+          (c(), u("div", {
+            key: e.cursor.month().toString(),
+            class: "bb-base-date-picker__month"
+          }, [
+            M("div", _e, [
+              (c(!0), u(O, null, S(K.value, (o) => (c(), u("div", {
+                key: o.id,
+                abbr: o.accessibleLabel,
+                class: "bb-base-date-picker__header-cell"
+              }, C(o.label), 9, ke))), 128))
+            ]),
+            (c(!0), u(O, null, S(v.value, (o) => (c(), u("div", {
+              key: o[0].id,
+              class: "bb-base-date-picker__week"
+            }, [
+              (c(!0), u(O, null, S(o, (t) => (c(), u("div", {
+                key: t.id,
+                class: k({
+                  "bb-base-date-picker__date--current": t.current,
+                  "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
+                  "bb-base-date-picker__date--first": t.first,
+                  "bb-base-date-picker__date--highlighted": t.highlighted,
+                  "bb-base-date-picker__date--last": t.last,
+                  "bb-base-date-picker__date--middle": t.middle,
+                  "bb-base-date-picker__date--selected": t.selected,
+                  "bb-base-date-picker__date--today": t.today,
+                  "bb-base-date-picker__date": !0
+                })
+              }, [
+                M("button", {
+                  id: t.buttonId,
+                  class: k("bb-base-date-picker__date-button"),
+                  disabled: e.disabled || t.disabled,
+                  tabindex: Number(t.current) - 1,
+                  type: "button",
+                  onClick: H
+                }, C(t.label), 9, Oe),
+                L(e.$slots, "day", {
+                  first: t.first,
+                  highlighted: t.highlighted,
+                  item: t.original,
+                  label: t.label,
+                  last: t.last,
+                  middle: t.middle,
+                  selected: t.selected
+                }),
+                L(e.$slots, t.slotName, {
+                  first: t.first,
+                  highlighted: t.highlighted,
+                  item: t.original,
+                  label: t.label,
+                  last: t.last,
+                  middle: t.middle,
+                  selected: t.selected
+                })
+              ], 2))), 128))
+            ]))), 128))
+          ]))
+        ]),
+        _: 3
+      }, 8, ["direction"])
+    ], 42, ye));
+  }
+});
 export {
-  t as hash
+  Ce as default
 };

package/dist/index23.js

@@ -1,34 +1,35 @@
-import { defineComponent as te, ref as o, computed as v, watch as ae, openBlock as w, createBlock as V, normalizeClass as B, withCtx as n, renderSlot as d, createVNode as E, withDirectives as oe, createElementVNode as i, mergeProps as I, unref as c, withModifiers as re, toDisplayString as ne, normalizeStyle as le, KeepAlive as ie, createCommentVNode as F } from "vue";
-import { useFloating as se } from "./index208.js";
-import r from "./index209.js";
-import ue from "./index210.js";
-import de from "./index211.js";
-import ce from "./index212.js";
-import pe from "./index213.js";
-import { identity as me } from "./index214.js";
-import { last as fe } from "./index215.js";
-import { useFocusTrap as be } from "./index216.js";
+import { defineComponent as te, ref as o, computed as v, watch as ae, openBlock as w, createBlock as V, normalizeClass as O, withCtx as n, renderSlot as d, createVNode as E, withDirectives as oe, createElementVNode as i, mergeProps as I, unref as c, withModifiers as re, toDisplayString as ne, normalizeStyle as le, KeepAlive as ie, createCommentVNode as F } from "vue";
+import { useFloating as se } from "./index209.js";
+import r from "./index210.js";
+import ue from "./index211.js";
+import de from "./index212.js";
+import ce from "./index213.js";
+import pe from "./index214.js";
+import { identity as me } from "./index215.js";
+import { last as fe } from "./index216.js";
+import { useFocusTrap as be } from "./index217.js";
 import { useId as ve } from "./index8.js";
 import { useIntersectionObserver as ye } from "./index133.js";
 import { useMobile as ge } from "./index9.js";
-import { vMaska as ke } from "./index217.js";
+import { vMaska as ke } from "./index218.js";
 import { wait as Me } from "./index132.js";
-import { waitFor as he } from "./index218.js";
+import { waitFor as he } from "./index219.js";
 import we from "./index21.js";
 /* empty css        */
-import Ve from "./index219.js";
+import Ve from "./index220.js";
 /* empty css         */
-import Ce from "./index221.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";
-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({
+import Ce from "./index222.js";
+import Ye from "./index223.js";
+import Ae from "./index224.js";
+import { autoUpdate as De, flip as Se, offset as $e, shift as _e, hide as Be } from "./index225.js";
+const Oe = ["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: {
     allowWriting: { type: [Boolean, String], default: !0 },
     "append:icon": {},
     autocomplete: { default: "off" },
     autofocus: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     firstDayOfWeek: {},
     hasErrors: { type: Boolean },
@@ -55,7 +56,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     ye(
       p,
       ([{ intersectionRatio: e }]) => {
-        e === 1 ? Y.value = !0 : (Y.value = !1, m.value && (O(), p.value && p.value.$el.querySelector(
+        e === 1 ? Y.value = !0 : (Y.value = !1, m.value && (B(), p.value && p.value.$el.querySelector(
           ".bb-base-date-picker-input__calendar-btn"
         ).focus(), h()));
       },
@@ -67,7 +68,8 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
       "bb-base-date-picker-input--errors": t.hasErrors,
       "bb-base-date-picker-input--loading": t.loading,
       "bb-base-date-picker-input--readonly": t.readonly,
-      "bb-base-date-picker-input--disabled": t.disabled
+      "bb-base-date-picker-input--disabled": t.disabled,
+      "bb-base-date-picker-input--compact": t.compact
     })), G = {
       onInput: (e) => {
         if (!t.range && e.target instanceof HTMLInputElement)
@@ -99,7 +101,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     const { floatingStyles: N, placement: T } = se(p, u, {
       placement: "bottom",
       whileElementsMounted: De,
-      middleware: [Se(), $e(5), _e({ padding: 6 }), Oe()]
+      middleware: [Se(), $e(5), _e({ padding: 6 }), Be()]
     }), U = v(() => {
       const e = {
         ...N.value
@@ -112,7 +114,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
       m.value = !1, (e = A.value) == null || e.resetStatus();
     }, $ = o(!1), _ = async () => {
       f.value || ($.value = !0, await he(() => !!u.value), await K(), R());
-    }, f = o(!1), { activate: R, deactivate: O } = be(u, {
+    }, f = o(!1), { activate: R, deactivate: B } = be(u, {
       onActivate: () => f.value = !0,
       // On post activation focus on current date
       onPostActivate: () => {
@@ -133,7 +135,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
       s("focus", e), b.value && _(), b.value = !t.allowWriting || t.allowWriting === "not-mobile" && D.value || t.range;
     }, J = (e) => t.range && Array.isArray(e) && e.length === 2 || !t.range && !!e, Q = {
       "onUpdate:modelValue": (e) => {
-        s("update:modelValue", e), J(e) && (b.value = !1, O({
+        s("update:modelValue", e), J(e) && (b.value = !1, B({
           onPostDeactivate: () => {
             f.value = !1, h();
           }
@@ -156,7 +158,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
     return (e, a) => (w(), V(Ce, {
       ref_key: "outerContainer",
       ref: C,
-      class: B(q.value),
+      class: O(q.value),
       onFocusin: P
     }, {
       "prepend-outer": n(() => [
@@ -204,7 +206,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
               type: "text",
               value: H.value,
               onFocus: Z
-            }), null, 16, Be), [
+            }), null, 16, Oe), [
               [c(ke)]
             ]),
             i("button", {
@@ -259,7 +261,7 @@ const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska",
               i("span", {
                 ref_key: "calendar",
                 ref: u,
-                class: B(["bb-base-date-picker-input__calendar", {
+                class: O(["bb-base-date-picker-input__calendar", {
                   "bb-base-date-picker-input__calendar--shown": m.value
                 }]),
                 style: le(U.value)

package/dist/index230.js

@@ -1,10 +1,54 @@
-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 { 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 "./index232.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 {
-  e as useLogger
+  C as default
 };