bitboss-ui 2.1.80 → 2.1.82

package/dist/index122.js

@@ -1,52 +1,52 @@
-import { defineComponent as be, mergeModels as U, ref as ie, computed as c, toRef as D, useModel as re, watch as H, reactive as ce, createBlock as W, openBlock as t, resolveDynamicComponent as ue, normalizeClass as r, withCtx as pe, createElementBlock as s, createCommentVNode as m, createElementVNode as o, toDisplayString as u, renderSlot as p, unref as y, Fragment as h, renderList as g, normalizeStyle as $, createVNode as q, createTextVNode as me, mergeProps as ye } from "vue";
-import { clamp as _e } from "./index214.js";
-import { hash as L } from "./index227.js";
-import { isNil as V } from "./index267.js";
-import { when as ke } from "./index278.js";
-import { useId as ve } from "./index8.js";
-import { useItemValue as fe } from "./index266.js";
-import { useItemsGetter as he } from "./index239.js";
-import { usePrefill as ge } from "./index244.js";
-import { useIndexById as Ce } from "./index240.js";
-import { useBaseOptions as we } from "./index241.js";
-import { useHashedWatcher as Ve } from "./index243.js";
-import { useLocale as Be } from "./index236.js";
-import G from "./index17.js";
+import { defineComponent as he, mergeModels as X, ref as ke, computed as u, toRef as R, useModel as Y, watch as O, reactive as ge, createBlock as Z, openBlock as s, resolveDynamicComponent as xe, normalizeClass as i, withCtx as we, createElementBlock as n, createCommentVNode as p, createElementVNode as o, toDisplayString as m, renderSlot as c, unref as y, Fragment as h, renderList as g, normalizeStyle as H, createVNode as ee, createTextVNode as Ce, mergeProps as Ie } from "vue";
+import { clamp as Ve } from "./index216.js";
+import { hash as T } from "./index225.js";
+import { isNil as x } from "./index239.js";
+import { when as $e } from "./index263.js";
+import { useId as Be } from "./index8.js";
+import { useItemValue as He } from "./index287.js";
+import { useItemsGetter as Te } from "./index221.js";
+import { usePrefill as Ae } from "./index227.js";
+import { useIndexById as le } from "./index222.js";
+import { useBaseOptions as Ne } from "./index223.js";
+import { useHashedWatcher as Le } from "./index226.js";
+import { useLocale as De } from "./index229.js";
+import ae from "./index17.js";
 /* empty css        */
-import Te from "./index31.js";
+import Ee from "./index31.js";
 /* empty css        */
-import { columnKeyToSlotName as $e, mergeHeaderClasses as Ie, applyFixedTableColumns as Ae, mergeCellClasses as Ne } from "./index279.js";
-import { useLogger as De } from "./index230.js";
-const He = {
+import { columnKeyToSlotName as Se, mergeHeaderClasses as Pe, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index288.js";
+import { useLogger as Me } from "./index272.js";
+const Fe = {
   key: 0,
   class: "sr-only"
-}, Le = ["aria-rowindex"], xe = { class: "bb-table-header__content" }, Se = { class: "bb-table-check__label-text sr-only" }, Re = {
+}, ze = ["aria-rowindex"], Ke = { class: "bb-table-header__content" }, je = { class: "bb-table-check__label-text sr-only" }, qe = {
   key: 1,
   class: "bb-table-radio__label-text sr-only"
-}, Oe = ["aria-sort"], Pe = { class: "bb-table-header__content" }, Me = { class: "bb-table-header__content sr-only" }, ze = ["aria-rowindex"], Ee = {
+}, Ue = ["aria-sort"], We = { class: "bb-table-header__content" }, Ge = { class: "bb-table-header__content sr-only" }, Je = ["aria-rowindex"], Qe = {
   key: 0,
   class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
-}, Fe = {
+}, Xe = {
   key: 0,
   class: "bb-table-skeleton__cell-content"
-}, je = {
+}, Ye = {
   key: 1,
   class: "bb-table-skeleton__avatar"
-}, Ke = {
+}, Ze = {
   key: 2,
   class: "bb-table-skeleton__avatar-text"
-}, Ue = { class: "bb-table-skeleton__cell-content" }, We = {
+}, el = { class: "bb-table-skeleton__cell-content" }, ll = {
   key: 3,
   class: "bb-table-skeleton__image"
-}, qe = {
+}, al = {
   key: 4,
   class: "bb-table-skeleton__badge"
-}, Ge = {
+}, tl = {
   key: 1,
   class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
-}, Je = ["aria-rowindex"], Qe = ["colspan"], Xe = { class: "bb-table-loading__text sr-only" }, Ye = ["aria-rowindex"], Ze = ["colspan"], el = { class: "bb-table-no-data__text" }, ll = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], al = { class: "bb-table-check__label-text sr-only" }, tl = { class: "bb-table-radio__label-text sr-only" }, wl = /* @__PURE__ */ be({
+}, sl = ["aria-rowindex"], nl = ["colspan"], ol = { class: "bb-table-loading__text sr-only" }, dl = ["aria-rowindex"], rl = ["colspan"], bl = { class: "bb-table-no-data__text" }, il = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], cl = { class: "bb-table-check__label-text sr-only" }, ul = { class: "bb-table-radio__label-text sr-only" }, pl = ["aria-rowindex", "id"], ml = ["colspan"], El = /* @__PURE__ */ he({
   __name: "BbTable",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ X({
     accessibleLabel: {},
     actions: { type: Boolean },
     actionsText: { default: "Azioni" },
@@ -85,422 +85,471 @@ const He = {
     columns: { default: () => [] }
   }, {
     selectAll: { type: Boolean, required: !1, default: !1 },
-    selectAllModifiers: {}
+    selectAllModifiers: {},
+    expandedItems: {
+      required: !1,
+      default: () => []
+    },
+    expandedItemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll"]),
-  setup(x, { emit: J }) {
-    const { getItemValue: Q } = fe(), S = ve().id.value, l = x, i = J;
-    l.multiple && !Array.isArray(l.modelValue) && De().throw(
+  emits: /* @__PURE__ */ X(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:expandedItems", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll", "update:expandedItems"]),
+  setup(A, { emit: te }) {
+    const { getItemValue: se } = He(), M = Be().id.value, a = A, b = te;
+    a.multiple && !Array.isArray(a.modelValue) && Me().throw(
       "BbTable is set for multiple selection but modelValue is not an array."
     );
-    const { t: C } = Be(), R = ie(), X = (e) => [C("table.select").value, ...e.map((n) => n.content)].join(" "), Y = c(() => l.selectable ? "fieldset" : "div"), I = c(() => l.loading || ee.value), f = c(
-      () => !V(l.page) && !V(l.perPage) && !V(l.totalItems)
-    ), Z = c(() => ({
+    const { t: w } = De(), F = ke(), ne = (e) => [w("table.select").value, ...e.map((t) => t.content)].join(" "), oe = u(() => a.selectable ? "fieldset" : "div"), N = u(() => a.loading || re.value), C = u(
+      () => !x(a.page) && !x(a.perPage) && !x(a.totalItems)
+    ), de = u(() => ({
       "bb-table": !0,
-      [`bb-table--align-${l.align}`]: !0,
-      "bb-table--compact": l.compact,
-      "bb-table--fixed": l.fixed,
-      "bb-table--fixed-header": l.fixedHeaders,
-      "bb-table--loading": I.value,
-      "bb-table--empty": !B.value.length,
-      "bb-table--selectable": !!l.selectable
-    })), O = c(
-      () => l.columns.length + +!!l.selectable + +!!l.actions
-    ), P = c(
+      [`bb-table--align-${a.align}`]: !0,
+      "bb-table--compact": a.compact,
+      "bb-table--fixed": a.fixed,
+      "bb-table--fixed-header": a.fixedHeaders,
+      "bb-table--loading": N.value,
+      "bb-table--empty": !I.value.length,
+      "bb-table--selectable": !!a.selectable
+    })), L = u(
+      () => a.columns.length + +!!a.selectable + +!!a.actions
+    ), z = u(
       () => Object.fromEntries(
-        l.columns.map((e) => [e.key, $e(e.key)])
+        a.columns.map((e) => [e.key, Se(e.key)])
       )
     ), {
-      getter: M,
-      items: A,
-      loading: ee
-    } = he({
-      items: D(l, "items")
-    }), { hasPrefilled: le } = ge({
+      getter: K,
+      items: D,
+      loading: re
+    } = Te({
+      items: R(a, "items")
+    }), { hasPrefilled: be } = Ae({
       onStart: !0,
-      currentValue: l.modelValue,
-      multiple: l.multiple,
+      currentValue: a.modelValue,
+      multiple: a.multiple,
       fn: async ({ prefill: e }) => {
-        await M(e, l.modelValue);
+        await K(e, a.modelValue);
       }
-    }), { data: z } = Ce({
-      items: D(l, "modelValue")
-    }), { options: B } = we({
-      disabled: D(l, "disabled"),
-      items: A,
+    }), { data: j } = le({
+      items: R(a, "modelValue")
+    }), { options: I } = Ne({
+      disabled: R(a, "disabled"),
+      items: D,
       itemText: void 0,
-      itemValue: l.itemValue,
-      max: l.max,
+      itemValue: a.itemValue,
+      max: a.max,
       selectable: !0,
-      selectedIndexedByHash: z
-    }), ae = async (e) => {
-      l.multiple ? i("update:modelValue", l.modelValue.concat(e.value)) : i("update:modelValue", e.value);
-    }, te = async (e) => {
-      if (l.multiple) {
-        const n = { ...z.value };
-        delete n[e.valueHash], i("update:modelValue", Object.values(n));
+      selectedIndexedByHash: j
+    }), ie = async (e) => {
+      a.multiple ? b("update:modelValue", a.modelValue.concat(e.value)) : b("update:modelValue", e.value);
+    }, ce = async (e) => {
+      if (a.multiple) {
+        const t = { ...j.value };
+        delete t[e.valueHash], b("update:modelValue", Object.values(t));
       } else
-        i("update:modelValue", null);
+        b("update:modelValue", null);
     };
-    Ve(
-      () => [l.dependencies, l.items],
+    Le(
+      () => [a.dependencies, a.items],
       async () => {
-        le.value && await M(!1, l.modelValue);
+        be.value && await K(!1, a.modelValue);
       },
       {
-        debounce: l.depsDebounceTime
+        debounce: a.depsDebounceTime
       }
     );
-    const se = (e, n) => {
-      const a = P.value[e.key], d = e.align ?? "left";
-      let b = Q(n.item, e.key);
-      return e.formatter && (!V(b) || e.formatOnNull !== !1) && (b = e.formatter(b, e.key, n.item)), e.placeholder && V(b) && (b = e.placeholder), {
+    const ue = (e, t) => {
+      const l = z.value[e.key], d = e.align ?? "left";
+      let r = se(t.item, e.key);
+      return e.formatter && (!x(r) || e.formatOnNull !== !1) && (r = e.formatter(r, e.key, t.item)), e.placeholder && x(r) && (r = e.placeholder), {
         align: d,
-        classes: Ne(
+        classes: Oe(
           [`bb-table-data__cell--${d}`],
-          l.tdClass,
+          a.tdClass,
           e.tdClass,
-          b,
+          r,
           e.key,
-          n.item
+          t.item
         ),
-        content: b,
+        content: r,
         key: e.key,
         label: e.label,
-        slotName: a
+        slotName: l
       };
-    }, oe = c(
-      () => l.columns.map((e) => {
-        const n = e.align ?? "left", a = `header:${P.value[e.key]}`, d = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+    }, pe = u(
+      () => a.columns.map((e) => {
+        const t = e.align ?? "left", l = `header:${z.value[e.key]}`, d = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
         return {
-          align: n,
+          align: t,
           key: e.key,
           label: e.label,
-          slotName: a,
-          classes: Ie(
-            [`bb-table-header--${n}`],
-            l.thClass,
+          slotName: l,
+          classes: Pe(
+            [`bb-table-header--${t}`],
+            a.thClass,
             e.thClass
           ),
           sortDirection: d
         };
       })
-    ), E = c(
-      () => B.value.map((e, n) => {
-        const a = !l.selectable || typeof l.selectable == "function" && !l.selectable(e.item) || !!e.disabled, d = f.value ? n + (l.page - 1) * l.perPage + 2 : void 0, b = l.columns.map(
-          (v) => se(v, e)
-        );
-        return {
-          accessibleLabel: X(b),
-          cols: b,
-          onRowClick: (v) => i("click:row", v, e, !!e.selected),
-          onRowContextMenu: (v) => i("contextmenu:row", v, e, !!e.selected),
-          onRowDblClick: (v) => i("dblclick:row", v, e, !!e.selected),
-          item: e.item,
-          text: e.text,
-          rowIndex: d,
-          valueHash: e.valueHash,
-          value: e.value,
-          selected: e.selected,
-          disabled: a
+    ), q = u(() => {
+      let e = 0;
+      return I.value.map((t, l) => {
+        const d = !a.selectable || typeof a.selectable == "function" && !a.selectable(t.item) || !!t.disabled, r = (a.page - 1) * a.perPage, k = 1, ve = l + 1, _e = r + k + ve + e, J = a.columns.map(
+          (_) => ue(_, t)
+        ), Q = E.value[t.valueHash] ?? !1;
+        return Q && e++, {
+          accessibleLabel: ne(J),
+          cols: J,
+          expanded: Q,
+          onRowClick: (_) => b("click:row", _, t, !!t.selected),
+          onRowContextMenu: (_) => b("contextmenu:row", _, t, !!t.selected),
+          onRowDblClick: (_) => b("dblclick:row", _, t, !!t.selected),
+          item: t.item,
+          text: t.text,
+          rowIndex: _e,
+          valueHash: t.valueHash,
+          value: t.value,
+          selected: t.selected,
+          disabled: d
         };
-      })
-    ), _ = re(x, "selectAll");
-    H(_, () => {
-      k.clear(), i("update:unselectedItems", []), i("update:modelValue", []);
+      });
+    }), f = Y(A, "selectAll"), $ = Y(A, "expandedItems"), { data: E } = le({
+      items: $
+    }), me = (e, t) => {
+      e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), V(t)));
+    }, S = (e) => ({
+      "aria-controls": x(E.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+      "aria-expanded": e.expanded ? "true" : "false",
+      onClick: () => V(e.valueHash),
+      onKeydown: (t) => me(t, e.valueHash)
+    }), V = (e) => {
+      const t = I.value.find((l) => l.valueHash === e);
+      t && (e in E.value ? $.value = $.value.filter(
+        (l) => T(l) !== e
+      ) : $.value.push(t.value));
+    };
+    O(f, () => {
+      v.clear(), b("update:unselectedItems", []), b("update:modelValue", []);
     });
-    const F = c(() => !!(l.multiple && l.modelValue.length > 0 && !l.selectAll || _.value && k.size > 0)), k = ce(/* @__PURE__ */ new Set());
-    H(
-      () => l.unselectedItems,
+    const U = u(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || f.value && v.size > 0)), v = ge(/* @__PURE__ */ new Set());
+    O(
+      () => a.unselectedItems,
       () => {
-        k.clear(), l.unselectedItems.forEach((e) => {
-          k.add(L(e));
+        v.clear(), a.unselectedItems.forEach((e) => {
+          v.add(T(e));
         });
       }
     );
-    const j = (e) => {
-      if (N(e)) {
-        te(e), i("item:unselected", e.value), k.add(e.valueHash), i("update:unselectedItems", [...l.unselectedItems, e.value]);
+    const W = (e) => {
+      if (P(e)) {
+        ce(e), b("item:unselected", e.value), v.add(e.valueHash), b("update:unselectedItems", [...a.unselectedItems, e.value]);
         return;
       }
-      _.value || ae(e), i("item:selected", e.value), k.delete(e.valueHash), i(
+      f.value || ie(e), b("item:selected", e.value), v.delete(e.valueHash), b(
         "update:unselectedItems",
-        l.unselectedItems.filter((n) => L(n) !== L(e.value))
+        a.unselectedItems.filter((t) => T(t) !== T(e.value))
       );
-    }, N = (e) => k.has(e.valueHash) ? !1 : e.selected || _.value, ne = ke(
+    }, P = (e) => v.has(e.valueHash) ? !1 : e.selected || f.value, ye = $e(
       (e) => typeof e != "string",
       JSON.stringify
-    ), de = c(
-      () => [].concat(l.modelValue ?? []).map((e) => ({
-        disabled: l.disabled,
-        name: l.name,
+    ), fe = u(
+      () => [].concat(a.modelValue ?? []).map((e) => ({
+        disabled: a.disabled,
+        name: a.name,
         type: "hidden",
-        value: ne(e)
+        value: ye(e)
       }))
-    ), T = [70, 45, 85, 55], K = c(
-      () => _e(B.value.length || l.columns.length || 1, 4, 10)
+    ), B = [70, 45, 85, 55], G = u(
+      () => Ve(I.value.length || a.columns.length || 1, 4, 10)
     );
-    return H(
-      () => [E.value, l.fixedColumns],
+    return O(
+      () => [q.value, a.fixedColumns],
       () => {
-        const e = R.value;
-        e && l.fixedColumns?.length && Ae(e, l.fixedColumns);
+        const e = F.value;
+        e && a.fixedColumns?.length && Re(e, a.fixedColumns);
       },
       { flush: "post" }
-    ), (e, n) => (t(), W(ue(Y.value), {
+    ), (e, t) => (s(), Z(xe(oe.value), {
       ref_key: "containerRef",
-      ref: R,
-      "aria-busy": I.value,
-      "aria-rowcount": f.value ? l.totalItems : void 0,
-      class: r(Z.value),
+      ref: F,
+      "aria-busy": N.value,
+      "aria-rowcount": C.value ? a.totalItems : void 0,
+      class: i(de.value),
       inert: e.disabled
     }, {
-      default: pe(() => [
-        e.selectable ? (t(), s("legend", He, u(e.legend), 1)) : m("", !0),
+      default: we(() => [
+        e.selectable ? (s(), n("legend", Fe, m(e.legend), 1)) : p("", !0),
         o("table", null, [
-          e.caption ? (t(), s("caption", {
+          e.caption ? (s(), n("caption", {
             key: 0,
-            class: r({
+            class: i({
               "bb-table-caption": !0,
               "sr-only": !e.displayCaption
             })
-          }, u(e.caption), 3)) : m("", !0),
+          }, m(e.caption), 3)) : p("", !0),
           o("thead", null, [
-            p(e.$slots, "thead", {}, () => [
+            c(e.$slots, "thead", {}, () => [
               o("tr", {
-                "aria-rowindex": f.value ? 1 : void 0,
+                "aria-rowindex": C.value ? 1 : void 0,
                 class: "bb-table-header-row"
               }, [
-                e.selectable ? (t(), s("th", {
+                e.selectable ? (s(), n("th", {
                   key: 0,
-                  class: r(["bb-table-header bb-table-header--select", e.thClass]),
+                  class: i(["bb-table-header bb-table-header--select", e.thClass]),
                   scope: "col"
                 }, [
-                  p(e.$slots, "header:select", {
+                  c(e.$slots, "header:select", {
                     multiple: e.multiple,
-                    selectAll: !!_.value,
-                    text: e.selectText || y(C)("table.selectText").value
+                    selectAll: !!f.value,
+                    text: e.selectText || y(w)("table.selectText").value
                   }, () => [
-                    o("span", xe, [
-                      e.allowSelectAll && e.multiple ? (t(), s("label", {
+                    o("span", Ke, [
+                      e.allowSelectAll && e.multiple ? (s(), n("label", {
                         key: 0,
-                        class: r(["bb-table-check__label", {
+                        class: i(["bb-table-check__label", {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        (t(), W(G, {
-                          key: F.value.toString(),
-                          modelValue: _.value,
-                          "onUpdate:modelValue": n[0] || (n[0] = (a) => _.value = a),
+                        (s(), Z(ae, {
+                          key: U.value.toString(),
+                          modelValue: f.value,
+                          "onUpdate:modelValue": t[0] || (t[0] = (l) => f.value = l),
                           class: "bb-table-check",
                           disabled: e.disabled,
-                          indeterminate: F.value,
+                          indeterminate: U.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly
                         }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        o("span", Se, u(e.selectAllLabel || y(C)("table.selectAllLabel").value), 1)
-                      ], 2)) : e.multiple ? m("", !0) : (t(), s("span", Re, u(e.selectText || y(C)("table.selectText").value), 1))
+                        o("span", je, m(e.selectAllLabel || y(w)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? p("", !0) : (s(), n("span", qe, m(e.selectText || y(w)("table.selectText").value), 1))
                     ])
                   ])
-                ], 2)) : m("", !0),
-                (t(!0), s(h, null, g(oe.value, (a) => (t(), s("th", {
-                  key: a.key,
-                  "aria-sort": a.sortDirection,
-                  class: r(["bb-table-header", a.classes]),
+                ], 2)) : p("", !0),
+                (s(!0), n(h, null, g(pe.value, (l) => (s(), n("th", {
+                  key: l.key,
+                  "aria-sort": l.sortDirection,
+                  class: i(["bb-table-header", l.classes]),
                   scope: "col"
                 }, [
-                  p(e.$slots, a.slotName, {
-                    classes: a.classes,
-                    items: y(A),
-                    label: a.label
+                  c(e.$slots, l.slotName, {
+                    classes: l.classes,
+                    items: y(D),
+                    label: l.label
                   }, () => [
-                    o("span", Pe, u(a.label), 1)
+                    o("span", We, m(l.label), 1)
                   ])
-                ], 10, Oe))), 128)),
-                e.actions ? (t(), s("th", {
+                ], 10, Ue))), 128)),
+                e.actions ? (s(), n("th", {
                   key: 1,
-                  class: r(["bb-table-header bb-table-header--actions", e.thClass]),
+                  class: i(["bb-table-header bb-table-header--actions", e.thClass]),
                   scope: "col"
                 }, [
-                  p(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    o("span", Me, u(e.actionsText), 1)
+                  c(e.$slots, "header:actions", { text: e.actionsText }, () => [
+                    o("span", Ge, m(e.actionsText), 1)
                   ])
-                ], 2)) : m("", !0)
-              ], 8, Le)
+                ], 2)) : p("", !0)
+              ], 8, ze)
             ])
           ]),
           o("tbody", null, [
-            I.value ? p(e.$slots, "loading", {
+            N.value ? c(e.$slots, "loading", {
               key: 0,
-              items: y(A)
+              items: y(D)
             }, () => [
-              (t(!0), s(h, null, g(K.value, (a, d) => (t(), s("tr", {
+              (s(!0), n(h, null, g(G.value, (l, d) => (s(), n("tr", {
                 key: d,
-                "aria-rowindex": f.value ? d + 2 : void 0,
+                "aria-rowindex": C.value ? d + 2 : void 0,
                 class: "bb-table-skeleton__row"
               }, [
-                e.selectable ? (t(), s("td", Ee, n[1] || (n[1] = [
+                e.selectable ? (s(), n("td", Qe, t[1] || (t[1] = [
                   o("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
-                ]))) : m("", !0),
-                (t(!0), s(h, null, g(l.columns, (b, w) => (t(), s("td", {
-                  key: b.key,
-                  class: r([
+                ]))) : p("", !0),
+                (s(!0), n(h, null, g(a.columns, (r, k) => (s(), n("td", {
+                  key: r.key,
+                  class: i([
                     "bb-table-skeleton__cell",
-                    `bb-table-skeleton__cell--${b.skeleton ?? "text"}`
+                    `bb-table-skeleton__cell--${r.skeleton ?? "text"}`
                   ])
                 }, [
-                  !b.skeleton || b.skeleton === "text" ? (t(), s("div", Fe, [
+                  !r.skeleton || r.skeleton === "text" ? (s(), n("div", Xe, [
                     o("div", {
                       class: "bb-table-skeleton__line",
-                      style: $({
-                        width: `${T[(d + w) % 4]}%`
+                      style: H({
+                        width: `${B[(d + k) % 4]}%`
                       })
                     }, null, 4),
                     o("div", {
                       class: "bb-table-skeleton__line",
-                      style: $({
-                        width: `${T[(d + w + 2) % 4]}%`
+                      style: H({
+                        width: `${B[(d + k + 2) % 4]}%`
                       })
                     }, null, 4)
-                  ])) : b.skeleton === "avatar" ? (t(), s("div", je)) : b.skeleton === "avatar-text" ? (t(), s("div", Ke, [
-                    n[2] || (n[2] = o("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
-                    o("div", Ue, [
+                  ])) : r.skeleton === "avatar" ? (s(), n("div", Ye)) : r.skeleton === "avatar-text" ? (s(), n("div", Ze, [
+                    t[2] || (t[2] = o("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
+                    o("div", el, [
                       o("div", {
                         class: "bb-table-skeleton__line",
-                        style: $({
-                          width: `${T[(d + w) % 4]}%`
+                        style: H({
+                          width: `${B[(d + k) % 4]}%`
                         })
                       }, null, 4),
                       o("div", {
                         class: "bb-table-skeleton__line",
-                        style: $({
-                          width: `${T[(d + w + 2) % 4]}%`
+                        style: H({
+                          width: `${B[(d + k + 2) % 4]}%`
                         })
                       }, null, 4)
                     ])
-                  ])) : b.skeleton === "image" ? (t(), s("div", We)) : b.skeleton === "badge" ? (t(), s("div", qe)) : m("", !0)
+                  ])) : r.skeleton === "image" ? (s(), n("div", ll)) : r.skeleton === "badge" ? (s(), n("div", al)) : p("", !0)
                 ], 2))), 128)),
-                e.actions ? (t(), s("td", Ge, n[3] || (n[3] = [
+                e.actions ? (s(), n("td", tl, t[3] || (t[3] = [
                   o("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
-                ]))) : m("", !0)
-              ], 8, ze))), 128)),
+                ]))) : p("", !0)
+              ], 8, Je))), 128)),
               o("tr", {
-                "aria-rowindex": f.value ? K.value + 2 : void 0,
+                "aria-rowindex": C.value ? G.value + 2 : void 0,
                 class: "bb-table-loading__row bb-table-loading__row--sr-only"
               }, [
                 o("td", {
-                  colspan: O.value,
+                  colspan: L.value,
                   class: "bb-table-loading__cell",
                   "aria-live": "polite",
                   role: "status"
                 }, [
-                  o("span", Xe, u(e.loadingText), 1)
-                ], 8, Qe)
-              ], 8, Je)
-            ]) : y(B).length ? p(e.$slots, "tbody", { key: 2 }, () => [
-              (t(!0), s(h, null, g(E.value, (a) => (t(), s("tr", {
-                key: a.valueHash,
-                "aria-rowindex": a.rowIndex,
-                class: "bb-table-data__row",
-                onClick: a.onRowClick,
-                onContextmenu: a.onRowContextMenu,
-                onDblclick: a.onRowDblClick
+                  o("span", ol, m(e.loadingText), 1)
+                ], 8, nl)
+              ], 8, sl)
+            ]) : y(I).length ? c(e.$slots, "tbody", { key: 2 }, () => [
+              (s(!0), n(h, null, g(q.value, (l) => (s(), n(h, {
+                key: l.valueHash
               }, [
-                e.selectable ? (t(), s("td", {
-                  key: 0,
-                  class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                }, [
-                  p(e.$slots, "select", {
-                    checked: N(a),
-                    disabled: !!a.disabled,
-                    inputName: y(S),
-                    item: a.item,
-                    readonly: !!e.readonly,
-                    value: a.value
-                  }, () => [
-                    e.multiple ? (t(), s("label", {
-                      key: 0,
-                      class: r(["bb-table-check__label", {
-                        "bb-table-check__label--disabled": a.disabled
-                      }])
-                    }, [
-                      q(G, {
-                        checked: N(a),
-                        class: "bb-table-check",
-                        disabled: a.disabled,
-                        readonly: e.readonly,
-                        onChange: () => j(a)
-                      }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                      o("span", al, u(a.accessibleLabel), 1)
-                    ], 2)) : (t(), s("label", {
-                      key: 1,
-                      class: r(["bb-table-radio__label", {
-                        "bb-table-radio__label--disabled": a.disabled
-                      }])
-                    }, [
-                      q(Te, {
-                        checked: a.selected,
-                        class: "bb-table-radio",
-                        disabled: a.disabled,
-                        name: y(S),
-                        readonly: e.readonly,
-                        value: a.value,
-                        onChange: () => j(a)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      o("span", tl, u(a.accessibleLabel), 1)
-                    ], 2))
-                  ])
-                ], 2)) : m("", !0),
-                (t(!0), s(h, null, g(a.cols, (d) => (t(), s("td", {
-                  key: d.key,
-                  class: r(["bb-table-data__cell", d.classes])
+                o("tr", {
+                  "aria-rowindex": l.rowIndex,
+                  class: "bb-table-data__row",
+                  onClick: l.onRowClick,
+                  onContextmenu: l.onRowContextMenu,
+                  onDblclick: l.onRowDblClick
                 }, [
-                  p(e.$slots, d.slotName, {
-                    classes: d.classes,
-                    content: d.content,
-                    item: a.item,
-                    value: a.value
-                  }, () => [
-                    me(u(d.content), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (t(), s("td", {
-                  key: 1,
-                  class: r(["bb-table__cell bb-table__cell--actions", e.tdClass])
+                  e.selectable ? (s(), n("td", {
+                    key: 0,
+                    class: i(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
+                  }, [
+                    c(e.$slots, "select", {
+                      checked: P(l),
+                      disabled: !!l.disabled,
+                      inputName: y(M),
+                      item: l.item,
+                      readonly: !!e.readonly,
+                      value: l.value
+                    }, () => [
+                      e.multiple ? (s(), n("label", {
+                        key: 0,
+                        class: i(["bb-table-check__label", {
+                          "bb-table-check__label--disabled": l.disabled
+                        }])
+                      }, [
+                        ee(ae, {
+                          checked: P(l),
+                          class: "bb-table-check",
+                          disabled: l.disabled,
+                          readonly: e.readonly,
+                          onChange: () => W(l)
+                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
+                        o("span", cl, m(l.accessibleLabel), 1)
+                      ], 2)) : (s(), n("label", {
+                        key: 1,
+                        class: i(["bb-table-radio__label", {
+                          "bb-table-radio__label--disabled": l.disabled
+                        }])
+                      }, [
+                        ee(Ee, {
+                          checked: l.selected,
+                          class: "bb-table-radio",
+                          disabled: l.disabled,
+                          name: y(M),
+                          readonly: e.readonly,
+                          value: l.value,
+                          onChange: () => W(l)
+                        }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
+                        o("span", ul, m(l.accessibleLabel), 1)
+                      ], 2))
+                    ])
+                  ], 2)) : p("", !0),
+                  (s(!0), n(h, null, g(l.cols, (d) => (s(), n("td", {
+                    key: d.key,
+                    class: i(["bb-table-data__cell", d.classes])
+                  }, [
+                    c(e.$slots, d.slotName, {
+                      classes: d.classes,
+                      content: d.content,
+                      expanded: l.expanded,
+                      item: l.item,
+                      expandProps: S(l),
+                      toggleExpanded: () => V(l.valueHash),
+                      value: l.value
+                    }, () => [
+                      Ce(m(d.content), 1)
+                    ])
+                  ], 2))), 128)),
+                  e.actions ? (s(), n("td", {
+                    key: 1,
+                    class: i(["bb-table__cell bb-table__cell--actions", e.tdClass])
+                  }, [
+                    c(e.$slots, "actions", {
+                      expanded: l.expanded,
+                      item: l.item,
+                      expandProps: S(l),
+                      toggleExpanded: () => V(l.valueHash),
+                      value: l.value
+                    })
+                  ], 2)) : p("", !0)
+                ], 40, il),
+                l.expanded ? (s(), n("tr", {
+                  key: 0,
+                  "aria-rowindex": l.rowIndex ? l.rowIndex + 1 : void 0,
+                  id: `expanded_${l.valueHash}`,
+                  class: "bb-table-expand__row"
                 }, [
-                  p(e.$slots, "actions", {
-                    item: a.item,
-                    value: a.value
-                  })
-                ], 2)) : m("", !0)
-              ], 40, ll))), 128))
-            ]) : p(e.$slots, "no-data", { key: 1 }, () => [
+                  o("td", {
+                    colspan: L.value,
+                    class: "bb-table-expand__cell"
+                  }, [
+                    c(e.$slots, "expand", {
+                      expanded: l.expanded,
+                      item: l.item,
+                      expandProps: S(l),
+                      toggleExpanded: () => V(l.valueHash),
+                      value: l.value
+                    })
+                  ], 8, ml)
+                ], 8, pl)) : p("", !0)
+              ], 64))), 128))
+            ]) : c(e.$slots, "no-data", { key: 1 }, () => [
               o("tr", {
-                "aria-rowindex": f.value ? 2 : void 0,
+                "aria-rowindex": C.value ? 2 : void 0,
                 class: "bb-table-no-data__row"
               }, [
                 o("td", {
                   class: "bb-table-no-data__cell",
-                  colspan: O.value
+                  colspan: L.value
                 }, [
-                  o("span", el, u(e.noDataText || y(C)("table.noDataText").value), 1)
-                ], 8, Ze)
-              ], 8, Ye)
+                  o("span", bl, m(e.noDataText || y(w)("table.noDataText").value), 1)
+                ], 8, rl)
+              ], 8, dl)
             ])
           ]),
           o("tfoot", null, [
-            p(e.$slots, "tfoot")
+            c(e.$slots, "tfoot")
           ])
         ]),
-        (t(!0), s(h, null, g(de.value, (a) => (t(), s("input", ye({
-          key: a.value,
+        (s(!0), n(h, null, g(fe.value, (l) => (s(), n("input", Ie({
+          key: l.value,
           ref_for: !0
-        }, a), null, 16))), 128))
+        }, l), null, 16))), 128))
       ]),
       _: 3
     }, 8, ["aria-busy", "aria-rowcount", "class", "inert"]));
   }
 });
 export {
-  wl as default
+  El as default
 };