@ironsource/shared-ui 2.1.7-rc.1 → 2.1.7-rc.10

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

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

@@ -686,6 +686,10 @@ declare const DataGridTypes: () => (({
     rowIndex: number;
     menuItems: import("../common/Table.types").MenuItem[];
 }> | import("vue").DefineComponent<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     count: {
         type: import("vue").PropType<number>;
         default: number;
@@ -707,6 +711,10 @@ declare const DataGridTypes: () => (({
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     count: {
         type: import("vue").PropType<number>;
         default: number;
@@ -728,6 +736,7 @@ declare const DataGridTypes: () => (({
         default: string;
     };
 }>>, {
+    testId: string;
     count: number;
     totalCount: number;
     displayingText: string;

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 o from "./EditableV4.vue2.js";
+/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-31bfb722"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,55 @@
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_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 x } from "../common/Editable.common.js";
+import v from "../../typography/v4/Typography.vue.js";
+import w 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" }, B = {
+  key: 1,
+  class: "editable-content"
+}, _ = /* @__PURE__ */ m({
+  __name: "EditableV4",
+  props: {
+    cell: { default: "" },
+    isLoading: { type: Boolean, default: !1 },
+    rowIndex: null,
+    cellIndex: null,
+    type: { default: "input" },
+    validateFunction: { type: Function, default: () => !1 },
+    displayValue: { type: Function, default: (e) => e }
+  },
+  setup(e) {
+    const c = e, { onEdit: n, target: s, isEditing: p } = x(c);
+    return (l, a) => (o(), i("div", {
+      ref_key: "target",
+      ref: s,
+      class: "editable",
+      onClick: a[0] || (a[0] = //@ts-ignore
+      (...u) => t(n) && t(n)(...u))
+    }, [
+      f("div", E, [
+        t(p) ? r(l.$slots, "input", { key: 0 }, () => [
+          d(t(w))
+        ], !0) : (o(), i("div", B, [
+          r(l.$slots, "content", {}, () => [
+            d(t(v), { variant: "body1" }, {
+              default: y(() => [
+                k(V(e.displayValue(e.cell)), 1)
+              ]),
+              _: 1
+            }),
+            e.type === "dropdown" ? (o(), b(t(C), {
+              key: 0,
+              class: "caret-icon",
+              name: "caret-down",
+              size: "20px"
+            })) : g("", !0)
+          ], !0)
+        ]))
+      ])
+    ], 512));
+  }
+});
+export {
+  _ 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 e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bab40cfe"]]);
+export {
+  a as default
+};

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

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

package/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";
+// 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/components/textArea/v3/TextArea.vue2.js

@@ -0,0 +1,65 @@
+ import "../../../TextArea.vue_vue_type_style_index_0_scoped_eb62e4c0_lang.css"; import { defineComponent as x, openBlock as d, createElementBlock as l, normalizeClass as s, unref as t, createVNode as i, withCtx as c, createTextVNode as o, toDisplayString as n, createCommentVNode as u, createElementVNode as T } from "vue";
+import "../../typography/Heading.vue.js";
+import f 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__ */ x({
+  __name: "TextArea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "" },
+    feedbackHelpText: { default: "" },
+    feedbackErrorText: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: m }) {
+    const b = (r) => {
+      m("update:modelValue", r.target.value);
+    };
+    return (r, V) => (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}`
+      }, [
+        i(t(f), { class: "label" }, {
+          default: c(() => [
+            o(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: b
+      }, null, 40, E),
+      e.feedbackErrorText || e.feedbackHelpText ? (d(), l("div", I, [
+        i(t(f), {
+          class: s({ [e.feedbackErrorText ? "error" : "help"]: !0 }),
+          "data-testid": `${e.testId}-${t(a).TEXT}`,
+          size: "caption"
+        }, {
+          default: c(() => [
+            o(n(e.feedbackErrorText || e.feedbackHelpText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "data-testid"])
+      ])) : u("", !0)
+    ], 10, h));
+  }
+});
+export {
+  B as default
+};

package/components/textArea/v4/TextAreaV4.vue.d.ts

@@ -1,11 +1,12 @@
 import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-import { FeedbackVariant } from '@/components/shared/commonTypes';
+import { FeedbackVariant, MaxLengthCounterPositions } from '@/components/shared/commonTypes';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string;
     placeholder?: string;
     disabled?: boolean;
     label?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     mandatory?: boolean;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: TooltipPositions;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     label: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
@@ -38,6 +40,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled?: boolean;
     label?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     mandatory?: boolean;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: TooltipPositions;
@@ -53,6 +56,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     label: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: string;
@@ -76,6 +80,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxLength: number;
     modelValue: string;
     placeholder: string;
+    maxLengthCounterPosition: MaxLengthCounterPositions;
     feedbackText: string;
     feedbackVariant: FeedbackVariant;
     showFeedbackTextIcon: boolean;

package/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";
+// 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
+};