bitboss-ui 2.1.129 → 2.1.130

package/dist/index126.js

@@ -1,223 +1,820 @@
-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)
-		]));
-	}
+import { defineComponent as Et, mergeModels as Ge, ref as R, computed as i, reactive as Je, onMounted as Wt, nextTick as Qe, onBeforeUnmount as St, watch as te, toRef as ge, useModel as Xe, createBlock as Ye, openBlock as o, resolveDynamicComponent as Ht, normalizeStyle as N, unref as T, normalizeClass as g, withCtx as Rt, createElementBlock as r, createCommentVNode as w, createElementVNode as c, toDisplayString as x, Fragment as I, renderList as W, renderSlot as _, createVNode as Ze, createTextVNode as Nt, mergeProps as Mt } from "vue";
+import { clamp as Ft } from "./index226.js";
+import { hash as le } from "./index243.js";
+import { isNil as M } from "./index268.js";
+import { when as Lt } from "./index266.js";
+import { useId as Ot } from "./index8.js";
+import { useItemValue as Dt } from "./index281.js";
+import { useItemsGetter as Pt } from "./index238.js";
+import { usePrefill as zt } from "./index239.js";
+import { useIndexById as et } from "./index240.js";
+import { useBaseOptions as qt } from "./index241.js";
+import { useHashedWatcher as jt } from "./index244.js";
+import { useTableWidthContext as Kt } from "./index282.js";
+import { useLocale as Ut } from "./index235.js";
+import tt from "./index18.js";
+/* empty css        */
+import Gt from "./index32.js";
+/* empty css        */
+import { columnKeyToSlotName as Jt, mergeHeaderClasses as Qt, applyFixedTableColumns as Xt, mergeCellClasses as Yt } from "./index283.js";
+import { useLogger as Zt } from "./index252.js";
+const el = {
+  key: 0,
+  class: "sr-only"
+}, tl = ["aria-rowindex"], ll = { class: "bb-table-header__content" }, al = { class: "bb-table-check__label-text sr-only" }, sl = {
+  key: 1,
+  class: "bb-table-radio__label-text sr-only"
+}, nl = ["aria-sort"], ol = { class: "bb-table-header__content" }, rl = { class: "bb-table-header__content sr-only" }, dl = ["aria-rowindex"], il = {
+  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"
+}, bl = {
+  key: 2,
+  class: "bb-table-skeleton__avatar-text"
+}, pl = { class: "bb-table-skeleton__cell-content" }, hl = {
+  key: 3,
+  class: "bb-table-skeleton__image"
+}, fl = {
+  key: 4,
+  class: "bb-table-skeleton__badge"
+}, vl = {
+  key: 1,
+  class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, ml = ["aria-rowindex"], yl = ["colspan"], kl = { class: "bb-table-loading__text sr-only" }, gl = ["aria-rowindex"], _l = ["colspan"], wl = { class: "bb-table-no-data__text" }, xl = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], Cl = { class: "bb-table-check__label-text sr-only" }, Tl = { class: "bb-table-radio__label-text sr-only" }, $l = ["aria-rowindex", "id"], Il = ["colspan"], Gl = /* @__PURE__ */ Et({
+  __name: "BbTable",
+  props: /* @__PURE__ */ Ge({
+    accessibleLabel: {},
+    actions: { type: Boolean },
+    actionsText: { default: "Azioni" },
+    align: { default: "left" },
+    id: {},
+    inheritColumnWidths: { type: [Boolean, String], default: !0 },
+    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__ */ Ge(["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: lt }) {
+    const { getItemValue: at } = Dt(), _e = Ot().id.value, a = ae, k = lt;
+    a.multiple && !Array.isArray(a.modelValue) && Zt().throw(
+      "BbTable is set for multiple selection but modelValue is not an array."
+    );
+    const { t: F } = Ut(), A = R(), L = R(), {
+      id: st,
+      parentId: O,
+      parentNode: U,
+      cssVars: nt,
+      parentVar: we,
+      setTracks: ot
+    } = Kt({
+      id: () => a.id,
+      container: () => L.value,
+      inheritFrom: () => typeof a.inheritColumnWidths == "string" ? a.inheritColumnWidths : void 0
+    }), D = i(() => a.inheritColumnWidths !== !1), G = i(
+      () => a.fixed || a.columns.some((e) => e.width != null) || D.value && !!O.value
+    ), J = i(
+      () => D.value && !!O.value
+    ), rt = J, xe = (e) => {
+      if (typeof e == "number") return `${e}px`;
+      const l = e.trim();
+      return /^-?\d*\.?\d+$/.test(l) ? `${l}px` : l;
+    }, dt = (e, l) => {
+      const t = xe(e);
+      if (/^-?\d*\.?\d+px$/.test(t)) return parseFloat(t);
+      const s = document.createElement("div");
+      s.style.position = "absolute", s.style.visibility = "hidden", s.style.pointerEvents = "none", s.style.width = t, l.appendChild(s);
+      const n = s.getBoundingClientRect().width;
+      return l.removeChild(s), Number.isFinite(n) && n > 0 ? n : null;
+    }, Ce = i(() => {
+      const e = U.value?.tracks;
+      return e ? Object.keys(e).filter((l) => /^\d+$/.test(l)).length : 0;
+    }), Te = i(() => {
+      const e = U.value?.tracks ?? {}, l = [];
+      "select" in e && l.push("select");
+      for (let t = 0; t < Ce.value; t++) l.push(String(t));
+      return "actions" in e && l.push("actions"), l;
+    }), $e = i(
+      () => "select" in (U.value?.tracks ?? {}) ? 1 : 0
+    ), Ie = i(
+      () => $e.value + Ce.value
+    ), it = i(() => Te.value.length), ct = (e) => {
+      const l = Te.value[e];
+      return l ? we(l, "0px") : "0px";
+    }, se = (e, l) => {
+      if (!O.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 d = ct(s);
+        t.push(
+          n >= 1 - 1e-6 ? d : `${Number(n.toFixed(4))} * ${d}`
+        );
+      }
+      return t.length ? t.length === 1 && !t[0].includes("*") ? t[0] : `calc(${t.join(" + ")})` : null;
+    }, Q = i(() => {
+      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 d = l[n] ?? t;
+        let p;
+        if (Array.isArray(s.snap))
+          p = s.snap[1] === -1 ? Ie.value : s.snap[1];
+        else {
+          const m = l[n + 1];
+          p = m != null && m > d ? m : Math.floor(d) + 1;
+        }
+        return t = p, { start: d, end: p };
+      });
+    }), Ae = (e) => J.value && e.start >= Ie.value, ne = i(
+      () => Q.value.some(Ae)
+    ), X = (e) => a.columns[e]?.width == null && !J.value, Y = i(() => {
+      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 = i(() => {
+      const e = Q.value[0];
+      if (!D.value || !O.value || !e) return null;
+      const l = se(0, e.start), t = a.selectable ? C.select : null;
+      return t ? `calc(${l ?? "0px"} - ${t})` : l;
+    }), re = i(() => {
+      const e = Q.value, l = e[e.length - 1];
+      if (!D.value || !O.value || !l || ne.value || Y.value === a.columns.length - 1) return null;
+      const t = se(l.end, it.value), s = a.actions ? C.actions : null;
+      return s ? `calc(${t ?? "0px"} - ${s})` : t;
+    }), ut = i(() => oe.value !== null), bt = i(() => re.value !== null), C = Je({ select: null, actions: null }), de = i(() => {
+      const e = (n) => D.value ? we(n) : "auto", l = (n) => G.value && C[n] ? C[n] : e(n), t = [];
+      a.selectable && t.push({ key: "select", width: l("select"), locked: !1 });
+      const s = a.columns.length - 1;
+      return a.columns.forEach((n, d) => {
+        const p = String(d), m = n.width != null ? xe(n.width) : null, v = Q.value[d];
+        if (d === Y.value && !ne.value) {
+          t.push({ key: p, width: "auto", locked: !1 });
+          return;
+        }
+        let h;
+        m != null ? h = m : X(d) ? h = G.value && Be.value[d] || null : Ae(v) ? h = Ee.value[d] ?? null : h = se(v.start, v.end);
+        const $ = [];
+        d === 0 && ut.value && $.push("var(--bb-table-offset-internal-start)"), d === s && bt.value && $.push("var(--bb-table-offset-internal-end)");
+        const f = $.length ? `calc(${[...$, h ?? "0px"].join(" + ")})` : h ?? "auto";
+        t.push({ key: p, width: f, locked: m != null });
+      }), a.actions && t.push({ key: "actions", width: l("actions"), locked: !1 }), t;
+    }), pt = i(() => {
+      const e = {};
+      return oe.value && (e["--bb-table-offset-start"] = oe.value), re.value && (e["--bb-table-offset-end"] = re.value), e;
+    }), ht = i(() => {
+      const e = {
+        ...nt.value,
+        ...pt.value
+      };
+      return ce.value && (e["--bb-table-natural-width"] = ce.value), P.value > 0 && (e["--bb-table-fill"] = `${P.value}px`), e;
+    }), ie = () => Array.from(
+      A.value?.querySelectorAll(
+        ":scope > thead > tr.bb-table-header-row > th"
+      ) ?? []
+    ), ft = () => {
+      const e = de.value.map((t) => t.key), l = {};
+      ie().forEach((t, s) => {
+        const n = e[s];
+        n != null && (l[n] = `${t.getBoundingClientRect().width}px`);
+      }), ot(l);
+    }, vt = () => {
+      const e = A.value;
+      if (!e) return;
+      const l = (t) => {
+        let s = 0;
+        return e.querySelectorAll(t).forEach((n) => {
+          let d = 1 / 0, p = -1 / 0;
+          n.querySelectorAll(":scope > *").forEach(($) => {
+            const f = $.getBoundingClientRect();
+            d = Math.min(d, f.left), p = Math.max(p, f.right);
+          });
+          const m = p > d ? p - d : 0, v = getComputedStyle(n), h = parseFloat(v.paddingLeft) + parseFloat(v.paddingRight);
+          s = Math.max(s, m + h);
+        }), s > 0 ? `${Math.ceil(s)}px` : null;
+      };
+      C.select = a.selectable ? l(
+        ":scope > thead > tr > th.bb-table-header--select, :scope > tbody > tr > td.bb-table-data__cell--select"
+      ) : null, C.actions = a.actions ? l(
+        ":scope > thead > tr > th.bb-table-header--actions, :scope > tbody > tr > td.bb-table__cell--actions"
+      ) : null;
+    }, Ve = () => {
+      vt(), ft();
+    }, Be = R([]), Ee = R([]), P = R(0), ce = R(null), mt = (e) => {
+      const l = e.parentElement?.clientWidth ?? 0, t = e.clientWidth || e.getBoundingClientRect().width, s = e.offsetWidth, n = l || t || s;
+      return Number.isFinite(n) && n > 0 ? n : 0;
+    }, We = () => {
+      const e = L.value;
+      if (!e || !G.value || !a.columns.some((u) => u.width != null) && !ne.value && Y.value < 0)
+        return;
+      const l = mt(e);
+      if (l <= 0) return;
+      const t = a.selectable ? 1 : 0, s = C.select ? parseFloat(C.select) : 0, n = C.actions ? parseFloat(C.actions) : 0, d = ie();
+      let p = 0, m = 0;
+      a.columns.forEach((u, y) => {
+        const b = d[t + y]?.getBoundingClientRect().width ?? 0, Ue = (u.width != null ? dt(u.width, e) : null) ?? b;
+        u.width != null && (p += Ue), X(y) || (m += Ue);
+      });
+      const v = document.createElement("div");
+      v.style.cssText = [
+        "position:absolute",
+        "top:-9999px",
+        "left:-9999px",
+        "visibility:hidden",
+        "pointer-events:none",
+        `width:${l}px`,
+        `height:${e.offsetHeight}px`,
+        "overflow:visible"
+      ].join(";");
+      const h = e.cloneNode(!0);
+      h.classList.remove("bb-table--fixed"), h.querySelectorAll(".bb-table-expand__row").forEach((u) => u.remove());
+      const $ = Array.from(h.querySelectorAll("col"));
+      a.columns.forEach((u, y) => {
+        if (u.width == null) {
+          const b = $[t + y];
+          b && (b.style.width = "");
+        }
+      });
+      const f = h.querySelector("table");
+      f && (f.style.width = "min-content", f.style.minWidth = "0"), v.appendChild(h), document.body.appendChild(v);
+      const ze = v.querySelector(
+        "table thead tr.bb-table-header-row"
+      ), Vt = ze ? Array.from(ze.querySelectorAll(":scope > th")) : [], ee = a.columns.map((u, y) => {
+        if (u.width != null) return 0;
+        const b = Vt[t + y];
+        return b ? b.getBoundingClientRect().width : 0;
+      });
+      document.body.removeChild(v);
+      const qe = a.columns.reduce(
+        (u, y, b) => u + (X(b) ? ee[b] : 0),
+        0
+      ), je = l - m - s - n, ke = (u) => `${Number(u.toFixed(3))}px`;
+      if (Be.value = a.columns.map((u, y) => {
+        if (!X(y)) return null;
+        const b = ee[y];
+        if (qe <= 0) return ke(b);
+        const H = je > 0 ? je * (b / qe) : 0;
+        return ke(Math.max(b, H));
+      }), Ee.value = ee.map((u) => u > 0 ? ke(u) : null), Y.value >= 0) {
+        const u = Object.values(U.value?.tracks ?? {}).reduce(
+          (b, H) => b + (parseFloat(H) || 0),
+          0
+        ), y = d.reduce(
+          (b, H) => b + H.getBoundingClientRect().width,
+          0
+        );
+        P.value = Math.max(0, u - y + P.value);
+      } else
+        P.value = 0;
+      const Bt = ee.reduce((u, y) => u + y, 0), Ke = p + Bt + s + n;
+      ce.value = Ke > 0 ? `${Math.ceil(Ke)}px` : null;
+    };
+    let S = null, ue;
+    const Se = () => {
+      S !== null && clearTimeout(S), S = setTimeout(() => {
+        S = null, We();
+      }, 200);
+    };
+    let z, be;
+    const He = () => {
+      z && (z.disconnect(), ie().forEach((e) => z?.observe(e)), Ve());
+    };
+    Wt(() => {
+      z = new ResizeObserver(() => Ve()), He(), Qe(We), A.value && (ue = new MutationObserver(Se), ue.observe(A.value, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      })), L.value && (be = new ResizeObserver(Se), be.observe(L.value));
+    }), St(() => {
+      z?.disconnect(), be?.disconnect(), ue?.disconnect(), S !== null && clearTimeout(S);
+    }), te(de, () => Qe(He), { flush: "post" });
+    const yt = (e) => [F("table.select").value, ...e.map((l) => l.content)].join(" "), kt = i(() => a.selectable ? "fieldset" : "div"), pe = i(() => a.loading || _t.value), V = i(
+      () => !M(a.page) && !M(a.perPage) && !M(a.totalItems)
+    ), gt = i(() => ({
+      "bb-table": !0,
+      [`bb-table--align-${a.align}`]: !0,
+      "bb-table--compact": a.compact,
+      "bb-table--fixed": G.value,
+      "bb-table--inherit-widths": rt.value,
+      "bb-table--fixed-header": a.fixedHeaders,
+      "bb-table--loading": pe.value,
+      "bb-table--empty": !q.value.length,
+      "bb-table--selectable": !!a.selectable,
+      "scrollbar-border": !0
+    })), he = i(
+      () => a.columns.length + +!!a.selectable + +!!a.actions
+    ), Re = i(
+      () => Object.fromEntries(
+        a.columns.map((e) => [e.key, Jt(e.key)])
+      )
+    ), {
+      getter: Ne,
+      items: fe,
+      loading: _t
+    } = Pt({
+      items: ge(a, "items")
+    }), { hasPrefilled: wt } = zt({
+      trigger: !0,
+      fn: async (e) => {
+        await Ne(e, a.modelValue);
+      }
+    }), { data: Me } = et({
+      items: ge(a, "modelValue")
+    }), { options: q } = qt({
+      disabled: ge(a, "disabled"),
+      items: fe,
+      itemText: void 0,
+      itemValue: a.itemValue,
+      max: a.max,
+      selectable: !0,
+      selectedIndexedByHash: Me
+    }), xt = async (e) => {
+      a.multiple ? k("update:modelValue", a.modelValue.concat(e.value)) : k("update:modelValue", e.value);
+    }, Ct = async (e) => {
+      if (a.multiple) {
+        const l = { ...Me.value };
+        delete l[e.valueHash], k("update:modelValue", Object.values(l));
+      } else
+        k("update:modelValue", null);
+    };
+    jt(
+      () => [a.dependencies, a.items],
+      async () => {
+        wt.value && await Ne(!1, a.modelValue);
+      },
+      {
+        debounce: a.depsDebounceTime
+      }
+    );
+    const Tt = (e, l) => {
+      const t = Re.value[e.key], s = e.align ?? "left";
+      let n = at(l.item, e.key);
+      return e.formatter && (!M(n) || e.formatOnNull !== !1) && (n = e.formatter(n, e.key, l.item)), e.placeholder && M(n) && (n = e.placeholder), {
+        align: s,
+        classes: Yt(
+          [`bb-table-data__cell--${s}`],
+          a.tdClass,
+          e.tdClass,
+          n,
+          e.key,
+          l.item
+        ),
+        content: n,
+        key: e.key,
+        label: e.label,
+        slotName: t
+      };
+    }, Fe = i(
+      () => a.columns.map((e) => {
+        const l = e.align ?? "left", t = `header:${Re.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: Qt(
+            [`bb-table-header--${l}`],
+            a.thClass,
+            e.thClass
+          ),
+          sortDirection: s
+        };
+      })
+    ), Le = i(() => {
+      let e = 0;
+      return q.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), d = 1, p = t + 1, m = n + d + p + e, v = a.columns.map(
+          (f) => Tt(f, l)
+        ), h = ve.value[l.valueHash] ?? !1;
+        return h && e++, {
+          accessibleLabel: yt(v),
+          cols: v,
+          expanded: h,
+          onRowClick: (f) => k("click:row", f, l, !!l.selected),
+          onRowContextMenu: (f) => k("contextmenu:row", f, l, !!l.selected),
+          onRowDblClick: (f) => k("dblclick:row", f, l, !!l.selected),
+          item: l.item,
+          text: l.text,
+          rowIndex: m,
+          valueHash: l.valueHash,
+          value: l.value,
+          selected: l.selected,
+          disabled: s
+        };
+      });
+    }), B = Xe(ae, "selectAll"), j = Xe(ae, "expandedItems"), { data: ve } = et({
+      items: j
+    }), $t = (e, l) => {
+      e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), K(l)));
+    }, me = (e) => ({
+      "aria-controls": M(ve.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+      "aria-expanded": e.expanded ? "true" : "false",
+      onClick: (l) => {
+        l.stopPropagation(), K(e.valueHash);
+      },
+      onKeydown: (l) => $t(l, e.valueHash)
+    }), K = (e) => {
+      const l = q.value.find((t) => t.valueHash === e);
+      l && (e in ve.value ? j.value = j.value.filter(
+        (t) => le(t) !== e
+      ) : j.value = [...j.value, l.value]);
+    };
+    te(B, () => {
+      E.clear(), k("update:unselectedItems", []), k("update:modelValue", []);
+    });
+    const Oe = i(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || B.value && E.size > 0)), E = Je(/* @__PURE__ */ new Set());
+    te(
+      () => a.unselectedItems,
+      () => {
+        E.clear(), a.unselectedItems.forEach((e) => {
+          E.add(le(e));
+        });
+      }
+    );
+    const De = (e) => {
+      if (ye(e)) {
+        Ct(e), k("item:unselected", e.value), E.add(e.valueHash), k("update:unselectedItems", [...a.unselectedItems, e.value]);
+        return;
+      }
+      B.value || xt(e), k("item:selected", e.value), E.delete(e.valueHash), k(
+        "update:unselectedItems",
+        a.unselectedItems.filter((l) => le(l) !== le(e.value))
+      );
+    }, ye = (e) => E.has(e.valueHash) ? !1 : e.selected || B.value, It = Lt(
+      (e) => typeof e != "string",
+      JSON.stringify
+    ), At = i(
+      () => [].concat(a.modelValue ?? []).map((e) => ({
+        disabled: a.disabled,
+        name: a.name,
+        type: "hidden",
+        value: It(e)
+      }))
+    ), Z = [70, 45, 85, 55], Pe = i(
+      () => Ft(q.value.length || a.columns.length || 1, 4, 10)
+    );
+    return te(
+      () => [Le.value, a.fixedColumns],
+      () => {
+        A.value && a.fixedColumns?.length && Xt(A.value, a.fixedColumns);
+      },
+      { flush: "post" }
+    ), (e, l) => (o(), Ye(Ht(kt.value), {
+      ref_key: "containerRef",
+      ref: L,
+      "aria-busy": pe.value,
+      "aria-rowcount": V.value ? a.totalItems : void 0,
+      class: g(gt.value),
+      "data-bb-table-id": T(st),
+      inert: e.disabled,
+      style: N(ht.value)
+    }, {
+      default: Rt(() => [
+        e.selectable ? (o(), r("legend", el, x(e.legend), 1)) : w("", !0),
+        c("table", {
+          ref_key: "tableRef",
+          ref: A
+        }, [
+          e.caption ? (o(), r("caption", {
+            key: 0,
+            class: g({
+              "bb-table-caption": !0,
+              "sr-only": !e.displayCaption
+            })
+          }, x(e.caption), 3)) : w("", !0),
+          c("colgroup", null, [
+            (o(!0), r(I, null, W(de.value, (t) => (o(), r("col", {
+              key: t.key,
+              style: N({
+                width: t.width,
+                minWidth: t.locked ? t.width : void 0,
+                maxWidth: t.locked ? t.width : void 0
+              })
+            }, null, 4))), 128))
+          ]),
+          c("thead", null, [
+            _(e.$slots, "thead", {}, () => [
+              c("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(F)("table.selectText").value
+                  }, () => [
+                    c("span", ll, [
+                      e.allowSelectAll && e.multiple ? (o(), r("label", {
+                        key: 0,
+                        class: g(["bb-table-check__label", {
+                          "bb-table-check__label--disabled": e.disabled
+                        }])
+                      }, [
+                        (o(), Ye(tt, {
+                          key: Oe.value.toString(),
+                          modelValue: B.value,
+                          "onUpdate:modelValue": l[0] || (l[0] = (t) => B.value = t),
+                          class: "bb-table-check",
+                          disabled: e.disabled,
+                          indeterminate: Oe.value,
+                          name: `select_all_${e.name || ""}`,
+                          readonly: e.readonly
+                        }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
+                        c("span", al, x(e.selectAllLabel || T(F)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? w("", !0) : (o(), r("span", sl, x(e.selectText || T(F)("table.selectText").value), 1))
+                    ])
+                  ])
+                ], 2)) : w("", !0),
+                (o(!0), r(I, null, W(Fe.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 === Fe.value.length - 1
+                    }
+                  ]]),
+                  scope: "col"
+                }, [
+                  _(e.$slots, t.slotName, {
+                    classes: t.classes,
+                    items: T(fe),
+                    label: t.label
+                  }, () => [
+                    c("span", ol, x(t.label), 1)
+                  ])
+                ], 10, nl))), 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 }, () => [
+                    c("span", rl, x(e.actionsText), 1)
+                  ])
+                ], 2)) : w("", !0)
+              ], 8, tl)
+            ])
+          ]),
+          c("tbody", null, [
+            pe.value ? _(e.$slots, "loading", {
+              key: 0,
+              items: T(fe)
+            }, () => [
+              (o(!0), r(I, null, W(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", il, l[1] || (l[1] = [
+                  c("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : w("", !0),
+                (o(!0), r(I, null, W(a.columns, (n, d) => (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, [
+                    c("div", {
+                      class: "bb-table-skeleton__line",
+                      style: N({
+                        width: `${Z[(s + d) % 4]}%`
+                      })
+                    }, null, 4),
+                    c("div", {
+                      class: "bb-table-skeleton__line",
+                      style: N({
+                        width: `${Z[(s + d + 2) % 4]}%`
+                      })
+                    }, null, 4)
+                  ])) : n.skeleton === "avatar" ? (o(), r("div", ul)) : n.skeleton === "avatar-text" ? (o(), r("div", bl, [
+                    l[2] || (l[2] = c("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
+                    c("div", pl, [
+                      c("div", {
+                        class: "bb-table-skeleton__line",
+                        style: N({
+                          width: `${Z[(s + d) % 4]}%`
+                        })
+                      }, null, 4),
+                      c("div", {
+                        class: "bb-table-skeleton__line",
+                        style: N({
+                          width: `${Z[(s + d + 2) % 4]}%`
+                        })
+                      }, null, 4)
+                    ])
+                  ])) : n.skeleton === "image" ? (o(), r("div", hl)) : n.skeleton === "badge" ? (o(), r("div", fl)) : w("", !0)
+                ], 2))), 128)),
+                e.actions ? (o(), r("td", vl, l[3] || (l[3] = [
+                  c("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : w("", !0)
+              ], 8, dl))), 128)),
+              c("tr", {
+                "aria-rowindex": V.value ? Pe.value + 2 : void 0,
+                class: "bb-table-loading__row bb-table-loading__row--sr-only"
+              }, [
+                c("td", {
+                  colspan: he.value,
+                  class: "bb-table-loading__cell",
+                  "aria-live": "polite",
+                  role: "status"
+                }, [
+                  c("span", kl, x(e.loadingText), 1)
+                ], 8, yl)
+              ], 8, ml)
+            ]) : T(q).length ? _(e.$slots, "tbody", { key: 2 }, () => [
+              (o(!0), r(I, null, W(Le.value, (t) => (o(), r(I, {
+                key: t.valueHash
+              }, [
+                c("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
+                        }])
+                      }, [
+                        Ze(tt, {
+                          checked: ye(t),
+                          class: "bb-table-check",
+                          disabled: t.disabled,
+                          readonly: e.readonly,
+                          onChange: () => De(t)
+                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
+                        c("span", Cl, x(t.accessibleLabel), 1)
+                      ], 2)) : (o(), r("label", {
+                        key: 1,
+                        class: g(["bb-table-radio__label", {
+                          "bb-table-radio__label--disabled": t.disabled
+                        }])
+                      }, [
+                        Ze(Gt, {
+                          checked: t.selected,
+                          class: "bb-table-radio",
+                          disabled: t.disabled,
+                          name: T(_e),
+                          readonly: e.readonly,
+                          value: t.value,
+                          onChange: () => De(t)
+                        }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
+                        c("span", Tl, x(t.accessibleLabel), 1)
+                      ], 2))
+                    ])
+                  ], 2)) : w("", !0),
+                  (o(!0), r(I, null, W(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: () => K(t.valueHash),
+                      value: t.value
+                    }, () => [
+                      Nt(x(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: () => K(t.valueHash),
+                      value: t.value
+                    })
+                  ], 2)) : w("", !0)
+                ], 40, xl),
+                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"
+                }, [
+                  c("td", {
+                    colspan: he.value,
+                    class: "bb-table-expand__cell"
+                  }, [
+                    _(e.$slots, "expand", {
+                      expanded: t.expanded,
+                      item: t.item,
+                      expandProps: me(t),
+                      toggleExpanded: () => K(t.valueHash),
+                      value: t.value
+                    })
+                  ], 8, Il)
+                ], 8, $l)) : w("", !0)
+              ], 64))), 128))
+            ]) : _(e.$slots, "no-data", { key: 1 }, () => [
+              c("tr", {
+                "aria-rowindex": V.value ? 2 : void 0,
+                class: "bb-table-no-data__row"
+              }, [
+                c("td", {
+                  class: "bb-table-no-data__cell",
+                  colspan: he.value
+                }, [
+                  c("span", wl, x(e.noDataText || T(F)("table.noDataText").value), 1)
+                ], 8, _l)
+              ], 8, gl)
+            ])
+          ]),
+          c("tfoot", null, [
+            _(e.$slots, "tfoot")
+          ])
+        ], 512),
+        (o(!0), r(I, null, W(At.value, (t) => (o(), r("input", Mt({
+          key: t.value,
+          ref_for: !0
+        }, t), null, 16))), 128))
+      ]),
+      _: 3
+    }, 8, ["aria-busy", "aria-rowcount", "class", "data-bb-table-id", "inert", "style"]));
+  }
 });
-//#endregion
-export { K as default };
+export {
+  Gl as default
+};