bitboss-ui 0.2.76 → 1.0.0

package/dist/index101.js

@@ -1,438 +1,2 @@
-import { defineComponent as ie, ref as O, computed as p, onMounted as de, watch as q, openBlock as n, createBlock as be, resolveDynamicComponent as re, normalizeClass as f, withCtx as ue, createElementBlock as d, toDisplayString as m, createCommentVNode as v, createElementVNode as o, renderSlot as y, createVNode as J, unref as C, Fragment as N, renderList as T, createTextVNode as pe, mergeProps as fe } from "vue";
-import { add as me } from "./index227.js";
-import { clamp as ye } from "./index197.js";
-import { deepEqual as he } from "./index123.js";
-import { isNil as j } from "./index120.js";
-import { isNotNil as _e } from "./index124.js";
-import { useId as ke } from "./index7.js";
-import { useItemValue as ge } from "./index126.js";
-import { when as ve } from "./index220.js";
-import G from "./index11.js";
-import "./index12.js";
-import Ce from "./index25.js";
-import "./index26.js";
-const we = { key: 0 }, Ve = { class: "bb-table-header-row" }, Ne = { class: "bb-table-header__content" }, Te = { class: "bb-table-check__label-text" }, Ae = {
-  key: 1,
-  class: "bb-table-radio__label-text"
-}, Se = { class: "bb-table-header__content" }, $e = { class: "bb-table-header__content" }, Be = { class: "bb-table-loading__row" }, De = ["colspan"], Ie = { class: "bb-table-loading__text" }, Le = {
-  class: "bb-table-skeleton__container",
-  role: "status"
-}, Re = /* @__PURE__ */ o("div", { class: "bb-table-skeleton-item__avatar-container" }, [
-  /* @__PURE__ */ o("div", { class: "bb-table-skeleton-item__avatar" })
-], -1), xe = /* @__PURE__ */ o("div", { class: "bb-table-skeleton-item__text" }, [
-  /* @__PURE__ */ o("div", { class: "bb-table-skeleton-item__line" }),
-  /* @__PURE__ */ o("div", { class: "bb-table-skeleton-item__line" })
-], -1), Ee = [
-  Re,
-  xe
-], ze = { class: "bb-table-no-data__row" }, Oe = ["colspan"], qe = { class: "bb-table-no-data__text" }, Je = ["onClick", "onContextmenu", "onDblclick"], je = { class: "bb-table-check__label-text" }, Me = { class: "bb-table-radio__label-text" }, al = /* @__PURE__ */ ie({
-  __name: "BbTable",
-  props: {
-    accessibleLabel: { type: Function, default: ($) => ["Seleziona"].concat($.map((B) => B.content)).join(" ") },
-    actions: { type: Boolean },
-    actionsText: { default: "Azioni" },
-    align: { default: "left" },
-    allowSelectAll: { type: Boolean, default: !0 },
-    caption: {},
-    columns: { default: () => [] },
-    compact: { type: Boolean },
-    dependencies: { default: () => [] },
-    depsDebounceTime: { default: 0 },
-    disabled: { type: Boolean },
-    displayCaption: { type: Boolean },
-    fixed: { type: Boolean },
-    fixedColumns: { default: () => [] },
-    fixedHeader: { type: Boolean },
-    items: { type: [Array, Function], default: () => [] },
-    itemValue: {},
-    legend: {},
-    loading: { type: Boolean },
-    loadingText: { default: "Caricamento" },
-    matchStrategy: { default: "string" },
-    modelValue: {},
-    multiple: { type: Boolean, default: !0 },
-    name: {},
-    noDataText: { default: "Non ci sono elementi da visualizzare" },
-    readonly: {},
-    selectable: { type: [Boolean, Function] },
-    selectAll: { type: Boolean },
-    selectAllText: { default: "Seleziona tutti gli elementi di questa pagina" },
-    selectText: { default: "Seleziona un elemento" },
-    tdClass: {},
-    thClass: {}
-  },
-  emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll"],
-  setup($, { emit: B }) {
-    const { getItemValue: M } = ge(), D = ke().id.value, t = $, r = B, A = O(), K = t.accessibleLabel, Q = t.loadingText, X = t.noDataText, Y = t.selectAllText, Z = t.selectText, ee = p(() => t.selectable ? "fieldset" : "div"), I = O(!1), F = p(() => t.loading || I.value), H = p(() => [!!t.selectable, !!t.actions].reduce(
-      (e, a) => e + +!!a,
-      t.columns.length
-    )), le = p(() => {
-      if (t.matchStrategy === "string") {
-        let e = {};
-        return [].concat(t.modelValue).forEach((a, l) => {
-          e[JSON.stringify(a)] = l;
-        }), {
-          get: (a) => e[JSON.stringify(a)]
-        };
-      } else if (t.matchStrategy === "equality") {
-        const e = [].concat(t.modelValue).map((a, l) => [a, l]);
-        return {
-          get: (a) => {
-            var l;
-            return (l = e.find((c) => he(c[0], a))) == null ? void 0 : l[1];
-          }
-        };
-      } else
-        throw new Error("No match strategy has been defined");
-    }), P = p(
-      () => t.columns.reduce((e, a) => {
-        const l = a.key.split(/\W+/g).join("_");
-        return e[a.key] = l, e;
-      }, {})
-    ), g = O([]), L = async () => {
-      let e = [];
-      Array.isArray(t.items) ? e = t.items : typeof t.items == "function" && (I.value = !0, e = await t.items(!0), I.value = !1), g.value = e;
-    };
-    de(L), q(
-      () => t.items,
-      async () => {
-        await L(), t.multiple ? r("update:modelValue", []) : r("update:modelValue", null);
-      }
-    );
-    let R;
-    q(() => t.dependencies, async (e, a) => {
-      JSON.stringify(e) !== JSON.stringify(a) && (R && clearTimeout(R), R = setTimeout(async () => {
-        await L(), t.multiple ? r("update:modelValue", []) : r("update:modelValue", null);
-      }, t.depsDebounceTime));
-    });
-    const te = p(
-      () => t.columns.map((e) => {
-        const a = e.align || "left", { label: l, key: c } = e, h = `header_${P.value[e.key]}`;
-        let i = [`bb-table-header--${a}`];
-        return t.thClass && (i = i.concat(t.thClass)), e.thClass && (i = i.concat(e.thClass)), {
-          align: a,
-          key: c,
-          label: l,
-          slotName: h,
-          classes: i
-        };
-      })
-    ), w = p(() => g.value.map((e) => {
-      const a = M(e, t.itemValue), l = JSON.stringify(a);
-      let c = !!t.selectable;
-      typeof t.selectable == "function" && (c = !!t.selectable(e)), c = c && !t.disabled;
-      const h = le.value.get(a), i = !j(h), b = t.columns.map((s) => {
-        const x = P.value[s.key], S = s.align || "left", { label: E, key: z } = s;
-        let u = M(e, s.key);
-        s.formatter && // By default the formatter runs anyway
-        (!j(u) || s.formatOnNull !== !1) && (u = s.formatter(u, s.key, e)), s.placeholder && j(u) && (u = s.placeholder);
-        let k = [`bb-table-data__cell--${S}`];
-        if (t.tdClass)
-          if (typeof t.tdClass == "function") {
-            let V = t.tdClass(u, s.key, e);
-            V && (k = k.concat(V));
-          } else
-            k = k.concat(t.tdClass);
-        if (s.tdClass)
-          if (typeof s.tdClass == "function") {
-            let V = s.tdClass(u, s.key, e);
-            V && (k = k.concat(V));
-          } else
-            k = k.concat(s.tdClass);
-        return {
-          align: S,
-          classes: k,
-          content: u,
-          key: z,
-          label: E,
-          slotName: x
-        };
-      }), _ = K(b, e);
-      return _e(h) ? {
-        accessibleLabel: _,
-        cols: b,
-        jsonValue: l,
-        original: e,
-        selectable: c,
-        selected: !0,
-        selectedIndex: h,
-        value: a,
-        onRowClick: (s) => r("click:row", s, e, i),
-        onRowContextMenu: (s) => r("contextmenu:row", s, e, i),
-        onRowDblClick: (s) => r("dblclick:row", s, e, i)
-      } : {
-        accessibleLabel: _,
-        cols: b,
-        jsonValue: l,
-        original: e,
-        selectable: c,
-        selected: !1,
-        selectedIndex: h,
-        value: a,
-        onRowClick: (s) => r("click:row", s, e, i),
-        onRowContextMenu: (s) => r("contextmenu:row", s, e, i),
-        onRowDblClick: (s) => r("dblclick:row", s, e, i)
-      };
-    })), ae = (e) => {
-      let a = e, l = [];
-      a && (l = w.value.reduce((c, h) => (h.selectable && c.push(h.value), c), [])), r("update:modelValue", l), r("update:selectAll", e);
-    }, U = p(
-      () => !!(w.value.length && w.value.every((e) => e.selectable && e.selected))
-    ), se = p(
-      () => {
-        var e;
-        return w.value.some((a) => !a.selected) && !!((e = t.modelValue) != null && e.length);
-      }
-    ), W = (e) => {
-      let a;
-      t.multiple ? e.selected ? a = t.modelValue.slice(0, e.selectedIndex).concat(t.modelValue.slice([e.selectedIndex + 1])) : a = t.modelValue.concat(e.value) : a = e.value, r("update:modelValue", a);
-    }, oe = ve(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), ne = p(() => [].concat(t.modelValue).map((e) => {
-      const a = oe(e);
-      return {
-        disabled: t.disabled,
-        name: t.name,
-        type: "hidden",
-        value: a
-      };
-    })), ce = p(() => ye(g.value.length, 4, 10));
-    return q(
-      () => w.value,
-      () => {
-        var e;
-        if (t.fixedColumns.length && t.items && A.value) {
-          const a = Array.from(
-            A.value.querySelectorAll("thead th")
-          ), l = t.fixedColumns.reduce((i, b) => {
-            const _ = typeof b == "number" ? b : b.index, s = typeof b == "number" ? "left" : b.position, x = a[_].getBoundingClientRect(), S = Math.floor(x.width), E = i.filter((u) => u.position === s).map((u) => u.width).reduce(me, 0), z = {
-              index: _,
-              position: s,
-              width: S,
-              offset: E
-            };
-            return i.push(z), i;
-          }, []);
-          Array.from((e = A.value) == null ? void 0 : e.querySelectorAll("tr")).map(
-            (i) => Array.from(
-              i.querySelectorAll(
-                l.map((b) => `:scope > :nth-child(${b.index + 1})`).join(", ")
-              )
-            )
-          ).forEach((i) => {
-            i.forEach((b, _) => {
-              b.style.position = "sticky", l[_].position === "left" ? b.style.left = `${l[_].offset}px` : b.style.right = `${l[_].offset}px`;
-            });
-          });
-        }
-      },
-      {
-        flush: "post"
-      }
-    ), (e, a) => (n(), be(re(ee.value), {
-      ref_key: "container",
-      ref: A,
-      class: f({
-        "bb-table": !0,
-        [`bb-table--align-${e.align}`]: !0,
-        "bb-table--compact": e.compact,
-        "bb-table--fixed": e.fixed,
-        "bb-table--fixed-header": e.fixedHeader,
-        "bb-table--loading": F.value,
-        "bb-table--empty": !g.value.length,
-        "bb-table--selectable": e.selectable
-      })
-    }, {
-      default: ue(() => [
-        e.selectable ? (n(), d("legend", we, m(e.legend), 1)) : v("", !0),
-        o("table", null, [
-          e.caption ? (n(), d("caption", {
-            key: 0,
-            class: f({
-              "bb-table-caption": !0,
-              "bb-table-caption--hidden": !e.displayCaption
-            })
-          }, m(e.caption), 3)) : v("", !0),
-          o("thead", null, [
-            y(e.$slots, "thead", {}, () => [
-              o("tr", Ve, [
-                e.selectable ? (n(), d("th", {
-                  key: 0,
-                  class: f(["bb-table-header bb-table-header--select", e.thClass]),
-                  scope: "col"
-                }, [
-                  y(e.$slots, "header_select", {
-                    multiple: e.multiple,
-                    selectAll: !!e.selectAll
-                  }, () => [
-                    o("span", Ne, [
-                      e.allowSelectAll && e.multiple ? (n(), d("label", {
-                        key: 0,
-                        class: f(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": e.disabled
-                        }])
-                      }, [
-                        J(G, {
-                          class: "bb-table-check",
-                          disabled: e.disabled,
-                          indeterminate: se.value,
-                          "model-value": U.value,
-                          name: `select_all_${e.name || ""}`,
-                          readonly: e.readonly,
-                          "onUpdate:modelValue": ae
-                        }, null, 8, ["disabled", "indeterminate", "model-value", "name", "readonly"]),
-                        o("span", Te, m(C(Y)), 1)
-                      ], 2)) : e.multiple ? v("", !0) : (n(), d("span", Ae, m(C(Z)), 1))
-                    ])
-                  ])
-                ], 2)) : v("", !0),
-                (n(!0), d(N, null, T(te.value, (l) => (n(), d("th", {
-                  key: l.key,
-                  class: f(["bb-table-header", l.classes]),
-                  scope: "col"
-                }, [
-                  y(e.$slots, l.slotName, {
-                    classes: l.classes,
-                    item: void 0,
-                    items: g.value,
-                    label: l.label
-                  }, () => [
-                    o("span", Se, m(l.label), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (n(), d("th", {
-                  key: 1,
-                  class: f(["bb-table-header bb-table-header--actions", e.thClass]),
-                  scope: "col"
-                }, [
-                  y(e.$slots, "header_actions", { text: e.actionsText }, () => [
-                    o("span", $e, m(e.actionsText), 1)
-                  ])
-                ], 2)) : v("", !0)
-              ])
-            ])
-          ]),
-          o("tbody", null, [
-            F.value ? y(e.$slots, "loading", {
-              key: 0,
-              items: g.value
-            }, () => [
-              o("tr", Be, [
-                o("td", {
-                  class: "bb-table-loading__cell",
-                  colspan: H.value
-                }, [
-                  o("span", Ie, m(C(Q)), 1),
-                  o("div", Le, [
-                    (n(!0), d(N, null, T(ce.value, (l) => (n(), d("div", {
-                      key: l,
-                      class: "bb-table-skeleton-item"
-                    }, Ee))), 128))
-                  ])
-                ], 8, De)
-              ])
-            ]) : g.value.length ? y(e.$slots, "tbody", { key: 2 }, () => [
-              (n(!0), d(N, null, T(w.value, (l) => (n(), d("tr", {
-                key: l.jsonValue,
-                class: "bb-table-data__row",
-                onClick: l.onRowClick,
-                onContextmenu: l.onRowContextMenu,
-                onDblclick: l.onRowDblClick
-              }, [
-                e.selectable ? (n(), d("td", {
-                  key: 0,
-                  class: f(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                }, [
-                  y(e.$slots, "select", {
-                    checked: l.selected,
-                    disabled: !l.selectable,
-                    inputName: C(D),
-                    item: l.original,
-                    readonly: !!e.readonly,
-                    value: l.value
-                  }, () => [
-                    e.multiple ? (n(), d("label", {
-                      key: 0,
-                      class: f(["bb-table-check__label", {
-                        "bb-table-check__label--disabled": !l.selectable
-                      }])
-                    }, [
-                      J(G, {
-                        checked: l.selected || U.value,
-                        class: "bb-table-check",
-                        disabled: !l.selectable,
-                        name: C(D),
-                        readonly: e.readonly,
-                        onChange: () => W(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "onChange"]),
-                      o("span", je, m(l.accessibleLabel), 1)
-                    ], 2)) : (n(), d("label", {
-                      key: 1,
-                      class: f(["bb-table-radio__label", {
-                        "bb-table-radio__label--disabled": !l.selectable
-                      }])
-                    }, [
-                      J(Ce, {
-                        checked: l.selected,
-                        class: "bb-table-radio",
-                        disabled: !l.selectable,
-                        name: C(D),
-                        readonly: e.readonly,
-                        value: l.value,
-                        onChange: () => W(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      o("span", Me, m(l.accessibleLabel), 1)
-                    ], 2))
-                  ])
-                ], 2)) : v("", !0),
-                (n(!0), d(N, null, T(l.cols, (c) => (n(), d("td", {
-                  key: c.key,
-                  class: f(["bb-table-data__cell", c.classes])
-                }, [
-                  y(e.$slots, c.slotName, {
-                    classes: c.classes,
-                    content: c.content,
-                    item: l.original,
-                    value: l.value
-                  }, () => [
-                    pe(m(c.content), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (n(), d("td", {
-                  key: 1,
-                  class: f(["bb-table__cell bb-table__cell--actions", e.tdClass])
-                }, [
-                  y(e.$slots, "actions", {
-                    item: l.original,
-                    value: l.value
-                  })
-                ], 2)) : v("", !0)
-              ], 40, Je))), 128))
-            ]) : y(e.$slots, "no-data", { key: 1 }, () => [
-              o("tr", ze, [
-                o("td", {
-                  class: "bb-table-no-data__cell",
-                  colspan: H.value
-                }, [
-                  o("span", qe, m(C(X)), 1)
-                ], 8, Oe)
-              ])
-            ])
-          ]),
-          o("tfoot", null, [
-            y(e.$slots, "tfoot")
-          ])
-        ]),
-        (n(!0), d(N, null, T(ne.value, (l) => (n(), d("input", fe({
-          key: l.value
-        }, l), null, 16))), 128))
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  al as default
-};
+
 //# sourceMappingURL=index101.js.map

package/dist/index101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index101.js","sources":["../src/components/BbTable/BbTable.vue"],"sourcesContent":["<template>\n\t<component\n\t\t:is=\"containerTag\"\n\t\tref=\"container\"\n\t\t:class=\"{\n\t\t\t'bb-table': true,\n\t\t\t[`bb-table--align-${align}`]: true,\n\t\t\t'bb-table--compact': compact,\n\t\t\t'bb-table--fixed': fixed,\n\t\t\t'bb-table--fixed-header': fixedHeader,\n\t\t\t'bb-table--loading': loading,\n\t\t\t'bb-table--empty': !internalItems.length,\n\t\t\t'bb-table--selectable': selectable,\n\t\t}\"\n\t>\n\t\t<legend v-if=\"selectable\">{{ legend }}</legend>\n\t\t<table>\n\t\t\t<caption\n\t\t\t\tv-if=\"caption\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'bb-table-caption': true,\n\t\t\t\t\t'bb-table-caption--hidden': !displayCaption,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\tcaption\n\t\t\t\t}}\n\t\t\t</caption>\n\t\t\t<thead>\n\t\t\t\t<slot name=\"thead\">\n\t\t\t\t\t<tr class=\"bb-table-header-row\">\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\tv-if=\"selectable\"\n\t\t\t\t\t\t\tclass=\"bb-table-header bb-table-header--select\"\n\t\t\t\t\t\t\t:class=\"thClass\"\n\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:multiple=\"multiple\"\n\t\t\t\t\t\t\t\t:name=\"'header_select'\"\n\t\t\t\t\t\t\t\t:select-all=\"!!selectAll\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"bb-table-header__content\">\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tv-if=\"allowSelectAll && multiple\"\n\t\t\t\t\t\t\t\t\t\tclass=\"bb-table-check__label\"\n\t\t\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t\t\t'bb-table-check__label--disabled': disabled,\n\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BaseCheckbox\n\t\t\t\t\t\t\t\t\t\t\tclass=\"bb-table-check\"\n\t\t\t\t\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t\t\t\t\t:indeterminate=\"indeterminate\"\n\t\t\t\t\t\t\t\t\t\t\t:model-value=\"allSelected\"\n\t\t\t\t\t\t\t\t\t\t\t:name=\"`select_all_${name || ''}`\"\n\t\t\t\t\t\t\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t\t\t\t\t\t\t@update:model-value=\"onChangeSelectAll\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span class=\"bb-table-check__label-text\"\n\t\t\t\t\t\t\t\t\t\t\t>{{ selectAllText }}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tv-else-if=\"!multiple\"\n\t\t\t\t\t\t\t\t\t\tclass=\"bb-table-radio__label-text\"\n\t\t\t\t\t\t\t\t\t\t>{{ selectText }}</span\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\tv-for=\"header in mappedHeaders\"\n\t\t\t\t\t\t\t:key=\"header.key\"\n\t\t\t\t\t\t\tclass=\"bb-table-header\"\n\t\t\t\t\t\t\t:class=\"header.classes\"\n\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:classes=\"header.classes\"\n\t\t\t\t\t\t\t\t:item=\"undefined as unknown\"\n\t\t\t\t\t\t\t\t:items=\"internalItems\"\n\t\t\t\t\t\t\t\t:label=\"header.label\"\n\t\t\t\t\t\t\t\t:name=\"header.slotName\"\n\t\t\t\t\t\t\t\t><span class=\"bb-table-header__content\">{{\n\t\t\t\t\t\t\t\t\theader.label\n\t\t\t\t\t\t\t\t}}</span></slot\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t\t<th\n\t\t\t\t\t\t\tv-if=\"actions\"\n\t\t\t\t\t\t\tclass=\"bb-table-header bb-table-header--actions\"\n\t\t\t\t\t\t\t:class=\"thClass\"\n\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot name=\"header_actions\" :text=\"actionsText\">\n\t\t\t\t\t\t\t\t<span class=\"bb-table-header__content\">\n\t\t\t\t\t\t\t\t\t{{ actionsText }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</th>\n\t\t\t\t\t</tr>\n\t\t\t\t</slot>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t<slot v-if=\"loading\" :items=\"internalItems\" name=\"loading\">\n\t\t\t\t\t<tr class=\"bb-table-loading__row\">\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tclass=\"bb-table-loading__cell\"\n\t\t\t\t\t\t\t:colspan=\"replacementContentSpan\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"bb-table-loading__text\">{{ loadingText }}</span>\n\n\t\t\t\t\t\t\t<div class=\"bb-table-skeleton__container\" role=\"status\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-for=\"item in skeletonLength\"\n\t\t\t\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t\t\t\tclass=\"bb-table-skeleton-item\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div class=\"bb-table-skeleton-item__avatar-container\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bb-table-skeleton-item__avatar\"></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"bb-table-skeleton-item__text\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"bb-table-skeleton-item__line\"></div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"bb-table-skeleton-item__line\"></div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</slot>\n\t\t\t\t<slot v-else-if=\"!internalItems.length\" :name=\"'no-data'\">\n\t\t\t\t\t<tr class=\"bb-table-no-data__row\">\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tclass=\"bb-table-no-data__cell\"\n\t\t\t\t\t\t\t:colspan=\"replacementContentSpan\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span class=\"bb-table-no-data__text\">{{ noDataText }}</span>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</slot>\n\t\t\t\t<slot v-else name=\"tbody\">\n\t\t\t\t\t<tr\n\t\t\t\t\t\tv-for=\"item in mappedItems\"\n\t\t\t\t\t\t:key=\"item.jsonValue\"\n\t\t\t\t\t\tclass=\"bb-table-data__row\"\n\t\t\t\t\t\t@click=\"item.onRowClick\"\n\t\t\t\t\t\t@contextmenu=\"item.onRowContextMenu\"\n\t\t\t\t\t\t@dblclick=\"item.onRowDblClick\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tv-if=\"selectable\"\n\t\t\t\t\t\t\tclass=\"bb-table-data__cell bb-table-data__cell--select\"\n\t\t\t\t\t\t\t:class=\"tdClass\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:checked=\"item.selected\"\n\t\t\t\t\t\t\t\t:disabled=\"!item.selectable\"\n\t\t\t\t\t\t\t\t:input-name=\"randomName\"\n\t\t\t\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t\t\t\t:name=\"'select'\"\n\t\t\t\t\t\t\t\t:readonly=\"!!readonly\"\n\t\t\t\t\t\t\t\t:value=\"item.value\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<!-- We use temp names for these inputs because we don't submit them -->\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\tv-if=\"multiple\"\n\t\t\t\t\t\t\t\t\tclass=\"bb-table-check__label\"\n\t\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t\t'bb-table-check__label--disabled': !item.selectable,\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BaseCheckbox\n\t\t\t\t\t\t\t\t\t\t:checked=\"item.selected || allSelected\"\n\t\t\t\t\t\t\t\t\t\tclass=\"bb-table-check\"\n\t\t\t\t\t\t\t\t\t\t:disabled=\"!item.selectable\"\n\t\t\t\t\t\t\t\t\t\t:name=\"randomName\"\n\t\t\t\t\t\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t\t\t\t\t\t@change=\"() => onInputChange(item)\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<span class=\"bb-table-check__label-text\">{{\n\t\t\t\t\t\t\t\t\t\titem.accessibleLabel\n\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\tv-else\n\t\t\t\t\t\t\t\t\tclass=\"bb-table-radio__label\"\n\t\t\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t\t\t'bb-table-radio__label--disabled': !item.selectable,\n\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BaseRadio\n\t\t\t\t\t\t\t\t\t\t:checked=\"item.selected\"\n\t\t\t\t\t\t\t\t\t\tclass=\"bb-table-radio\"\n\t\t\t\t\t\t\t\t\t\t:disabled=\"!item.selectable\"\n\t\t\t\t\t\t\t\t\t\t:name=\"randomName\"\n\t\t\t\t\t\t\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t\t\t\t\t\t\t:value=\"item.value\"\n\t\t\t\t\t\t\t\t\t\t@change=\"() => onInputChange(item)\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<span class=\"bb-table-radio__label-text\">{{\n\t\t\t\t\t\t\t\t\t\titem.accessibleLabel\n\t\t\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tv-for=\"col in item.cols\"\n\t\t\t\t\t\t\t:key=\"col.key\"\n\t\t\t\t\t\t\tclass=\"bb-table-data__cell\"\n\t\t\t\t\t\t\t:class=\"col.classes\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:classes=\"col.classes\"\n\t\t\t\t\t\t\t\t:content=\"col.content\"\n\t\t\t\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t\t\t\t:name=\"col.slotName\"\n\t\t\t\t\t\t\t\t:value=\"item.value\"\n\t\t\t\t\t\t\t\t>{{ col.content }}</slot\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td\n\t\t\t\t\t\t\tv-if=\"actions\"\n\t\t\t\t\t\t\tclass=\"bb-table__cell bb-table__cell--actions\"\n\t\t\t\t\t\t\t:class=\"tdClass\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t\t\t\t:name=\"'actions'\"\n\t\t\t\t\t\t\t\t:value=\"item.value\"\n\t\t\t\t\t\t\t></slot>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t</tr>\n\t\t\t\t</slot>\n\t\t\t</tbody>\n\t\t\t<tfoot>\n\t\t\t\t<slot name=\"tfoot\"></slot>\n\t\t\t</tfoot>\n\t\t</table>\n\t\t<input v-for=\"input in hiddenInputs\" :key=\"input.value\" v-bind=\"input\" />\n\t</component>\n</template>\n\n<script setup lang=\"ts\">\nimport { add } from '@/utilities/functions/add';\nimport { clamp } from '@/utilities/functions/clamp';\nimport { deepEqual } from 'fast-equals';\nimport { isNil } from '@/utilities/functions/isNil';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport { useId } from '@/composables/useId';\nimport { useItemValue } from '@/composables/useItemValue';\nimport { when } from '@/utilities/functions/when';\nimport BaseCheckbox from '../BaseCheckbox/BaseCheckbox.vue';\nimport BaseRadio from '../BaseRadio/BaseRadio.vue';\nimport type {\n\tBbTableProps,\n\tMappedCell,\n\tMappedHeader,\n\tMappedItem,\n\tTableColumn,\n\tBbTableEvents,\n\tBbTableSlots,\n} from './types';\nimport type { Classes } from '@/types/Classes';\n\nconst { getItemValue } = useItemValue();\n\n/**\n * We do not allow the use of the checkbox or radio themselves as\n * they would not be submitted if the user has changed\n * page in the meantime, rather we provide a temporary\n * name so radio still work but we later add hidden inputs for submission\n */\nconst randomName = useId().id.value;\n\nconst props = withDefaults(defineProps<BbTableProps>(), {\n\talign: 'left',\n\taccessibleLabel: (columns: MappedCell[]) =>\n\t\t['Seleziona'].concat(columns.map((col) => col.content)).join(' '),\n\tactionsText: 'Azioni',\n\tallowSelectAll: true,\n\tcolumns: () => [],\n\tdependencies: () => [],\n\tdepsDebounceTime: 0,\n\tfixedColumns: () => [],\n\titems: () => [],\n\tloadingText: 'Caricamento',\n\tmatchStrategy: 'string',\n\tmultiple: true,\n\tnoDataText: 'Non ci sono elementi da visualizzare',\n\tselectAllText: 'Seleziona tutti gli elementi di questa pagina',\n\tselectText: 'Seleziona un elemento',\n});\n\nconst emit = defineEmits<BbTableEvents>();\n\ndefineSlots<BbTableSlots>();\n\nconst container = ref<HTMLElement>();\n\nconst accessibleLabel = props.accessibleLabel;\nconst loadingText = props.loadingText;\nconst noDataText = props.noDataText;\nconst selectAllText = props.selectAllText;\nconst selectText = props.selectText;\n\n// We render the table in a fieldset to group checkbox / radios if the table is selectable\nconst containerTag = computed(() => (props.selectable ? 'fieldset' : 'div'));\nconst internalLoading = ref(false);\nconst loading = computed(() => props.loading || internalLoading.value);\n\nconst replacementContentSpan = computed(() => {\n\treturn [!!props.selectable, !!props.actions].reduce(\n\t\t(acc: number, current) => acc + Number(!!current),\n\t\tprops.columns.length\n\t);\n});\n\n/**\n * Indexes modelValue to a map so when can easily know which values are selected\n * (using JSON to circumvent identical object not being equal in JS)\n */\nconst modelValueIndexed = computed(() => {\n\tif (props.matchStrategy === 'string') {\n\t\tlet map: { [key: string]: number } = {};\n\t\t[].concat(props.modelValue).forEach((value: any, index: number) => {\n\t\t\tmap[JSON.stringify(value)] = index;\n\t\t});\n\t\treturn {\n\t\t\tget: (value: any) => map[JSON.stringify(value)],\n\t\t};\n\t} else if (props.matchStrategy === 'equality') {\n\t\tconst map = []\n\t\t\t.concat(props.modelValue)\n\t\t\t.map((value, index) => [value, index]);\n\n\t\treturn {\n\t\t\tget: (key: any) => {\n\t\t\t\treturn map.find((pairs) => deepEqual(pairs[0], key))?.[1];\n\t\t\t},\n\t\t};\n\t} else {\n\t\tthrow new Error('No match strategy has been defined');\n\t}\n});\n\n/**\n * Map column identifiers to slot names\n */\nconst slotNames = computed(() =>\n\tprops.columns.reduce((acc: { [key: string]: string }, curr: TableColumn) => {\n\t\tconst mapped = curr.key.split(/\\W+/g).join('_');\n\t\tacc[curr.key] = mapped;\n\t\treturn acc;\n\t}, {})\n);\n\n/**\n * Items as loaded from the function or from the outside\n */\nconst internalItems = ref<any[]>([]);\n\nconst getItems = async () => {\n\tlet items: any[] = [];\n\tif (Array.isArray(props.items)) {\n\t\titems = props.items;\n\t} else {\n\t\tif (typeof props.items === 'function') {\n\t\t\tinternalLoading.value = true;\n\t\t\titems = await props.items(true);\n\t\t\tinternalLoading.value = false;\n\t\t}\n\t}\n\tinternalItems.value = items;\n};\n\nonMounted(getItems);\n\n/**\n * When item changes update internal items and\n * deselect everything\n */\nwatch(\n\t() => props.items,\n\tasync () => {\n\t\tawait getItems();\n\t\tif (props.multiple) {\n\t\t\temit('update:modelValue', []);\n\t\t} else {\n\t\t\temit('update:modelValue', null);\n\t\t}\n\t}\n);\n/* Prevent vue from sharing this function across instances */\nlet timeout: ReturnType<typeof setTimeout>;\nconst onDependencyChange = async (curr: any[], previous?: any[]) => {\n\tif (JSON.stringify(curr) !== JSON.stringify(previous)) {\n\t\tif (timeout) {\n\t\t\tclearTimeout(timeout);\n\t\t}\n\t\ttimeout = setTimeout(async () => {\n\t\t\tawait getItems();\n\t\t\tif (props.multiple) {\n\t\t\t\temit('update:modelValue', []);\n\t\t\t} else {\n\t\t\t\temit('update:modelValue', null);\n\t\t\t}\n\t\t}, props.depsDebounceTime);\n\t}\n};\nwatch(() => props.dependencies, onDependencyChange);\n\n/**\n * Take the columns and generate a simplified array for headers display\n */\nconst mappedHeaders = computed(() =>\n\tprops.columns.map((column: TableColumn): MappedHeader => {\n\t\tconst align = column.align || 'left';\n\t\tconst { label, key } = column;\n\t\tconst slotName = `header_${slotNames.value[column.key]}`;\n\t\t// Create a single merged array of all the passed classes\n\t\tlet classes: Classes = [`bb-table-header--${align}`];\n\t\tif (props.thClass) {\n\t\t\tclasses = classes.concat(props.thClass);\n\t\t}\n\t\tif (column.thClass) {\n\t\t\tclasses = classes.concat(column.thClass);\n\t\t}\n\t\treturn {\n\t\t\talign,\n\t\t\tkey,\n\t\t\tlabel,\n\t\t\tslotName,\n\t\t\tclasses,\n\t\t};\n\t})\n);\n\n/**\n * Map items to an an array that represents the entire row.\n * Track every logic here so we don't have inline callbacks in the template.\n */\nconst mappedItems = computed<MappedItem[]>(() => {\n\treturn internalItems.value.map((item: any) => {\n\t\t// By default the value if the item is the item.\n\t\tconst value = getItemValue(item, props.itemValue);\n\t\tconst jsonValue = JSON.stringify(value);\n\n\t\t/**\n\t\t * Item is selectable only if the table allows or item\n\t\t * passes iteratee and the selection is not disabled\n\t\t */\n\t\tlet selectable = !!props.selectable;\n\t\tif (typeof props.selectable === 'function') {\n\t\t\tselectable = !!props.selectable(item);\n\t\t}\n\t\tselectable = selectable && !props.disabled;\n\n\t\t//Track the index at which the item has been selected for easy of removal\n\t\tconst selectedIndex = modelValueIndexed.value.get(value);\n\t\tconst selected = !isNil(selectedIndex);\n\n\t\t// Create a projection of the columns and run all formatter logic so\n\t\t// we just display content in the template\n\t\tconst cols: MappedCell[] = props.columns.map((column) => {\n\t\t\t// Slot identifier\n\t\t\tconst slotName = slotNames.value[column.key];\n\t\t\tconst align = column.align || 'left';\n\t\t\tconst { label, key } = column;\n\t\t\t// The content\n\t\t\tlet content = getItemValue(item, column.key);\n\t\t\tif (\n\t\t\t\tcolumn.formatter &&\n\t\t\t\t// By default the formatter runs anyway\n\t\t\t\t(!isNil(content) || column.formatOnNull !== false)\n\t\t\t) {\n\t\t\t\tcontent = column.formatter(content, column.key, item);\n\t\t\t}\n\t\t\tif (column.placeholder && isNil(content)) {\n\t\t\t\tcontent = column.placeholder;\n\t\t\t}\n\n\t\t\t// Merge global and specific classes\n\t\t\tlet classes: Classes = [`bb-table-data__cell--${align}`];\n\t\t\tif (props.tdClass) {\n\t\t\t\tif (typeof props.tdClass === 'function') {\n\t\t\t\t\tlet temp = props.tdClass(content, column.key, item);\n\t\t\t\t\tif (temp) {\n\t\t\t\t\t\tclasses = classes.concat(temp);\n\t\t\t\t\t}\n\t\t\t\t} else classes = classes.concat(props.tdClass);\n\t\t\t}\n\t\t\tif (column.tdClass) {\n\t\t\t\tif (typeof column.tdClass === 'function') {\n\t\t\t\t\tlet temp = column.tdClass(content, column.key, item);\n\t\t\t\t\tif (temp) {\n\t\t\t\t\t\tclasses = classes.concat(temp);\n\t\t\t\t\t}\n\t\t\t\t} else classes = classes.concat(column.tdClass);\n\t\t\t}\n\t\t\treturn {\n\t\t\t\talign,\n\t\t\t\tclasses,\n\t\t\t\tcontent,\n\t\t\t\tkey,\n\t\t\t\tlabel,\n\t\t\t\tslotName,\n\t\t\t};\n\t\t});\n\n\t\tconst accessibleLabelText = accessibleLabel(cols, item);\n\n\t\tif (isNotNil(selectedIndex)) {\n\t\t\treturn {\n\t\t\t\taccessibleLabel: accessibleLabelText,\n\t\t\t\tcols,\n\t\t\t\tjsonValue,\n\t\t\t\toriginal: item,\n\t\t\t\tselectable,\n\t\t\t\tselected: true,\n\t\t\t\tselectedIndex,\n\t\t\t\tvalue,\n\t\t\t\tonRowClick: (event: MouseEvent) =>\n\t\t\t\t\temit('click:row', event, item, selected),\n\t\t\t\tonRowContextMenu: (event: MouseEvent) =>\n\t\t\t\t\temit('contextmenu:row', event, item, selected),\n\t\t\t\tonRowDblClick: (event: MouseEvent) =>\n\t\t\t\t\temit('dblclick:row', event, item, selected),\n\t\t\t};\n\t\t}\n\t\treturn {\n\t\t\taccessibleLabel: accessibleLabelText,\n\t\t\tcols,\n\t\t\tjsonValue,\n\t\t\toriginal: item,\n\t\t\tselectable,\n\t\t\tselected: false,\n\t\t\tselectedIndex,\n\t\t\tvalue,\n\t\t\tonRowClick: (event: MouseEvent) =>\n\t\t\t\temit('click:row', event, item, selected),\n\t\t\tonRowContextMenu: (event: MouseEvent) =>\n\t\t\t\temit('contextmenu:row', event, item, selected),\n\t\t\tonRowDblClick: (event: MouseEvent) =>\n\t\t\t\temit('dblclick:row', event, item, selected),\n\t\t};\n\t});\n});\n\n/**\n * Same behavior as GMail.\n * If anything is selected remove it.\n * Then when empty you select all items of this page\n */\nconst onChangeSelectAll = (value: boolean) => {\n\tlet selectAllValue = value;\n\tlet modelValue: any[] = [];\n\n\tif (selectAllValue) {\n\t\tmodelValue = mappedItems.value.reduce((acc: any[], curr) => {\n\t\t\tif (curr.selectable) acc.push(curr.value);\n\t\t\treturn acc;\n\t\t}, []);\n\t}\n\temit('update:modelValue', modelValue);\n\temit('update:selectAll', value);\n};\n\nconst allSelected = computed(\n\t() =>\n\t\t!!(\n\t\t\tmappedItems.value.length &&\n\t\t\tmappedItems.value.every((item) => item.selectable && item.selected)\n\t\t)\n);\nconst indeterminate = computed(\n\t() =>\n\t\tmappedItems.value.some((item) => !item.selected) &&\n\t\t!!props.modelValue?.length\n);\n/**\n * Whenever an input changes update modelValue if any\n */\nconst onInputChange = (item: MappedItem) => {\n\tlet valueToEmit;\n\tif (props.multiple) {\n\t\tif (item.selected) {\n\t\t\tvalueToEmit = props.modelValue\n\t\t\t\t.slice(0, item.selectedIndex)\n\t\t\t\t.concat(props.modelValue.slice([item.selectedIndex + 1]));\n\t\t} else {\n\t\t\tvalueToEmit = props.modelValue.concat(item.value);\n\t\t}\n\t} else {\n\t\tvalueToEmit = item.value;\n\t}\n\temit('update:modelValue', valueToEmit);\n};\n\n/**\n * When using this component for submission we add a bunch of hidden inputs\n * so the submitted inputs is on par with v-model\n */\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\nconst hiddenInputs = computed(() => {\n\treturn [].concat(props.modelValue).map((current) => {\n\t\tconst value = makeInputValue(current);\n\t\treturn {\n\t\t\tdisabled: props.disabled,\n\t\t\tname: props.name,\n\t\t\ttype: 'hidden',\n\t\t\tvalue: value,\n\t\t};\n\t});\n});\n\nconst skeletonLength = computed(() => {\n\treturn clamp(internalItems.value.length, 4, 10);\n});\n\nwatch(\n\t() => mappedItems.value,\n\t() => {\n\t\tif (props.fixedColumns.length && props.items) {\n\t\t\tif (container.value) {\n\t\t\t\t// Get all the headers\n\t\t\t\tconst headers = Array.from(\n\t\t\t\t\tcontainer.value.querySelectorAll<HTMLElement>('thead th')\n\t\t\t\t);\n\n\t\t\t\ttype MappedColumn = {\n\t\t\t\t\tindex: number;\n\t\t\t\t\tposition: 'left' | 'right';\n\t\t\t\t\twidth: number;\n\t\t\t\t\toffset: number;\n\t\t\t\t};\n\n\t\t\t\t/**\n\t\t\t\t * For each of the columns to fix create an helper object\n\t\t\t\t */\n\t\t\t\tconst mappedColumns = props.fixedColumns.reduce((acc, curr) => {\n\t\t\t\t\tconst index = typeof curr === 'number' ? curr : curr.index;\n\t\t\t\t\tconst position = typeof curr === 'number' ? 'left' : curr.position;\n\t\t\t\t\tconst clientRect = headers[index].getBoundingClientRect();\n\t\t\t\t\tconst width = Math.floor(clientRect.width);\n\t\t\t\t\tconst offset = acc\n\t\t\t\t\t\t.filter((el) => el.position === position)\n\t\t\t\t\t\t.map((el) => el.width)\n\t\t\t\t\t\t.reduce(add, 0);\n\n\t\t\t\t\tconst mapped: MappedColumn = {\n\t\t\t\t\t\tindex: index,\n\t\t\t\t\t\tposition: position,\n\t\t\t\t\t\twidth: width,\n\t\t\t\t\t\toffset: offset,\n\t\t\t\t\t};\n\t\t\t\t\tacc.push(mapped);\n\t\t\t\t\treturn acc;\n\t\t\t\t}, [] as MappedColumn[]);\n\n\t\t\t\tconst rows = Array.from(container.value?.querySelectorAll('tr'));\n\t\t\t\tconst affectedCells = rows.map((row) =>\n\t\t\t\t\tArray.from(\n\t\t\t\t\t\trow.querySelectorAll<HTMLElement>(\n\t\t\t\t\t\t\tmappedColumns\n\t\t\t\t\t\t\t\t.map((el) => `:scope > :nth-child(${el.index + 1})`)\n\t\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t\taffectedCells.forEach((row) => {\n\t\t\t\t\trow.forEach((cell, index) => {\n\t\t\t\t\t\tcell.style.position = 'sticky';\n\n\t\t\t\t\t\tif (mappedColumns[index].position === 'left') {\n\t\t\t\t\t\t\tcell.style.left = `${mappedColumns[index].offset}px`;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcell.style.right = `${mappedColumns[index].offset}px`;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tflush: 'post',\n\t}\n);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTable';\n</style>\n"],"names":["getItemValue","useItemValue","randomName","useId","props","__props","emit","__emit","container","ref","accessibleLabel","loadingText","noDataText","selectAllText","selectText","containerTag","computed","internalLoading","loading","replacementContentSpan","acc","current","modelValueIndexed","map","value","index","key","_a","pairs","deepEqual","slotNames","curr","mapped","internalItems","getItems","items","onMounted","watch","timeout","previous","mappedHeaders","column","align","label","slotName","classes","mappedItems","item","jsonValue","selectable","selectedIndex","selected","isNil","cols","content","temp","accessibleLabelText","isNotNil","event","onChangeSelectAll","selectAllValue","modelValue","allSelected","indeterminate","onInputChange","valueToEmit","makeInputValue","when","hiddenInputs","skeletonLength","clamp","headers","mappedColumns","position","clientRect","width","offset","el","add","row","cell"],"mappings":"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"}
+{"version":3,"file":"index101.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}