bitboss-ui 2.1.113 → 2.1.114

package/dist/index264.js

@@ -1,7 +1,190 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as o } from "./index320.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+var C = Object.defineProperty, x = (a, e, t) => e in a ? C(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, y = (a, e, t) => x(a, typeof e != "symbol" ? e + "" : e, t);
+const M = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, w = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), N = (a, e, t) => {
+  var s;
+  return new Intl.NumberFormat(((s = t.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: a,
+    maximumFractionDigits: e,
+    roundingMode: "trunc"
+  });
+}, P = (a, e = !0, t) => {
+  var s, r, n, l;
+  const u = ((s = t.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", p = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
+  let o = N(0, p, t);
+  const k = o.formatToParts(1000.12), m = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", f = ((l = k.find((i) => i.type === "decimal")) == null ? void 0 : l.value) ?? ".", c = w(a, m, f);
+  if (Number.isNaN(parseFloat(c))) return u;
+  const v = c.split(".");
+  if (v[1] != null && v[1].length >= 1) {
+    const i = v[1].length <= p ? v[1].length : p;
+    o = N(i, p, t);
+  }
+  let d = o.format(parseFloat(c));
+  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (d += f) : d = w(d, m, f), u + d;
+}, I = (a) => JSON.parse(a.replaceAll("'", '"')), T = (a, e = {}) => {
+  const t = { ...e };
+  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = F(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = O(a.dataset.maskaTokens));
+  const s = {};
+  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (t.number = s), t;
+}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, F = (a) => a.startsWith("[") && a.endsWith("]") ? I(a) : a, O = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return I(a);
+  const e = {};
+  return a.split("|").forEach((t) => {
+    const s = t.split(":");
+    e[s[0]] = {
+      pattern: S() ? new RegExp(s[1], "u") : new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
+    };
+  }), e;
+}, S = () => {
+  try {
+    return new RegExp("\\p{L}", "u"), !0;
+  } catch {
+    return !1;
+  }
+};
+class W {
+  constructor(e = {}) {
+    y(this, "opts", {}), y(this, "memo", /* @__PURE__ */ new Map());
+    const t = { ...e };
+    if (t.tokens != null) {
+      t.tokens = t.tokensReplace ? { ...t.tokens } : { ...M, ...t.tokens };
+      for (const s of Object.values(t.tokens))
+        typeof s.pattern == "string" && (s.pattern = S() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
+    } else
+      t.tokens = M;
+    Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((s, r) => s.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
+  }
+  masked(e) {
+    return this.process(String(e), this.findMask(String(e)));
+  }
+  unmasked(e) {
+    return this.process(String(e), this.findMask(String(e)), !1);
+  }
+  isEager() {
+    return this.opts.eager === !0;
+  }
+  isReversed() {
+    return this.opts.reversed === !0;
+  }
+  completed(e) {
+    const t = this.findMask(String(e));
+    if (this.opts.mask == null || t == null) return !1;
+    const s = this.process(String(e), t).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= t.length;
+  }
+  findMask(e) {
+    const t = this.opts.mask;
+    if (t == null)
+      return null;
+    if (typeof t == "string")
+      return t;
+    if (typeof t == "function")
+      return t(e);
+    const s = this.process(e, t.slice(-1).pop() ?? "", !1);
+    return t.find((r) => this.process(e, r, !1).length >= s.length) ?? "";
+  }
+  escapeMask(e) {
+    const t = [], s = [];
+    return e.split("").forEach((r, n) => {
+      r === "!" && e[n - 1] !== "!" ? s.push(n - s.length) : t.push(r);
+    }), { mask: t.join(""), escaped: s };
+  }
+  process(e, t, s = !0) {
+    if (this.opts.number != null) return P(e, s, this.opts);
+    if (t == null) return e;
+    const r = `v=${e},mr=${t},m=${s ? 1 : 0}`;
+    if (this.memo.has(r)) return this.memo.get(r);
+    const { mask: n, escaped: l } = this.escapeMask(t), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", m = this.isReversed() ? 0 : n.length - 1, f = this.isReversed() ? () => i > -1 && h > -1 : () => i < n.length && h < e.length, c = (b) => !this.isReversed() && b <= m || this.isReversed() && b >= m;
+    let v, d = -1, i = this.isReversed() ? n.length - 1 : 0, h = this.isReversed() ? e.length - 1 : 0, R = !1;
+    for (; f(); ) {
+      const b = n.charAt(i), g = p[b], A = g?.transform != null ? g.transform(e.charAt(h)) : e.charAt(h);
+      if (!l.includes(i) && g != null ? (A.match(g.pattern) != null ? (u[k](A), g.repeated ? (d === -1 ? d = i : i === m && i !== d && (i = d - o), m === d && (i -= o)) : g.multiple && (R = !0, i -= o), i += o) : g.multiple ? R && (i += o, h -= o, R = !1) : A === v ? v = void 0 : g.optional && (i += o, h -= o), h += o) : (s && !this.isEager() && u[k](b), A === b && !this.isEager() ? h += o : v = b, this.isEager() || (i += o)), this.isEager())
+        for (; c(i) && (p[n.charAt(i)] == null || l.includes(i)); ) {
+          if (s) {
+            if (u[k](n.charAt(i)), e.charAt(h) === n.charAt(i)) {
+              i += o, h += o;
+              continue;
+            }
+          } else n.charAt(i) === e.charAt(h) && (h += o);
+          i += o;
+        }
+    }
+    return this.memo.set(r, u.join("")), this.memo.get(r);
+  }
+}
+class V {
+  constructor(e, t = {}) {
+    y(this, "items", /* @__PURE__ */ new Map()), y(this, "eventAbortController"), y(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
+        return;
+      const r = s.target, n = this.items.get(r);
+      if (n === void 0) return;
+      const l = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), p = l && u && n.unmasked(r.value) === "" ? "" : r.value;
+      this.fixCursor(r, l, () => this.setValue(r, p));
+    }), this.options = t, this.eventAbortController = new AbortController(), this.init(this.getInputs(e));
+  }
+  update(e = {}) {
+    this.options = { ...e }, this.init(Array.from(this.items.keys()));
+  }
+  updateValue(e) {
+    var t;
+    e.value !== "" && e.value !== ((t = this.processInput(e)) == null ? void 0 : t.masked) && this.setValue(e, e.value);
+  }
+  destroy() {
+    this.eventAbortController.abort(), this.items.clear();
+  }
+  init(e) {
+    const t = this.getOptions(this.options);
+    for (const s of e) {
+      if (!this.items.has(s)) {
+        const { signal: n } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
+      }
+      const r = new W(T(s, t));
+      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
+    }
+  }
+  getInputs(e) {
+    return typeof e == "string" ? Array.from(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e];
+  }
+  getOptions(e) {
+    const { onMaska: t, preProcess: s, postProcess: r, ...n } = e;
+    return n;
+  }
+  fixCursor(e, t, s) {
+    var r, n;
+    const l = e.selectionStart, u = e.value;
+    if (s(), l === null || l === u.length && !t) return;
+    const p = e.value, o = u.slice(0, l), k = p.slice(0, l), m = (r = this.processInput(e, o)) == null ? void 0 : r.unmasked, f = (n = this.processInput(e, k)) == null ? void 0 : n.unmasked;
+    if (m === void 0 || f === void 0) return;
+    let c = l;
+    o !== k && (c += t ? p.length - u.length : m.length - f.length), e.setSelectionRange(c, c);
+  }
+  setValue(e, t) {
+    const s = this.processInput(e, t);
+    s !== void 0 && (e.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), e.dispatchEvent(new CustomEvent("maska", { detail: s })), e.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
+  }
+  processInput(e, t) {
+    const s = this.items.get(e);
+    if (s === void 0) return;
+    let r = t ?? e.value;
+    this.options.preProcess != null && (r = this.options.preProcess(r));
+    let n = s.masked(r);
+    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
+      masked: n,
+      unmasked: s.unmasked(r),
+      completed: s.completed(r)
+    };
+  }
+}
 export {
-  m as default
+  W as Mask,
+  V as MaskInput,
+  M as tokens
 };

package/dist/index265.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as e } from "./index322.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { isEmpty as o } from "./index252.js";
+const m = (t) => !o(t);
 export {
-  m as default
+  m as isNotEmpty
 };

package/dist/index266.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as e } from "./index324.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./index342.js";
+import { __require as r } from "./index322.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  m as default
+  f as default
 };

package/dist/index267.js

@@ -1,7 +1,8 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as e } from "./index326.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+function e(t, r) {
+  if (!/\d{4}-\d{2}-\d{2}/.test(t))
+    throw new Error(`${r} must be in the format YYYY-MM-DD`);
+  return t;
+}
 export {
-  m as default
+  e as validateDateFormat
 };

package/dist/index268.js

@@ -1,7 +1,270 @@
-import { getDefaultExportFromCjs as r } from "./index342.js";
-import { __require as t } from "./index328.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+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 "./index280.js";
+import { isNotNil as ke } from "./index150.js";
+import { last as ve } from "./index255.js";
+import { sort as N } from "./index351.js";
+import { validateDateFormat as R } from "./index267.js";
+import { toInnerValue as Oe, toOuterValue as p } from "./index352.js";
+import { isDateDisabled as we } from "./index353.js";
+import g from "./index246.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));
+  }
+});
 export {
-  a as default
+  Pe as default
 };

package/dist/index269.js

@@ -1,69 +1,54 @@
-import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
-import { useLocale as k } from "./index233.js";
-import h from "./index14.js";
-/* empty css        */
-import C from "./index88.js";
-/* empty css        */
-const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
-  key: 1,
-  class: "bb-toast-message__title"
-}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
+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: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
+    cursor: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
   },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, { t: _ } = k(), b = () => {
-      p("click:close", m.id);
+  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");
     };
-    return (e, a) => (o(), l("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
+    _(
+      () => 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", w, [
-        e.icon ? (o(), i(C, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : s("", !0)
-      ]),
-      t("div", v, [
-        e.showClose ? (o(), i(h, {
-          key: 0,
-          "aria-label": f(_)("common.closeLabel").value,
-          class: "bb-toast-message__close",
-          onClick: b
+      t("div", y, [
+        h(k, {
+          direction: r.value,
+          duration: 500,
+          gap: 30
         }, {
-          default: g(() => a[0] || (a[0] = [
-            t("svg", {
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              t("path", {
-                d: "M23 23L1 1M23 1L1 23",
-                stroke: "currentColor",
-                "stroke-linecap": "round",
-                "stroke-width": "2"
-              })
-            ], -1)
-          ])),
+          default: f(() => [
+            (c(), d("span", {
+              key: i.value,
+              "aria-live": "polite",
+              class: "bb-base-date-picker__year-button"
+            }, o(i.value), 1))
+          ]),
           _: 1
-        }, 8, ["aria-label"])) : s("", !0),
-        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
-        t("p", B, n(e.text), 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 {
-  z as default
+  C as default
 };