bitboss-ui 2.1.129 → 2.1.131

package/dist/index126.js

@@ -1,223 +1,807 @@
-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 At, mergeModels as Ke, ref as R, computed as c, reactive as Ue, onMounted as Vt, nextTick as Ge, onBeforeUnmount as Bt, watch as te, toRef as ge, useModel as Je, createBlock as Qe, openBlock as o, resolveDynamicComponent as St, normalizeStyle as N, unref as T, normalizeClass as g, withCtx as Et, createElementBlock as r, createCommentVNode as w, createElementVNode as d, toDisplayString as x, Fragment as I, renderList as E, renderSlot as _, createVNode as Xe, createTextVNode as Ht, mergeProps as Rt } from "vue";
+import { clamp as Nt } from "./index224.js";
+import { hash as le } from "./index252.js";
+import { isNil as L } from "./index238.js";
+import { when as Lt } from "./index261.js";
+import { useId as Mt } from "./index8.js";
+import { useItemValue as Ot } from "./index287.js";
+import { useItemsGetter as Wt } from "./index259.js";
+import { usePrefill as Dt } from "./index260.js";
+import { useIndexById as Ye } from "./index258.js";
+import { useBaseOptions as Ft } from "./index255.js";
+import { useHashedWatcher as Pt } from "./index257.js";
+import { useTableWidthContext as zt } from "./index288.js";
+import { useLocale as qt } from "./index230.js";
+import Ze from "./index18.js";
+/* empty css        */
+import jt from "./index32.js";
+/* empty css        */
+import { columnKeyToSlotName as Kt, mergeHeaderClasses as Ut, applyFixedTableColumns as Gt, mergeCellClasses as Jt } from "./index289.js";
+import { useLogger as Qt } from "./index251.js";
+const Xt = {
+  key: 0,
+  class: "sr-only"
+}, Yt = ["aria-rowindex"], Zt = { class: "bb-table-header__content" }, el = { class: "bb-table-check__label-text sr-only" }, tl = {
+  key: 1,
+  class: "bb-table-radio__label-text sr-only"
+}, ll = ["aria-sort"], al = { class: "bb-table-header__content" }, sl = { class: "bb-table-header__content sr-only" }, nl = ["aria-rowindex"], ol = {
+  key: 0,
+  class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
+}, rl = {
+  key: 0,
+  class: "bb-table-skeleton__cell-content"
+}, cl = {
+  key: 1,
+  class: "bb-table-skeleton__avatar"
+}, ul = {
+  key: 2,
+  class: "bb-table-skeleton__avatar-text"
+}, dl = { class: "bb-table-skeleton__cell-content" }, il = {
+  key: 3,
+  class: "bb-table-skeleton__image"
+}, bl = {
+  key: 4,
+  class: "bb-table-skeleton__badge"
+}, pl = {
+  key: 1,
+  class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, fl = ["aria-rowindex"], hl = ["colspan"], vl = { class: "bb-table-loading__text sr-only" }, ml = ["aria-rowindex"], yl = ["colspan"], kl = { class: "bb-table-no-data__text" }, gl = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], _l = { class: "bb-table-check__label-text sr-only" }, wl = { class: "bb-table-radio__label-text sr-only" }, xl = ["aria-rowindex", "id"], Cl = ["colspan"], jl = /* @__PURE__ */ At({
+  __name: "BbTable",
+  props: /* @__PURE__ */ Ke({
+    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__ */ Ke(["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: et }) {
+    const { getItemValue: tt } = Ot(), _e = Mt().id.value, a = ae, m = et;
+    a.multiple && !Array.isArray(a.modelValue) && Qt().throw(
+      "BbTable is set for multiple selection but modelValue is not an array."
+    );
+    const { t: M } = qt(), A = R(), O = R(), {
+      id: lt,
+      parentId: W,
+      parentNode: U,
+      cssVars: at,
+      parentVar: we,
+      setTracks: st
+    } = zt({
+      id: () => a.id,
+      container: () => O.value,
+      inheritFrom: () => typeof a.inheritColumnWidths == "string" ? a.inheritColumnWidths : void 0
+    }), D = c(() => a.inheritColumnWidths !== !1), G = c(
+      () => a.fixed || a.columns.some((e) => e.width != null) || D.value && !!W.value
+    ), J = c(
+      () => D.value && !!W.value
+    ), nt = J, ot = (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;
+    }), Ce = 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;
+    }), Te = c(
+      () => "select" in (U.value?.tracks ?? {}) ? 1 : 0
+    ), $e = c(
+      () => Te.value + xe.value
+    ), rt = c(() => Ce.value.length), ct = (e) => {
+      const l = Ce.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 = ct(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 = Te.value;
+      return e.map((s, n) => {
+        const u = l[n] ?? t;
+        let f;
+        if (Array.isArray(s.snap))
+          f = s.snap[1] === -1 ? $e.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 };
+      });
+    }), Ie = (e) => J.value && e.start >= $e.value, ne = c(
+      () => Q.value.some(Ie)
+    ), 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 ? C.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, rt.value), s = a.actions ? C.actions : null;
+      return s ? `calc(${t ?? "0px"} - ${s})` : t;
+    }), ut = c(() => oe.value !== null), dt = c(() => re.value !== null), C = Ue({ select: null, actions: null }), ce = c(() => {
+      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") });
+      const s = a.columns.length - 1;
+      return a.columns.forEach((n, u) => {
+        const f = String(u), y = n.width != null ? ot(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 && Ve.value[u] || null : Ie(h) ? b = Be.value[u] ?? null : b = se(h.start, h.end);
+        const $ = [];
+        u === 0 && ut.value && $.push("var(--bb-table-offset-internal-start)"), u === s && dt.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;
+    }), it = c(() => {
+      const e = {};
+      return oe.value && (e["--bb-table-offset-start"] = oe.value), re.value && (e["--bb-table-offset-end"] = re.value), e;
+    }), bt = c(() => {
+      const e = {
+        ...at.value,
+        ...it.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"
+      ) ?? []
+    ), pt = () => {
+      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`);
+      }), st(l);
+    }, ft = () => {
+      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;
+      };
+      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;
+    }, Ae = () => {
+      ft(), pt();
+    }, Ve = R([]), Be = R([]), F = R(0), de = R(null), Se = () => {
+      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 = C.select ? parseFloat(C.select) : 0, n = C.actions ? parseFloat(C.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 Pe = h.querySelector(
+        "table thead tr.bb-table-header-row"
+      ), $t = Pe ? Array.from(Pe.querySelectorAll(":scope > th")) : [], ee = a.columns.map((i, v) => {
+        if (i.width != null) return 0;
+        const p = $t[t + v];
+        return p ? p.getBoundingClientRect().width : 0;
+      });
+      document.body.removeChild(h);
+      const ze = a.columns.reduce(
+        (i, v, p) => i + (X(p) ? ee[p] : 0),
+        0
+      ), qe = l - y - s - n, ke = (i) => `${Number(i.toFixed(3))}px`;
+      if (Ve.value = a.columns.map((i, v) => {
+        if (!X(v)) return null;
+        const p = ee[v];
+        if (ze <= 0) return ke(p);
+        const K = qe > 0 ? qe * (p / ze) : 0;
+        return ke(Math.max(p, K));
+      }), Be.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 It = ee.reduce((i, v) => i + v, 0), je = f + It + s + n;
+      de.value = je > 0 ? `${Math.ceil(je)}px` : null;
+    };
+    let H = null, ie;
+    const Ee = () => {
+      H !== null && clearTimeout(H), H = setTimeout(() => {
+        H = null, Se();
+      }, 200);
+    };
+    let P, be;
+    const He = () => {
+      P && (P.disconnect(), ue().forEach((e) => P?.observe(e)), Ae());
+    };
+    Vt(() => {
+      P = new ResizeObserver(() => Ae()), He(), Ge(Se), A.value && (ie = new MutationObserver(Ee), ie.observe(A.value, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0
+      })), O.value && (be = new ResizeObserver(Ee), be.observe(O.value));
+    }), Bt(() => {
+      P?.disconnect(), be?.disconnect(), ie?.disconnect(), H !== null && clearTimeout(H);
+    }), te(ce, () => Ge(He), { flush: "post" });
+    const ht = (e) => [M("table.select").value, ...e.map((l) => l.content)].join(" "), vt = c(() => a.selectable ? "fieldset" : "div"), pe = c(() => a.loading || yt.value), V = c(
+      () => !L(a.page) && !L(a.perPage) && !L(a.totalItems)
+    ), mt = c(() => ({
+      "bb-table": !0,
+      [`bb-table--align-${a.align}`]: !0,
+      "bb-table--compact": a.compact,
+      "bb-table--fixed": G.value,
+      "bb-table--inherit-widths": nt.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
+    ), Re = c(
+      () => Object.fromEntries(
+        a.columns.map((e) => [e.key, Kt(e.key)])
+      )
+    ), {
+      getter: Ne,
+      items: he,
+      loading: yt
+    } = Wt({
+      items: ge(a, "items")
+    }), { hasPrefilled: kt } = Dt({
+      trigger: !0,
+      fn: async (e) => {
+        await Ne(e, a.modelValue);
+      }
+    }), { data: Le } = Ye({
+      items: ge(a, "modelValue")
+    }), { options: z } = Ft({
+      disabled: ge(a, "disabled"),
+      items: he,
+      itemText: void 0,
+      itemValue: a.itemValue,
+      max: a.max,
+      selectable: !0,
+      selectedIndexedByHash: Le
+    }), gt = async (e) => {
+      a.multiple ? m("update:modelValue", a.modelValue.concat(e.value)) : m("update:modelValue", e.value);
+    }, _t = async (e) => {
+      if (a.multiple) {
+        const l = { ...Le.value };
+        delete l[e.valueHash], m("update:modelValue", Object.values(l));
+      } else
+        m("update:modelValue", null);
+    };
+    Pt(
+      () => [a.dependencies, a.items],
+      async () => {
+        kt.value && await Ne(!1, a.modelValue);
+      },
+      {
+        debounce: a.depsDebounceTime
+      }
+    );
+    const wt = (e, l) => {
+      const t = Re.value[e.key], s = e.align ?? "left";
+      let n = tt(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: Jt(
+          [`bb-table-data__cell--${s}`],
+          a.tdClass,
+          e.tdClass,
+          n,
+          e.key,
+          l.item
+        ),
+        content: n,
+        key: e.key,
+        label: e.label,
+        slotName: t
+      };
+    }, Me = c(
+      () => 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: Ut(
+            [`bb-table-header--${l}`],
+            a.thClass,
+            e.thClass
+          ),
+          sortDirection: s
+        };
+      })
+    ), Oe = 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) => wt(k, l)
+        ), b = ve.value[l.valueHash] ?? !1;
+        return b && e++, {
+          accessibleLabel: ht(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 = Je(ae, "selectAll"), q = Je(ae, "expandedItems"), { data: ve } = Ye({
+      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 We = c(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || B.value && S.size > 0)), S = Ue(/* @__PURE__ */ new Set());
+    te(
+      () => a.unselectedItems,
+      () => {
+        S.clear(), a.unselectedItems.forEach((e) => {
+          S.add(le(e));
+        });
+      }
+    );
+    const De = (e) => {
+      if (ye(e)) {
+        _t(e), m("item:unselected", e.value), S.add(e.valueHash), m("update:unselectedItems", [...a.unselectedItems, e.value]);
+        return;
+      }
+      B.value || gt(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, Ct = Lt(
+      (e) => typeof e != "string",
+      JSON.stringify
+    ), Tt = c(
+      () => [].concat(a.modelValue ?? []).map((e) => ({
+        disabled: a.disabled,
+        name: a.name,
+        type: "hidden",
+        value: Ct(e)
+      }))
+    ), Z = [70, 45, 85, 55], Fe = c(
+      () => Nt(z.value.length || a.columns.length || 1, 4, 10)
+    );
+    return te(
+      () => [Oe.value, a.fixedColumns],
+      () => {
+        A.value && a.fixedColumns?.length && Gt(A.value, a.fixedColumns);
+      },
+      { flush: "post" }
+    ), (e, l) => (o(), Qe(St(vt.value), {
+      ref_key: "containerRef",
+      ref: O,
+      "aria-busy": pe.value,
+      "aria-rowcount": V.value ? a.totalItems : void 0,
+      class: g(mt.value),
+      "data-bb-table-id": T(lt),
+      inert: e.disabled,
+      style: N(bt.value)
+    }, {
+      default: Et(() => [
+        e.selectable ? (o(), r("legend", Xt, x(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
+            })
+          }, x(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", Zt, [
+                      e.allowSelectAll && e.multiple ? (o(), r("label", {
+                        key: 0,
+                        class: g(["bb-table-check__label", {
+                          "bb-table-check__label--disabled": e.disabled
+                        }])
+                      }, [
+                        (o(), Qe(Ze, {
+                          key: We.value.toString(),
+                          modelValue: B.value,
+                          "onUpdate:modelValue": l[0] || (l[0] = (t) => B.value = t),
+                          class: "bb-table-check",
+                          disabled: e.disabled,
+                          indeterminate: We.value,
+                          name: `select_all_${e.name || ""}`,
+                          readonly: e.readonly
+                        }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
+                        d("span", el, x(e.selectAllLabel || T(M)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? w("", !0) : (o(), r("span", tl, x(e.selectText || T(M)("table.selectText").value), 1))
+                    ])
+                  ])
+                ], 2)) : w("", !0),
+                (o(!0), r(I, null, E(Me.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 === Me.value.length - 1
+                    }
+                  ]]),
+                  scope: "col"
+                }, [
+                  _(e.$slots, t.slotName, {
+                    classes: t.classes,
+                    items: T(he),
+                    label: t.label
+                  }, () => [
+                    d("span", al, x(t.label), 1)
+                  ])
+                ], 10, ll))), 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", sl, x(e.actionsText), 1)
+                  ])
+                ], 2)) : w("", !0)
+              ], 8, Yt)
+            ])
+          ]),
+          d("tbody", null, [
+            pe.value ? _(e.$slots, "loading", {
+              key: 0,
+              items: T(he)
+            }, () => [
+              (o(!0), r(I, null, E(Fe.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", ol, 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", rl, [
+                    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", cl)) : n.skeleton === "avatar-text" ? (o(), r("div", ul, [
+                    l[2] || (l[2] = d("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
+                    d("div", dl, [
+                      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", il)) : n.skeleton === "badge" ? (o(), r("div", bl)) : w("", !0)
+                ], 2))), 128)),
+                e.actions ? (o(), r("td", pl, l[3] || (l[3] = [
+                  d("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : w("", !0)
+              ], 8, nl))), 128)),
+              d("tr", {
+                "aria-rowindex": V.value ? Fe.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", vl, x(e.loadingText), 1)
+                ], 8, hl)
+              ], 8, fl)
+            ]) : T(z).length ? _(e.$slots, "tbody", { key: 2 }, () => [
+              (o(!0), r(I, null, E(Oe.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
+                        }])
+                      }, [
+                        Xe(Ze, {
+                          checked: ye(t),
+                          class: "bb-table-check",
+                          disabled: t.disabled,
+                          readonly: e.readonly,
+                          onChange: () => De(t)
+                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
+                        d("span", _l, x(t.accessibleLabel), 1)
+                      ], 2)) : (o(), r("label", {
+                        key: 1,
+                        class: g(["bb-table-radio__label", {
+                          "bb-table-radio__label--disabled": t.disabled
+                        }])
+                      }, [
+                        Xe(jt, {
+                          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"]),
+                        d("span", wl, x(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
+                    }, () => [
+                      Ht(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: () => j(t.valueHash),
+                      value: t.value
+                    })
+                  ], 2)) : w("", !0)
+                ], 40, gl),
+                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, Cl)
+                ], 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", kl, x(e.noDataText || T(M)("table.noDataText").value), 1)
+                ], 8, yl)
+              ], 8, ml)
+            ])
+          ]),
+          d("tfoot", null, [
+            _(e.$slots, "tfoot")
+          ])
+        ], 512),
+        (o(!0), r(I, null, E(Tt.value, (t) => (o(), r("input", Rt({
+          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 {
+  jl as default
+};