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

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

@@ -0,0 +1,66 @@
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css"; 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 "../../dropdown/v4/ConditionalDroprown.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 h = /* @__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 {
+  h as default
+};

package/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";
+// import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ef699ec5"]]);
+export {
+  r as default
+};

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

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

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

@@ -0,0 +1,7 @@
+import o from "./ExpandRowToggle.vue2.js";
+/* empty css                      */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// 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/components/table/v4/ExpandRowToggle.vue2.js

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

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

@@ -0,0 +1,7 @@
+import e from "./HelpIcon.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// 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/components/table/v4/HelpIcon.vue2.js

@@ -0,0 +1,33 @@
+ import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; 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/components/table/v4/MultipleDataGrid.vue.js

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

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

@@ -0,0 +1,181 @@
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css"; import { defineComponent as A, useCssVars as K, useSlots as H, computed as O, openBlock as d, createElementBlock as c, createElementVNode as k, normalizeClass as G, unref as s, renderSlot as i, createBlock as C, createCommentVNode as m, createVNode as M, isRef as R, Fragment as F, renderList as f, createSlots as $, withCtx as y } from "vue";
+import b from "./DataGrid.vue.js";
+import "./DataGridMenu.vue.js";
+import P from "./DataGridRowsCounter.vue.js";
+import "./MultipleDataGrid.vue.js";
+import U from "../../search/v4/SearchV4.vue.js";
+import { useVModel as Q } from "@vueuse/core";
+import { TableTestIdModifiers as g } from "../../../testids/index.js";
+const j = ["data-testid"], q = ["data-testid"], J = ["data-testid"], W = ["data-testid"], X = {
+  key: 0,
+  class: "tables-container"
+}, st = /* @__PURE__ */ A({
+  __name: "MultipleDataGrid",
+  props: {
+    tablesSettings: { default: () => [] },
+    loadingAndEmptyStatesColumns: { default: () => [] },
+    getRowId: { type: Function, default: (t, l) => l },
+    getRowKey: { type: Function, default: (t, l) => l },
+    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" },
+    rowCustomClassKey: { default: "" },
+    rowDataKey: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:search", "onScroll", "onClearSearch", "clickRow", "saveRow"],
+  setup(t, { emit: l }) {
+    const h = t;
+    K((e) => ({
+      "81d1b864": t.zIndexBase
+    }));
+    const I = H(), T = O(
+      () => h.isLoading || !h.tablesSettings.flatMap((e) => e.rows).length
+    ), r = Q(h, "search", l), w = (e) => `header-${e.id}`, v = (e) => `cell-${e.id}`, x = (e) => {
+      l("onScroll", e.target.scrollTop);
+    }, E = () => l("onClearSearch"), V = (e, n) => l("clickRow", e, n), B = ({ value: e, rowIndex: n, cellIndex: a, confirm: u }, o) => l("saveRow", { value: e, tableIndex: o, rowIndex: n, cellIndex: a, confirm: u });
+    return (e, n) => (d(), c("div", {
+      class: "multi-table-container",
+      onScrollPassive: x
+    }, [
+      k("div", {
+        class: G(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${s(g).HEADER}`
+      }, [
+        k("div", {
+          class: "rows-counter-container",
+          "data-testid": `${t.testId}-${s(g).TITLE}`
+        }, [
+          i(e.$slots, "title", {}, () => [
+            t.isLoading ? m("", !0) : (d(), C(s(P), {
+              key: 0,
+              count: t.count,
+              "total-count": t.totalCount,
+              "total-text": t.totalText,
+              "displaying-text": t.displayingText,
+              "out-of-text": t.outOfText,
+              "test-id": t.testId
+            }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
+          ], !0)
+        ], 8, q),
+        k("div", {
+          class: "table-header-right",
+          "data-testid": `${t.testId}-${s(g).HEADER_RIGHT}`
+        }, [
+          t.showSearch ? i(e.$slots, "search", { key: 0 }, () => [
+            M(s(U), {
+              modelValue: s(r),
+              "onUpdate:modelValue": n[0] || (n[0] = (a) => R(r) ? r.value = a : null),
+              placeholder: t.searchPlaceholder,
+              "test-id": t.testId,
+              onOnClear: E
+            }, null, 8, ["modelValue", "placeholder", "test-id"])
+          ], !0) : m("", !0),
+          s(I)["table-header-actions"] ? (d(), c("div", {
+            key: 1,
+            class: "table-header-actions",
+            "data-testid": `${t.testId}-${s(g).ACTIONS}`
+          }, [
+            i(e.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, W)) : m("", !0)
+        ], 8, J)
+      ], 10, j),
+      s(T) ? (d(), C(s(b), {
+        key: 1,
+        search: s(r),
+        "onUpdate:search": n[1] || (n[1] = (a) => R(r) ? r.value = a : null),
+        rows: [],
+        columns: t.loadingAndEmptyStatesColumns,
+        "is-loading": t.isLoading,
+        "loading-row-count": t.loadingRowCount,
+        "empty-state-variant": t.emptyStateVariant,
+        "empty-state-title": t.emptyStateTitle,
+        "empty-state-subtitle": t.emptyStateSubtitle,
+        "test-id": t.testId
+      }, $({
+        "empty-state": y(() => [
+          i(e.$slots, "empty-state", {}, void 0, !0)
+        ]),
+        _: 2
+      }, [
+        f(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: w(a),
+          fn: y(() => [
+            i(e.$slots, `${w(a)}`, { column: a }, void 0, !0)
+          ])
+        }))
+      ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (d(), c("div", X, [
+        (d(!0), c(F, null, f(t.tablesSettings, (a, u) => (d(), c("div", {
+          key: a.testId,
+          class: "table-wrapper"
+        }, [
+          a.rows.length ? (d(), C(s(b), {
+            key: 0,
+            sections: a.sections,
+            columns: a.columns,
+            rows: a.rows,
+            "row-height": a.rowHeight,
+            "is-sticky": t.isSticky,
+            "z-index-base": t.zIndexBase,
+            "get-row-id": t.getRowId,
+            "get-row-key": t.getRowKey,
+            "row-custom-class-key": t.rowCustomClassKey,
+            "row-data-key": t.rowDataKey,
+            "test-id": a.testId,
+            onClickRow: (o) => V(o, u),
+            onSaveRow: (o) => B(o, u)
+          }, $({
+            "floating-row": y(({ row: o, rowIndex: S }) => [
+              i(e.$slots, "floating-row", {
+                row: o,
+                rowIndex: S,
+                tableIndex: u
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, [
+            f(a.columns, (o) => ({
+              name: w(o),
+              fn: y(() => [
+                i(e.$slots, `${w(o)}`, { column: o }, void 0, !0)
+              ])
+            })),
+            f(a.columns, (o) => ({
+              name: v(o),
+              fn: y(({
+                cell: S,
+                rowIndex: L,
+                isLoading: D,
+                cellIndex: N,
+                row: z
+              }) => [
+                i(e.$slots, `${v(o)}`, {
+                  cell: S,
+                  isLoading: D,
+                  cellIndex: N,
+                  row: z,
+                  rowIndex: L
+                }, void 0, !0)
+              ])
+            }))
+          ]), 1032, ["sections", "columns", "rows", "row-height", "is-sticky", "z-index-base", "get-row-id", "get-row-key", "row-custom-class-key", "row-data-key", "test-id", "onClickRow", "onSaveRow"])) : m("", !0)
+        ]))), 128))
+      ]))
+    ], 32));
+  }
+});
+export {
+  st as default
+};

package/components/table/v4/SortIcon.vue.js

@@ -0,0 +1,7 @@
+import o from "./SortIcon.vue2.js";
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2bda5d4a"]]);
+export {
+  a as default
+};

package/components/table/v4/SortIcon.vue2.js

@@ -0,0 +1,25 @@
+ import "../../../SortIcon.vue_vue_type_style_index_0_scoped_2bda5d4a_lang.css"; import { defineComponent as c, openBlock as e, createElementBlock as s, createBlock as o, unref as t, createCommentVNode as a } from "vue";
+import n from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const m = { class: "table-sort-icon" }, f = /* @__PURE__ */ c({
+  __name: "SortIcon",
+  props: {
+    sortOrder: null
+  },
+  setup(r) {
+    return (d, i) => (e(), s("div", m, [
+      r.sortOrder === "asc" ? (e(), o(t(n), {
+        key: 0,
+        name: "arrow-up",
+        size: "20px"
+      })) : r.sortOrder === "desc" ? (e(), o(t(n), {
+        key: 1,
+        name: "arrow-down",
+        size: "20px"
+      })) : a("", !0)
+    ]));
+  }
+});
+export {
+  f as default
+};

package/components/table-cells/v3/Editable.vue.js

@@ -0,0 +1,7 @@
+import e from "./Editable.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2561e913"]]);
+export {
+  p as default
+};

package/components/table-cells/v3/Editable.vue2.js

@@ -0,0 +1,43 @@
+ import "../../../Editable.vue_vue_type_style_index_0_scoped_2561e913_lang.css"; import { defineComponent as u, openBlock as i, createElementBlock as a, unref as e, createElementVNode as m, renderSlot as s, createVNode as p, withCtx as y, createTextVNode as g, toDisplayString as k } from "vue";
+import E from "../../typography/Text.vue.js";
+import { editableCommon as _ } from "../common/Editable.common.js";
+const v = { class: "editable-container" }, x = {
+  key: 1,
+  class: "editable-content"
+}, N = /* @__PURE__ */ u({
+  __name: "Editable",
+  props: {
+    cell: { default: "" },
+    isEditing: { type: Boolean, default: !1 },
+    validateFunction: { type: Function, default: () => !1 },
+    isLoading: { type: Boolean, default: !1 },
+    rowIndex: null,
+    cellIndex: null
+  },
+  setup(t) {
+    const r = t, { onEdit: o, target: d, isEditing: c } = _(r);
+    return (n, l) => (i(), a("div", {
+      ref_key: "target",
+      ref: d,
+      class: "container",
+      onClick: l[0] || (l[0] = //@ts-ignore
+      (...f) => e(o) && e(o)(...f))
+    }, [
+      m("div", v, [
+        e(c) ? s(n.$slots, "input", { key: 0 }, void 0, !0) : (i(), a("div", x, [
+          s(n.$slots, "content", {}, () => [
+            p(E, { size: "sm" }, {
+              default: y(() => [
+                g(k(t.cell), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ]))
+      ])
+    ], 512));
+  }
+});
+export {
+  N as default
+};

package/components/table-cells/v4/EditableV4.vue.js

@@ -0,0 +1,7 @@
+import e from "./EditableV4.vue2.js";
+/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e0c047b4"]]);
+export {
+  c as default
+};

package/components/table-cells/v4/EditableV4.vue2.js

@@ -0,0 +1,56 @@
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as i, unref as t, createElementVNode as f, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
+import { editableCommon as v } from "../common/Editable.common.js";
+import x from "../../typography/v4/Typography.vue.js";
+import C from "../../input/v4/TextField.vue.js";
+import w from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const B = { class: "editable-wrapper" }, E = {
+  key: 1,
+  class: "editable-content"
+}, S = /* @__PURE__ */ m({
+  __name: "EditableV4",
+  props: {
+    cell: { default: "" },
+    isLoading: { type: Boolean, default: !1 },
+    rowIndex: null,
+    cellIndex: null,
+    type: { default: "input" },
+    saveOnClickOutside: { type: Boolean, default: !0 },
+    validateFunction: { type: Function, default: () => !1 },
+    displayValue: { type: Function, default: (e) => e }
+  },
+  setup(e) {
+    const s = e, { onEdit: n, target: c, isEditing: u } = v(s);
+    return (l, a) => (o(), i("div", {
+      ref_key: "target",
+      ref: c,
+      class: "editable",
+      onClick: a[0] || (a[0] = //@ts-ignore
+      (...p) => t(n) && t(n)(...p))
+    }, [
+      f("div", B, [
+        t(u) ? r(l.$slots, "input", { key: 0 }, () => [
+          d(t(C))
+        ], !0) : (o(), i("div", E, [
+          r(l.$slots, "content", {}, () => [
+            d(t(x), { variant: "body1" }, {
+              default: y(() => [
+                k(V(e.displayValue(e.cell)), 1)
+              ]),
+              _: 1
+            }),
+            e.type === "dropdown" ? (o(), b(t(w), {
+              key: 0,
+              class: "caret-icon",
+              name: "caret-down",
+              size: "20px"
+            })) : g("", !0)
+          ], !0)
+        ]))
+      ])
+    ], 512));
+  }
+});
+export {
+  S as default
+};

package/components/tabs/v3/Tabs.vue.js

@@ -0,0 +1,7 @@
+import o from "./Tabs.vue2.js";
+/* empty css           */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Tabs.vue_vue_type_style_index_0_scoped_06c58d5a_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-06c58d5a"]]);
+export {
+  a as default
+};

package/components/tabs/v3/Tabs.vue2.js

@@ -0,0 +1,85 @@
+ import "../../../Tabs.vue_vue_type_style_index_0_scoped_06c58d5a_lang.css"; import { defineComponent as z, useCssVars as N, unref as e, openBlock as o, createElementBlock as a, normalizeClass as i, Fragment as w, renderList as x, renderSlot as y, createBlock as m, createCommentVNode as n, withCtx as S, createTextVNode as B, toDisplayString as L, pushScopeId as M, popScopeId as V, createElementVNode as g } from "vue";
+import "../../typography/Heading.vue.js";
+import E from "../../typography/Text.vue.js";
+import H from "../../icon/v3/Icon.vue.js";
+import { TabsTestIdModifiers as u } from "../../../testids/index.js";
+import { tabsCommon as P } from "../common/tabsCommon.js";
+const A = (t) => (M("data-v-06c58d5a"), t = t(), V(), t), R = ["data-testid"], W = ["data-testid", "onClick", "onMouseover"], D = /* @__PURE__ */ A(() => /* @__PURE__ */ g("div", { class: "tabs-border-line" }, null, -1)), F = {
+  key: 0,
+  class: "tabs-border-line-hover"
+}, K = /* @__PURE__ */ z({
+  __name: "Tabs",
+  props: {
+    tabsList: { default: () => [] },
+    selectedTab: null,
+    variant: { default: "fill" },
+    size: { default: "sm" },
+    testId: { default: "" }
+  },
+  emits: ["update:selectedTab"],
+  setup(t, { emit: f }) {
+    const v = t;
+    N((l) => ({
+      "31d21add": e(p),
+      "6c412892": e(k),
+      "0ce1a9ee": e(C),
+      "4e3ce556": e(h)
+    }));
+    const {
+      skipUnwrap: b,
+      isHovered: T,
+      selectedTabPosition: p,
+      selectedTabWidth: k,
+      selectedTabCenter: C,
+      hoveredTabCenter: h,
+      selectTab: I,
+      setHover: $,
+      clearHover: r
+    } = P(v, f);
+    return (l, c) => (o(), a("ul", {
+      class: i(["tabs-wrap", [t.size, t.variant]]),
+      "data-testid": `${t.testId}-${e(u).WRAPPER}`
+    }, [
+      (o(!0), a(w, null, x(t.tabsList, (s) => (o(), a("li", {
+        ref_for: !0,
+        ref: e(b).tabsNewList,
+        key: s.id,
+        class: i(["tab-item", {
+          "disabled-tab": s.disabled,
+          "selected-tab": s.id === t.selectedTab
+        }]),
+        "data-testid": `${t.testId}-${e(u).TAB}-${s.id}`,
+        onClick: (d) => e(I)(s),
+        onMouseover: (d) => e($)(s),
+        onMouseleave: c[0] || (c[0] = //@ts-ignore
+        (...d) => e(r) && e(r)(...d))
+      }, [
+        y(l.$slots, "default", { tab: s }, () => [
+          s.iconName ? (o(), m(e(H), {
+            key: 0,
+            name: s.iconName,
+            class: i(["tab-icon", {
+              size: t.size,
+              "lone-icon": !s.name
+            }])
+          }, null, 8, ["name", "class"])) : n("", !0),
+          s.name ? (o(), m(e(E), {
+            key: 1,
+            size: "sm",
+            strong: ""
+          }, {
+            default: S(() => [
+              B(L(s.name), 1)
+            ]),
+            _: 2
+          }, 1024)) : n("", !0)
+        ], !0)
+      ], 42, W))), 128)),
+      D,
+      e(T) ? (o(), a("div", F)) : n("", !0)
+    ], 10, R));
+  }
+});
+export {
+  K as default
+};

package/components/tabs/v4/TabsV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./TabsV4.vue2.js";
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f9433b11"]]);
+export {
+  p as default
+};