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

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

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

package/src/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";
+console.log('scoped// 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/src/components/table/v4/SortIcon.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as s, openBlock as e, createElementBlock as c, 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 p = { class: "table-sort-icon" }, u = /* @__PURE__ */ s({
+  __name: "SortIcon",
+  props: {
+    sortOrder: {}
+  },
+  setup(m) {
+    return (r, d) => (e(), c("div", p, [
+      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 {
+  u as default
+};

package/src/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";
+console.log('scoped// 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/src/components/table-cells/v3/Editable.vue2.js

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

package/src/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";
+console.log('scoped// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1bbe222a"]]);
+export {
+  a as default
+};

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

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

package/src/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";
+console.log('scoped// 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/src/components/tabs/v3/Tabs.vue2.js

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

package/src/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";
+console.log('scoped// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f9433b11"]]);
+export {
+  p as default
+};

package/src/components/tabs/v4/TabsV4.vue2.js

@@ -0,0 +1,71 @@
+import { defineComponent as $, useCssVars as A, ref as l, watch as g, nextTick as w, openBlock as i, createElementBlock as d, mergeProps as x, unref as s, Fragment as V, renderList as h, normalizeClass as B, renderSlot as M, createBlock as N, withCtx as R, createTextVNode as E, toDisplayString as P, createCommentVNode as S, createElementVNode as W } from "vue";
+import _ from "../../typography/v4/Typography.vue.js";
+import { TabsTestIdModifiers as c } from "../../../testids/index.js";
+import { tabsCommon as H } from "../common/tabsCommon.js";
+import { useTestIdAttrs as z } from "../../../utils/testIds.js";
+const D = ["data-testid", "onClick", "onMouseover"], J = /* @__PURE__ */ $({
+  __name: "TabsV4",
+  props: {
+    tabsList: { default: () => [] },
+    selectedTab: {},
+    variant: { default: "card" },
+    testId: { default: "" }
+  },
+  emits: ["update:selectedTab"],
+  setup(v, { emit: p }) {
+    A((t) => ({
+      "167b065e": b.value,
+      "8cfadb62": f.value
+    }));
+    const a = v, T = p, { skipUnwrap: L, selectTab: I, setHover: k, clearHover: m, getSelectedTabIndex: y } = H(a, T), u = l(null), C = z(a.testId, c), o = (t) => t.id === a.selectedTab, f = l(), b = l();
+    return g(
+      [() => a.variant, () => a.selectedTab, () => a.tabsList],
+      async () => {
+        const t = y();
+        if (t === -1)
+          return;
+        await w();
+        const e = Array.from(u.value?.children || []).at(t);
+        f.value = e?.clientWidth + "px", b.value = e?.offsetLeft + "px";
+      },
+      { immediate: !0 }
+    ), (t, r) => (i(), d("ul", x({
+      ref_key: "tabsListRef",
+      ref: u,
+      class: ["tabs-list", [`tabs-list--${t.variant}`]]
+    }, s(C)[s(c).WRAPPER]), [
+      (i(!0), d(V, null, h(t.tabsList, (e) => (i(), d("li", {
+        ref_for: !0,
+        ref: s(L).tabsNewList,
+        key: e.id,
+        class: B(["tab-item", {
+          "tab-item--disabled": e.disabled,
+          "tab-item--active": o(e)
+        }]),
+        "data-testid": t.testId ? `${t.testId}-${s(c).TAB}-${e.id}` : void 0,
+        onClick: (n) => s(I)(e),
+        onMouseover: (n) => s(k)(e),
+        onMouseleave: r[0] || (r[0] = //@ts-ignore
+        (...n) => s(m) && s(m)(...n))
+      }, [
+        M(t.$slots, "tab-icon", {
+          tab: e,
+          active: o(e)
+        }, void 0, !0),
+        e.name ? (i(), N(s(_), {
+          key: 0,
+          variant: o(e) ? "tabLabel2" : "tabLabel1"
+        }, {
+          default: R(() => [
+            E(P(e.name), 1)
+          ]),
+          _: 2
+        }, 1032, ["variant"])) : S("", !0)
+      ], 42, D))), 128)),
+      r[1] || (r[1] = W("div", { class: "tabs-border-line" }, null, -1))
+    ], 16));
+  }
+});
+export {
+  J as default
+};

package/src/components/textArea/v3/TextArea.vue.js

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

package/src/components/textArea/v3/TextArea.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as b, openBlock as d, createElementBlock as l, normalizeClass as s, unref as t, createVNode as r, withCtx as o, createTextVNode as i, toDisplayString as n, createCommentVNode as u, createElementVNode as T } from "vue";
+import "../../typography/Heading.vue.js";
+import p from "../../typography/Text.vue.js";
+import { TextAreaTestIdModifiers as a } from "../../../testids/index.js";
+const h = ["data-testid"], k = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], I = {
+  key: 1,
+  class: "extra-text-container"
+}, B = /* @__PURE__ */ b({
+  __name: "TextArea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    feedbackHelpText: { default: "" },
+    feedbackErrorText: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(V, { emit: c }) {
+    const f = c, m = (e) => {
+      f("update:modelValue", e.target.value);
+    };
+    return (e, $) => (d(), l("div", {
+      class: s({ "textarea-with-label-container": !0, disabled: e.disabled }),
+      "data-testid": `${e.testId}-${t(a).WRAPPER}`
+    }, [
+      e.label ? (d(), l("div", {
+        key: 0,
+        class: "label-container",
+        "data-testid": `${e.testId}-${t(a).LABEL}`
+      }, [
+        r(t(p), { class: "label" }, {
+          default: o(() => [
+            i(n(e.label), 1)
+          ]),
+          _: 1
+        })
+      ], 8, k)) : u("", !0),
+      T("textarea", {
+        class: "textarea",
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        "data-testid": `${e.testId}-${t(a).FIELD}`,
+        onInput: m
+      }, null, 40, E),
+      e.feedbackErrorText || e.feedbackHelpText ? (d(), l("div", I, [
+        r(t(p), {
+          class: s({ [e.feedbackErrorText ? "error" : "help"]: !0 }),
+          "data-testid": `${e.testId}-${t(a).TEXT}`,
+          size: "caption"
+        }, {
+          default: o(() => [
+            i(n(e.feedbackErrorText || e.feedbackHelpText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "data-testid"])
+      ])) : u("", !0)
+    ], 10, h));
+  }
+});
+export {
+  B as default
+};

package/src/components/textArea/v4/TextAreaV4.vue.js

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

package/src/components/textArea/v4/TextAreaV4.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as b, computed as g, openBlock as t, createElementBlock as s, mergeProps as i, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as v } from "vue";
+import k from "../../shared/FieldLabel.vue.js";
+import x from "../../shared/FieldMaxLength.vue.js";
+import T from "../../shared/FieldHelpText.vue.js";
+import { TextAreaTestIdModifiers as d } from "../../../testids/index.js";
+import { useTestIdAttrs as V } from "../../../utils/testIds.js";
+const y = ["value", "placeholder", "disabled", "maxlength"], I = {
+  key: 1,
+  class: "footer"
+}, w = /* @__PURE__ */ b({
+  __name: "TextAreaV4",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    maxLength: { default: null },
+    maxLengthCounterPosition: { default: "inside" },
+    mandatory: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    feedbackVariant: { default: null },
+    feedbackText: { default: "" },
+    showFeedbackTextIcon: { type: Boolean, default: !0 },
+    resize: { default: "none" },
+    height: { default: null },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: m }) {
+    const o = u, h = m, p = (e) => {
+      h("update:modelValue", e.target.value);
+    }, f = g(() => (o.modelValue || "").length), r = V(o.testId, d);
+    return (e, c) => (t(), s("div", i({
+      class: ["textarea-field", {
+        "textarea-field--counter-inside": e.maxLength && e.maxLengthCounterPosition === "inside"
+      }]
+    }, a(r)[a(d).WRAPPER]), [
+      e.label ? (t(), n(k, {
+        key: 0,
+        class: "textarea-label",
+        label: e.label,
+        mandatory: e.mandatory,
+        "hover-help-text": e.hoverHelpText,
+        "hover-help-text-placement": e.hoverHelpTextPlacement,
+        disabled: e.disabled,
+        "test-id": e.testId
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : l("", !0),
+      v("textarea", i({
+        class: ["textarea", {
+          "textarea--disabled": e.disabled,
+          [`textarea--variant-${e.feedbackVariant}`]: !0
+        }],
+        style: { resize: e.resize, height: e.height },
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        maxlength: e.maxLength
+      }, a(r)[a(d).FIELD], { onInput: p }), null, 16, y),
+      e.feedbackText || e.maxLength ? (t(), s("div", I, [
+        e.feedbackText ? (t(), n(T, {
+          key: 0,
+          text: e.feedbackText,
+          variant: e.feedbackVariant,
+          "show-icon": e.showFeedbackTextIcon,
+          "test-id": e.testId
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : l("", !0),
+        e.maxLength ? (t(), n(x, {
+          key: 1,
+          class: "max-length-counter",
+          "current-length": f.value,
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : l("", !0)
+      ])) : l("", !0)
+    ], 16));
+  }
+});
+export {
+  w as default
+};