bitboss-ui 2.1.134 → 2.1.136

package/dist/index258.js

@@ -1,6 +1,270 @@
-import e from "./index256.js";
-/* empty css         */
-//#region src/components/BbConfirm/BbConfirm.vue
-var t = e;
-//#endregion
-export { t as default };
+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 "./index351.js";
+import { identity as L } from "./index273.js";
+import { isNotNil as ke } from "./index152.js";
+import { last as ve } from "./index256.js";
+import { sort as N } from "./index352.js";
+import { validateDateFormat as R } from "./index257.js";
+import { toInnerValue as Oe, toOuterValue as p } from "./index353.js";
+import { isDateDisabled as we } from "./index354.js";
+import g from "./index246.js";
+import Se from "./index350.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));
+  }
+});
+export {
+  Pe as default
+};

package/dist/index259.js

@@ -1,19 +1,54 @@
-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 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 "./index350.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));
+  }
 });
-//#endregion
-export { l as default };
+export {
+  C as default
+};

package/dist/index26.js

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

package/dist/index260.js

@@ -1,5 +1,54 @@
-import e from "./index259.js";
-//#region src/components/BbConfirm/BbConfirmPortal.vue
-var t = e;
-//#endregion
-export { t as default };
+import { defineComponent as b, computed as c, createElementBlock as l, openBlock as a, createElementVNode as h, Fragment as p, renderList as k, createBlock as f, normalizeClass as y, withCtx as M, createTextVNode as x, toDisplayString as B } from "vue";
+import C from "./index14.js";
+/* empty css        */
+const v = {
+  "aria-label": "Month selector",
+  class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
+  role: "listbox"
+}, g = { class: "content" }, N = /* @__PURE__ */ b({
+  __name: "BaseDatePickerMonthSelector",
+  props: {
+    cursor: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:month"],
+  setup(d, { emit: i }) {
+    const o = d, m = i, u = c(() => o.cursor.month()), _ = c(() => {
+      const t = o.cursor.clone().startOf("year"), n = u.value;
+      return Array.from({ length: 12 }, (e, r) => {
+        const s = t.add(r, "month");
+        return {
+          text: s.format("MMMM"),
+          key: s.unix(),
+          selected: r === n,
+          handler: () => m("update:month", r)
+        };
+      });
+    });
+    return (t, n) => (a(), l("div", v, [
+      h("div", g, [
+        (a(!0), l(p, null, k(_.value, (e) => (a(), f(C, {
+          key: e.key,
+          "aria-label": e.text,
+          "aria-selected": e.selected,
+          class: y({
+            content__btn: !0,
+            "content__btn--selected": e.selected
+          }),
+          disabled: t.disabled,
+          role: "option",
+          type: "button",
+          onClick: e.handler
+        }, {
+          default: M(() => [
+            x(B(e.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["aria-label", "aria-selected", "class", "disabled", "onClick"]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  N as default
+};