@ironsource/shared-ui 2.1.7-rc.5 → 2.1.7-rc.7

package/components/popover/v4/index.d.ts

@@ -0,0 +1,209 @@
+import Popover from './PopoverV4.vue';
+declare const PopoverTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            testId: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
+            popperClass: string;
+            autoHide: boolean;
+            skidding: number;
+            trigger: "touch" | "click" | "focus" | "hover" | "managed";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            disabled: boolean;
+            testId: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
+            popperClass: string;
+            autoHide: boolean;
+            skidding: number;
+            trigger: "touch" | "click" | "focus" | "hover" | "managed";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    trigger: {
+        type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    testId: string;
+    placement: import("floating-vue").Placement;
+    distance: number;
+    popperClass: string;
+    autoHide: boolean;
+    skidding: number;
+    trigger: "touch" | "click" | "focus" | "hover" | "managed";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        trigger?(_: {}): any;
+        content?(_: {}): any;
+    };
+}))[];
+export { Popover, PopoverTypes };

package/components/popover/v4/index.js

@@ -0,0 +1,6 @@
+import o from "./PopoverV4.vue.js";
+const r = () => [o];
+export {
+  o as Popover,
+  r as PopoverTypes
+};

package/components/shared/FieldMaxLength.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldMaxLength.vue2.js";
 /* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3c4001a"]]);
+// import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-47877984"]]);
 export {
-  a as default
+  p as default
 };

package/components/shared/FieldMaxLength.vue2.js

@@ -1,6 +1,6 @@
- import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
+ import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
 import l from "../typography/v4/Typography.vue.js";
-const m = (e) => (i("data-v-f3c4001a"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
+const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
   __name: "FieldMaxLength",
   props: {
     currentLength: { default: 0 },

package/components/shared/commonTypes.d.ts

@@ -1,2 +1,4 @@
 export declare const FEEDBACK_VARIANTS: readonly ["error", "success", "warning"];
 export type FeedbackVariant = (typeof FEEDBACK_VARIANTS)[number];
+export declare const MAX_LENGTH_COUNTER_POSITION: readonly ["inside", "outside"];
+export type MaxLengthCounterPositions = (typeof MAX_LENGTH_COUNTER_POSITION)[number];

package/components/table/v4/DataGridRowsCounter.vue.d.ts

@@ -4,25 +4,30 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayingText?: string;
     outOfText?: string;
     totalText?: string;
+    testId?: string;
 }>, {
     count: number;
     totalCount: number;
     displayingText: string;
     outOfText: string;
     totalText: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     count?: number;
     totalCount?: number;
     displayingText?: string;
     outOfText?: string;
     totalText?: string;
+    testId?: string;
 }>, {
     count: number;
     totalCount: number;
     displayingText: string;
     outOfText: string;
     totalText: string;
+    testId: string;
 }>>>, {
+    testId: string;
     count: number;
     totalCount: number;
     displayingText: string;

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

@@ -1,7 +1,7 @@
 import o from "./DataGridRowsCounter.vue2.js";
-/* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_06751538_lang.css"; //*');
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-06751538"]]);
+/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css"; //*');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-0ce71f73"]]);
 export {
   r as default
 };

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

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

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

@@ -1,7 +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_260b9cdc_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-260b9cdc"]]);
+import e from "./MultipleDataGrid.vue2.js";
+/* empty css                       */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_efbbc0bc_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-efbbc0bc"]]);
 export {
   p as default
 };

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

@@ -1,14 +1,15 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_260b9cdc_lang.css"; import { defineComponent as T, useCssVars as V, computed as L, openBlock as l, createElementBlock as d, createElementVNode as f, normalizeClass as z, createBlock as c, unref as o, createCommentVNode as m, isRef as p, Fragment as E, renderList as g, createSlots as D, withCtx as N, renderSlot as O } from "vue";
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_efbbc0bc_lang.css"; import { defineComponent as L, useCssVars as R, computed as V, openBlock as l, createElementBlock as d, createElementVNode as y, normalizeClass as z, unref as o, createBlock as c, createCommentVNode as m, isRef as E, Fragment as $, renderList as g, createSlots as p, withCtx as D, renderSlot as M } from "vue";
 import S from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import G from "./DataGridRowsCounter.vue.js";
+import N from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-import M from "../../search/v4/SearchV4.vue.js";
-import { useVModel as P } from "@vueuse/core";
-const $ = { class: "rows-counter-container" }, A = {
+import O from "../../search/v4/SearchV4.vue.js";
+import { useVModel as G } from "@vueuse/core";
+import { TableTestIdModifiers as P } from "../../../testids/index.js";
+const A = ["data-testid"], F = {
   key: 0,
   class: "tables-container"
-}, K = /* @__PURE__ */ T({
+}, X = /* @__PURE__ */ L({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -32,37 +33,40 @@ const $ = { class: "rows-counter-container" }, A = {
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
   setup(t, { emit: n }) {
-    const u = t;
-    V((e) => ({
-      "6bca14de": t.zIndexBase
+    const r = t;
+    R((e) => ({
+      "3e16946e": t.zIndexBase
     }));
-    const h = L(
-      () => u.isLoading || !u.tablesSettings.flatMap((e) => e.rows).length
-    ), r = P(u, "search", n), y = (e) => `cell-${e.id}`, w = (e) => {
+    const h = V(
+      () => r.isLoading || !r.tablesSettings.flatMap((e) => e.rows).length
+    ), u = G(r, "search", n), f = (e) => `cell-${e.id}`, w = (e) => {
       n("onScroll", e.target.scrollTop);
     }, k = () => n("onClearSearch"), x = (e, s) => n("clickRow", e, s);
     return (e, s) => (l(), d("div", {
       class: "multi-table-container",
       onScrollPassive: w
     }, [
-      f("div", {
+      y("div", {
         class: z(["table-header-container", { sticky: t.isSticky }])
       }, [
-        f("div", $, [
-          t.isLoading ? m("", !0) : (l(), c(o(G), {
+        y("div", {
+          class: "rows-counter-container",
+          "data-testid": `${t.testId}-${o(P).TITLE}`
+        }, [
+          t.isLoading ? m("", !0) : (l(), c(o(N), {
             key: 0,
             count: t.count,
             "total-count": t.totalCount,
             "total-text": t.totalText,
             "displaying-text": t.displayingText,
             "out-of-text": t.outOfText,
-            "data-testid": t.testId
-          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "data-testid"]))
-        ]),
-        t.showSearch ? (l(), c(o(M), {
+            testid: t.testId
+          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "testid"]))
+        ], 8, A),
+        t.showSearch ? (l(), c(o(O), {
           key: 0,
-          modelValue: o(r),
-          "onUpdate:modelValue": s[0] || (s[0] = (a) => p(r) ? r.value = a : null),
+          modelValue: o(u),
+          "onUpdate:modelValue": s[0] || (s[0] = (a) => E(u) ? u.value = a : null),
           placeholder: t.searchPlaceholder,
           "test-id": t.testId,
           onOnClear: k
@@ -78,8 +82,8 @@ const $ = { class: "rows-counter-container" }, A = {
         "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", A, [
-        (l(!0), d(E, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
+      }, 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($, null, g(t.tablesSettings, (a, C) => (l(), d("div", {
           key: a.testId,
           class: "table-wrapper"
         }, [
@@ -93,22 +97,22 @@ const $ = { class: "rows-counter-container" }, A = {
             "z-index-base": t.zIndexBase,
             "test-id": a.testId,
             onClickRow: (i) => x(i, C)
-          }, D({ _: 2 }, [
+          }, p({ _: 2 }, [
             g(a.columns, (i) => ({
-              name: y(i),
-              fn: N(({
+              name: f(i),
+              fn: D(({
                 cell: b,
-                rowIndex: v,
-                isLoading: B,
-                cellIndex: I,
-                row: R
+                rowIndex: T,
+                isLoading: I,
+                cellIndex: v,
+                row: B
               }) => [
-                O(e.$slots, `${y(i)}`, {
+                M(e.$slots, `${f(i)}`, {
                   cell: b,
-                  isLoading: B,
-                  cellIndex: I,
-                  row: R,
-                  rowIndex: v
+                  isLoading: I,
+                  cellIndex: v,
+                  row: B,
+                  rowIndex: T
                 }, void 0, !0)
               ])
             }))
@@ -119,5 +123,5 @@ const $ = { class: "rows-counter-container" }, A = {
   }
 });
 export {
-  K as default
+  X 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/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

@@ -1,7 +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_f3b2c01d_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f3b2c01d"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4114ef89"]]);
 export {
-  c as default
+  p as default
 };