bitboss-ui 2.1.133 → 2.1.134

package/dist/index126.js

@@ -1,810 +1,223 @@
-import { defineComponent as Vt, mergeModels as Ue, ref as R, computed as c, reactive as Ge, onMounted as Bt, nextTick as Je, onBeforeUnmount as St, watch as te, toRef as ge, useModel as Qe, createBlock as Xe, openBlock as o, resolveDynamicComponent as Et, normalizeStyle as N, unref as T, normalizeClass as g, withCtx as Ht, createElementBlock as r, createCommentVNode as w, createElementVNode as d, toDisplayString as C, Fragment as I, renderList as E, renderSlot as _, createVNode as Ye, createTextVNode as Rt, mergeProps as Nt } from "vue";
-import { clamp as Lt } from "./index226.js";
-import { hash as le } from "./index233.js";
-import { isNil as L } from "./index247.js";
-import { when as Mt } from "./index242.js";
-import { useId as Ot } from "./index8.js";
-import { useItemValue as Wt } from "./index285.js";
-import { useItemsGetter as Dt } from "./index229.js";
-import { usePrefill as Ft } from "./index235.js";
-import { useIndexById as Ze } from "./index230.js";
-import { useBaseOptions as Pt } from "./index231.js";
-import { useHashedWatcher as zt } from "./index234.js";
-import { useTableWidthContext as qt } from "./index286.js";
-import { useLocale as jt } from "./index245.js";
-import et from "./index18.js";
-/* empty css        */
-import Kt from "./index32.js";
-/* empty css        */
-import { columnKeyToSlotName as Ut, mergeHeaderClasses as Gt, applyFixedTableColumns as Jt, mergeCellClasses as Qt } from "./index287.js";
-import { useLogger as Xt } from "./index236.js";
-const Yt = {
-  key: 0,
-  class: "sr-only"
-}, Zt = ["aria-rowindex"], el = { class: "bb-table-header__content" }, tl = { class: "bb-table-check__label-text sr-only" }, ll = {
-  key: 1,
-  class: "bb-table-radio__label-text sr-only"
-}, al = ["aria-sort"], sl = { class: "bb-table-header__content" }, nl = { class: "bb-table-header__content sr-only" }, ol = ["aria-rowindex"], rl = {
-  key: 0,
-  class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
-}, cl = {
-  key: 0,
-  class: "bb-table-skeleton__cell-content"
-}, ul = {
-  key: 1,
-  class: "bb-table-skeleton__avatar"
-}, dl = {
-  key: 2,
-  class: "bb-table-skeleton__avatar-text"
-}, il = { class: "bb-table-skeleton__cell-content" }, bl = {
-  key: 3,
-  class: "bb-table-skeleton__image"
-}, pl = {
-  key: 4,
-  class: "bb-table-skeleton__badge"
-}, fl = {
-  key: 1,
-  class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
-}, hl = ["aria-rowindex"], vl = ["colspan"], ml = { class: "bb-table-loading__text sr-only" }, yl = ["aria-rowindex"], kl = ["colspan"], gl = { class: "bb-table-no-data__text" }, _l = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], wl = { class: "bb-table-check__label-text sr-only" }, Cl = { class: "bb-table-radio__label-text sr-only" }, xl = ["aria-rowindex", "id"], Tl = ["colspan"], Kl = /* @__PURE__ */ Vt({
-  __name: "BbTable",
-  props: /* @__PURE__ */ Ue({
-    accessibleLabel: {},
-    actions: { type: Boolean },
-    actionsText: { default: "Azioni" },
-    align: { default: "left" },
-    id: {},
-    inheritColumnWidths: { type: [Boolean, String] },
-    allowSelectAll: { type: Boolean, default: !0 },
-    caption: {},
-    compact: { type: Boolean },
-    dependencies: { default: () => [] },
-    depsDebounceTime: { default: 0 },
-    disabled: { type: Boolean },
-    displayCaption: { type: Boolean },
-    fixed: { type: Boolean },
-    fixedColumns: { default: () => [] },
-    fixedHeaders: { type: Boolean },
-    items: { type: [Array, Function], default: () => [] },
-    itemValue: {},
-    legend: {},
-    loading: { type: Boolean },
-    loadingText: {},
-    max: { default: 1 / 0 },
-    modelValue: { default: () => [] },
-    multiple: { type: Boolean, default: !0 },
-    name: {},
-    noDataText: {},
-    page: {},
-    perPage: {},
-    readonly: { type: Boolean },
-    selectAll: { type: Boolean },
-    selectable: { type: [Boolean, Function] },
-    selectAllLabel: {},
-    selectText: {},
-    tdClass: {},
-    thClass: {},
-    totalItems: {},
-    unselectedItems: { default: () => [] },
-    columns: { default: () => [] }
-  }, {
-    selectAll: { type: Boolean, required: !1, default: !1 },
-    selectAllModifiers: {},
-    expandedItems: {
-      required: !1,
-      default: () => []
-    },
-    expandedItemsModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Ue(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:expandedItems", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll", "update:expandedItems"]),
-  setup(ae, { emit: tt }) {
-    const { getItemValue: lt } = Wt(), _e = Ot().id.value, a = ae, m = tt;
-    a.multiple && !Array.isArray(a.modelValue) && Xt().throw(
-      "BbTable is set for multiple selection but modelValue is not an array."
-    );
-    const { t: M } = jt(), A = R(), O = R(), {
-      id: at,
-      parentId: W,
-      parentNode: U,
-      cssVars: st,
-      parentVar: we,
-      setTracks: nt
-    } = qt({
-      id: () => a.id,
-      container: () => O.value,
-      inheritFrom: () => typeof a.inheritColumnWidths == "string" ? a.inheritColumnWidths : void 0
-    }), Ce = c(() => a.columns.some((e) => e.snap != null)), D = c(
-      () => !!a.inheritColumnWidths || Ce.value
-    ), G = c(
-      () => a.fixed || Ce.value || a.columns.some((e) => e.width != null) || D.value && !!W.value
-    ), J = c(
-      () => D.value && !!W.value
-    ), ot = J, rt = (e) => {
-      if (typeof e == "number") return `${e}px`;
-      const l = e.trim();
-      return /^-?\d*\.?\d+$/.test(l) ? `${l}px` : l;
-    }, xe = c(() => {
-      const e = U.value?.tracks;
-      return e ? Object.keys(e).filter((l) => /^\d+$/.test(l)).length : 0;
-    }), Te = c(() => {
-      const e = U.value?.tracks ?? {}, l = [];
-      "select" in e && l.push("select");
-      for (let t = 0; t < xe.value; t++) l.push(String(t));
-      return "actions" in e && l.push("actions"), l;
-    }), $e = c(
-      () => "select" in (U.value?.tracks ?? {}) ? 1 : 0
-    ), Ie = c(
-      () => $e.value + xe.value
-    ), ct = c(() => Te.value.length), ut = (e) => {
-      const l = Te.value[e];
-      return l ? we(l, "0px") : "0px";
-    }, se = (e, l) => {
-      if (!W.value || l - e <= 1e-6) return null;
-      const t = [];
-      for (let s = Math.floor(e); s < Math.ceil(l - 1e-6); s++) {
-        const n = Math.min(l, s + 1) - Math.max(e, s);
-        if (n <= 1e-6) continue;
-        const u = ut(s);
-        t.push(
-          n >= 1 - 1e-6 ? u : `${Number(n.toFixed(4))} * ${u}`
-        );
-      }
-      return t.length ? t.length === 1 && !t[0].includes("*") ? t[0] : `calc(${t.join(" + ")})` : null;
-    }, Q = c(() => {
-      const e = a.columns, l = e.map(
-        (s) => typeof s.snap == "number" ? s.snap : Array.isArray(s.snap) ? s.snap[0] : null
-      );
-      let t = $e.value;
-      return e.map((s, n) => {
-        const u = l[n] ?? t;
-        let f;
-        if (Array.isArray(s.snap))
-          f = s.snap[1] === -1 ? Ie.value : s.snap[1];
-        else {
-          const y = l[n + 1];
-          f = y != null && y > u ? y : Math.floor(u) + 1;
-        }
-        return t = f, { start: u, end: f };
-      });
-    }), Ae = (e) => J.value && e.start >= Ie.value, ne = c(
-      () => Q.value.some(Ae)
-    ), X = (e) => a.columns[e]?.width == null && !J.value, Y = c(() => {
-      if (!J.value) return -1;
-      for (let e = a.columns.length - 1; e >= 0; e--) {
-        const l = a.columns[e];
-        if (l.width == null && l.snap == null) return e;
-      }
-      return -1;
-    }), oe = c(() => {
-      const e = Q.value[0];
-      if (!D.value || !W.value || !e) return null;
-      const l = se(0, e.start), t = a.selectable ? x.select : null;
-      return t ? `calc(${l ?? "0px"} - ${t})` : l;
-    }), re = c(() => {
-      const e = Q.value, l = e[e.length - 1];
-      if (!D.value || !W.value || !l || ne.value || Y.value === a.columns.length - 1) return null;
-      const t = se(l.end, ct.value), s = a.actions ? x.actions : null;
-      return s ? `calc(${t ?? "0px"} - ${s})` : t;
-    }), dt = c(() => oe.value !== null), it = c(() => re.value !== null), x = Ge({ select: null, actions: null }), ce = c(() => {
-      const e = (n) => D.value ? we(n) : "auto", l = (n) => G.value && x[n] ? x[n] : e(n), t = [];
-      a.selectable && t.push({ key: "select", width: l("select") });
-      const s = a.columns.length - 1;
-      return a.columns.forEach((n, u) => {
-        const f = String(u), y = n.width != null ? rt(n.width) : null, h = Q.value[u];
-        if (u === Y.value && !ne.value) {
-          t.push({ key: f, width: "auto" });
-          return;
-        }
-        let b;
-        y != null ? b = y : X(u) ? b = G.value && Be.value[u] || null : Ae(h) ? b = Se.value[u] ?? null : b = se(h.start, h.end);
-        const $ = [];
-        u === 0 && dt.value && $.push("var(--bb-table-offset-internal-start)"), u === s && it.value && $.push("var(--bb-table-offset-internal-end)");
-        const k = $.length ? `calc(${[...$, b ?? "0px"].join(" + ")})` : b ?? "auto";
-        t.push({ key: f, width: k });
-      }), a.actions && t.push({ key: "actions", width: l("actions") }), t;
-    }), bt = c(() => {
-      const e = {};
-      return oe.value && (e["--bb-table-offset-start"] = oe.value), re.value && (e["--bb-table-offset-end"] = re.value), e;
-    }), pt = c(() => {
-      const e = {
-        ...st.value,
-        ...bt.value
-      };
-      return de.value && (e["--bb-table-natural-width"] = de.value), F.value > 0 && (e["--bb-table-fill"] = `${F.value}px`), e;
-    }), ue = () => Array.from(
-      A.value?.querySelectorAll(
-        ":scope > thead > tr.bb-table-header-row > th"
-      ) ?? []
-    ), ft = () => {
-      const e = ce.value.map((t) => t.key), l = {};
-      ue().forEach((t, s) => {
-        const n = e[s];
-        n != null && (l[n] = `${t.getBoundingClientRect().width}px`);
-      }), nt(l);
-    }, ht = () => {
-      const e = A.value;
-      if (!e) return;
-      const l = (t) => {
-        let s = 0;
-        return e.querySelectorAll(t).forEach((n) => {
-          let u = 0;
-          n.querySelectorAll(":scope > *").forEach((h) => {
-            const b = getComputedStyle(h);
-            if (b.position === "absolute" || b.position === "fixed")
-              return;
-            const $ = parseFloat(b.marginLeft) + parseFloat(b.marginRight);
-            u += h.getBoundingClientRect().width + ($ || 0);
-          });
-          const f = getComputedStyle(n), y = parseFloat(f.paddingLeft) + parseFloat(f.paddingRight);
-          s = Math.max(s, u + y);
-        }), s > 0 ? `${Math.ceil(s)}px` : null;
-      };
-      x.select = a.selectable ? l(
-        ":scope > thead > tr > th.bb-table-header--select, :scope > tbody > tr > td.bb-table-data__cell--select"
-      ) : null, x.actions = a.actions ? l(
-        ":scope > thead > tr > th.bb-table-header--actions, :scope > tbody > tr > td.bb-table__cell--actions"
-      ) : null;
-    }, Ve = () => {
-      ht(), ft();
-    }, Be = R([]), Se = R([]), F = R(0), de = R(null), Ee = () => {
-      const e = O.value;
-      if (!e || !G.value || !a.columns.some((i) => i.width != null) && !ne.value && Y.value < 0)
-        return;
-      const l = e.offsetWidth, t = a.selectable ? 1 : 0, s = x.select ? parseFloat(x.select) : 0, n = x.actions ? parseFloat(x.actions) : 0, u = ue();
-      let f = 0, y = 0;
-      a.columns.forEach((i, v) => {
-        const p = u[t + v]?.getBoundingClientRect().width ?? 0;
-        i.width != null && (f += p), X(v) || (y += p);
-      });
-      const h = document.createElement("div");
-      h.style.cssText = [
-        "position:absolute",
-        "top:-9999px",
-        "left:-9999px",
-        "visibility:hidden",
-        "pointer-events:none",
-        `width:${l}px`,
-        `height:${e.offsetHeight}px`,
-        "overflow:visible"
-      ].join(";");
-      const b = e.cloneNode(!0);
-      b.classList.remove("bb-table--fixed"), b.querySelectorAll(".bb-table-expand__row").forEach((i) => i.remove());
-      const $ = Array.from(b.querySelectorAll("col"));
-      a.columns.forEach((i, v) => {
-        if (i.width == null) {
-          const p = $[t + v];
-          p && (p.style.width = "");
-        }
-      });
-      const k = b.querySelector("table");
-      k && (k.style.width = "min-content", k.style.minWidth = "0"), h.appendChild(b), document.body.appendChild(h);
-      const ze = h.querySelector(
-        "table thead tr.bb-table-header-row"
-      ), It = ze ? Array.from(ze.querySelectorAll(":scope > th")) : [], ee = a.columns.map((i, v) => {
-        if (i.width != null) return 0;
-        const p = It[t + v];
-        return p ? p.getBoundingClientRect().width : 0;
-      });
-      document.body.removeChild(h);
-      const qe = a.columns.reduce(
-        (i, v, p) => i + (X(p) ? ee[p] : 0),
-        0
-      ), je = l - y - s - n, ke = (i) => `${Number(i.toFixed(3))}px`;
-      if (Be.value = a.columns.map((i, v) => {
-        if (!X(v)) return null;
-        const p = ee[v];
-        if (qe <= 0) return ke(p);
-        const K = je > 0 ? je * (p / qe) : 0;
-        return ke(Math.max(p, K));
-      }), Se.value = ee.map((i) => i > 0 ? ke(i) : null), Y.value >= 0) {
-        const i = Object.values(U.value?.tracks ?? {}).reduce(
-          (p, K) => p + (parseFloat(K) || 0),
-          0
-        ), v = u.reduce(
-          (p, K) => p + K.getBoundingClientRect().width,
-          0
-        );
-        F.value = Math.max(0, i - v + F.value);
-      } else
-        F.value = 0;
-      const At = ee.reduce((i, v) => i + v, 0), Ke = f + At + s + n;
-      de.value = Ke > 0 ? `${Math.ceil(Ke)}px` : null;
-    };
-    let H = null, ie;
-    const He = () => {
-      H !== null && clearTimeout(H), H = setTimeout(() => {
-        H = null, Ee();
-      }, 200);
-    };
-    let P, be;
-    const Re = () => {
-      P && (P.disconnect(), ue().forEach((e) => P?.observe(e)), Ve());
-    };
-    Bt(() => {
-      P = new ResizeObserver(() => Ve()), Re(), Je(Ee), A.value && (ie = new MutationObserver(He), ie.observe(A.value, {
-        childList: !0,
-        subtree: !0,
-        characterData: !0
-      })), O.value && (be = new ResizeObserver(He), be.observe(O.value));
-    }), St(() => {
-      P?.disconnect(), be?.disconnect(), ie?.disconnect(), H !== null && clearTimeout(H);
-    }), te(ce, () => Je(Re), { flush: "post" });
-    const vt = (e) => [M("table.select").value, ...e.map((l) => l.content)].join(" "), mt = c(() => a.selectable ? "fieldset" : "div"), pe = c(() => a.loading || kt.value), V = c(
-      () => !L(a.page) && !L(a.perPage) && !L(a.totalItems)
-    ), yt = c(() => ({
-      "bb-table": !0,
-      [`bb-table--align-${a.align}`]: !0,
-      "bb-table--compact": a.compact,
-      "bb-table--fixed": G.value,
-      "bb-table--inherit-widths": ot.value,
-      "bb-table--fixed-header": a.fixedHeaders,
-      "bb-table--loading": pe.value,
-      "bb-table--empty": !z.value.length,
-      "bb-table--selectable": !!a.selectable,
-      "scrollbar-border": !0
-    })), fe = c(
-      () => a.columns.length + +!!a.selectable + +!!a.actions
-    ), Ne = c(
-      () => Object.fromEntries(
-        a.columns.map((e) => [e.key, Ut(e.key)])
-      )
-    ), {
-      getter: Le,
-      items: he,
-      loading: kt
-    } = Dt({
-      items: ge(a, "items")
-    }), { hasPrefilled: gt } = Ft({
-      trigger: !0,
-      fn: async (e) => {
-        await Le(e, a.modelValue);
-      }
-    }), { data: Me } = Ze({
-      items: ge(a, "modelValue")
-    }), { options: z } = Pt({
-      disabled: ge(a, "disabled"),
-      items: he,
-      itemText: void 0,
-      itemValue: a.itemValue,
-      max: a.max,
-      selectable: !0,
-      selectedIndexedByHash: Me
-    }), _t = async (e) => {
-      a.multiple ? m("update:modelValue", a.modelValue.concat(e.value)) : m("update:modelValue", e.value);
-    }, wt = async (e) => {
-      if (a.multiple) {
-        const l = { ...Me.value };
-        delete l[e.valueHash], m("update:modelValue", Object.values(l));
-      } else
-        m("update:modelValue", null);
-    };
-    zt(
-      () => [a.dependencies, a.items],
-      async () => {
-        gt.value && await Le(!1, a.modelValue);
-      },
-      {
-        debounce: a.depsDebounceTime
-      }
-    );
-    const Ct = (e, l) => {
-      const t = Ne.value[e.key], s = e.align ?? "left";
-      let n = lt(l.item, e.key);
-      return e.formatter && (!L(n) || e.formatOnNull !== !1) && (n = e.formatter(n, e.key, l.item)), e.placeholder && L(n) && (n = e.placeholder), {
-        align: s,
-        classes: Qt(
-          [`bb-table-data__cell--${s}`],
-          a.tdClass,
-          e.tdClass,
-          n,
-          e.key,
-          l.item
-        ),
-        content: n,
-        key: e.key,
-        label: e.label,
-        slotName: t
-      };
-    }, Oe = c(
-      () => a.columns.map((e) => {
-        const l = e.align ?? "left", t = `header:${Ne.value[e.key]}`, s = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
-        return {
-          align: l,
-          key: e.key,
-          label: e.label,
-          slotName: t,
-          classes: Gt(
-            [`bb-table-header--${l}`],
-            a.thClass,
-            e.thClass
-          ),
-          sortDirection: s
-        };
-      })
-    ), We = c(() => {
-      let e = 0;
-      return z.value.map((l, t) => {
-        const s = !a.selectable || typeof a.selectable == "function" && !a.selectable(l.item) || !!l.disabled, n = (a.page ?? -1) * (a.perPage ?? 0), u = 1, f = t + 1, y = n + u + f + e, h = a.columns.map(
-          (k) => Ct(k, l)
-        ), b = ve.value[l.valueHash] ?? !1;
-        return b && e++, {
-          accessibleLabel: vt(h),
-          cols: h,
-          expanded: b,
-          onRowClick: (k) => m("click:row", k, l, !!l.selected),
-          onRowContextMenu: (k) => m("contextmenu:row", k, l, !!l.selected),
-          onRowDblClick: (k) => m("dblclick:row", k, l, !!l.selected),
-          item: l.item,
-          text: l.text,
-          rowIndex: y,
-          valueHash: l.valueHash,
-          value: l.value,
-          selected: l.selected,
-          disabled: s
-        };
-      });
-    }), B = Qe(ae, "selectAll"), q = Qe(ae, "expandedItems"), { data: ve } = Ze({
-      items: q
-    }), xt = (e, l) => {
-      e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), j(l)));
-    }, me = (e) => ({
-      "aria-controls": L(ve.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
-      "aria-expanded": e.expanded ? "true" : "false",
-      onClick: (l) => {
-        l.stopPropagation(), j(e.valueHash);
-      },
-      onKeydown: (l) => xt(l, e.valueHash)
-    }), j = (e) => {
-      const l = z.value.find((t) => t.valueHash === e);
-      l && (e in ve.value ? q.value = q.value.filter(
-        (t) => le(t) !== e
-      ) : q.value = [...q.value, l.value]);
-    };
-    te(B, () => {
-      S.clear(), m("update:unselectedItems", []), m("update:modelValue", []);
-    });
-    const De = c(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || B.value && S.size > 0)), S = Ge(/* @__PURE__ */ new Set());
-    te(
-      () => a.unselectedItems,
-      () => {
-        S.clear(), a.unselectedItems.forEach((e) => {
-          S.add(le(e));
-        });
-      }
-    );
-    const Fe = (e) => {
-      if (ye(e)) {
-        wt(e), m("item:unselected", e.value), S.add(e.valueHash), m("update:unselectedItems", [...a.unselectedItems, e.value]);
-        return;
-      }
-      B.value || _t(e), m("item:selected", e.value), S.delete(e.valueHash), m(
-        "update:unselectedItems",
-        a.unselectedItems.filter((l) => le(l) !== le(e.value))
-      );
-    }, ye = (e) => S.has(e.valueHash) ? !1 : e.selected || B.value, Tt = Mt(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), $t = c(
-      () => [].concat(a.modelValue ?? []).map((e) => ({
-        disabled: a.disabled,
-        name: a.name,
-        type: "hidden",
-        value: Tt(e)
-      }))
-    ), Z = [70, 45, 85, 55], Pe = c(
-      () => Lt(z.value.length || a.columns.length || 1, 4, 10)
-    );
-    return te(
-      () => [We.value, a.fixedColumns],
-      () => {
-        A.value && a.fixedColumns?.length && Jt(A.value, a.fixedColumns);
-      },
-      { flush: "post" }
-    ), (e, l) => (o(), Xe(Et(mt.value), {
-      id: e.id,
-      ref_key: "containerRef",
-      ref: O,
-      "aria-busy": pe.value,
-      "aria-rowcount": V.value ? a.totalItems : void 0,
-      class: g(yt.value),
-      "data-bb-table-id": T(at),
-      inert: e.disabled,
-      style: N(pt.value)
-    }, {
-      default: Ht(() => [
-        e.selectable ? (o(), r("legend", Yt, C(e.legend), 1)) : w("", !0),
-        d("table", {
-          ref_key: "tableRef",
-          ref: A
-        }, [
-          e.caption ? (o(), r("caption", {
-            key: 0,
-            class: g({
-              "bb-table-caption": !0,
-              "sr-only": !e.displayCaption
-            })
-          }, C(e.caption), 3)) : w("", !0),
-          d("colgroup", null, [
-            (o(!0), r(I, null, E(ce.value, (t) => (o(), r("col", {
-              key: t.key,
-              style: N({ width: t.width })
-            }, null, 4))), 128))
-          ]),
-          d("thead", null, [
-            _(e.$slots, "thead", {}, () => [
-              d("tr", {
-                "aria-rowindex": V.value ? 1 : void 0,
-                class: "bb-table-header-row"
-              }, [
-                e.selectable ? (o(), r("th", {
-                  key: 0,
-                  class: g(["bb-table-header bb-table-header--select", e.thClass]),
-                  scope: "col"
-                }, [
-                  _(e.$slots, "header:select", {
-                    multiple: e.multiple,
-                    selectAll: !!B.value,
-                    text: e.selectText || T(M)("table.selectText").value
-                  }, () => [
-                    d("span", el, [
-                      e.allowSelectAll && e.multiple ? (o(), r("label", {
-                        key: 0,
-                        class: g(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": e.disabled
-                        }])
-                      }, [
-                        (o(), Xe(et, {
-                          key: De.value.toString(),
-                          modelValue: B.value,
-                          "onUpdate:modelValue": l[0] || (l[0] = (t) => B.value = t),
-                          class: "bb-table-check",
-                          disabled: e.disabled,
-                          indeterminate: De.value,
-                          name: `select_all_${e.name || ""}`,
-                          readonly: e.readonly
-                        }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        d("span", tl, C(e.selectAllLabel || T(M)("table.selectAllLabel").value), 1)
-                      ], 2)) : e.multiple ? w("", !0) : (o(), r("span", ll, C(e.selectText || T(M)("table.selectText").value), 1))
-                    ])
-                  ])
-                ], 2)) : w("", !0),
-                (o(!0), r(I, null, E(Oe.value, (t, s) => (o(), r("th", {
-                  key: t.key,
-                  "aria-sort": t.sortDirection,
-                  class: g(["bb-table-header", [
-                    t.classes,
-                    {
-                      "bb-table-header--edge-start": s === 0,
-                      "bb-table-header--edge-end": s === Oe.value.length - 1
-                    }
-                  ]]),
-                  scope: "col"
-                }, [
-                  _(e.$slots, t.slotName, {
-                    classes: t.classes,
-                    items: T(he),
-                    label: t.label
-                  }, () => [
-                    d("span", sl, C(t.label), 1)
-                  ])
-                ], 10, al))), 128)),
-                e.actions ? (o(), r("th", {
-                  key: 1,
-                  class: g(["bb-table-header bb-table-header--actions", e.thClass]),
-                  scope: "col"
-                }, [
-                  _(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    d("span", nl, C(e.actionsText), 1)
-                  ])
-                ], 2)) : w("", !0)
-              ], 8, Zt)
-            ])
-          ]),
-          d("tbody", null, [
-            pe.value ? _(e.$slots, "loading", {
-              key: 0,
-              items: T(he)
-            }, () => [
-              (o(!0), r(I, null, E(Pe.value, (t, s) => (o(), r("tr", {
-                key: s,
-                "aria-rowindex": V.value ? s + 2 : void 0,
-                class: "bb-table-skeleton__row"
-              }, [
-                e.selectable ? (o(), r("td", rl, l[1] || (l[1] = [
-                  d("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
-                ]))) : w("", !0),
-                (o(!0), r(I, null, E(a.columns, (n, u) => (o(), r("td", {
-                  key: n.key,
-                  class: g([
-                    "bb-table-skeleton__cell",
-                    `bb-table-skeleton__cell--${n.skeleton ?? "text"}`
-                  ])
-                }, [
-                  !n.skeleton || n.skeleton === "text" ? (o(), r("div", cl, [
-                    d("div", {
-                      class: "bb-table-skeleton__line",
-                      style: N({
-                        width: `${Z[(s + u) % 4]}%`
-                      })
-                    }, null, 4),
-                    d("div", {
-                      class: "bb-table-skeleton__line",
-                      style: N({
-                        width: `${Z[(s + u + 2) % 4]}%`
-                      })
-                    }, null, 4)
-                  ])) : n.skeleton === "avatar" ? (o(), r("div", ul)) : n.skeleton === "avatar-text" ? (o(), r("div", dl, [
-                    l[2] || (l[2] = d("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
-                    d("div", il, [
-                      d("div", {
-                        class: "bb-table-skeleton__line",
-                        style: N({
-                          width: `${Z[(s + u) % 4]}%`
-                        })
-                      }, null, 4),
-                      d("div", {
-                        class: "bb-table-skeleton__line",
-                        style: N({
-                          width: `${Z[(s + u + 2) % 4]}%`
-                        })
-                      }, null, 4)
-                    ])
-                  ])) : n.skeleton === "image" ? (o(), r("div", bl)) : n.skeleton === "badge" ? (o(), r("div", pl)) : w("", !0)
-                ], 2))), 128)),
-                e.actions ? (o(), r("td", fl, l[3] || (l[3] = [
-                  d("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
-                ]))) : w("", !0)
-              ], 8, ol))), 128)),
-              d("tr", {
-                "aria-rowindex": V.value ? Pe.value + 2 : void 0,
-                class: "bb-table-loading__row bb-table-loading__row--sr-only"
-              }, [
-                d("td", {
-                  colspan: fe.value,
-                  class: "bb-table-loading__cell",
-                  "aria-live": "polite",
-                  role: "status"
-                }, [
-                  d("span", ml, C(e.loadingText), 1)
-                ], 8, vl)
-              ], 8, hl)
-            ]) : T(z).length ? _(e.$slots, "tbody", { key: 2 }, () => [
-              (o(!0), r(I, null, E(We.value, (t) => (o(), r(I, {
-                key: t.valueHash
-              }, [
-                d("tr", {
-                  "aria-rowindex": V.value && t.rowIndex ? t.rowIndex : void 0,
-                  class: "bb-table-data__row",
-                  onClick: t.onRowClick,
-                  onContextmenu: t.onRowContextMenu,
-                  onDblclick: t.onRowDblClick
-                }, [
-                  e.selectable ? (o(), r("td", {
-                    key: 0,
-                    class: g(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                  }, [
-                    _(e.$slots, "select", {
-                      checked: ye(t),
-                      disabled: !!t.disabled,
-                      inputName: T(_e),
-                      item: t.item,
-                      readonly: !!e.readonly,
-                      value: t.value
-                    }, () => [
-                      e.multiple ? (o(), r("label", {
-                        key: 0,
-                        class: g(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": t.disabled
-                        }])
-                      }, [
-                        Ye(et, {
-                          checked: ye(t),
-                          class: "bb-table-check",
-                          disabled: t.disabled,
-                          readonly: e.readonly,
-                          onChange: () => Fe(t)
-                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                        d("span", wl, C(t.accessibleLabel), 1)
-                      ], 2)) : (o(), r("label", {
-                        key: 1,
-                        class: g(["bb-table-radio__label", {
-                          "bb-table-radio__label--disabled": t.disabled
-                        }])
-                      }, [
-                        Ye(Kt, {
-                          checked: t.selected,
-                          class: "bb-table-radio",
-                          disabled: t.disabled,
-                          name: T(_e),
-                          readonly: e.readonly,
-                          value: t.value,
-                          onChange: () => Fe(t)
-                        }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                        d("span", Cl, C(t.accessibleLabel), 1)
-                      ], 2))
-                    ])
-                  ], 2)) : w("", !0),
-                  (o(!0), r(I, null, E(t.cols, (s, n) => (o(), r("td", {
-                    key: s.key,
-                    class: g(["bb-table-data__cell", [
-                      s.classes,
-                      {
-                        "bb-table-data__cell--edge-start": n === 0,
-                        "bb-table-data__cell--edge-end": n === t.cols.length - 1
-                      }
-                    ]])
-                  }, [
-                    _(e.$slots, s.slotName, {
-                      classes: s.classes,
-                      content: s.content,
-                      expanded: t.expanded,
-                      item: t.item,
-                      expandProps: me(t),
-                      toggleExpanded: () => j(t.valueHash),
-                      value: t.value
-                    }, () => [
-                      Rt(C(s.content), 1)
-                    ])
-                  ], 2))), 128)),
-                  e.actions ? (o(), r("td", {
-                    key: 1,
-                    class: g(["bb-table__cell bb-table__cell--actions", e.tdClass])
-                  }, [
-                    _(e.$slots, "actions", {
-                      expanded: t.expanded,
-                      item: t.item,
-                      expandProps: me(t),
-                      toggleExpanded: () => j(t.valueHash),
-                      value: t.value
-                    })
-                  ], 2)) : w("", !0)
-                ], 40, _l),
-                t.expanded ? (o(), r("tr", {
-                  key: 0,
-                  "aria-rowindex": V.value && t.rowIndex ? t.rowIndex + 1 : void 0,
-                  id: `expanded_${t.valueHash}`,
-                  class: "bb-table-expand__row"
-                }, [
-                  d("td", {
-                    colspan: fe.value,
-                    class: "bb-table-expand__cell"
-                  }, [
-                    _(e.$slots, "expand", {
-                      expanded: t.expanded,
-                      item: t.item,
-                      expandProps: me(t),
-                      toggleExpanded: () => j(t.valueHash),
-                      value: t.value
-                    })
-                  ], 8, Tl)
-                ], 8, xl)) : w("", !0)
-              ], 64))), 128))
-            ]) : _(e.$slots, "no-data", { key: 1 }, () => [
-              d("tr", {
-                "aria-rowindex": V.value ? 2 : void 0,
-                class: "bb-table-no-data__row"
-              }, [
-                d("td", {
-                  class: "bb-table-no-data__cell",
-                  colspan: fe.value
-                }, [
-                  d("span", gl, C(e.noDataText || T(M)("table.noDataText").value), 1)
-                ], 8, kl)
-              ], 8, yl)
-            ])
-          ]),
-          d("tfoot", null, [
-            _(e.$slots, "tfoot")
-          ])
-        ], 512),
-        (o(!0), r(I, null, E($t.value, (t) => (o(), r("input", Nt({
-          key: t.value,
-          ref_for: !0
-        }, t), null, 16))), 128))
-      ]),
-      _: 3
-    }, 8, ["id", "aria-busy", "aria-rowcount", "class", "data-bb-table-id", "inert", "style"]));
-  }
+import { __toESM as e } from "./index2.js";
+import { _config as t } from "./index5.js";
+import { useId as n } from "./index12.js";
+import { useLogger as r } from "./index31.js";
+import i from "./index36.js";
+import { useLocale as ee } from "./index42.js";
+import { hash as a } from "./index81.js";
+import { require_dayjs_min as o } from "./index101.js";
+import { require_isSameOrAfter as s } from "./index102.js";
+import { require_isSameOrBefore as c } from "./index103.js";
+import { require_weekOfYear as l } from "./index104.js";
+import { last as te } from "./index105.js";
+import { validateDateFormat as u } from "./index106.js";
+import d from "./index116.js";
+import f from "./index118.js";
+import p from "./index120.js";
+import m from "./index122.js";
+import h from "./index125.js";
+import { computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as x, createTextVNode as S, createVNode as C, defineComponent as w, guardReactiveProps as T, normalizeProps as ne, openBlock as E, ref as D, renderList as re, renderSlot as O, toDisplayString as k, unref as A, watch as j, withCtx as M } from "vue";
+//#region src/components/BaseDatePicker/BaseDatePicker.vue?vue&type=script&setup=true&lang.ts
+var N = /* @__PURE__ */ e(o(), 1), P = /* @__PURE__ */ e(s(), 1), F = /* @__PURE__ */ e(c(), 1), I = /* @__PURE__ */ e(l(), 1), L = { class: "bb-base-date-picker" }, R = { class: "bb-base-date-picker__body" }, z = { class: "bb-base-date-picker__controls" }, B = { class: "sr-only" }, V = { class: "sr-only" }, H = { class: "sr-only" }, U = {
+	style: { transform: "rotate(180deg)" },
+	viewBox: "0 0 24 24",
+	width: "24px",
+	xmlns: "http://www.w3.org/2000/svg"
+}, ie = { class: "sr-only" }, W = { class: "bb-base-date-picker__content" }, G = ["id"], K = /* @__PURE__ */ w({
+	__name: "BaseDatePicker",
+	props: {
+		disabled: { type: Boolean },
+		firstDayOfWeek: { default: 1 },
+		floating: { type: Boolean },
+		id: {},
+		header: { type: Boolean },
+		max: {},
+		min: {},
+		modelValue: {},
+		multiple: { type: Boolean },
+		range: { type: Boolean },
+		readonly: { type: Boolean },
+		selectable: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { expose: o, emit: s }) {
+		N.default.extend(I.default), N.default.extend(P.default), N.default.extend(F.default);
+		let c = s, l = e, { t: w } = ee(), K = l.id || n().id, q = r();
+		l.multiple && l.range && q.throw("Date picker cannot be both multiple and range."), (l.multiple || l.range) && (Array.isArray(l.modelValue) || q.throw("Date picker is set to select multiple dates but modelValue is not an array.")), l.min && u(l.min, "Min"), l.max && u(l.max, "Max");
+		let J = D((0, N.default)()), Y = (e) => {
+			if (!e) {
+				J.value = (0, N.default)().startOf("day");
+				return;
+			}
+			if (Array.isArray(e)) {
+				if (e.length === 0) {
+					J.value = (0, N.default)().startOf("day");
+					return;
+				}
+				let t = e.map((e) => (0, N.default)(e).valueOf()), n = J.value.valueOf();
+				if (t.includes(n)) return;
+				J.value = (0, N.default)(te(e)).startOf("day");
+				return;
+			}
+			J.value = (0, N.default)(e).startOf("day");
+		};
+		Y(l.modelValue);
+		let X = D("day"), Z = (e) => {
+			X.value === e ? X.value = "day" : X.value = e;
+		}, ae = g(() => J.value.locale(t.locale).format("MMMM YYYY")), oe = g(() => X.value === "month" ? "Selecting month" : X.value === "year" ? "Selecting year" : ""), se = (e) => {
+			J.value = J.value.set("month", e);
+		}, ce = () => {
+			J.value = J.value.add(1, "month");
+		}, le = () => {
+			J.value = J.value.subtract(1, "month");
+		}, ue = (e) => {
+			J.value = J.value.set("year", e);
+		}, Q = (e) => {
+			se(e), X.value = "day";
+		}, de = (e) => {
+			ue(e), X.value = "day";
+		}, fe = (e) => {
+			J.value = e;
+		}, $ = D(l.modelValue), pe = (e) => {
+			$.value = e, c("update:modelValue", e);
+		};
+		return j(() => l.modelValue, () => {
+			a(l.modelValue) !== a($.value) && ($.value = l.modelValue, Y(l.modelValue));
+		}), o({ resetStatus: () => {
+			X.value = "day";
+		} }), (e, t) => (E(), y("div", L, [
+			C(f, {
+				cursor: J.value,
+				disabled: e.disabled,
+				hidden: !e.header
+			}, null, 8, [
+				"cursor",
+				"disabled",
+				"hidden"
+			]),
+			b("div", R, [b("div", z, [
+				C(A(i), {
+					"aria-expanded": X.value === "month",
+					"aria-label": "Select month",
+					class: "bb-base-date-picker__control bb-base-date-picker__month-control",
+					disabled: e.disabled,
+					onClick: t[0] ||= (e) => Z("month")
+				}, {
+					default: M(() => [S(k(ae.value) + " ", 1), b("span", B, k(A(w)("datePicker.monthLabel")), 1)]),
+					_: 1
+				}, 8, ["aria-expanded", "disabled"]),
+				C(A(i), {
+					"aria-expanded": X.value === "year",
+					"aria-label": "Select year",
+					class: "bb-base-date-picker__control bb-base-date-picker__year-control",
+					disabled: e.disabled,
+					onClick: t[1] ||= (e) => Z("year")
+				}, {
+					default: M(() => [t[2] ||= b("svg", {
+						fill: "none",
+						height: "6",
+						viewBox: "0 0 10 6",
+						width: "10",
+						xmlns: "http://www.w3.org/2000/svg"
+					}, [b("path", {
+						d: "M5.24124 5.81871L9.52771 1.39839C9.79517 1.12257 9.63305 0.595276 9.28077 0.595276H0.707839C0.355562 0.595276 0.193433 1.12257 0.460901 1.39839L4.74736 5.81871C4.88946 5.96524 5.09914 5.96524 5.24124 5.81871Z",
+						fill: "currentColor"
+					})], -1), b("span", V, k(A(w)("datePicker.yearLabel")), 1)]),
+					_: 1
+				}, 8, ["aria-expanded", "disabled"]),
+				C(A(i), {
+					"aria-label": A(w)("datePicker.previousMonthLabel"),
+					class: "bb-base-date-picker__control",
+					disabled: e.disabled || X.value !== "day",
+					onClick: le
+				}, {
+					default: M(() => [t[3] ||= b("svg", {
+						viewBox: "0 0 24 24",
+						width: "24px",
+						xmlns: "http://www.w3.org/2000/svg"
+					}, [b("path", {
+						d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
+						fill: "currentColor"
+					})], -1), b("span", H, k(A(w)("datePicker.previousMonthLabel")), 1)]),
+					_: 1
+				}, 8, ["aria-label", "disabled"]),
+				C(A(i), {
+					"aria-label": A(w)("datePicker.nextMonthLabel"),
+					class: "bb-base-date-picker__control",
+					disabled: e.disabled || X.value !== "day",
+					onClick: ce
+				}, {
+					default: M(() => [(E(), y("svg", U, t[4] ||= [b("path", {
+						d: "M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z",
+						fill: "currentColor"
+					}, null, -1)])), b("span", ie, k(A(w)("datePicker.nextMonthLabel")), 1)]),
+					_: 1
+				}, 8, ["aria-label", "disabled"])
+			]), b("div", W, [
+				C(d, {
+					id: A(K),
+					current: X.value === "day",
+					cursor: J.value,
+					disabled: e.disabled,
+					"first-day-of-week": e.firstDayOfWeek,
+					floating: e.floating,
+					inert: X.value !== "day",
+					max: e.max,
+					min: e.min,
+					"model-value": e.modelValue,
+					multiple: e.multiple,
+					range: e.range,
+					readonly: e.readonly,
+					selectable: e.selectable,
+					"onUpdate:cursor": fe,
+					"onUpdate:modelValue": pe
+				}, x({ _: 2 }, [re(e.$slots, (t, n) => ({
+					name: n,
+					fn: M((t) => [O(e.$slots, n, ne(T(t)))])
+				}))]), 1032, [
+					"id",
+					"current",
+					"cursor",
+					"disabled",
+					"first-day-of-week",
+					"floating",
+					"inert",
+					"max",
+					"min",
+					"model-value",
+					"multiple",
+					"range",
+					"readonly",
+					"selectable"
+				]),
+				C(m, { duration: 200 }, {
+					default: M(() => [X.value === "month" ? (E(), _(p, {
+						key: 0,
+						cursor: J.value,
+						disabled: e.disabled,
+						"onUpdate:month": Q
+					}, null, 8, ["cursor", "disabled"])) : v("", !0)]),
+					_: 1
+				}),
+				C(m, { duration: 200 }, {
+					default: M(() => [X.value === "year" ? (E(), _(h, {
+						key: 0,
+						cursor: J.value,
+						disabled: e.disabled,
+						"onUpdate:year": de
+					}, null, 8, ["cursor", "disabled"])) : v("", !0)]),
+					_: 1
+				})
+			])]),
+			b("div", {
+				id: `${A(K)}-status`,
+				"aria-atomic": "true",
+				"aria-live": "polite",
+				class: "sr-only",
+				role: "status"
+			}, k(oe.value), 9, G)
+		]));
+	}
 });
-export {
-  Kl as default
-};
+//#endregion
+export { K as default };