bitboss-ui 2.1.106 → 2.1.107

package/dist/index126.js

@@ -1,124 +1,555 @@
-import { defineComponent as f, ref as y, computed as v, createBlock as B, openBlock as g, withCtx as l, createVNode as k, mergeProps as $, renderSlot as r, normalizeProps as n, guardReactiveProps as i } from "vue";
-import w from "./index28.js";
+import { defineComponent as he, mergeModels as X, ref as ke, computed as u, toRef as O, useModel as Y, watch as M, reactive as ge, createBlock as Z, openBlock as s, resolveDynamicComponent as xe, normalizeClass as i, withCtx as we, createElementBlock as o, createCommentVNode as p, createElementVNode as n, toDisplayString as m, renderSlot as c, unref as v, Fragment as k, renderList as x, normalizeStyle as H, createVNode as ee, createTextVNode as Ce, mergeProps as Ie } from "vue";
+import { clamp as Ve } from "./index223.js";
+import { hash as T } from "./index229.js";
+import { isNil as w } from "./index227.js";
+import { when as $e } from "./index242.js";
+import { useId as Be } from "./index8.js";
+import { useItemValue as He } from "./index226.js";
+import { useItemsGetter as Te } from "./index230.js";
+import { usePrefill as Ae } from "./index231.js";
+import { useIndexById as le } from "./index232.js";
+import { useBaseOptions as Ne } from "./index233.js";
+import { useHashedWatcher as Le } from "./index234.js";
+import { useLocale as De } from "./index236.js";
+import ae from "./index18.js";
 /* empty css        */
-import V from "./index46.js";
+import Ee from "./index32.js";
 /* empty css        */
-const I = /* @__PURE__ */ f({
-  __name: "BbTag",
-  props: {
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    comma: { type: Boolean },
-    clearable: { type: Boolean },
+import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index243.js";
+import { useLogger as Me } from "./index244.js";
+const Fe = {
+  key: 0,
+  class: "sr-only"
+}, 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"
+}, 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"
+}, Xe = {
+  key: 0,
+  class: "bb-table-skeleton__cell-content"
+}, Ye = {
+  key: 1,
+  class: "bb-table-skeleton__avatar"
+}, Ze = {
+  key: 2,
+  class: "bb-table-skeleton__avatar-text"
+}, el = { class: "bb-table-skeleton__cell-content" }, ll = {
+  key: 3,
+  class: "bb-table-skeleton__image"
+}, al = {
+  key: 4,
+  class: "bb-table-skeleton__badge"
+}, tl = {
+  key: 1,
+  class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, sl = ["aria-rowindex"], ol = ["colspan"], nl = { 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__ */ X({
+    accessibleLabel: {},
+    actions: { type: Boolean },
+    actionsText: { default: "Azioni" },
+    align: { default: "left" },
+    allowSelectAll: { type: Boolean, default: !0 },
+    caption: {},
     compact: { type: Boolean },
-    direction: {},
+    dependencies: { default: () => [] },
+    depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
-    divider: {},
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    label: {},
-    labelPosition: {},
+    displayCaption: { type: Boolean },
+    fixed: { type: Boolean },
+    fixedColumns: { default: () => [] },
+    fixedHeaders: { type: Boolean },
+    items: { type: [Array, Function], default: () => [] },
+    itemValue: {},
+    legend: {},
     loading: { type: Boolean },
-    max: {},
-    modelValue: {},
+    loadingText: {},
+    max: { default: 1 / 0 },
+    modelValue: { default: () => [] },
     multiple: { type: Boolean, default: !0 },
     name: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    "prepend:icon": {},
+    noDataText: {},
+    page: {},
+    perPage: {},
     readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
-  setup(t, { emit: u }) {
-    const p = t, a = u, d = y(!1), m = v(() => p.persistentHint || d.value), c = {
-      onBlur: (e) => a("blur", e),
-      onChange: (e) => a("change", e),
-      onClick: (e) => a("click", e),
-      onDuplicate: (e) => a("duplicate", e),
-      onFocus: (e) => {
-        d.value = !0, a("focus", e);
+    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__ */ 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(), F = 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 } = De(), N = ke(), oe = (e) => [C("table.select").value, ...e.map((t) => t.content)].join(" "), ne = u(() => a.selectable ? "fieldset" : "div"), L = u(() => a.loading || re.value), y = u(
+      () => !w(a.page) && !w(a.perPage) && !w(a.totalItems)
+    ), de = u(() => ({
+      "bb-table": !0,
+      [`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": L.value,
+      "bb-table--empty": !I.value.length,
+      "bb-table--selectable": !!a.selectable
+    })), D = u(
+      () => a.columns.length + +!!a.selectable + +!!a.actions
+    ), z = u(
+      () => Object.fromEntries(
+        a.columns.map((e) => [e.key, Pe(e.key)])
+      )
+    ), {
+      getter: K,
+      items: E,
+      loading: re
+    } = Te({
+      items: O(a, "items")
+    }), { hasPrefilled: be } = Ae({
+      trigger: !0,
+      fn: async (e) => {
+        await K(e, a.modelValue);
+      }
+    }), { data: j } = le({
+      items: O(a, "modelValue")
+    }), { options: I } = Ne({
+      disabled: O(a, "disabled"),
+      items: E,
+      itemText: void 0,
+      itemValue: a.itemValue,
+      max: a.max,
+      selectable: !0,
+      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
+        b("update:modelValue", null);
+    };
+    Le(
+      () => [a.dependencies, a.items],
+      async () => {
+        be.value && await K(!1, a.modelValue);
       },
-      onInactive: () => {
-        d.value = !1, a("inactive");
+      {
+        debounce: a.depsDebounceTime
+      }
+    );
+    const ue = (e, t) => {
+      const l = z.value[e.key], d = e.align ?? "left";
+      let r = se(t.item, e.key);
+      return e.formatter && (!w(r) || e.formatOnNull !== !1) && (r = e.formatter(r, e.key, t.item)), e.placeholder && w(r) && (r = e.placeholder), {
+        align: d,
+        classes: Oe(
+          [`bb-table-data__cell--${d}`],
+          a.tdClass,
+          e.tdClass,
+          r,
+          e.key,
+          t.item
+        ),
+        content: r,
+        key: e.key,
+        label: e.label,
+        slotName: l
+      };
+    }, 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: t,
+          key: e.key,
+          label: e.label,
+          slotName: l,
+          classes: Se(
+            [`bb-table-header--${t}`],
+            a.thClass,
+            e.thClass
+          ),
+          sortDirection: d
+        };
+      })
+    ), 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 ?? 0), g = 1, fe = l + 1, _e = r + g + fe + e, J = a.columns.map(
+          (h) => ue(h, t)
+        ), Q = P.value[t.valueHash] ?? !1;
+        return Q && e++, {
+          accessibleLabel: oe(J),
+          cols: J,
+          expanded: Q,
+          onRowClick: (h) => b("click:row", h, t, !!t.selected),
+          onRowContextMenu: (h) => b("contextmenu:row", h, t, !!t.selected),
+          onRowDblClick: (h) => b("dblclick:row", h, t, !!t.selected),
+          item: t.item,
+          text: t.text,
+          rowIndex: _e,
+          valueHash: t.valueHash,
+          value: t.value,
+          selected: t.selected,
+          disabled: d
+        };
+      });
+    }), f = Y(A, "selectAll"), V = Y(A, "expandedItems"), { data: P } = le({
+      items: V
+    }), me = (e, t) => {
+      e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), $(t)));
+    }, S = (e) => ({
+      "aria-controls": w(P.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+      "aria-expanded": e.expanded ? "true" : "false",
+      onClick: (t) => {
+        t.stopPropagation(), $(e.valueHash);
       },
-      onInput: (e) => a("input", e),
-      onKeydown: (e) => a("keydown", e),
-      onKeyup: (e) => a("keyup", e),
-      "onUpdate:modelValue": (e) => a("update:modelValue", e)
+      onKeydown: (t) => me(t, e.valueHash)
+    }), $ = (e) => {
+      const t = I.value.find((l) => l.valueHash === e);
+      t && (e in P.value ? V.value = V.value.filter(
+        (l) => T(l) !== e
+      ) : V.value = [...V.value, t.value]);
     };
-    return (e, P) => (g(), B(w, {
-      id: e.id,
-      class: "bb-tag",
-      compact: e.compact,
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value
+    M(f, () => {
+      _.clear(), b("update:unselectedItems", []), b("update:modelValue", []);
+    });
+    const U = u(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || f.value && _.size > 0)), _ = ge(/* @__PURE__ */ new Set());
+    M(
+      () => a.unselectedItems,
+      () => {
+        _.clear(), a.unselectedItems.forEach((e) => {
+          _.add(T(e));
+        });
+      }
+    );
+    const W = (e) => {
+      if (R(e)) {
+        ce(e), b("item:unselected", e.value), _.add(e.valueHash), b("update:unselectedItems", [...a.unselectedItems, e.value]);
+        return;
+      }
+      f.value || ie(e), b("item:selected", e.value), _.delete(e.valueHash), b(
+        "update:unselectedItems",
+        a.unselectedItems.filter((t) => T(t) !== T(e.value))
+      );
+    }, R = (e) => _.has(e.valueHash) ? !1 : e.selected || f.value, ve = $e(
+      (e) => typeof e != "string",
+      JSON.stringify
+    ), ye = u(
+      () => [].concat(a.modelValue ?? []).map((e) => ({
+        disabled: a.disabled,
+        name: a.name,
+        type: "hidden",
+        value: ve(e)
+      }))
+    ), B = [70, 45, 85, 55], G = u(
+      () => Ve(I.value.length || a.columns.length || 1, 4, 10)
+    );
+    return M(
+      () => [q.value, a.fixedColumns],
+      () => {
+        N.value && a.fixedColumns?.length && Re(N.value, a.fixedColumns);
+      },
+      { flush: "post" }
+    ), (e, t) => (s(), Z(xe(ne.value), {
+      "aria-busy": L.value,
+      "aria-rowcount": y.value ? a.totalItems : void 0,
+      class: i(de.value),
+      inert: e.disabled
     }, {
-      label: l((s) => [
-        r(e.$slots, "label", n(i(s)))
-      ]),
-      input: l(({ id: s, hasErrors: b, ariaDescribedby: h }) => [
-        k(V, $({
-          id: s,
-          "append:icon": p["append:icon"],
-          "aria-describedby": h,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          clearable: e.clearable,
-          comma: e.comma,
-          compact: e.compact,
-          disabled: e.disabled,
-          divider: e.divider,
-          "has-errors": b,
-          loading: e.loading,
-          max: e.max,
-          "model-value": e.modelValue,
-          multiple: e.multiple,
-          name: e.name,
-          placeholder: e.placeholder,
-          "prepend:icon": p["prepend:icon"],
-          readonly: e.readonly,
-          required: e.required
-        }, c), {
-          "prepend-outer": l((o) => [
-            r(e.$slots, "prepend-outer", n(i(o)))
-          ]),
-          prepend: l((o) => [
-            r(e.$slots, "prepend", n(i(o)))
-          ]),
-          prefix: l((o) => [
-            r(e.$slots, "prefix", n(i(o)))
-          ]),
-          append: l((o) => [
-            r(e.$slots, "append", n(i(o)))
-          ]),
-          suffix: l((o) => [
-            r(e.$slots, "suffix", n(i(o)))
+      default: we(() => [
+        e.selectable ? (s(), o("legend", Fe, m(e.legend), 1)) : p("", !0),
+        n("table", {
+          ref_key: "tableRef",
+          ref: N
+        }, [
+          e.caption ? (s(), o("caption", {
+            key: 0,
+            class: i({
+              "bb-table-caption": !0,
+              "sr-only": !e.displayCaption
+            })
+          }, m(e.caption), 3)) : p("", !0),
+          n("thead", null, [
+            c(e.$slots, "thead", {}, () => [
+              n("tr", {
+                "aria-rowindex": y.value ? 1 : void 0,
+                class: "bb-table-header-row"
+              }, [
+                e.selectable ? (s(), o("th", {
+                  key: 0,
+                  class: i(["bb-table-header bb-table-header--select", e.thClass]),
+                  scope: "col"
+                }, [
+                  c(e.$slots, "header:select", {
+                    multiple: e.multiple,
+                    selectAll: !!f.value,
+                    text: e.selectText || v(C)("table.selectText").value
+                  }, () => [
+                    n("span", Ke, [
+                      e.allowSelectAll && e.multiple ? (s(), o("label", {
+                        key: 0,
+                        class: i(["bb-table-check__label", {
+                          "bb-table-check__label--disabled": e.disabled
+                        }])
+                      }, [
+                        (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: U.value,
+                          name: `select_all_${e.name || ""}`,
+                          readonly: e.readonly
+                        }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
+                        n("span", je, m(e.selectAllLabel || v(C)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? p("", !0) : (s(), o("span", qe, m(e.selectText || v(C)("table.selectText").value), 1))
+                    ])
+                  ])
+                ], 2)) : p("", !0),
+                (s(!0), o(k, null, x(pe.value, (l) => (s(), o("th", {
+                  key: l.key,
+                  "aria-sort": l.sortDirection,
+                  class: i(["bb-table-header", l.classes]),
+                  scope: "col"
+                }, [
+                  c(e.$slots, l.slotName, {
+                    classes: l.classes,
+                    items: v(E),
+                    label: l.label
+                  }, () => [
+                    n("span", We, m(l.label), 1)
+                  ])
+                ], 10, Ue))), 128)),
+                e.actions ? (s(), o("th", {
+                  key: 1,
+                  class: i(["bb-table-header bb-table-header--actions", e.thClass]),
+                  scope: "col"
+                }, [
+                  c(e.$slots, "header:actions", { text: e.actionsText }, () => [
+                    n("span", Ge, m(e.actionsText), 1)
+                  ])
+                ], 2)) : p("", !0)
+              ], 8, ze)
+            ])
           ]),
-          "append-outer": l((o) => [
-            r(e.$slots, "append-outer", n(i(o)))
+          n("tbody", null, [
+            L.value ? c(e.$slots, "loading", {
+              key: 0,
+              items: v(E)
+            }, () => [
+              (s(!0), o(k, null, x(G.value, (l, d) => (s(), o("tr", {
+                key: d,
+                "aria-rowindex": y.value ? d + 2 : void 0,
+                class: "bb-table-skeleton__row"
+              }, [
+                e.selectable ? (s(), o("td", Qe, t[1] || (t[1] = [
+                  n("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : p("", !0),
+                (s(!0), o(k, null, x(a.columns, (r, g) => (s(), o("td", {
+                  key: r.key,
+                  class: i([
+                    "bb-table-skeleton__cell",
+                    `bb-table-skeleton__cell--${r.skeleton ?? "text"}`
+                  ])
+                }, [
+                  !r.skeleton || r.skeleton === "text" ? (s(), o("div", Xe, [
+                    n("div", {
+                      class: "bb-table-skeleton__line",
+                      style: H({
+                        width: `${B[(d + g) % 4]}%`
+                      })
+                    }, null, 4),
+                    n("div", {
+                      class: "bb-table-skeleton__line",
+                      style: H({
+                        width: `${B[(d + g + 2) % 4]}%`
+                      })
+                    }, null, 4)
+                  ])) : r.skeleton === "avatar" ? (s(), o("div", Ye)) : r.skeleton === "avatar-text" ? (s(), o("div", Ze, [
+                    t[2] || (t[2] = n("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
+                    n("div", el, [
+                      n("div", {
+                        class: "bb-table-skeleton__line",
+                        style: H({
+                          width: `${B[(d + g) % 4]}%`
+                        })
+                      }, null, 4),
+                      n("div", {
+                        class: "bb-table-skeleton__line",
+                        style: H({
+                          width: `${B[(d + g + 2) % 4]}%`
+                        })
+                      }, null, 4)
+                    ])
+                  ])) : r.skeleton === "image" ? (s(), o("div", ll)) : r.skeleton === "badge" ? (s(), o("div", al)) : p("", !0)
+                ], 2))), 128)),
+                e.actions ? (s(), o("td", tl, t[3] || (t[3] = [
+                  n("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : p("", !0)
+              ], 8, Je))), 128)),
+              n("tr", {
+                "aria-rowindex": y.value ? G.value + 2 : void 0,
+                class: "bb-table-loading__row bb-table-loading__row--sr-only"
+              }, [
+                n("td", {
+                  colspan: D.value,
+                  class: "bb-table-loading__cell",
+                  "aria-live": "polite",
+                  role: "status"
+                }, [
+                  n("span", nl, m(e.loadingText), 1)
+                ], 8, ol)
+              ], 8, sl)
+            ]) : v(I).length ? c(e.$slots, "tbody", { key: 2 }, () => [
+              (s(!0), o(k, null, x(q.value, (l) => (s(), o(k, {
+                key: l.valueHash
+              }, [
+                n("tr", {
+                  "aria-rowindex": y.value && l.rowIndex ? l.rowIndex : void 0,
+                  class: "bb-table-data__row",
+                  onClick: l.onRowClick,
+                  onContextmenu: l.onRowContextMenu,
+                  onDblclick: l.onRowDblClick
+                }, [
+                  e.selectable ? (s(), o("td", {
+                    key: 0,
+                    class: i(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
+                  }, [
+                    c(e.$slots, "select", {
+                      checked: R(l),
+                      disabled: !!l.disabled,
+                      inputName: v(F),
+                      item: l.item,
+                      readonly: !!e.readonly,
+                      value: l.value
+                    }, () => [
+                      e.multiple ? (s(), o("label", {
+                        key: 0,
+                        class: i(["bb-table-check__label", {
+                          "bb-table-check__label--disabled": l.disabled
+                        }])
+                      }, [
+                        ee(ae, {
+                          checked: R(l),
+                          class: "bb-table-check",
+                          disabled: l.disabled,
+                          readonly: e.readonly,
+                          onChange: () => W(l)
+                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
+                        n("span", cl, m(l.accessibleLabel), 1)
+                      ], 2)) : (s(), o("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: v(F),
+                          readonly: e.readonly,
+                          value: l.value,
+                          onChange: () => W(l)
+                        }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
+                        n("span", ul, m(l.accessibleLabel), 1)
+                      ], 2))
+                    ])
+                  ], 2)) : p("", !0),
+                  (s(!0), o(k, null, x(l.cols, (d) => (s(), o("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: () => $(l.valueHash),
+                      value: l.value
+                    }, () => [
+                      Ce(m(d.content), 1)
+                    ])
+                  ], 2))), 128)),
+                  e.actions ? (s(), o("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: () => $(l.valueHash),
+                      value: l.value
+                    })
+                  ], 2)) : p("", !0)
+                ], 40, il),
+                l.expanded ? (s(), o("tr", {
+                  key: 0,
+                  "aria-rowindex": y.value && l.rowIndex ? l.rowIndex + 1 : void 0,
+                  id: `expanded_${l.valueHash}`,
+                  class: "bb-table-expand__row"
+                }, [
+                  n("td", {
+                    colspan: D.value,
+                    class: "bb-table-expand__cell"
+                  }, [
+                    c(e.$slots, "expand", {
+                      expanded: l.expanded,
+                      item: l.item,
+                      expandProps: S(l),
+                      toggleExpanded: () => $(l.valueHash),
+                      value: l.value
+                    })
+                  ], 8, ml)
+                ], 8, pl)) : p("", !0)
+              ], 64))), 128))
+            ]) : c(e.$slots, "no-data", { key: 1 }, () => [
+              n("tr", {
+                "aria-rowindex": y.value ? 2 : void 0,
+                class: "bb-table-no-data__row"
+              }, [
+                n("td", {
+                  class: "bb-table-no-data__cell",
+                  colspan: D.value
+                }, [
+                  n("span", bl, m(e.noDataText || v(C)("table.noDataText").value), 1)
+                ], 8, rl)
+              ], 8, dl)
+            ])
           ]),
-          _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "clearable", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
+          n("tfoot", null, [
+            c(e.$slots, "tfoot")
+          ])
+        ], 512),
+        (s(!0), o(k, null, x(ye.value, (l) => (s(), o("input", Ie({
+          key: l.value,
+          ref_for: !0
+        }, l), null, 16))), 128))
       ]),
       _: 3
-    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["aria-busy", "aria-rowcount", "class", "inert"]));
   }
 });
 export {
-  I as default
+  El as default
 };