bitboss-ui 2.1.77 → 2.1.78

package/dist/index279.js

@@ -1,203 +1,270 @@
-import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
-import { hexToRgb as K } from "./index347.js";
-import { getHueFromRGB as F } from "./index348.js";
-import { hslToHex as b } from "./index349.js";
-import { useLocale as Z } from "./index232.js";
-const ee = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, te = { key: 0 }, ae = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ne = { key: 0 }, ue = /* @__PURE__ */ j({
-  __name: "ColorPallette",
+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 "./index347.js";
+import { identity as L } from "./index243.js";
+import { isNotNil as ke } from "./index144.js";
+import { last as ve } from "./index229.js";
+import { sort as N } from "./index348.js";
+import { validateDateFormat as R } from "./index278.js";
+import { toInnerValue as Oe, toOuterValue as p } from "./index349.js";
+import { isDateDisabled as we } from "./index350.js";
+import g from "./index237.js";
+import Se from "./index346.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: {
-    modelValue: {}
+    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"],
-  setup(N, { emit: O }) {
-    const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
-      b(F(...K(o.value ?? "#ff0000")), 100, 50)
-    ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
-      const e = i.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
-    }, R = () => {
-      const e = i.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = i.value;
-      if (!e) return;
-      const t = R();
-      if (!t) return;
-      t.clearRect(0, 0, e.width, e.height);
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
-      const n = t.createLinearGradient(0, 0, 0, e.height);
-      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, m = () => {
-      const e = R();
-      e && (e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        8,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        7,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
-    }, D = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, g = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      if (!t) return;
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      for (let n = 0; n <= 360; n += 60)
-        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
-      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, H = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      if (!t) return;
-      const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, E = (e) => {
-      const t = i.value;
-      t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
+  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) => {
-      const t = r.value;
-      t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
-    }, I = (e) => {
-      const t = i.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
-      l.value = { x: n, y: c }, v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, V = (e) => {
-      const t = r.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left));
-      u.value = { x: n };
-      const c = n / t.width * 360;
-      d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, G = (e) => {
-      p.value ? I(e) : P.value && V(e);
-    }, W = (e) => {
-      const t = p.value ? i.value : r.value;
-      t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
-    }, X = (e) => {
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            i.value?.height ?? 0,
-            l.value.y + 5
-          );
-          break;
-        case "ArrowLeft":
-          l.value.x = Math.max(0, l.value.x - 5);
-          break;
-        case "ArrowRight":
-          l.value.x = Math.min(
-            i.value?.width ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
+      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);
       }
-      v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    }, $ = (e) => {
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            r.value?.width ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
+    }, 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);
       }
-      const a = u.value.x / (r.value?.width ?? 1) * 360;
-      d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      q(), A(o.value ?? "#ff0000");
-    }), Q(
-      () => _.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, A(e), g(), v());
+      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);
       }
-    );
-    const C = () => {
-      const e = i.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
-      return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
+      l();
     };
-    function A(e) {
-      const t = F(...K(e));
-      d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
-    }
-    return (e, t) => (S(), M("span", {
-      ref_key: "paletteRef",
-      ref: T,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
+    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"])
+      ]
     }, [
-      x("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: i,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: E,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ee, [
-        L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
-      ]),
-      x("canvas", {
-        ref_key: "hueCanvasRef",
-        ref: r,
-        "aria-describedby": "hueCanvasDesc",
-        "aria-label": "Hue Selection",
-        class: "bb-color-palette__hue-canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: $,
-        onPointerdown: U,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ae, [
-        L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
-      ])
-    ], 512));
+      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 {
-  ue as default
+  Pe as default
 };

package/dist/{index228.js → index280.js}

@@ -1,5 +1,5 @@
 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 "./index331.js";
+import k from "./index346.js";
 const y = { class: "bb-base-date-picker__year-container" }, v = {
   "aria-live": "polite",
   class: "bb-base-date-picker__selected-day-label"

package/dist/index281.js

@@ -1,9 +1,54 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
-};
+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 "./index13.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 {
-  s as clampPrecision
+  N as default
 };

package/dist/index282.js

@@ -1,13 +1,34 @@
-function c(n, r, e) {
-  const i = typeof r == "string" ? r.split(".") : r;
-  let t = n;
-  for (const o of i)
-    if (t && typeof t == "object" && o in t)
-      t = t[o];
-    else
-      return e;
-  return t === void 0 ? e : t;
-}
+import { defineComponent as c, createBlock as l, openBlock as m, Transition as u, withCtx as f, renderSlot as d } from "vue";
+const y = /* @__PURE__ */ c({
+  __name: "ScaleFade",
+  props: {
+    duration: { default: 200 },
+    scaleFrom: { default: 0.97 }
+  },
+  setup(n) {
+    const t = n, a = (s) => {
+      const e = s;
+      e.style.opacity = "0", e.style.transform = `scale(${t.scaleFrom})`, e.style.transformOrigin = "center top";
+    }, r = (s, e) => {
+      const o = s;
+      o.style.transition = `opacity ${t.duration}ms ease-out, transform ${t.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, o.offsetHeight, o.style.opacity = "1", o.style.transform = "scale(1)", setTimeout(e, t.duration);
+    }, i = (s, e) => {
+      const o = s;
+      o.style.transition = `opacity ${t.duration}ms ease-in, transform ${t.duration}ms ease-in`, o.style.opacity = "0", o.style.transform = `scale(${t.scaleFrom})`, setTimeout(e, t.duration);
+    };
+    return (s, e) => (m(), l(u, {
+      css: !1,
+      onBeforeEnter: a,
+      onEnter: r,
+      onLeave: i
+    }, {
+      default: f(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  c as get
+  y as default
 };

package/dist/index283.js

@@ -1,8 +1,62 @@
-import e from "./index328.js";
-import o from "./index329.js";
-import r from "./index330.js";
-const f = new r(o, e)._freeze();
+import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, 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 "./index351.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 {
-  r as Mime,
-  f as default
+  V as default
 };