@ironsource/shared-ui 2.1.12-test.97 → 2.1.12-test.99

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

@@ -0,0 +1,178 @@
+import { defineComponent as z, useCssVars as G, useSlots as U, computed as y, ref as K, openBlock as d, createElementBlock as r, mergeProps as V, unref as l, normalizeClass as Q, renderSlot as h, createCommentVNode as c, createBlock as v, isRef as j, withCtx as S, Fragment as B, renderList as D, createSlots as E, createElementVNode as J, createVNode as H, createTextVNode as W, toDisplayString as X } from "vue";
+import { VueDraggable as Y } from "vue-draggable-plus";
+import N from "./SortableItem.vue.js";
+import Z from "../search/v4/SearchV4.vue.js";
+import x from "../typography/v4/Typography.vue.js";
+import _ from "../skeleton/v4/SkeletonV4.vue.js";
+import { useVModel as ee } from "@vueuse/core";
+import { matchString as q } from "../../utils/search.js";
+import { useTestIdAttrs as te } from "../../utils/testIds.js";
+import { SortableListTestIdModifiers as I } from "../../testids/index.js";
+import { DRAG_CURSOR_CSS_CLASS as O } from "./consts.js";
+const le = {
+  key: 1,
+  class: "sortable-list-container"
+}, ae = { class: "loader-bars" }, de = {
+  key: 3,
+  class: "empty-state-title"
+}, ge = /* @__PURE__ */ z({
+  __name: "SortableList",
+  props: {
+    items: { default: () => [] },
+    displayValue: { type: Function, default: (p) => p.displayText || p.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" },
+    childListMaxHeight: { default: "530px" },
+    isSticky: { type: Boolean, default: !0 },
+    zIndexBase: { default: 100 },
+    testId: { default: "" }
+  },
+  emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
+  setup(p, { emit: F }) {
+    G((e) => ({
+      "2b5787e0": e.zIndexBase
+    }));
+    const n = p, s = F, m = U(), i = ee(n, "search", s), k = y(() => !!i.value?.trim()), C = y(() => k.value ? n.items.filter((e) => {
+      const a = e.children || [], t = i.value;
+      return n.searchHandler ? n.searchHandler(e, t) : q(e.displayText, t) || // match parent item
+      a.some((o) => q(o.displayText, t));
+    }) : n.items), f = y({
+      get() {
+        return C.value.filter((e) => !e.isLocked);
+      },
+      set(e) {
+        s("update:items", [...e, ...L.value]);
+      }
+    }), L = y(
+      () => C.value.filter((e) => e.isLocked)
+    ), b = K(!1), M = (e) => {
+      b.value = !0, setTimeout(() => e.target.classList.add(O), 50);
+    }, P = (e) => {
+      const { target: a, item: t, newIndex: o } = e;
+      b.value = !1, a.classList.remove(O);
+      const u = t.attributes["data-id"]?.value;
+      s("sortableItemDragged", { id: u, newIndex: o });
+    }, R = (e) => (k.value || e.id === n.openId) && !b.value, $ = (e, a) => {
+      a ? s("update:openId", e.id) : s("update:openId", null);
+    }, g = (e) => e.id === n.selectedId, w = (e) => {
+      s("update:selectedId", e.id), s("update:selectedChildId", null);
+    }, A = (e, a) => {
+      s("update:selectedChildId", e.id), s("update:selectedId", a.id), s("update:openId", a.id);
+    }, T = te(n.testId, I);
+    return (e, a) => (d(), r("div", V({ class: "sortable-list-and-header-container" }, l(T)[l(I).CONTAINER]), [
+      l(m).header || e.showSearch ? (d(), r("div", {
+        key: 0,
+        class: Q(["header-container", { sticky: e.isSticky }])
+      }, [
+        l(m).header ? h(e.$slots, "header", { key: 0 }, void 0, !0) : c("", !0),
+        e.showSearch ? (d(), v(l(Z), {
+          key: 1,
+          modelValue: l(i),
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => j(i) ? i.value = t : null),
+          placeholder: e.searchPlaceholder,
+          "test-id": e.testId,
+          onOnClear: a[1] || (a[1] = (t) => s("clearSearch"))
+        }, null, 8, ["modelValue", "placeholder", "test-id"])) : c("", !0)
+      ], 2)) : c("", !0),
+      e.isLoading ? h(e.$slots, "loader", { key: 2 }, () => [
+        J("div", ae, [
+          (d(!0), r(B, null, D(e.loadingRowCount, (t) => (d(), r("div", { key: t }, [
+            H(l(_), {
+              round: "",
+              class: "loader-bar"
+            })
+          ]))), 128))
+        ])
+      ], !0) : (d(), r("div", le, [
+        f.value.length ? (d(), v(l(Y), V({
+          key: 0,
+          modelValue: f.value,
+          "onUpdate:modelValue": a[2] || (a[2] = (t) => f.value = t),
+          class: "sortable-list",
+          filter: ".expand-icon",
+          animation: 150,
+          handle: ".draggable-handle",
+          disabled: k.value
+        }, l(T)[l(I).DRAGGABLE_LIST], {
+          onStart: M,
+          onEnd: P
+        }), {
+          default: S(() => [
+            (d(!0), r(B, null, D(f.value, (t, o) => (d(), v(N, {
+              key: t.id,
+              "data-id": t.id,
+              item: t,
+              index: o,
+              "is-open": R(t),
+              "is-selected": g(t),
+              "selected-child-id": g(t) ? e.selectedChildId : null,
+              "display-value": e.displayValue,
+              "search-query": l(i),
+              "search-handler": e.searchHandler,
+              onToggle: (u) => $(t, u),
+              onSelect: (u) => w(t),
+              onSelectChild: (u) => A(u, t)
+            }, E({ _: 2 }, [
+              l(m).menu ? {
+                name: "menu",
+                fn: S(() => [
+                  h(e.$slots, "menu", { item: t }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 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"])) : c("", !0),
+        L.value.length ? (d(), r("div", V({
+          key: 1,
+          class: "locked-list"
+        }, l(T)[l(I).LOCKED_LIST]), [
+          (d(!0), r(B, null, D(L.value, (t) => (d(), v(N, {
+            key: t.id,
+            item: t,
+            "is-open": R(t),
+            "is-selected": g(t),
+            "selected-child-id": g(t) ? e.selectedChildId : null,
+            "display-value": e.displayValue,
+            "search-query": l(i),
+            "on-search": e.searchHandler,
+            "child-list-max-height": e.childListMaxHeight,
+            onToggle: (o) => $(t, o),
+            onSelect: (o) => w(t),
+            onSelectChild: (o) => A(o, t)
+          }, E({ _: 2 }, [
+            l(m).menu ? {
+              name: "menu",
+              fn: S(() => [
+                h(e.$slots, "menu", { item: t }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "child-list-max-height", "onToggle", "onSelect", "onSelectChild"]))), 128))
+        ], 16)) : c("", !0)
+      ])),
+      !C.value.length && !e.isLoading ? (d(), r("div", de, [
+        h(e.$slots, "empty-state", {}, () => [
+          H(l(x), { variant: "body2" }, {
+            default: S(() => [
+              W(X(e.emptyStateTitle), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ])) : c("", !0)
+    ], 16));
+  }
+});
+export {
+  ge 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 c = /* @__PURE__ */ t({
+  __name: "StatusDot",
+  props: {
+    type: { default: "success" }
+  },
+  setup(n) {
+    return (e, p) => (s(), o("div", {
+      class: a([e.type, "status-dot"])
+    }, null, 2));
+  }
+});
+export {
+  c 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 z, ref as i, computed as V, onMounted as g, openBlock as n, createElementBlock as d, normalizeClass as r, unref as u, createElementVNode as T, normalizeStyle as C, Fragment as I, renderList as y, renderSlot as S, createVNode as E, withCtx as N, createTextVNode as R, toDisplayString as _ } from "vue";
+import { useVModel as B } from "@vueuse/core";
+import M from "../../typography/Text.vue.js";
+import { SwitchTestIdModifiers as c } from "../../../testids/index.js";
+const P = ["data-testid"], L = ["aria-label", "data-testid", "onClick"], D = /* @__PURE__ */ z({
+  __name: "Switch",
+  props: {
+    options: {},
+    modelValue: {},
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(p, { emit: h }) {
+    const v = h, l = p, w = i(null), $ = B(l, "modelValue", v), a = i([]), b = { optionsRefs: a }, t = i(), f = V(() => ({
+      left: a.value[t.value]?.offsetLeft,
+      width: a.value[t.value]?.offsetWidth
+    }));
+    g(() => {
+      t.value = l.options.findIndex(
+        (e) => e === l.modelValue
+      );
+    });
+    const k = (e, m) => {
+      t.value = m, $.value = e;
+    };
+    return (e, m) => (n(), d("div", {
+      class: r(["switch", { "switch--lg": e.size === "lg", "switch--sm": e.size === "sm" }]),
+      "data-testid": `${e.testId}-${u(c).WRAPPER}`
+    }, [
+      T("span", {
+        ref_key: "box",
+        ref: w,
+        class: r(["box", { "box--lg": e.size === "lg", "box--sm": e.size === "sm" }]),
+        style: C({
+          transform: `translateX(${f.value?.left}px)`,
+          width: f.value?.width + "px"
+        })
+      }, null, 6),
+      (n(!0), d(I, null, y(e.options, (s, o) => (n(), d("button", {
+        ref_for: !0,
+        ref: b.optionsRefs,
+        key: o,
+        "aria-label": s,
+        class: r([{ "option--selected": t.value === o }, "option"]),
+        "data-testid": `${e.testId}-${u(c).BUTTON}`,
+        onClick: (U) => k(s, o)
+      }, [
+        S(e.$slots, "default", {
+          option: s,
+          selected: t.value === o
+        }, () => [
+          E(M, {
+            size: "caption",
+            "data-testid": `${e.testId}-${u(c).TEXT}`
+          }, {
+            default: N(() => [
+              R(_(s), 1)
+            ]),
+            _: 2
+          }, 1032, ["data-testid"])
+        ], !0)
+      ], 10, L))), 128))
+    ], 10, P));
+  }
+});
+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 _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
+export {
+  s as default
+};

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

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

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

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