@ironsource/shared-ui 2.1.11-test.7 → 2.1.11-test.8

package/src/components/sortableList/SortableList.vue2.js

@@ -0,0 +1,160 @@
+import { defineComponent as F, computed as f, ref as P, openBlock as s, createElementBlock as i, mergeProps as T, unref as l, createBlock as g, isRef as N, createCommentVNode as y, withCtx as m, Fragment as V, renderList as D, renderSlot as S, createElementVNode as G, createVNode as $, createTextVNode as U, toDisplayString as M } from "vue";
+import { VueDraggable as K } from "vue-draggable-plus";
+import w from "./SortableItem.vue.js";
+import Q from "../search/v4/SearchV4.vue.js";
+import j from "../typography/v4/Typography.vue.js";
+import z from "../skeleton/v4/SkeletonV4.vue.js";
+import { useVModel as J } from "@vueuse/core";
+import { matchString as x } from "../../utils/search.js";
+import { useTestIdAttrs as W } from "../../utils/testIds.js";
+import { SortableListTestIdModifiers as I } from "../../testids/index.js";
+import { DRAG_CURSOR_CSS_CLASS as q } from "./consts.js";
+const X = {
+  key: 1,
+  class: "sortable-list-container"
+}, Y = { class: "loader-bars" }, Z = {
+  key: 3,
+  class: "empty-state-title"
+}, ue = /* @__PURE__ */ F({
+  __name: "SortableList",
+  props: {
+    items: { default: () => [] },
+    displayValue: { type: Function, default: (d) => d.displayText || d.toString() },
+    openId: { default: null },
+    selectedId: { default: null },
+    selectedChildId: { default: null },
+    search: { default: null },
+    showSearch: { type: Boolean, default: !1 },
+    searchPlaceholder: { default: "Search" },
+    searchHandler: { type: Function, default: null },
+    isLoading: { type: Boolean, default: !1 },
+    loadingRowCount: { default: 3 },
+    emptyStateTitle: { default: "No results" },
+    testId: { default: "" }
+  },
+  emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
+  setup(d, { emit: o }) {
+    const n = d, u = J(n, "search", o), v = f(() => !!u.value?.trim()), C = f(() => v.value ? n.items.filter((t) => {
+      const a = t.children || [], e = u.value;
+      return n.searchHandler ? n.searchHandler(t, e) : x(t.displayText, e) || // match parent item
+      a.some((r) => x(r.displayText, e));
+    }) : n.items), h = f({
+      get() {
+        return C.value.filter((t) => !t.isLocked);
+      },
+      set(t) {
+        o("update:items", [...t, ...b.value]);
+      }
+    }), b = f(
+      () => C.value.filter((t) => t.isLocked)
+    ), k = P(!1), H = (t) => {
+      k.value = !0, setTimeout(() => t.target.classList.add(q), 50);
+    }, O = (t) => {
+      const { target: a, item: e, newIndex: r } = t;
+      k.value = !1, a.classList.remove(q);
+      const c = e.attributes["data-id"]?.value;
+      o("sortableItemDragged", { id: c, newIndex: r });
+    }, R = (t) => (v.value || t.id === n.openId) && !k.value, A = (t, a) => {
+      a ? o("update:openId", t.id) : o("update:openId", null);
+    }, p = (t) => t.id === n.selectedId, B = (t) => {
+      o("update:selectedId", t.id), o("update:selectedChildId", null);
+    }, E = (t, a) => {
+      o("update:selectedChildId", t.id), o("update:selectedId", a.id), o("update:openId", a.id);
+    }, L = W(n.testId, I);
+    return (t, a) => (s(), i("div", T({ class: "sortable-list-and-search-container" }, l(L)[l(I).CONTAINER]), [
+      d.showSearch ? (s(), g(l(Q), {
+        key: 0,
+        modelValue: l(u),
+        "onUpdate:modelValue": a[0] || (a[0] = (e) => N(u) ? u.value = e : null),
+        class: "list-search",
+        placeholder: d.searchPlaceholder,
+        "test-id": d.testId,
+        onOnClear: a[1] || (a[1] = (e) => o("clearSearch"))
+      }, null, 8, ["modelValue", "placeholder", "test-id"])) : y("", !0),
+      d.isLoading ? S(t.$slots, "loader", { key: 2 }, () => [
+        G("div", Y, [
+          (s(!0), i(V, null, D(d.loadingRowCount, (e) => (s(), i("div", { key: e }, [
+            $(l(z), {
+              round: "",
+              class: "loader-bar"
+            })
+          ]))), 128))
+        ])
+      ], !0) : (s(), i("div", X, [
+        l(h).length ? (s(), g(l(K), T({
+          key: 0,
+          modelValue: l(h),
+          "onUpdate:modelValue": a[2] || (a[2] = (e) => N(h) ? h.value = e : null),
+          class: "sortable-list",
+          filter: ".expand-icon",
+          animation: 150,
+          handle: ".draggable-handle",
+          disabled: l(v)
+        }, l(L)[l(I).DRAGGABLE_LIST], {
+          onStart: H,
+          onEnd: O
+        }), {
+          default: m(() => [
+            (s(!0), i(V, null, D(l(h), (e, r) => (s(), g(w, {
+              key: e.id,
+              "data-id": e.id,
+              item: e,
+              index: r,
+              "is-open": R(e),
+              "is-selected": p(e),
+              "selected-child-id": p(e) ? d.selectedChildId : null,
+              "display-value": d.displayValue,
+              "search-query": l(u),
+              "search-handler": d.searchHandler,
+              onToggle: (c) => A(e, c),
+              onSelect: (c) => B(e),
+              onSelectChild: (c) => E(c, e)
+            }, {
+              menu: m(() => [
+                S(t.$slots, "menu", { item: e }, void 0, !0)
+              ]),
+              _: 2
+            }, 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
+          ]),
+          _: 3
+        }, 16, ["modelValue", "disabled"])) : y("", !0),
+        l(b).length ? (s(), i("div", T({
+          key: 1,
+          class: "locked-list"
+        }, l(L)[l(I).LOCKED_LIST]), [
+          (s(!0), i(V, null, D(l(b), (e) => (s(), g(w, {
+            key: e.id,
+            item: e,
+            "is-open": R(e),
+            "is-selected": p(e),
+            "selected-child-id": p(e) ? d.selectedChildId : null,
+            "display-value": d.displayValue,
+            "search-query": l(u),
+            "on-search": d.searchHandler,
+            onToggle: (r) => A(e, r),
+            onSelect: (r) => B(e),
+            onSelectChild: (r) => E(r, e)
+          }, {
+            menu: m(() => [
+              S(t.$slots, "menu", { item: e }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
+        ], 16)) : y("", !0)
+      ])),
+      !l(C).length && !d.isLoading ? (s(), i("div", Z, [
+        S(t.$slots, "empty-state", {}, () => [
+          $(l(j), { variant: "body2" }, {
+            default: m(() => [
+              U(M(d.emptyStateTitle), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ])) : y("", !0)
+    ], 16));
+  }
+});
+export {
+  ue as default
+};

package/src/components/statusDot/StatusDot.vue.js

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

package/src/components/statusDot/StatusDot.vue2.js

@@ -0,0 +1,15 @@
+import { defineComponent as t, openBlock as s, createElementBlock as o, normalizeClass as a } from "vue";
+const r = /* @__PURE__ */ t({
+  __name: "StatusDot",
+  props: {
+    type: { default: "success" }
+  },
+  setup(e) {
+    return (n, c) => (s(), o("div", {
+      class: a([e.type, "status-dot"])
+    }, null, 2));
+  }
+});
+export {
+  r as default
+};

package/src/components/switch/v3/Switch.vue.js

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

package/src/components/switch/v3/Switch.vue2.js

@@ -0,0 +1,69 @@
+import { defineComponent as b, ref as d, computed as k, onMounted as z, openBlock as r, createElementBlock as c, normalizeClass as u, unref as l, createElementVNode as V, normalizeStyle as g, Fragment as T, renderList as C, renderSlot as I, createVNode as y, withCtx as S, createTextVNode as E, toDisplayString as N } from "vue";
+import { useVModel as R } from "@vueuse/core";
+import B from "../../typography/Text.vue.js";
+import { SwitchTestIdModifiers as f } from "../../../testids/index.js";
+const M = ["data-testid"], P = ["aria-label", "data-testid", "onClick"], D = /* @__PURE__ */ b({
+  __name: "Switch",
+  props: {
+    options: null,
+    modelValue: null,
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: v }) {
+    const n = e, w = d(null), p = R(n, "modelValue", v), i = d([]), x = { optionsRefs: i }, t = d(), m = k(() => ({
+      left: i.value[t.value]?.offsetLeft,
+      width: i.value[t.value]?.offsetWidth
+    }));
+    z(() => {
+      t.value = n.options.findIndex(
+        (s) => s === n.modelValue
+      );
+    });
+    const $ = (s, h) => {
+      t.value = h, p.value = s;
+    };
+    return (s, h) => (r(), c("div", {
+      class: u(["switch", { "switch--lg": e.size === "lg", "switch--sm": e.size === "sm" }]),
+      "data-testid": `${e.testId}-${l(f).WRAPPER}`
+    }, [
+      V("span", {
+        ref_key: "box",
+        ref: w,
+        class: u(["box", { "box--lg": e.size === "lg", "box--sm": e.size === "sm" }]),
+        style: g({
+          transform: `translateX(${l(m)?.left}px)`,
+          width: l(m)?.width + "px"
+        })
+      }, null, 6),
+      (r(!0), c(T, null, C(e.options, (o, a) => (r(), c("button", {
+        ref_for: !0,
+        ref: x.optionsRefs,
+        key: a,
+        "aria-label": o,
+        class: u([{ "option--selected": t.value === a }, "option"]),
+        "data-testid": `${e.testId}-${l(f).BUTTON}`,
+        onClick: (L) => $(o, a)
+      }, [
+        I(s.$slots, "default", {
+          option: o,
+          selected: t.value === a
+        }, () => [
+          y(B, {
+            size: "caption",
+            "data-testid": `${e.testId}-${l(f).TEXT}`
+          }, {
+            default: S(() => [
+              E(N(o), 1)
+            ]),
+            _: 2
+          }, 1032, ["data-testid"])
+        ], !0)
+      ], 10, P))), 128))
+    ], 10, M));
+  }
+});
+export {
+  D as default
+};

package/src/components/switch/v4/SwitchV4.vue.js

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

package/src/components/switch/v4/SwitchV4.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as p, ref as k, onMounted as v, openBlock as a, createElementBlock as d, unref as s, Fragment as I, renderList as V, createBlock as h, normalizeClass as B } from "vue";
+import { useVModel as C } from "@vueuse/core";
+import "../../button/v4/ButtonV4.vue.js";
+import $ from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
+const w = ["data-testid"], S = /* @__PURE__ */ p({
+  __name: "SwitchV4",
+  props: {
+    options: null,
+    modelValue: null,
+    testId: { default: "" },
+    iconKey: { default: "icon" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: m }) {
+    const o = e, n = k(), u = C(o, "modelValue", m);
+    v(() => {
+      n.value = o.options.findIndex(
+        (t) => t === o.modelValue
+      );
+    });
+    const f = (t, i) => {
+      n.value = i, u.value = t;
+    };
+    return (t, i) => (a(), d("div", {
+      class: "switch",
+      "data-testid": `${e.testId}-${s(r).WRAPPER}`
+    }, [
+      (a(!0), d(I, null, V(e.options, (c, l) => (a(), h(s($), {
+        key: l,
+        class: B(["option", { "option--selected": n.value === l }]),
+        "icon-name": c[e.iconKey],
+        size: "small",
+        "data-testid": `${e.testId}-${s(r).BUTTON}`,
+        onClick: (y) => f(c, l)
+      }, null, 8, ["class", "icon-name", "data-testid", "onClick"]))), 128))
+    ], 8, w));
+  }
+});
+export {
+  S as default
+};

package/src/components/table/v3/SortOrderIcon.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as e, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                    */import s from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {}, d = (o) => (c("data-v-cb20f507"), o = o(), r(), o), p = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ d(() => /* @__PURE__ */ n("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1)), l = [
+  i
+];
+function a(o, f) {
+  return t(), e("svg", p, l);
+}
+const u = /* @__PURE__ */ s(_, [["render", a], ["__scopeId", "data-v-cb20f507"]]);
+export {
+  u as default
+};

package/src/components/table/v3/Table.vue.js

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

package/src/components/table/v3/Table.vue2.js

@@ -0,0 +1,248 @@
+import { defineComponent as F, useCssVars as Y, unref as t, openBlock as s, createElementBlock as a, createElementVNode as o, normalizeStyle as y, normalizeClass as n, renderSlot as r, createVNode as c, withCtx as m, createTextVNode as g, toDisplayString as k, createCommentVNode as R, Fragment as $, renderList as v, createBlock as x, mergeProps as G, withDirectives as W, vShow as j } from "vue";
+import "../../typography/Heading.vue.js";
+import T from "../../typography/Text.vue.js";
+import "../../button/v3/Button.vue.js";
+import "../../button/v3/IconButton.vue.js";
+import q from "../../button/v3/ScrollButton.vue.js";
+import J from "../../skeleton/v3/Skeleton.vue.js";
+import K from "../../emptyState/v3/EmptyState.vue.js";
+import Q from "./TableHeaderSorter.vue.js";
+import { TableTestIdModifiers as u } from "../../../testids/index.js";
+import { tableCommon as U } from "../common/Table.common.js";
+const X = ["data-testid"], Z = ["data-testid"], p = ["data-testid"], _ = ["data-testid"], tt = ["data-testid"], et = ["data-testid"], it = ["data-testid"], st = ["onClick"], at = { class: "table-head-container" }, lt = ["data-testid"], ot = ["onMouseenter"], dt = { key: 1 }, nt = { key: 1 }, vt = /* @__PURE__ */ F({
+  __name: "Table",
+  props: {
+    title: null,
+    columns: null,
+    rows: null,
+    sections: { default: null },
+    sort: null,
+    isSticky: { type: Boolean, default: !0 },
+    isStickyHeader: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    emptyStateTitle: { default: "No results found" },
+    emptyStateSubtitle: { default: "Try again with different filters" },
+    isInfiniteScroll: { type: Boolean, default: !1 },
+    infiniteScrollThreshold: { default: 100 },
+    rowHeight: { type: [Number, Function], default: 48 },
+    loadingRowCount: { default: 3 },
+    defaultScrollPosition: { default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:sort", "onScroll", "saveRow", "loadMore"],
+  setup(i, { emit: A }) {
+    const H = i;
+    Y((l) => ({
+      "0c2c9e92": t(N)
+    }));
+    const {
+      list: b,
+      containerProps: I,
+      wrapperProps: L,
+      activeRow: S,
+      gridColumnTemplate: N,
+      floatingActionRef: P,
+      scrollToTop: w,
+      toggleSortOrder: z,
+      columnsStickyPositions: B,
+      hasSearchSlot: M,
+      showBackToTopButton: O,
+      containerStyle: D,
+      onScroll: E,
+      savingRows: C,
+      floatingActionPosition: V
+    } = U(H, A);
+    return (l, h) => (s(), a("div", {
+      class: "table-container",
+      "data-testid": `${i.testId}-${t(u).CONTAINER}`,
+      onMouseleave: h[1] || (h[1] = (e) => S.value = null)
+    }, [
+      o("table", {
+        ref: t(I).ref,
+        style: y(t(D)),
+        "data-testid": `${i.testId}-${t(u).TABLE}`,
+        onScrollPassive: h[0] || (h[0] = //@ts-ignore
+        (...e) => t(E) && t(E)(...e))
+      }, [
+        i.title || l.$slots.search ? (s(), a("div", {
+          key: 0,
+          class: n(["table-header", { isStickyHeader: i.isStickyHeader }]),
+          "data-testid": `${i.testId}-${t(u).HEADER}`
+        }, [
+          o("div", {
+            class: n(["table-title", t(M) ? "border-search" : ""]),
+            "data-testid": `${i.testId}-${t(u).TITLE}`
+          }, [
+            r(l.$slots, "title", {}, () => [
+              c(t(T), {
+                size: "md",
+                strong: ""
+              }, {
+                default: m(() => [
+                  g(k(i.title), 1)
+                ]),
+                _: 1
+              })
+            ], !0)
+          ], 10, _),
+          o("div", {
+            class: "table-header-right",
+            "data-testid": `${i.testId}-${t(u).HEADER_RIGHT}`
+          }, [
+            r(l.$slots, "search", {}, void 0, !0)
+          ], 8, tt),
+          o("div", {
+            class: "table-header-actions",
+            "data-testid": `${i.testId}-${t(u).ACTIONS}`
+          }, [
+            r(l.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, et)
+        ], 10, p)) : R("", !0),
+        o("thead", {
+          class: n({ sticky: i.isSticky, isStickyHeader: i.isStickyHeader })
+        }, [
+          o("div", {
+            class: "sections",
+            "data-testid": `${i.testId}-${t(u).SECTIONS}`
+          }, [
+            (s(!0), a($, null, v(i.sections, (e) => (s(), a("div", {
+              key: e.id,
+              class: n(["section-container", { sticky: e.isSticky }])
+            }, [
+              r(l.$slots, `section-${e.id}`, {}, () => [
+                o("div", {
+                  style: y({ width: e.width + "px" }),
+                  class: n({ section: !0 })
+                }, [
+                  c(t(T), { size: "xs" }, {
+                    default: m(() => [
+                      g(k(e.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 4)
+              ], !0)
+            ], 2))), 128))
+          ], 8, it),
+          o("tr", null, [
+            (s(!0), a($, null, v(i.columns, (e) => (s(), a("th", {
+              key: e.id,
+              class: n({
+                sticky: e.isSticky,
+                bordered: e.isBordered,
+                isTextRight: e.isTextRight,
+                isSortable: e.isSortable
+              }),
+              style: y(e.isSticky ? t(B)[e.id] : null),
+              onClick: (f) => t(z)(e)
+            }, [
+              o("div", at, [
+                r(l.$slots, `header-${e.id}`, { column: e }, () => [
+                  c(t(T), {
+                    size: "sm",
+                    strong: "",
+                    "is-truncated": !1
+                  }, {
+                    default: m(() => [
+                      g(k(e.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], !0),
+                e.id === i.sort.sortBy ? (s(), x(Q, {
+                  key: 0,
+                  class: "table-head-sorter",
+                  "sort-order": i.sort.sortOrder
+                }, null, 8, ["sort-order"])) : R("", !0)
+              ])
+            ], 14, st))), 128))
+          ])
+        ], 2),
+        o("tbody", null, [
+          t(b).length > 0 ? (s(), a("div", G({
+            key: 0,
+            class: "table-body-wrapper",
+            "data-testid": `${i.testId}-${t(u).BODY_WRAPPER}`
+          }, t(L)), [
+            (s(!0), a($, null, v(t(b), (e) => (s(), a("tr", {
+              key: e.index,
+              class: n(["table-row", {
+                loading: i.isLoading || i.isLoading && !e.data || t(C).includes(e.index),
+                active: t(S) === e.index
+              }]),
+              onMouseenter: (f) => S.value = e.index
+            }, [
+              W(o("div", {
+                ref_for: !0,
+                ref_key: "floatingActionRef",
+                ref: P,
+                style: y({ left: t(V) + "px" }),
+                class: "floating-actions"
+              }, [
+                r(l.$slots, "floating-actions", { row: e }, void 0, !0)
+              ], 4), [
+                [
+                  j,
+                  l.$slots["floating-actions"] && t(S) === e.index && !i.isLoading
+                ]
+              ]),
+              (s(!0), a($, null, v(e.data, (f, d) => (s(), a("td", {
+                key: d,
+                class: n({
+                  sticky: i.columns[d].isSticky,
+                  bordered: i.columns[d].isBordered,
+                  isTextRight: i.columns[d].isTextRight
+                }),
+                style: y(
+                  i.columns[d].isSticky ? t(B)[i.columns[d].id] : null
+                )
+              }, [
+                !i.isLoading || i.isLoading && f ? (s(), a("div", {
+                  key: 0,
+                  class: n({
+                    last: d === e.data.length - 1,
+                    "table-cell": !0,
+                    floating: l.$slots["floating-actions"]
+                  })
+                }, [
+                  r(l.$slots, `cell-${i.columns[d].id}`, {
+                    cell: f,
+                    isLoading: t(C).includes(e.index),
+                    cellIndex: d,
+                    row: e,
+                    rowIndex: e.index
+                  }, () => [
+                    c(t(T), { size: "sm" }, {
+                      default: m(() => [
+                        g(k(f), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], !0)
+                ], 2)) : r(l.$slots, "loader", { key: 1 }, () => [
+                  c(t(J), { round: "" })
+                ], !0)
+              ], 6))), 128))
+            ], 42, ot))), 128))
+          ], 16, lt)) : (s(), a("div", dt, [
+            r(l.$slots, "empty-state", {}, () => [
+              c(t(K), {
+                title: i.emptyStateTitle,
+                subtitle: i.emptyStateSubtitle,
+                "test-id": `${i.testId}-${t(u).EMPTY_STATE}`
+              }, null, 8, ["title", "subtitle", "test-id"])
+            ], !0)
+          ]))
+        ]),
+        t(b).length > 0 ? (s(), a("tfoot", nt)) : R("", !0)
+      ], 44, Z),
+      c(t(q), {
+        show: t(O),
+        onScrolled: t(w)
+      }, null, 8, ["show", "onScrolled"])
+    ], 40, X));
+  }
+});
+export {
+  vt as default
+};

package/src/components/table/v3/TableHeaderSorter.vue.js

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

package/src/components/table/v3/TableHeaderSorter.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as o, openBlock as a, createElementBlock as l, createVNode as r, normalizeClass as t } from "vue";
+import s from "./SortOrderIcon.vue.js";
+const c = { class: "table-head-sorter-container" }, u = /* @__PURE__ */ o({
+  __name: "TableHeaderSorter",
+  props: {
+    sortOrder: null
+  },
+  setup(e) {
+    return (d, n) => (a(), l("div", c, [
+      r(s, {
+        name: "sort-order",
+        class: t({ "table-head-sorter-selected": e.sortOrder === "asc" })
+      }, null, 8, ["class"]),
+      r(s, {
+        name: "sort-order",
+        class: t(["table-head-sorter-desc", { "table-head-sorter-selected": e.sortOrder === "desc" }])
+      }, null, 8, ["class"])
+    ]));
+  }
+});
+export {
+  u as default
+};

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

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