@ironsource/shared-ui 2.1.8 → 2.1.9-test.1

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1,13 +1,14 @@
  import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
-import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as n, unref as i, createCommentVNode as a, createElementVNode as N, renderSlot as m, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
+import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
 import I from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
 import u from "../../typography/v4/Typography.vue.js";
 import { capitalizeFirstLetter as C, snakeCaseToCamelCase as T } from "../../../utils/string.js";
 import S from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PURE__ */ v({
+const g = { class: "empty-state" }, x = { class: "title-wrapper" }, j = /* @__PURE__ */ v({
   __name: "EmptyStateV4",
   props: {
     title: { default: "No data to display" },
@@ -24,12 +25,12 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
       const o = C(T(d.variant));
       return b(() => p(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${o}.vue`));
     });
-    return (o, s) => (e(), k("div", g, [
-      t.variant && !t.iconName ? (e(), n(i(f), {
+    return (o, m) => (e(), k("div", g, [
+      t.variant && !t.iconName ? (e(), i(n(f), {
         key: 0,
         class: "empty-variant-icon"
       })) : a("", !0),
-      t.iconName ? (e(), n(i(S), {
+      t.iconName ? (e(), i(n(S), {
         key: 1,
         class: "custom-empty-icon",
         name: t.iconName,
@@ -37,8 +38,8 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
         type: t.iconType
       }, null, 8, ["name", "size", "type"])) : a("", !0),
       N("div", x, [
-        m(o.$slots, "content", {}, () => [
-          t.title ? (e(), n(i(u), {
+        s(o.$slots, "content", {}, () => [
+          t.title ? (e(), i(n(u), {
             key: 0,
             variant: "h4",
             class: "title"
@@ -48,7 +49,7 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
             ]),
             _: 1
           })) : a("", !0),
-          t.subtitle ? (e(), n(i(u), {
+          t.subtitle ? (e(), i(n(u), {
             key: 1,
             variant: "body1",
             class: "subtitle"
@@ -60,13 +61,13 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
           })) : a("", !0)
         ], !0)
       ]),
-      m(o.$slots, "button", {}, () => [
-        t.buttonText ? (e(), n(i(I), {
+      s(o.$slots, "button", {}, () => [
+        t.buttonText ? (e(), i(n(I), {
           key: 0,
           variant: "outlined",
           color: "default",
           class: "button",
-          onClick: s[0] || (s[0] = (z) => o.$emit("click"))
+          onClick: m[0] || (m[0] = (z) => o.$emit("click"))
         }, {
           default: c(() => [
             r(l(t.buttonText), 1)
@@ -78,5 +79,5 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, R = /* @__PU
   }
 });
 export {
-  R as default
+  j as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,15 +1,16 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
 import b from "../typography/v4/Typography.vue.js";
 import k from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";
 import "../button/v4/ButtonGroup.vue.js";
+import "../button/v4/ToggleButtonGroupAB.vue.js";
 import { FormCardTestIdModifiers as o } from "../../testids/index.js";
 import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import i from "../skeleton/v4/SkeletonV4.vue.js";
-const h = { class: "form-card" }, p = {
+const p = { class: "form-card" }, h = {
   key: 1,
   class: "content-skeleton-container"
-}, z = /* @__PURE__ */ B({
+}, F = /* @__PURE__ */ B({
   __name: "FormCard",
   props: {
     title: { default: "" },
@@ -26,16 +27,16 @@ const h = { class: "form-card" }, p = {
   setup(t, { emit: y }) {
     const l = N(t.testId, o);
     return (r, s) => (d(), c("div", null, [
-      f("div", h, [
+      f("div", p, [
         f("header", n({ class: "card-header" }, e(l)[e(o).TITLE]), [
           t.isLoading ? (d(), T(e(i), {
             key: 1,
             type: "rectangle",
             size: 20,
             class: "skeleton-header"
-          })) : u(r.$slots, "header", { key: 0 }, () => [
+          })) : m(r.$slots, "header", { key: 0 }, () => [
             a(e(b), { variant: "h3" }, {
-              default: m(() => [
+              default: u(() => [
                 g(v(t.title), 1)
               ]),
               _: 1
@@ -45,7 +46,7 @@ const h = { class: "form-card" }, p = {
         f("div", n({
           class: ["card-content", { "card-content--no-padding": t.noPadding }]
         }, e(l)[e(o).CONTENT]), [
-          t.isLoading ? (d(), c("div", p, [
+          t.isLoading ? (d(), c("div", h, [
             a(e(i), {
               type: "rectangle",
               size: 20,
@@ -59,14 +60,14 @@ const h = { class: "form-card" }, p = {
               class: "skeleton-short",
               type: "rectangle"
             })
-          ])) : u(r.$slots, "default", { key: 0 }, void 0, !0)
+          ])) : m(r.$slots, "default", { key: 0 }, void 0, !0)
         ], 16)
       ]),
       t.actionButtons ? (d(), c("div", n({
         key: 0,
         class: "form-actions"
       }, e(l)[e(o).ACTIONS]), [
-        u(r.$slots, "footer", {}, () => [
+        m(r.$slots, "footer", {}, () => [
           a(e(k), n({
             class: "form-action",
             variant: "outlined",
@@ -75,7 +76,7 @@ const h = { class: "form-card" }, p = {
             disabled: t.isLoading || t.saveLoading,
             onClick: s[0] || (s[0] = (L) => y("cancel"))
           }), {
-            default: m(() => [
+            default: u(() => [
               g(v(t.cancelLabel), 1)
             ]),
             _: 1
@@ -87,7 +88,7 @@ const h = { class: "form-card" }, p = {
             disabled: t.saveDisabled || t.isLoading,
             onClick: s[1] || (s[1] = (L) => y("save"))
           }), {
-            default: m(() => [
+            default: u(() => [
               g(v(t.saveLabel), 1)
             ]),
             _: 1
@@ -98,5 +99,5 @@ const h = { class: "form-card" }, p = {
   }
 });
 export {
-  z as default
+  F as default
 };

package/components/includeExclude/index.d.ts

@@ -47,14 +47,14 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             autoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -143,14 +143,14 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             autoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -264,14 +264,14 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         autoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -350,14 +350,14 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     autoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -488,14 +488,14 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             autoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -590,14 +590,14 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             autoFocus: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -720,14 +720,14 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         autoFocus: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -812,14 +812,14 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
     };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     autoFocus: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1200,6 +1200,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    modelValue: {
+        type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
+        required: true;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1208,10 +1212,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    modelValue: {
-        type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
-        required: true;
-    };
     searchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1261,6 +1261,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    modelValue: {
+        type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
+        required: true;
+    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1269,10 +1273,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    modelValue: {
-        type: import("vue").PropType<import("./includeExcludeMocks").Application[]>;
-        required: true;
-    };
     searchPlaceholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -1357,6 +1357,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            modelValue: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1369,10 +1373,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             iconKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1455,6 +1455,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            modelValue: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -1467,10 +1471,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             iconKey: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1579,6 +1579,10 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        modelValue: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -1591,10 +1595,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        modelValue: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         iconKey: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1667,6 +1667,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    modelValue: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     options: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -1679,10 +1683,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    modelValue: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     iconKey: {
         type: import("vue").PropType<string>;
         default: string;

package/components/input/v3/Input.vue.d.ts

@@ -85,9 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     size: 'sm' | 'lg';
     mandatory: boolean;
+    modelValue: string | number;
     hoverHelpText: string;
     hoverHelpTextPlacement: 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-    modelValue: string | number;
     placeholder: string;
     viewOnly: boolean;
     labelDirection: 'inside' | 'top' | 'left';

package/components/input/v3/index.d.ts

@@ -13,9 +13,9 @@ declare const InputTypes: () => (({
             disabled: boolean;
             size: "sm" | "lg";
             mandatory: boolean;
+            modelValue: string | number;
             hoverHelpText: string;
             hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            modelValue: string | number;
             placeholder: string;
             viewOnly: boolean;
             labelDirection: "top" | "left" | "inside";
@@ -50,6 +50,10 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -58,10 +62,6 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -100,7 +100,7 @@ declare const InputTypes: () => (({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "testId" | "disabled" | "size" | "mandatory" | "modelValue" | "hoverHelpText" | "hoverHelpTextPlacement" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "feedbackHelpText" | "feedbackErrorText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -139,6 +139,10 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+                default: string;
+            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -147,10 +151,6 @@ declare const InputTypes: () => (({
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -198,9 +198,9 @@ declare const InputTypes: () => (({
             disabled: boolean;
             size: "sm" | "lg";
             mandatory: boolean;
+            modelValue: string | number;
             hoverHelpText: string;
             hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            modelValue: string | number;
             placeholder: string;
             viewOnly: boolean;
             labelDirection: "top" | "left" | "inside";
@@ -255,6 +255,10 @@ declare const InputTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        modelValue: {
+            type: import("vue").PropType<string | number>;
+            default: string;
+        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -263,10 +267,6 @@ declare const InputTypes: () => (({
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -334,6 +334,10 @@ declare const InputTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+        default: string;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -342,10 +346,6 @@ declare const InputTypes: () => (({
         type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
@@ -393,9 +393,9 @@ declare const InputTypes: () => (({
     disabled: boolean;
     size: "sm" | "lg";
     mandatory: boolean;
+    modelValue: string | number;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-    modelValue: string | number;
     placeholder: string;
     viewOnly: boolean;
     labelDirection: "top" | "left" | "inside";
@@ -494,15 +494,18 @@ declare const InputTypes: () => (({
     mandatory: {
         type: import("vue").PropType<boolean>;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string | number) => any>;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
     };
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
     };
@@ -518,9 +521,6 @@ declare const InputTypes: () => (({
     onlyDigits: {
         type: import("vue").PropType<boolean>;
     };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: string | number) => any>;
-    };
     feedbackHelpText: {
         type: import("vue").PropType<string>;
     };
@@ -613,15 +613,18 @@ declare const InputTypes: () => (({
     mandatory: {
         type: import("vue").PropType<boolean>;
     };
+    modelValue: {
+        type: import("vue").PropType<string | number>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string | number) => any>;
+    };
     hoverHelpText: {
         type: import("vue").PropType<string>;
     };
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
     };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
     };
@@ -637,9 +640,6 @@ declare const InputTypes: () => (({
     onlyDigits: {
         type: import("vue").PropType<boolean>;
     };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: string | number) => any>;
-    };
     feedbackHelpText: {
         type: import("vue").PropType<string>;
     };

package/components/input/v4/TextField.vue.d.ts

@@ -132,10 +132,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     size: FieldSize;
     mandatory: boolean;
+    modelValue: string | number;
     hoverHelpText: string;
     hoverHelpTextPlacement: TooltipPositions;
     maxLength: number;
-    modelValue: string | number;
     placeholder: string;
     viewOnly: boolean;
     labelDirection: LabelDirection;