bitboss-ui 2.1.129 → 2.1.130

package/dist/index258.js

@@ -1,19 +1,270 @@
-import { confirmState as e, processMessage as t } from "./index7.js";
-import { Teleport as n, createBlock as r, createCommentVNode as i, defineComponent as a, openBlock as o, renderSlot as s, unref as c } from "vue";
-//#region src/components/BbConfirm/BbConfirmPortal.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ a({
-	__name: "BbConfirmPortal",
-	setup(a) {
-		let l = () => t(!0), u = () => t(!1, !0);
-		return (t, a) => c(e).current ? (o(), r(n, {
-			key: 0,
-			to: ".bb-confirm__teleport",
-			defer: ""
-		}, [s(t.$slots, "default", {
-			yes: l,
-			no: u
-		})])) : i("", !0);
-	}
+import { defineComponent as pe, ref as T, computed as v, watch as be, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as O, withModifiers as m, createVNode as ge, withCtx as he, createElementVNode as E, Fragment as w, renderList as S, toDisplayString as x, renderSlot as C, nextTick as ye } from "vue";
+import { chunk as _e } from "./index350.js";
+import { identity as L } from "./index233.js";
+import { isNotNil as ke } from "./index152.js";
+import { last as ve } from "./index256.js";
+import { sort as N } from "./index351.js";
+import { validateDateFormat as R } from "./index257.js";
+import { toInnerValue as Oe, toOuterValue as p } from "./index352.js";
+import { isDateDisabled as we } from "./index353.js";
+import g from "./index245.js";
+import Se from "./index354.js";
+const Ve = ["onKeydown"], De = { class: "bb-base-date-picker__header-container" }, Me = ["abbr"], Be = ["id", "aria-current", "aria-label", "aria-selected", "disabled", "tabindex"], Pe = /* @__PURE__ */ pe({
+  __name: "BaseDatePickerInputDaySelector",
+  props: {
+    cursor: {},
+    current: { type: Boolean },
+    disabled: { type: Boolean },
+    firstDayOfWeek: {},
+    id: {},
+    floating: { type: Boolean },
+    modelValue: {},
+    max: {},
+    min: {},
+    selectable: { type: Function },
+    range: { type: Boolean },
+    multiple: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:cursor"],
+  setup(F, { emit: K }) {
+    const a = F, n = K, h = T(null), H = g().startOf("day");
+    a.min && R(a.min, "Min"), a.max && R(a.max, "Max");
+    const P = v(() => {
+      let e = 1 / 0, r = -1 / 0, s = {};
+      return a.modelValue && [].concat(a.modelValue).filter(L).map((i) => Oe(i, a.floating)).map((i) => i.valueOf()).forEach((i, y) => {
+        i < e && (e = i), i > r && (r = i), s[i] = y;
+      }), {
+        min: e,
+        max: r,
+        index: (t) => s[t.valueOf()],
+        selected: (t) => ke(s[t.valueOf()]),
+        isFirstOfRange: (t) => t.valueOf() === e,
+        isLastOfRange: (t) => t.valueOf() === r,
+        isBetween: (t) => t.valueOf() > e && t.valueOf() < r
+      };
+    }), Y = v(() => new Array(7).fill("").map((e, r) => g().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 = v(() => {
+      const e = a.cursor.year().toString(), r = a.cursor.month().toString(), t = a.cursor.clone().startOf("month").clone().startOf("week"), y = a.cursor.clone().endOf("month").clone().endOf("week"), re = g(a.cursor).startOf("day"), b = P.value, _ = a.range, oe = a.id, B = [];
+      for (let o = t; o.isBefore(y); o = o.add(1, "day"))
+        B.push(o.clone());
+      const ne = B.map((o) => {
+        const k = o.toISOString(), se = o.week().toString(), ie = b.selected(o), A = _ && b.isFirstOfRange(o), I = _ && b.isLastOfRange(o), de = _ && !A && !I && b.isBetween(o), le = o.month().toString() === r && o.year().toString() === e, ce = o.isSame(H), ue = o.isSame(re), fe = d(o), me = o.get("D").toString();
+        return {
+          buttonId: [oe, k].filter(L).join("_"),
+          current: ue,
+          disabled: fe,
+          first: A,
+          highlighted: le,
+          id: k,
+          label: me,
+          last: I,
+          middle: de,
+          original: o,
+          selected: ie,
+          slotName: k,
+          today: ce,
+          week: se
+        };
+      });
+      return _e(ne, 7);
+    }), d = (e) => we(e, {
+      min: a.min,
+      max: a.max,
+      selectable: a.selectable,
+      floating: a.floating
+    }), D = T("left"), $ = (e, r) => {
+      e && r && (D.value = e.isBefore(r) ? "left" : "right");
+    };
+    be(
+      () => a.cursor,
+      (e, r) => {
+        $(e, r);
+      }
+    );
+    const M = (e) => n("update:cursor", e), l = async () => {
+      if (!h.value) return;
+      await ye();
+      const e = ve([
+        ...h.value.querySelectorAll(
+          ".bb-base-date-picker__date--current button"
+        )
+      ]);
+      e instanceof HTMLElement && e.focus();
+    }, U = (e) => {
+      if (!a.readonly && e.target instanceof HTMLButtonElement) {
+        const [, r] = e.target.id.split("_"), s = g(r);
+        if (a.cursor.month() !== s.month()) {
+          M(s);
+          return;
+        }
+        const t = V.value.flat().find((i) => i.id === r);
+        if (!t || t.disabled) return;
+        M(s), j(t);
+      }
+    }, j = (e) => {
+      a.range ? W(e) : a.multiple ? q(e) : z(e);
+    }, W = (e) => {
+      if (Array.isArray(a.modelValue))
+        if (a.modelValue.length !== 1) {
+          const r = [p(e.original, a.floating)];
+          n("update:modelValue", r);
+        } else {
+          const r = N([
+            a.modelValue[0],
+            p(e.original, a.floating)
+          ]);
+          n("update:modelValue", r);
+        }
+    }, q = (e) => {
+      if (Array.isArray(a.modelValue))
+        if (e.selected) {
+          const r = p(e.original, a.floating), s = a.modelValue.filter((t) => t !== r);
+          n("update:modelValue", s);
+        } else {
+          const r = N([
+            ...a.modelValue,
+            p(e.original, a.floating)
+          ]);
+          n("update:modelValue", r);
+        }
+    }, z = (e) => {
+      e.selected ? n("update:modelValue", null) : n("update:modelValue", p(e.original, a.floating));
+    }, G = () => {
+      const e = a.cursor.clone().add(1, "day");
+      d(e) || (n("update:cursor", e), l());
+    }, J = () => {
+      const e = a.cursor.clone().subtract(1, "day");
+      d(e) || (n("update:cursor", e), l());
+    }, Q = () => {
+      const e = a.cursor.clone().subtract(1, "week");
+      d(e) || (n("update:cursor", e), l());
+    }, X = () => {
+      const e = a.cursor.clone().add(1, "week");
+      d(e) || (n("update:cursor", e), l());
+    }, Z = () => {
+      const e = a.cursor.clone().endOf("week");
+      d(e) || (n("update:cursor", e), l());
+    }, ee = () => {
+      const e = a.cursor.clone().startOf("week");
+      d(e) || (n("update:cursor", e), l());
+    }, te = (e) => {
+      if (e.shiftKey) {
+        const r = a.cursor.clone().subtract(1, "year");
+        if (d(r)) return;
+        n("update:cursor", r);
+      } else {
+        const r = a.cursor.clone().subtract(1, "month");
+        if (d(r)) return;
+        n("update:cursor", r);
+      }
+      l();
+    }, ae = (e) => {
+      if (e.shiftKey) {
+        const r = a.cursor.clone().add(1, "year");
+        if (d(r)) return;
+        n("update:cursor", r);
+      } else {
+        const r = a.cursor.clone().add(1, "month");
+        if (d(r)) return;
+        n("update:cursor", r);
+      }
+      l();
+    };
+    return (e, r) => (u(), c("div", {
+      ref_key: "calendar",
+      ref: h,
+      "aria-label": "Calendar dates",
+      class: O(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
+      role: "grid",
+      onKeydown: [
+        f(m(X, ["prevent"]), ["down"]),
+        f(m(Z, ["prevent"]), ["end"]),
+        f(m(ee, ["prevent"]), ["home"]),
+        f(m(J, ["prevent"]), ["left"]),
+        f(m(ae, ["prevent"]), ["page-down"]),
+        f(m(te, ["prevent"]), ["page-up"]),
+        f(m(G, ["prevent"]), ["right"]),
+        f(m(Q, ["prevent"]), ["up"])
+      ]
+    }, [
+      ge(Se, {
+        direction: D.value,
+        gap: 30
+      }, {
+        default: he(() => [
+          (u(), c("div", {
+            key: e.cursor.month().toString(),
+            class: "bb-base-date-picker__month"
+          }, [
+            E("div", De, [
+              (u(!0), c(w, null, S(Y.value, (s) => (u(), c("div", {
+                key: s.id,
+                abbr: s.accessibleLabel,
+                class: "bb-base-date-picker__header-cell"
+              }, x(s.label), 9, Me))), 128))
+            ]),
+            (u(!0), c(w, null, S(V.value, (s) => (u(), c("div", {
+              key: s[0].id,
+              class: "bb-base-date-picker__week"
+            }, [
+              (u(!0), c(w, null, S(s, (t) => (u(), c("div", {
+                key: t.id,
+                class: O({
+                  "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
+                })
+              }, [
+                E("button", {
+                  id: t.buttonId,
+                  "aria-current": t.today ? "date" : void 0,
+                  "aria-label": `${t.original.format("dddd, MMMM D, YYYY")}${t.selected ? ", selected" : ""}`,
+                  "aria-selected": t.selected,
+                  class: O("bb-base-date-picker__date-button"),
+                  disabled: e.disabled || t.disabled,
+                  tabindex: Number(t.current) - 1,
+                  type: "button",
+                  role: "gridcell",
+                  onClick: U
+                }, x(t.label), 9, Be),
+                C(e.$slots, "day", {
+                  first: t.first,
+                  highlighted: t.highlighted,
+                  item: t.original,
+                  label: t.label,
+                  last: t.last,
+                  middle: t.middle,
+                  selected: t.selected
+                }),
+                C(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, Ve));
+  }
 });
-//#endregion
-export { l as default };
+export {
+  Pe as default
+};

package/dist/index259.js

@@ -1,5 +1,54 @@
-import e from "./index258.js";
-//#region src/components/BbConfirm/BbConfirmPortal.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
+import k from "./index354.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) => (c(), d("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(() => [
+            (c(), d("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 {
+  C as default
+};

package/dist/index26.js

@@ -1,4 +1,184 @@
-//#region src/utilities/functions/isNotNil.ts
-var e = (e) => e != null;
-//#endregion
-export { e as isNotNil };
+import { defineComponent as I, mergeModels as M, useModel as W, computed as h, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as y, createCommentVNode as f, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
+import { parseSize as U } from "./index269.js";
+import { useId as D } from "./index8.js";
+import { useLocale as j } from "./index235.js";
+import { useMobile as G } from "./index9.js";
+import { useUntil as J } from "./index270.js";
+import { wait as w } from "./index147.js";
+import { _config as Q } from "./index4.js";
+const X = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], Y = {
+  key: 0,
+  ref: "header",
+  class: "bb-base-dialog__header"
+}, Z = { class: "bb-base-dialog__close" }, x = ["aria-label", "disabled"], ee = {
+  ref: "body",
+  class: "bb-base-dialog__body scrollbar-border"
+}, oe = { class: "bb-base-dialog__body-content" }, te = {
+  ref: "footer",
+  class: "bb-base-dialog__footer"
+}, ce = /* @__PURE__ */ I({
+  __name: "BaseDialog",
+  props: /* @__PURE__ */ M({
+    closeLabel: {},
+    compact: { type: Boolean },
+    description: {},
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    focusTarget: {},
+    fullscreen: { type: [Boolean, String] },
+    hideHeader: { type: Boolean },
+    overlayClasses: { default: () => [] },
+    panelClasses: { default: () => [] },
+    persistent: { type: Boolean },
+    showClose: { type: Boolean, default: !0 },
+    size: { default: "sm" },
+    title: {},
+    transitionDuration: { default: 300 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ M(["show", "hide", "shown", "hidden"], ["update:modelValue"]),
+  setup(k, { emit: $ }) {
+    const o = k, d = $, t = W(k, "modelValue"), { t: E } = j(), S = h(
+      () => o.closeLabel || E("dialog.closeLabel").value
+    ), u = g(null), m = J(
+      () => t.value || o.eager,
+      {
+        initialValue: t.value || o.eager
+      }
+    ), c = `title_${D().id.value}`, p = `description_${D().id.value}`, _ = (e) => {
+      if (e.key === "Escape" && (e.stopImmediatePropagation(), o.disabled || o.persistent))
+        return e.preventDefault(), i.value = !0, w(200).then(() => {
+          i.value = !1;
+        }), !1;
+    }, v = g(0), C = async (e) => {
+      if (e) {
+        if (d("show"), v.value++, window.globalThis?.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty(
+          "--scrollbar-width",
+          `${z()}px`
+        ), document.addEventListener("keydown", _, { capture: !0 }), await R(), u.value?.showModal(), o.focusTarget) {
+          const l = u.value?.querySelector(o.focusTarget);
+          l && l instanceof HTMLElement && l.focus();
+        }
+        d("shown");
+      } else {
+        d("hide");
+        const l = v.value;
+        if (await w(o.transitionDuration), l !== v.value) return;
+        window.globalThis?.document && document.removeEventListener("keydown", _, { capture: !0 }), u.value?.close(), d("hidden");
+      }
+    };
+    N(t, C), P(() => {
+      t.value && C(!0);
+    });
+    const V = h(() => L.value ? "100%" : U(o.size, Q.dialogDefaultSizes)), B = (e) => {
+      if (e.preventDefault(), o.disabled || o.persistent)
+        return i.value = !0, w(300).then(() => {
+          i.value = !1;
+        }), !1;
+      b();
+    }, b = () => {
+      t.value = !1;
+    }, i = g(!1), z = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: H } = G(), L = h(
+      () => o.fullscreen === !0 || o.fullscreen === "mobile" && H.value
+    );
+    return (e, l) => (r(), n("dialog", {
+      ref_key: "dialog",
+      ref: u,
+      "aria-describedby": y(m) && e.description ? p : void 0,
+      "aria-labelledby": y(m) && e.title && !e.hideHeader ? c : void 0,
+      "aria-live": t.value ? "polite" : "off",
+      class: q([
+        "bb-base-dialog",
+        [
+          {
+            "bb-base-dialog--open": t.value,
+            "bb-base-dialog--fullscreen": L.value,
+            "bb-base-dialog--compact": e.compact,
+            "bb-base-dialog--deny-close": i.value
+          },
+          e.overlayClasses,
+          e.panelClasses
+        ].flat()
+      ]),
+      inert: !t.value,
+      style: O({
+        "--max-width": V.value,
+        "--transition-duration": `${o.transitionDuration}ms`
+      }),
+      onCancel: B,
+      onClick: F(B, ["self"])
+    }, [
+      y(m) ? (r(), n(A, { key: 0 }, [
+        e.hideHeader ? f("", !0) : (r(), n("div", Y, [
+          s(e.$slots, "header", {
+            close: b,
+            title: e.title,
+            titleId: c
+          }, () => [
+            a("span", {
+              id: c,
+              class: "bb-base-dialog__title"
+            }, [
+              s(e.$slots, "title", { text: e.title }, () => [
+                K(T(e.title), 1)
+              ])
+            ]),
+            a("span", Z, [
+              e.showClose ? (r(), n("button", {
+                key: 0,
+                "aria-label": S.value,
+                disabled: o.disabled,
+                type: "button",
+                onClick: b
+              }, [
+                s(e.$slots, "close", {}, () => [
+                  l[0] || (l[0] = a("span", { class: "bb-base-dialog__close-icon" }, [
+                    a("svg", {
+                      "aria-hidden": "true",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      xmlns: "http://www.w3.org/2000/svg"
+                    }, [
+                      a("path", {
+                        d: "M23 23L1 1M23 1L1 23",
+                        stroke: "currentColor",
+                        "stroke-linecap": "round",
+                        "stroke-width": "3"
+                      })
+                    ])
+                  ], -1))
+                ])
+              ], 8, x)) : f("", !0)
+            ])
+          ])
+        ], 512)),
+        a("div", ee, [
+          a("div", oe, [
+            s(e.$slots, "description", {
+              descriptionId: p,
+              text: e.description
+            }, () => [
+              e.description ? (r(), n("div", {
+                key: 0,
+                id: p,
+                class: "bb-base-dialog__description sr-only"
+              }, T(e.description), 1)) : f("", !0)
+            ]),
+            s(e.$slots, "default", {
+              close: b,
+              titleId: c
+            })
+          ])
+        ], 512),
+        a("div", te, [
+          s(e.$slots, "footer")
+        ], 512)
+      ], 64)) : f("", !0)
+    ], 46, X));
+  }
+});
+export {
+  ce as default
+};