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

package/components/icon/v4/IconV4.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size?: string;
     height?: string;
     width?: string;
+    platform?: string;
 }>, {
     name: any;
     size: any;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     height: any;
     width: any;
+    platform: any;
 }>, {}, 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<{
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     name?: string;
@@ -19,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size?: string;
     height?: string;
     width?: string;
+    platform?: string;
 }>, {
     name: any;
     size: any;
@@ -26,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     height: any;
     width: any;
+    platform: any;
 }>>>, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -33,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     height: string;
     width: string;
+    platform: string;
 }>, {
     default?(_: {}): any;
 }>;

package/components/icon/v4/IconV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1eea7671"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-dc433d48"]]);
 export {
-  c as default
+  t as default
 };

package/components/icon/v4/IconV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; import { defineComponent as $, useCssVars as S, unref as a, useSlots as w, computed as o, watch as C, openBlock as u, createElementBlock as f, normalizeClass as _, createCommentVNode as b, renderSlot as z } from "vue";
-import { useStorage as I } from "../../../composables/useStorage.js";
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; import { defineComponent as S, useCssVars as w, unref as s, useSlots as C, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as b, createCommentVNode as z, renderSlot as I } from "vue";
+import { useStorage as T } from "../../../composables/useStorage.js";
 import { ASSETS_BASE_URL as U } from "./consts.js";
-const V = ["innerHTML"], B = /* @__PURE__ */ $({
+const V = ["innerHTML"], B = /* @__PURE__ */ S({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
@@ -9,34 +9,37 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
     color: { default: null },
     size: { default: null },
     height: { default: null },
-    width: { default: null }
+    width: { default: null },
+    platform: { default: null }
   },
-  setup(c) {
-    const e = c;
-    S((t) => ({
-      "2034b1ce": a(d),
-      "66dae3c2": a(m),
-      "5a4ab638": c.color
+  setup(r) {
+    const e = r;
+    w((t) => ({
+      "3d423be4": s(d),
+      "513646c9": s(m),
+      ad86ac0c: r.color
     }));
-    const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = w(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(() => {
+    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = C(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(
+      () => e.platform ? `${e.type}/${e.platform}` : e.type
+    ), y = o(() => {
       if (!e.name)
         return "";
       const t = e.name.split("/");
       return [e.name ? `icon-name--${t.at(-1)}` : ""];
-    }), l = o(() => {
+    }), c = o(() => {
       if (p.default)
         return "";
       if (!e.name)
         return console.error("Please provided icon name"), "";
       const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
-      return `${U}/icons/${t}${e.type}/${e.name}${n}.svg`;
-    }), r = I(`icon-${e.type}--${e.name}`);
+      return `${U}/icons/${t}${h.value}/${e.name}${n}.svg`;
+    }), l = T(`icon-${e.type}--${e.name}`);
     function g(t) {
-      return s[t] || (s[t] = fetch(t).then((n) => n.text()).finally(() => {
-        delete s[t];
+      return a[t] || (a[t] = fetch(t).then((n) => n.text()).finally(() => {
+        delete a[t];
       }).catch((n) => {
         console.error(n);
-      })), s[t];
+      })), a[t];
     }
     function v(t) {
       return t.replace(
@@ -45,21 +48,21 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
       );
     }
     function i() {
-      g(l.value).then((t) => {
-        typeof t == "string" && t.startsWith("<svg") && (r.value = t);
+      g(c.value).then((t) => {
+        typeof t == "string" && t.startsWith("<svg") && (l.value = t);
       });
     }
-    !r.value && l.value && i();
-    const y = o(() => v(r.value ?? ""));
-    return C(() => e.name, i), (t, n) => (u(), f("span", {
-      class: _(["icon", a(h)])
+    !l.value && c.value && i();
+    const $ = o(() => v(l.value ?? ""));
+    return _(() => e.name, i), (t, n) => (u(), f("span", {
+      class: b(["icon", s(y)])
     }, [
-      t.$slots.default ? b("", !0) : (u(), f("span", {
+      t.$slots.default ? z("", !0) : (u(), f("span", {
         key: 0,
         class: "icon-wrapper",
-        innerHTML: a(y)
+        innerHTML: s($)
       }, null, 8, V)),
-      z(t.$slots, "default", {}, void 0, !0)
+      I(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });

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

@@ -10,6 +10,7 @@ declare const IconTypes: () => ({
             size: string;
             height: string;
             width: string;
+            platform: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -35,7 +36,11 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -74,6 +79,10 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -81,6 +90,7 @@ declare const IconTypes: () => ({
             size: string;
             height: string;
             width: string;
+            platform: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -126,6 +136,10 @@ declare const IconTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -155,6 +169,10 @@ declare const IconTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
+    platform: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -162,6 +180,7 @@ declare const IconTypes: () => ({
     size: string;
     height: string;
     width: string;
+    platform: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/includeExclude/IncludeExclude.vue.js

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

package/components/includeExclude/IncludeExclude.vue2.js

@@ -1,5 +1,5 @@
- import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_fb054d88_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
-import Ae from "../popover/Popover.vue.js";
+ import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_cc2adbf5_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
+import Ae from "../popover/v3/Popover.vue.js";
 import N from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

@@ -1,7 +1,7 @@
-import o from "./IncludeExcludeDragDrop.vue2.js";
-/* empty css                             */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5764fd61"]]);
+import e from "./IncludeExcludeDragDrop.vue2.js";
+/* empty css                             */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-bd6145ce"]]);
 export {
   p as default
 };

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,5 +1,5 @@
- import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_5764fd61_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
-import $e from "../popover/Popover.vue.js";
+ import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_bd6145ce_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as Ee, nextTick as Fe } from "vue";
+import $e from "../popover/v3/Popover.vue.js";
 import G from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";

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

@@ -1,6 +1,6 @@
 import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 import { LabelDirection, FieldSize, FieldType } from './TextField.types';
-import { FeedbackVariant } from '@/components/shared/commonTypes';
+import { FeedbackVariant, MaxLengthCounterPositions } from '@/components/shared/commonTypes';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix?: string;
     suffix?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     showApply?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: string;
     suffix: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
@@ -86,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix?: string;
     suffix?: string;
     maxLength?: number;
+    maxLengthCounterPosition?: MaxLengthCounterPositions;
     showApply?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: string;
     suffix: string;
     maxLength: any;
+    maxLengthCounterPosition: string;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;
@@ -141,6 +145,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onlyDigits: boolean;
     prefix: string;
     suffix: string;
+    maxLengthCounterPosition: MaxLengthCounterPositions;
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6457440"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4d9bf5b2"]]);
 export {
-  p as default
+  d as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,27 +1,27 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, createVNode as p } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
 import v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import j from "../../tooltip/v4/TooltipV4.vue.js";
-import $ from "../../typography/v4/Typography.vue.js";
-import { InputTestIdModifiers as f } from "../../../testids/index.js";
-import { inputCommon as q } from "../common/Input.common.js";
-import J from "../../shared/FieldLabel.vue.js";
-import Q from "../../shared/FieldHelpText.vue.js";
-import U from "../../shared/FieldMaxLength.vue.js";
-import { useTestIdAttrs as X } from "../../../utils/testIds.js";
-const Y = {
+import X from "../../tooltip/v4/TooltipV4.vue.js";
+import D from "../../typography/v4/Typography.vue.js";
+import { InputTestIdModifiers as m } from "../../../testids/index.js";
+import { inputCommon as Y } from "../common/Input.common.js";
+import Z from "../../shared/FieldLabel.vue.js";
+import _ from "../../shared/FieldHelpText.vue.js";
+import N from "../../shared/FieldMaxLength.vue.js";
+import { useTestIdAttrs as ee } from "../../../utils/testIds.js";
+const te = {
   key: 0,
   class: "icon-container icon-before"
-}, Z = ["maxlength", "value", "placeholder", "disabled", "type", "step"], _ = ["onClick"], ee = {
-  key: 3,
+}, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
+  key: 4,
   class: "inline-error"
-}, te = {
-  key: 6,
+}, oe = {
+  key: 7,
   class: "icon-container icon-after"
-}, le = {
+}, ie = {
   inheritAttrs: !1
-}, ye = /* @__PURE__ */ M({
-  ...le,
+}, be = /* @__PURE__ */ J({
+  ...ie,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -47,37 +47,45 @@ const Y = {
     prefix: { default: "" },
     suffix: { default: "" },
     maxLength: { default: null },
+    maxLengthCounterPosition: { default: "inside" },
     showApply: { type: Boolean, default: !1 },
     inlineError: { type: Boolean, default: !1 },
     inlineErrorText: { default: "" },
     inlineErrorTextPlacement: { default: "top" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(e, { expose: z, emit: k }) {
-    const s = e, c = X(s.testId, f), O = () => {
-      s.showApply ? k("apply") : o?.confirmable && N();
-    }, D = () => w.value.focus(), {
-      onConfirm: N,
+  setup(e, { expose: S, emit: k }) {
+    const o = e, y = ee(o.testId, m), H = () => {
+      o.showApply ? k("apply") : s?.confirmable && K();
+    }, R = () => g.value.focus(), {
+      onConfirm: K,
       onEnter: T,
-      inputRef: w,
-      isFocused: x,
-      showLabelInside: g,
-      api: o,
-      labelText: S,
-      sizeClass: H,
-      handleInput: I,
-      handleKeypress: B
-    } = q(s, k), A = b(() => o.value?.value ?? s.modelValue), R = b(() => (A.value || "").length), m = G(!1), K = b(() => m.value && s.type === "password" ? "text" : s.type);
-    return z({
-      manualFocus: D
-    }), (u, a) => (l(), r("div", y({
+      inputRef: g,
+      isFocused: h,
+      showLabelInside: w,
+      api: s,
+      labelText: M,
+      sizeClass: G,
+      handleInput: L,
+      handleKeypress: I
+    } = Y(o, k), P = f(() => s.value?.value ?? o.modelValue), W = f(() => (P.value || "").length), B = f(() => ({
+      currentLength: W.value,
+      maxLength: o.maxLength
+    })), C = f(
+      () => o.maxLength && o.maxLengthCounterPosition === "outside"
+    ), j = f(
+      () => o.feedbackText || C.value
+    ), x = Q(!1), q = f(() => x.value && o.type === "password" ? "text" : o.type);
+    return S({
+      manualFocus: R
+    }), (u, a) => (l(), d("div", c({
       class: {
         "input-with-label-container": !0,
         disabled: e.disabled,
         [`variant-${e.feedbackVariant}`]: !0
       }
-    }, t(c)[t(f).WRAPPER]), [
-      e.label && e.labelDirection !== "inside" ? (l(), d(J, {
+    }, t(y)[t(m).WRAPPER]), [
+      e.label && e.labelDirection !== "inside" ? (l(), r(Z, {
         key: 0,
         label: e.label,
         mandatory: e.mandatory,
@@ -86,73 +94,74 @@ const Y = {
         disabled: e.disabled,
         "test-id": e.testId
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      E("div", {
-        class: L({
+      A("div", {
+        class: E({
           "input-container": !0,
-          "label-inside": t(g),
-          focused: t(x)
+          "label-inside": t(w),
+          focused: t(h)
         })
       }, [
-        u.$slots.iconBefore ? (l(), r("div", Y, [
-          P(u.$slots, "iconBefore", {}, void 0, !0)
+        u.$slots.iconBefore ? (l(), d("div", te, [
+          F(u.$slots, "iconBefore", {}, void 0, !0)
         ])) : n("", !0),
-        e.prefix ? (l(), d(t($), {
+        e.prefix ? (l(), r(t(D), {
           key: 1,
           class: "prefix-text",
           variant: "body1"
         }, {
-          default: h(() => [
-            V(C(e.prefix), 1)
+          default: b(() => [
+            V($(e.prefix), 1)
           ]),
           _: 1
         })) : n("", !0),
-        E("input", y({
+        A("input", c({
           ref_key: "inputRef",
-          ref: w,
+          ref: g,
           maxlength: e.maxLength
-        }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
-          value: t(A),
-          placeholder: t(S),
+        }, { ...u.$attrs, ...t(y)[t(m).FIELD] }, {
+          value: t(P),
+          placeholder: t(M),
           disabled: e.disabled || e.viewOnly,
-          type: t(K),
+          type: t(q),
           class: ["input", {
-            [t(H)]: !0,
+            [t(G)]: !0,
             "view-only": e.viewOnly,
-            "label-inside": t(g),
+            "label-inside": t(w),
             "hide-arrows": e.hideNumberArrows,
             "input-type": e.type
           }],
           step: e.step,
           onInput: a[0] || (a[0] = //@ts-ignore
-          (...i) => t(I) && t(I)(...i)),
-          onFocus: a[1] || (a[1] = (i) => x.value = !0),
-          onBlur: a[2] || (a[2] = (i) => x.value = !1),
-          onKeyup: a[3] || (a[3] = W(F(
+          (...i) => t(L) && t(L)(...i)),
+          onFocus: a[1] || (a[1] = (i) => h.value = !0),
+          onBlur: a[2] || (a[2] = (i) => h.value = !1),
+          onKeyup: a[3] || (a[3] = U(z(
             //@ts-ignore
             (...i) => t(T) && t(T)(...i),
             ["prevent"]
           ), ["enter"])),
           onKeypress: a[4] || (a[4] = //@ts-ignore
-          (...i) => t(B) && t(B)(...i))
-        }), null, 16, Z),
-        e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
-          key: 2,
+          (...i) => t(I) && t(I)(...i))
+        }), null, 16, le),
+        e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), r(N, O(c({ key: 2 }, t(B))), null, 16)) : n("", !0),
+        e.showApply || t(s)?.confirmable && !t(s)?.error?.value ? (l(), d("div", {
+          key: 3,
           class: "apply-button",
-          onClick: F(O, ["stop", "prevent"])
+          onClick: z(H, ["stop", "prevent"])
         }, [
           p(t(v), {
             name: "check",
             size: "20px"
           })
-        ], 8, _)) : n("", !0),
-        e.inlineError || t(o)?.error?.value ? (l(), r("div", ee, [
-          p(t(j), y({
-            disabled: !e.inlineErrorText && !t(o)?.error?.value,
-            text: e.inlineErrorText || t(o)?.error?.value,
+        ], 8, ae)) : n("", !0),
+        e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
+          p(t(X), c({
+            disabled: !e.inlineErrorText && !t(s)?.error?.value,
+            text: e.inlineErrorText || t(s)?.error?.value,
             "test-id": e.testId,
             placement: e.inlineErrorTextPlacement
-          }, t(c)[t(f).TOOLTIP]), {
-            default: h(() => [
+          }, t(y)[t(m).TOOLTIP]), {
+            default: b(() => [
               p(t(v), {
                 name: "warning-circle",
                 size: "16px"
@@ -161,56 +170,52 @@ const Y = {
             _: 1
           }, 16, ["disabled", "text", "test-id", "placement"])
         ])) : n("", !0),
-        e.suffix ? (l(), d(t($), {
-          key: 4,
+        e.suffix ? (l(), r(t(D), {
+          key: 5,
           class: "suffix-text",
           variant: "body1"
         }, {
-          default: h(() => [
-            V(C(e.suffix), 1)
+          default: b(() => [
+            V($(e.suffix), 1)
           ]),
           _: 1
         })) : n("", !0),
-        e.type === "password" ? (l(), r("div", y({
-          key: 5,
+        e.type === "password" ? (l(), d("div", c({
+          key: 6,
           class: "password-visibility-toggle"
-        }, t(c)[t(f).TOGGLE_PASSWORD], {
-          onClick: a[5] || (a[5] = (i) => m.value = !m.value)
+        }, t(y)[t(m).TOGGLE_PASSWORD], {
+          onClick: a[5] || (a[5] = (i) => x.value = !x.value)
         }), [
-          m.value ? (l(), d(t(v), {
+          x.value ? (l(), r(t(v), {
             key: 0,
             name: "eye",
             size: "16px"
-          })) : (l(), d(t(v), {
+          })) : (l(), r(t(v), {
             key: 1,
             name: "eye-slash",
             size: "16px"
           }))
         ], 16)) : n("", !0),
-        u.$slots.iconAfter ? (l(), r("div", te, [
-          P(u.$slots, "iconAfter", {}, void 0, !0)
+        u.$slots.iconAfter ? (l(), d("div", oe, [
+          F(u.$slots, "iconAfter", {}, void 0, !0)
         ])) : n("", !0)
       ], 2),
-      e.feedbackText || e.maxLength ? (l(), r("div", {
+      t(j) ? (l(), d("div", {
         key: 1,
-        class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
+        class: E(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
       }, [
-        e.feedbackText ? (l(), d(Q, {
+        e.feedbackText ? (l(), r(_, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
           "test-id": e.testId
         }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
-        e.maxLength ? (l(), d(U, {
-          key: 1,
-          "current-length": t(R),
-          "max-length": e.maxLength
-        }, null, 8, ["current-length", "max-length"])) : n("", !0)
+        t(C) ? (l(), r(N, O(c({ key: 1 }, t(B))), null, 16)) : n("", !0)
       ], 2)) : n("", !0)
     ], 16));
   }
 });
 export {
-  ye as default
+  be as default
 };