@ironsource/shared-ui 2.1.7-rc.2 → 2.1.7-rc.4

package/src/components/table/v4/DataGrid.vue2.js

@@ -1,337 +0,0 @@
-import { defineComponent as le, useCssVars as ie, unref as t, useSlots as de, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as C, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as E, toDisplayString as w, isRef as oe, createCommentVNode as r, Fragment as B, renderList as I, createBlock as z, mergeProps as ne } from "vue";
-import p from "../../typography/v4/Typography.vue.js";
-import ce from "../../skeleton/v4/SkeletonV4.vue.js";
-import re from "../../emptyState/v4/EmptyStateV4.vue.js";
-import U from "../../checkbox/v4/CheckboxV4.vue.js";
-import { TableTestIdModifiers as S } from "../../../testids/index.js";
-import { tableCommon as ue } from "../common/Table.common.js";
-import he from "./SortIcon.vue.js";
-import ye from "./HelpIcon.vue.js";
-import fe from "./ExpandRowToggle.vue.js";
-import Se from "../../search/v4/SearchV4.vue.js";
-import { useVModel as ke } from "@vueuse/core";
-const me = ["data-testid"], ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = { class: "search-wrapper" }, xe = ["data-testid"], Ce = ["data-testid"], Te = {
-  key: 0,
-  class: "checkbox-cell"
-}, Ee = {
-  key: 1,
-  class: "expand-toggle-cell"
-}, we = ["onClick"], Be = { class: "table-head-container" }, Ie = ["data-testid"], pe = ["onMouseenter", "onClick"], Ae = {
-  key: 0,
-  class: "checkbox-cell"
-}, Me = {
-  key: 1,
-  class: "expand-toggle-cell"
-}, Pe = {
-  key: 2,
-  class: "expanded-row"
-}, Ve = { key: 1 }, He = {
-  key: 0,
-  class: "table-footer"
-}, qe = /* @__PURE__ */ le({
-  __name: "DataGrid",
-  props: {
-    title: { default: "" },
-    columns: null,
-    rows: null,
-    sections: { default: null },
-    sort: { default: null },
-    selection: { default: null },
-    getRowId: { type: Function, default: (s, m) => m },
-    selectedMatcher: { type: Function, default: (s, m) => s === m },
-    isSticky: { type: Boolean, default: !0 },
-    isStickyHeader: { type: Boolean, default: !1 },
-    isLoading: { type: Boolean, default: !1 },
-    emptyStateVariant: { default: null },
-    emptyStateTitle: { default: "No data to display" },
-    emptyStateSubtitle: { default: "" },
-    isInfiniteScroll: { type: Boolean, default: !1 },
-    infiniteScrollThreshold: { default: 100 },
-    rowHeight: { type: [Number, Function], default: 48 },
-    loadingRowCount: { default: 3 },
-    defaultScrollPosition: { default: null },
-    testId: { default: "" },
-    search: { default: null },
-    showSearch: { type: Boolean, default: !1 },
-    searchPlaceholder: { default: "Search" },
-    searchAutoFocus: { type: Boolean, default: !1 },
-    zIndexBase: { default: 100 }
-  },
-  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
-  setup(s, { expose: m, emit: y }) {
-    const o = s;
-    ie((a) => ({
-      "74f5644c": s.zIndexBase,
-      "54c9adc0": t(K),
-      "10e150b9": t(H),
-      "06b2e101": t(J)
-    }));
-    const b = de(), {
-      list: V,
-      containerProps: G,
-      wrapperProps: Y,
-      activeRow: A,
-      gridColumnTemplate: H,
-      toggleSortOrder: Q,
-      columnsStickyPositions: L,
-      hasSearchSlot: W,
-      containerStyle: j,
-      onScroll: N,
-      savingRows: F,
-      hasExpandSlot: $,
-      toggleExpandRow: q,
-      cssRowHeight: J,
-      cssExpandGridCol: K,
-      isRowExpanded: M,
-      hasCheckboxes: O,
-      activeMenuRow: X,
-      scrollTo: Z
-    } = ue(o, y), D = v(() => !!b.footer), g = ke(o, "search", y), _ = v(() => o.selection.length || 0), P = v(() => {
-      const a = o.rows.map((i, e) => o.getRowId(i, e));
-      return a.length && a.every((i) => R(i));
-    }), R = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, ee = (a) => {
-      R(a) ? (x(
-        o.selection.filter(
-          (i) => !o.selectedMatcher(a, i)
-        )
-      ), y("selectRow", !1)) : (x([...o.selection, a]), y("selectRow", !0));
-    }, te = () => {
-      if (P.value)
-        x([]), y("selectAll", !1);
-      else {
-        const a = o.rows.map((i, e) => o.getRowId(i, e)).filter((i) => !R(i));
-        x([...o.selection, ...a]), y("selectAll", !0);
-      }
-    }, x = (a) => {
-      y("update:selection", a);
-    }, se = v(
-      () => o.emptyStateVariant ?? (g.value ? "no-results" : "no-data")
-    ), ae = v(
-      () => o.emptyStateSubtitle ? o.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
-    );
-    return m({
-      scrollTo: Z
-    }), (a, i) => (l(), d("div", {
-      class: "table-container",
-      "data-testid": `${s.testId}-${t(S).CONTAINER}`,
-      onMouseleave: i[3] || (i[3] = (e) => A.value = null)
-    }, [
-      u("table", {
-        ref: t(G).ref,
-        style: C(t(j)),
-        class: f({
-          hasFooter: t(D)
-        }),
-        "data-testid": `${s.testId}-${t(S).TABLE}`,
-        onScrollPassive: i[2] || (i[2] = //@ts-ignore
-        (...e) => t(N) && t(N)(...e))
-      }, [
-        s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
-          key: 0,
-          class: f(["table-header", { isStickyHeader: s.isStickyHeader }]),
-          "data-testid": `${s.testId}-${t(S).HEADER}`
-        }, [
-          u("div", {
-            class: "table-title",
-            "data-testid": `${s.testId}-${t(S).TITLE}`
-          }, [
-            c(a.$slots, "title", {}, () => [
-              h(t(p), { variant: "h3" }, {
-                default: T(() => [
-                  E(w(s.title), 1)
-                ]),
-                _: 1
-              })
-            ], !0)
-          ], 8, be),
-          u("div", {
-            class: "table-header-right",
-            "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
-          }, [
-            s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
-              u("div", Re, [
-                h(t(Se), {
-                  modelValue: t(g),
-                  "onUpdate:modelValue": i[0] || (i[0] = (e) => oe(g) ? g.value = e : null),
-                  placeholder: s.searchPlaceholder,
-                  "auto-focus": s.searchAutoFocus,
-                  "test-id": s.testId,
-                  onOnClear: i[1] || (i[1] = (e) => y("onClearSearch"))
-                }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
-              ])
-            ], !0) : r("", !0)
-          ], 8, $e),
-          t(b)["table-header-actions"] ? (l(), d("div", {
-            key: 0,
-            class: "table-header-actions",
-            "data-testid": `${s.testId}-${t(S).ACTIONS}`
-          }, [
-            c(a.$slots, "table-header-actions", {}, void 0, !0)
-          ], 8, xe)) : r("", !0)
-        ], 10, ve)) : r("", !0),
-        u("thead", {
-          class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
-        }, [
-          u("div", {
-            class: "sections",
-            "data-testid": `${s.testId}-${t(S).SECTIONS}`
-          }, [
-            (l(!0), d(B, null, I(s.sections, (e) => (l(), d("div", {
-              key: e.id,
-              class: f(["section-container", { sticky: e.isSticky }])
-            }, [
-              c(a.$slots, `section-${e.id}`, {}, () => [
-                u("div", {
-                  style: C({ width: e.width + "px" }),
-                  class: f({ section: !0 })
-                }, [
-                  h(t(p), { variant: "body2" }, {
-                    default: T(() => [
-                      E(w(e.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], 4)
-              ], !0)
-            ], 2))), 128))
-          ], 8, Ce),
-          u("tr", null, [
-            t(O) ? (l(), d("th", Te, [
-              c(a.$slots, "select-all-checkbox", {}, () => [
-                h(t(U), {
-                  disabled: s.isLoading,
-                  "is-checked": t(P),
-                  "is-indeterminate": !t(P) && t(_) > 0,
-                  "onUpdate:isChecked": te
-                }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
-              ], !0)
-            ])) : r("", !0),
-            t($) ? (l(), d("th", Ee)) : r("", !0),
-            (l(!0), d(B, null, I(s.columns, (e) => (l(), d("th", {
-              key: e.id,
-              class: f({
-                sticky: e.isSticky,
-                isStickyRight: e.isStickyRight,
-                bordered: e.isBordered,
-                isTextRight: e.isTextRight,
-                isSortable: e.isSortable,
-                [`column-${e.id}`]: !0
-              }),
-              style: C(e.isSticky ? t(L)[e.id] : null),
-              onClick: (k) => e.isSortable ? t(Q)(e) : null
-            }, [
-              u("div", Be, [
-                c(a.$slots, `header-${e.id}`, { column: e }, () => [
-                  h(t(p), { variant: "tableLabel" }, {
-                    default: T(() => [
-                      E(w(e.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], !0),
-                e.helpText ? (l(), z(ye, {
-                  key: 0,
-                  "hover-help-text": e.helpText,
-                  "hover-help-text-placement": e.helpTextPlacement
-                }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
-                e.isSortable && e.id === s.sort?.sortBy ? (l(), z(he, {
-                  key: 1,
-                  "sort-order": s.sort.sortOrder
-                }, null, 8, ["sort-order"])) : r("", !0)
-              ])
-            ], 14, we))), 128))
-          ])
-        ], 2),
-        u("tbody", null, [
-          t(V).length > 0 ? (l(), d("div", ne({
-            key: 0,
-            class: "table-body-wrapper",
-            "data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
-          }, t(Y)), [
-            (l(!0), d(B, null, I(t(V), (e) => (l(), d("tr", {
-              key: e.index,
-              class: f(["table-row", {
-                loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
-                active: t(A) === e.index,
-                activeMenu: t(X) === e.index,
-                expanded: t($) && t(M)(e.index)
-              }]),
-              onMouseenter: (k) => A.value = e.index,
-              onClick: (k) => y("clickRow", e.index)
-            }, [
-              t(O) ? (l(), d("td", Ae, [
-                h(t(U), {
-                  "is-checked": R(s.getRowId(e.data, e.index)),
-                  "onUpdate:isChecked": (k) => ee(s.getRowId(e.data, e.index))
-                }, null, 8, ["is-checked", "onUpdate:isChecked"])
-              ])) : r("", !0),
-              t($) ? (l(), d("td", Me, [
-                h(fe, {
-                  expanded: t(M)(e.index),
-                  onClick: (k) => t(q)(e.index, k)
-                }, null, 8, ["expanded", "onClick"])
-              ])) : r("", !0),
-              (l(!0), d(B, null, I(s.columns, (k, n) => (l(), d("td", {
-                key: n,
-                class: f({
-                  sticky: s.columns[n].isSticky,
-                  isStickyRight: s.columns[n].isStickyRight,
-                  bordered: s.columns[n].isBordered,
-                  isTextRight: s.columns[n].isTextRight,
-                  [`column-${s.columns[n].id}`]: !0
-                }),
-                style: C(
-                  s.columns[n].isSticky ? t(L)[s.columns[n].id] : null
-                )
-              }, [
-                !s.isLoading || s.isLoading && e.data[n] ? (l(), d("div", {
-                  key: 0,
-                  class: f(["table-cell", { last: n === e.data.length - 1 }])
-                }, [
-                  c(a.$slots, `cell-${s.columns[n].id}`, {
-                    cell: e.data[n],
-                    isLoading: t(F).includes(e.index),
-                    cellIndex: n,
-                    row: e,
-                    rowIndex: e.index
-                  }, () => [
-                    h(t(p), { variant: "body1" }, {
-                      default: T(() => [
-                        E(w(e.data[n]), 1)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ], !0)
-                ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
-                  h(t(ce), { round: "" })
-                ], !0)
-              ], 6))), 128)),
-              t($) && t(M)(e.index) ? (l(), d("div", Pe, [
-                c(a.$slots, "expanded", {
-                  row: e,
-                  gridColumnTemplate: t(H)
-                }, void 0, !0)
-              ])) : r("", !0)
-            ], 42, pe))), 128))
-          ], 16, Ie)) : (l(), d("div", Ve, [
-            c(a.$slots, "empty-state", {}, () => [
-              h(t(re), {
-                class: "empty-state",
-                title: s.emptyStateTitle,
-                subtitle: t(ae),
-                variant: t(se),
-                "test-id": `${s.testId}-${t(S).EMPTY_STATE}`
-              }, null, 8, ["title", "subtitle", "variant", "test-id"])
-            ], !0)
-          ]))
-        ])
-      ], 46, ge),
-      t(D) ? (l(), d("div", He, [
-        c(a.$slots, "footer", {}, void 0, !0)
-      ])) : r("", !0)
-    ], 40, me));
-  }
-});
-export {
-  qe as default
-};

package/src/components/table/v4/DataGridMenu.vue.js

@@ -1,7 +0,0 @@
-import e from "./DataGridMenu.vue2.js";
-/* empty css                   */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6e4672f"]]);
-export {
-  s as default
-};

package/src/components/table/v4/DataGridMenu.vue2.js

@@ -1,65 +0,0 @@
-import { defineComponent as u, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as r, createVNode as c, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
-import g from "../../dropdown/v4/DropdownV4.vue.js";
-import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
-import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
-import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
-import "../../dropdown/v4/AppDropdownTrigger.vue.js";
-import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
-import "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
-import "../../dropdown/v4/TreeDropdown.vue.js";
-import C from "../../dropdown/v4/OptionV4.vue.js";
-import k from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import { useTableContext as y } from "../common/TableContext.js";
-const z = /* @__PURE__ */ u({
-  __name: "DataGridMenu",
-  props: {
-    menuItems: { default: () => [] },
-    rowIndex: { default: null },
-    placement: { default: "left-start" }
-  },
-  emits: ["selected"],
-  setup(t, { emit: d }) {
-    const n = t, i = y("DataGridMenu"), a = (s) => s.text, p = () => {
-      n.rowIndex && i.setActiveMenuRow(n.rowIndex);
-    }, m = () => {
-      n.rowIndex && i.setActiveMenuRow(null);
-    };
-    return f(m), (s, l) => (x(), w(o(g), {
-      class: "data-grid-menu",
-      options: t.menuItems,
-      "display-value": a,
-      "predefined-trigger": "icon-button",
-      placement: t.placement,
-      skidding: -4,
-      "onUpdate:selected": l[0] || (l[0] = (e) => d("selected", e)),
-      onOpened: p,
-      onClosed: m
-    }, {
-      default: r(({ option: e }) => [
-        c(o(C), { option: e }, I({
-          default: r(() => [
-            v(" " + M(a(e)), 1)
-          ]),
-          _: 2
-        }, [
-          e.icon ? {
-            name: "icon-start",
-            fn: r(() => [
-              c(o(k), {
-                class: "menu-icon",
-                name: e.icon,
-                size: "20px"
-              }, null, 8, ["name"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["option"])
-      ]),
-      _: 1
-    }, 8, ["options", "placement"]));
-  }
-});
-export {
-  z as default
-};

package/src/components/table/v4/DataGridRowsCounter.vue.js

@@ -1,7 +0,0 @@
-import o from "./DataGridRowsCounter.vue2.js";
-/* empty css                          */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css"; //*');
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06751538"]]);
-export {
-  r as default
-};

package/src/components/table/v4/DataGridRowsCounter.vue2.js

@@ -1,45 +0,0 @@
-import { defineComponent as r, openBlock as i, createElementBlock as d, createVNode as o, unref as n, withCtx as l, createTextVNode as e, toDisplayString as a } from "vue";
-import u from "../../typography/v4/Typography.vue.js";
-const s = { class: "data-grid-rows-counter" }, m = /* @__PURE__ */ r({
-  __name: "DataGridRowsCounter",
-  props: {
-    count: { default: 0 },
-    totalCount: { default: 0 },
-    displayingText: { default: "Displaying" },
-    outOfText: { default: "out of" },
-    totalText: { default: "total rows" }
-  },
-  setup(t) {
-    return (c, f) => (i(), d("div", s, [
-      o(n(u), { variant: "body1" }, {
-        default: l(() => [
-          e(a(t.displayingText) + " ", 1),
-          o(n(u), {
-            class: "text-strong",
-            variant: "subtitle1"
-          }, {
-            default: l(() => [
-              e(a(t.count), 1)
-            ]),
-            _: 1
-          }),
-          e(" " + a(t.outOfText) + " ", 1),
-          o(n(u), {
-            class: "text-strong",
-            variant: "subtitle1"
-          }, {
-            default: l(() => [
-              e(a(t.totalCount), 1)
-            ]),
-            _: 1
-          }),
-          e(" " + a(t.totalText), 1)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-});
-export {
-  m as default
-};

package/src/components/table/v4/ExpandRowToggle.vue.js

@@ -1,7 +0,0 @@
-import o from "./ExpandRowToggle.vue2.js";
-/* empty css                      */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../ExpandRowToggle.vue_vue_type_style_index_0_scoped_b053baa6_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b053baa6"]]);
-export {
-  s as default
-};

package/src/components/table/v4/ExpandRowToggle.vue2.js

@@ -1,24 +0,0 @@
-import { defineComponent as a, openBlock as r, createElementBlock as c, createVNode as l, unref as p } from "vue";
-import "../../button/v4/ButtonV4.vue.js";
-import d from "../../button/v4/IconButtonV4.vue.js";
-const f = /* @__PURE__ */ a({
-  __name: "ExpandRowToggle",
-  props: {
-    expanded: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(n, { emit: o }) {
-    return (i, e) => (r(), c("div", {
-      class: "expand-row-toggle",
-      onClick: e[0] || (e[0] = (t) => o("click", t))
-    }, [
-      l(p(d), {
-        class: "expand-button",
-        "icon-name": n.expanded ? "caret-down" : "caret-right"
-      }, null, 8, ["icon-name"])
-    ]));
-  }
-});
-export {
-  f as default
-};

package/src/components/table/v4/HelpIcon.vue.js

@@ -1,7 +0,0 @@
-import e from "./HelpIcon.vue2.js";
-/* empty css               */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06fce2e3"]]);
-export {
-  s as default
-};

package/src/components/table/v4/HelpIcon.vue2.js

@@ -1,33 +0,0 @@
-import { defineComponent as o, openBlock as l, createBlock as n, unref as t, withCtx as r, createVNode as a } from "vue";
-import c from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import p from "../../tooltip/v4/TooltipV4.vue.js";
-const x = /* @__PURE__ */ o({
-  __name: "HelpIcon",
-  props: {
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    testId: { default: "" }
-  },
-  setup(e) {
-    return (i, m) => (l(), n(t(p), {
-      class: "table-help-icon",
-      triggers: ["hover"],
-      text: e.hoverHelpText,
-      placement: e.hoverHelpTextPlacement,
-      "test-id": e.testId
-    }, {
-      default: r(() => [
-        a(t(c), {
-          class: "info-icon",
-          name: "question",
-          size: "16px"
-        })
-      ]),
-      _: 1
-    }, 8, ["text", "placement", "test-id"]));
-  }
-});
-export {
-  x as default
-};

package/src/components/table/v4/MultipleDataGrid.vue.js

@@ -1,7 +0,0 @@
-import o from "./MultipleDataGrid.vue2.js";
-/* empty css                       */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-260b9cdc"]]);
-export {
-  p as default
-};

package/src/components/table/v4/MultipleDataGrid.vue2.js

@@ -1,123 +0,0 @@
-import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
-import S from "./DataGrid.vue.js";
-import "./DataGridMenu.vue.js";
-import G from "./DataGridRowsCounter.vue.js";
-import "./MultipleDataGrid.vue.js";
-import M from "../../search/v4/SearchV4.vue.js";
-import { useVModel as P } from "@vueuse/core";
-const $ = { class: "rows-counter-container" }, A = {
-  key: 0,
-  class: "tables-container"
-}, K = /* @__PURE__ */ T({
-  __name: "MultipleDataGrid",
-  props: {
-    tablesSettings: { default: () => [] },
-    loadingAndEmptyStatesColumns: { default: () => [] },
-    isSticky: { type: Boolean, default: !0 },
-    isLoading: { type: Boolean, default: !1 },
-    emptyStateVariant: { default: null },
-    emptyStateTitle: { default: "No data to display" },
-    emptyStateSubtitle: { default: "" },
-    loadingRowCount: { default: 3 },
-    search: { default: null },
-    showSearch: { type: Boolean, default: !0 },
-    searchPlaceholder: { default: "Search" },
-    zIndexBase: { default: 100 },
-    count: { default: 0 },
-    totalCount: { default: 0 },
-    displayingText: { default: "Displaying" },
-    outOfText: { default: "out of" },
-    totalText: { default: "total rows" },
-    testId: { default: "" }
-  },
-  emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
-  setup(t, { emit: n }) {
-    const u = t;
-    V((e) => ({
-      "6bca14de": t.zIndexBase
-    }));
-    const h = L(
-      () => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
-    ), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
-      n("onScroll", e.target.scrollTop);
-    }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
-    return (e, s) => (l(), d("div", {
-      class: "multi-table-container",
-      onScrollPassive: w
-    }, [
-      f("div", {
-        class: z(["table-header-container", { sticky: t.isSticky }])
-      }, [
-        f("div", $, [
-          t.isLoading ? m("", !0) : (l(), c(o(G), {
-            key: 0,
-            count: t.count,
-            "total-count": t.totalCount,
-            "total-text": t.totalText,
-            "displaying-text": t.displayingText,
-            "out-of-text": t.outOfText,
-            "data-testid": t.testId
-          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
-        ]),
-        t.showSearch ? (l(), c(o(M), {
-          key: 0,
-          modelValue: o(r),
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
-          placeholder: t.searchPlaceholder,
-          "test-id": t.testId,
-          onOnClear: k
-        }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0)
-      ], 2),
-      o(h) ? (l(), c(o(S), {
-        key: 1,
-        "is-loading": t.isLoading,
-        columns: t.loadingAndEmptyStatesColumns,
-        rows: [],
-        "test-id": t.testId,
-        "empty-state-variant": t.emptyStateVariant,
-        "empty-state-title": t.emptyStateTitle,
-        "empty-state-subtitle": t.emptyStateSubtitle,
-        "loading-row-count": t.loadingRowCount
-      }, null, 8, ["is-loading", "columns", "test-id", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "loading-row-count"])) : (l(), d("div", A, [
-        (l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
-          key: a.testId,
-          class: "table-wrapper"
-        }, [
-          a.rows.length ? (l(), c(o(S), {
-            key: 0,
-            sections: a.sections,
-            columns: a.columns,
-            rows: a.rows,
-            "row-height": a.rowHeight,
-            "is-sticky": t.isSticky,
-            "z-index-base": t.zIndexBase,
-            "test-id": a.testId,
-            onClickRow: (i) => x(i, C)
-          }, D({ _: 2 }, [
-            g(a.columns, (i) => ({
-              name: y(i),
-              fn: N(({
-                cell: b,
-                rowIndex: v,
-                isLoading: B,
-                cellIndex: I,
-                row: R
-              }) => [
-                O(e.$slots, `${y(i)}`, {
-                  cell: b,
-                  isLoading: B,
-                  cellIndex: I,
-                  row: R,
-                  rowIndex: v
-                }, void 0, !0)
-              ])
-            }))
-          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "test-id", "onClickRow"])) : m("", !0)
-        ]))), 128))
-      ]))
-    ], 32));
-  }
-});
-export {
-  K as default
-};