@ironsource/shared-ui 2.0.2-rc.4 → 2.1.0-rc.1

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) => ({
+      "3205197f": 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 e from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9cc6b34e"]]);
+export {
+  s as default
+};

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

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

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

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

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

@@ -0,0 +1,61 @@
+import { defineComponent as p, ref as u, computed as f, openBlock as x, createElementBlock as g, createVNode as o, unref as t, withCtx as n, createSlots as k, createTextVNode as v, toDisplayString as y } from "vue";
+import _ 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 D from "../../dropdown/v4/OptionV4.vue.js";
+import I from "../../icon/v4/IconV4.vue.js";
+const b = /* @__PURE__ */ p({
+  __name: "DataGridMenu",
+  props: {
+    menuItems: { default: () => [] },
+    container: { default: null }
+  },
+  emits: ["selected"],
+  setup(r, { emit: l }) {
+    const m = r, a = (c) => c.text, i = u(null), d = f(
+      () => m.container ?? (i.value || void 0)
+    );
+    return (c, s) => (x(), g("div", {
+      ref_key: "rootRef",
+      ref: i
+    }, [
+      o(t(_), {
+        class: "data-grid-menu",
+        options: r.menuItems,
+        "display-value": a,
+        "predefined-trigger": "icon-button",
+        placement: "left-start",
+        skidding: -4,
+        container: t(d),
+        "onUpdate:selected": s[0] || (s[0] = (e) => l("selected", e))
+      }, {
+        default: n(({ option: e }) => [
+          o(t(D), { option: e }, k({
+            default: n(() => [
+              v(" " + y(a(e)), 1)
+            ]),
+            _: 2
+          }, [
+            e.icon ? {
+              name: "icon-start",
+              fn: n(() => [
+                o(t(I), {
+                  class: "menu-icon",
+                  name: e.icon,
+                  size: "20px"
+                }, null, 8, ["name"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["option"])
+        ]),
+        _: 1
+      }, 8, ["options", "container"])
+    ], 512));
+  }
+});
+export {
+  b as default
+};

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

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