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

package/src/components/includeExclude/IncludeExcludeOption.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as E, ref as N, computed as m, openBlock as o, createElementBlock as n, normalizeClass as p, createElementVNode as u, createBlock as f, unref as t, createCommentVNode as l, renderSlot as v, createVNode as a, withCtx as r, createTextVNode as b, toDisplayString as k, withModifiers as x } from "vue";
+import "../typography/Heading.vue.js";
+import h from "../typography/Text.vue.js";
+import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.js";
+import { useId as S } from "../../composables/useId.js";
+import V from "../checkbox/v3/Checkbox.vue.js";
+import y from "../tooltip/v3/Tooltip.vue.js";
+import D from "../icon/v3/Icon.vue.js";
+import { NOOP as M } from "@vue/shared";
+const P = {
+  key: 1,
+  class: "image"
+}, j = {
+  key: 2,
+  class: "start-icon"
+}, q = { class: "text-container" }, A = { key: 0 }, C = !0, $ = 200, W = /* @__PURE__ */ E({
+  __name: "IncludeExcludeOption",
+  props: {
+    option: {},
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    showCheckbox: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    titleText: { default: "" }
+  },
+  setup(g) {
+    const d = g, i = z("IncludeExcludeOption"), w = S().value, B = N(null), I = () => {
+      i.select(d.option);
+    }, O = m(() => i.activeIndex.value !== null ? i.activeOption.value === d.option : !1), c = m(() => i.selectedOption.value.includes(d.option));
+    return (e, s) => (o(), n("div", {
+      ref_key: "el",
+      ref: B,
+      class: p(["item-container", {
+        "item-container--disabled": e.disabled,
+        "item-container--active": O.value,
+        "item-container--selected": c.value,
+        "item-container--multi": C,
+        "item-container--two-lines": e.subtitle?.length
+      }])
+    }, [
+      u("div", {
+        class: p(["item", {
+          "item--multi": C,
+          "item--with-icon": e.$slots["icon-start"] || e.$slots.image,
+          "item--without-icon": !e.$slots["icon-start"] && !e.$slots.image
+        }])
+      }, [
+        e.showCheckbox ? (o(), f(t(V), {
+          key: 0,
+          id: t(w).toString(),
+          tabindex: "-1",
+          class: "checkbox",
+          size: "sm",
+          "is-checked": c.value,
+          onClick: s[0] || (s[0] = (T) => e.disabled ? t(M)() : I())
+        }, null, 8, ["id", "is-checked"])) : l("", !0),
+        e.$slots.image ? (o(), n("div", P, [
+          v(e.$slots, "image", {}, void 0, !0)
+        ])) : l("", !0),
+        e.$slots["icon-start"] ? (o(), n("div", j, [
+          v(e.$slots, "icon-start", {}, void 0, !0)
+        ])) : l("", !0),
+        u("div", q, [
+          a(t(y), {
+            delay: $,
+            text: e.titleText
+          }, {
+            default: r(() => [
+              a(t(h), {
+                size: "sm",
+                "is-truncated": ""
+              }, {
+                default: r(() => [
+                  b(k(e.titleText), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"]),
+          a(t(y), {
+            delay: $,
+            text: e.subtitle
+          }, {
+            default: r(() => [
+              e.subtitle ? (o(), f(t(h), {
+                key: 0,
+                class: "subtitle",
+                size: "caption",
+                "is-truncated": ""
+              }, {
+                default: r(() => [
+                  b(k(e.subtitle), 1)
+                ]),
+                _: 1
+              })) : l("", !0)
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ])
+      ], 2),
+      e.clearable && c.value ? (o(), n("div", A, [
+        u("button", {
+          class: "clear-button",
+          onClick: s[1] || (s[1] = x((T) => t(i).removeSelection(e.option), ["prevent", "stop"]))
+        }, [
+          a(t(D), { name: "close-bold" })
+        ])
+      ])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  W as default
+};

package/src/components/includeExclude/IncludeExcludeOptionDraggable.vue.js

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

package/src/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js

@@ -0,0 +1,106 @@
+import { defineComponent as w, ref as z, computed as m, openBlock as o, createElementBlock as l, unref as t, normalizeClass as p, createElementVNode as r, renderSlot as f, createCommentVNode as s, createVNode as a, withCtx as n, createTextVNode as g, toDisplayString as v, createBlock as B, withModifiers as E } from "vue";
+import "../typography/Heading.vue.js";
+import b from "../typography/Text.vue.js";
+import { useIncludeExcludeContext as N } from "./IncludeExcludeContext.js";
+import { useId as O } from "../../composables/useId.js";
+import y from "../tooltip/v3/Tooltip.vue.js";
+import S from "../icon/v3/Icon.vue.js";
+const V = ["id"], D = {
+  key: 0,
+  class: "image"
+}, M = {
+  key: 1,
+  class: "start-icon"
+}, _ = { class: "text-container" }, x = { key: 0 }, h = !0, k = 200, L = /* @__PURE__ */ w({
+  __name: "IncludeExcludeOptionDraggable",
+  props: {
+    option: {},
+    subtitle: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    titleText: { default: "" }
+  },
+  setup($) {
+    const d = $, i = N("IncludeExcludeOption"), C = O().value, I = z(null), T = m(() => i.activeIndex.value !== null ? i.activeOption.value === d.option : !1), u = m(() => i.selectedOption.value.includes(d.option));
+    return (e, c) => (o(), l("div", {
+      id: t(C).toString(),
+      ref_key: "el",
+      ref: I,
+      class: p(["item-container-draggable", {
+        "item-container-draggable--disabled": e.disabled,
+        "item-container-draggable--active": T.value,
+        "item-container-draggable--selected": u.value,
+        "item-container-draggable--multi": h,
+        "item-container-draggable--two-lines": e.subtitle?.length
+      }])
+    }, [
+      r("div", {
+        class: p(["item", {
+          "item--multi": h,
+          "item--with-icon": e.$slots["icon-start"] || e.$slots.image,
+          "item--without-icon": !e.$slots["icon-start"] && !e.$slots.image
+        }])
+      }, [
+        e.$slots.image ? (o(), l("div", D, [
+          f(e.$slots, "image", {}, void 0, !0)
+        ])) : s("", !0),
+        e.$slots["icon-start"] ? (o(), l("div", M, [
+          f(e.$slots, "icon-start", {}, void 0, !0)
+        ])) : s("", !0),
+        r("div", _, [
+          a(t(y), {
+            delay: k,
+            text: e.titleText
+          }, {
+            default: n(() => [
+              a(t(b), {
+                size: "sm",
+                "is-truncated": ""
+              }, {
+                default: n(() => [
+                  g(v(e.titleText), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text"]),
+          a(t(y), {
+            delay: k,
+            text: e.subtitle
+          }, {
+            default: n(() => [
+              e.subtitle ? (o(), B(t(b), {
+                key: 0,
+                class: "subtitle",
+                size: "caption",
+                "is-truncated": ""
+              }, {
+                default: n(() => [
+                  g(v(e.subtitle), 1)
+                ]),
+                _: 1
+              })) : s("", !0)
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ])
+      ], 2),
+      e.clearable && u.value ? (o(), l("div", x, [
+        r("button", {
+          class: "clear-button",
+          onClick: c[0] || (c[0] = E((j) => t(i).removeSelection(e.option), ["prevent", "stop"]))
+        }, [
+          a(t(S), {
+            "font-size": "sm",
+            size: "sm",
+            name: "close-bold"
+          })
+        ])
+      ])) : s("", !0)
+    ], 10, V));
+  }
+});
+export {
+  L as default
+};

package/src/components/inlineCopy/InlineCopy.vue.js

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

package/src/components/inlineCopy/InlineCopy.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as T, computed as C, openBlock as i, createElementBlock as x, createBlock as h, unref as t, mergeProps as r, withCtx as p, createTextVNode as z, toDisplayString as I, createCommentVNode as k, createVNode as s } from "vue";
+import v from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import S from "../typography/v4/Typography.vue.js";
+import { useClipboard as V } from "@vueuse/core";
+import { Snackbar as B } from "../snackbar/v4/index.js";
+import b from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
+const X = /* @__PURE__ */ T({
+  __name: "InlineCopy",
+  props: {
+    text: { default: "" },
+    size: { default: "small" },
+    testId: { default: "" },
+    hideTextValue: { type: Boolean, default: !1 },
+    iconSize: { default: null },
+    tooltipHeader: { default: "" },
+    tooltipText: { default: "Copy to clipboard" },
+    tooltipPlacement: { default: "bottom" },
+    valueToCopy: { default: "" }
+  },
+  emits: ["copy"],
+  setup(n, { emit: c }) {
+    const o = n, m = c, { copy: d, copied: u } = V({}), f = C(() => {
+      switch (o.size) {
+        case "medium":
+          return "0.875rem";
+        case "small":
+        default:
+          return "0.75rem";
+      }
+    }), y = async () => {
+      const e = o.valueToCopy || o.text;
+      await d(e), u.value && B({
+        title: "Copied successfully",
+        type: "success",
+        duration: 2e3
+      }), m("copy");
+    }, l = N(o.testId, a);
+    return (e, P) => (i(), x("div", {
+      class: "inline-copy",
+      onClick: y
+    }, [
+      e.hideTextValue ? k("", !0) : (i(), h(t(S), r({
+        key: 0,
+        variant: "caption",
+        style: { fontSize: f.value }
+      }, t(l)[t(a).TEXT]), {
+        default: p(() => [
+          z(I(e.text), 1)
+        ]),
+        _: 1
+      }, 16, ["style"])),
+      s(t(b), {
+        text: e.tooltipText,
+        header: e.tooltipHeader,
+        placement: e.tooltipPlacement
+      }, {
+        default: p(() => [
+          s(t(v), r({
+            class: "icon-copy",
+            name: "copy",
+            size: e.iconSize || "16px"
+          }, t(l)[t(a).COPY_BTN]), null, 16, ["size"])
+        ]),
+        _: 1
+      }, 8, ["text", "header", "placement"])
+    ]));
+  }
+});
+export {
+  X as default
+};

package/src/components/input/v3/DollarInput.vue.js

@@ -0,0 +1,7 @@
+import o from "./DollarInput.vue2.js";
+/* empty css                  */import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../DollarInput.vue_vue_type_style_index_0_scoped_67602af1_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-67602af1"]]);
+export {
+  s as default
+};

package/src/components/input/v3/DollarInput.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, openBlock as p, createBlock as s, mergeProps as u, withCtx as o, createVNode as i, unref as l, createTextVNode as d } from "vue";
+import c from "./Input.vue.js";
+import "../../typography/Heading.vue.js";
+import f from "../../typography/Text.vue.js";
+const g = /* @__PURE__ */ a({
+  __name: "DollarInput",
+  emits: ["update:modelValue"],
+  setup(_, { emit: r }) {
+    const m = r, n = (e) => m("update:modelValue", e);
+    return (e, t) => (p(), s(c, u(e.$attrs, {
+      type: "number",
+      "hide-number-arrows": !0,
+      "onUpdate:modelValue": n
+    }), {
+      iconBefore: o(() => [
+        i(l(f), {
+          class: "dollar-sign",
+          size: "sm"
+        }, {
+          default: o(() => t[0] || (t[0] = [
+            d("$")
+          ])),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  g as default
+};

package/src/components/input/v3/Input.vue.js

@@ -0,0 +1,7 @@
+import o from "./Input.vue2.js";
+/* empty css            */import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../Input.vue_vue_type_style_index_0_scoped_7092804b_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-7092804b"]]);
+export {
+  s as default
+};

package/src/components/input/v3/Input.vue2.js

@@ -0,0 +1,211 @@
+import { defineComponent as R, openBlock as a, createElementBlock as i, normalizeClass as f, unref as t, createVNode as l, withCtx as d, createTextVNode as m, toDisplayString as $, createBlock as I, createCommentVNode as r, createElementVNode as c, renderSlot as E, mergeProps as V, withKeys as P, withModifiers as B } from "vue";
+import "../../button/v3/Button.vue.js";
+import w from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import v from "../../icon/v3/Icon.vue.js";
+import A from "../../tooltip/v3/Tooltip.vue.js";
+import "../../typography/Heading.vue.js";
+import y from "../../typography/Text.vue.js";
+import { InputTestIdModifiers as n } from "../../../testids/index.js";
+import { inputCommon as F } from "../common/Input.common.js";
+const K = ["data-testid"], M = ["data-testid"], X = { class: "info-icon-wrapper" }, S = {
+  key: 0,
+  class: "icon-container icon-before"
+}, W = ["value", "placeholder", "disabled", "type", "step", "data-testid"], Y = {
+  key: 1,
+  class: "icon-container icon-after"
+}, j = { key: 2 }, q = { key: 3 }, G = ["data-testid"], J = {
+  inheritAttrs: !1
+}, re = /* @__PURE__ */ R({
+  ...J,
+  __name: "Input",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    viewOnly: { type: Boolean, default: !1 },
+    size: { default: "lg" },
+    label: { default: "" },
+    labelDirection: { default: "top" },
+    mandatory: { type: Boolean, default: !1 },
+    feedbackHelpText: { default: "" },
+    autoFocus: { type: Boolean, default: !1 },
+    feedbackErrorText: { default: "" },
+    type: { default: "text" },
+    hideNumberArrows: { type: Boolean, default: !1 },
+    step: { default: 1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    onlyDigits: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(z, { emit: C }) {
+    const N = z, g = C, {
+      onConfirm: D,
+      onEnter: b,
+      inputRef: H,
+      isFocused: p,
+      showLabelInside: T,
+      api: u,
+      labelText: L,
+      sizeClass: O,
+      handleInput: k,
+      handleKeypress: h
+    } = F(N, g);
+    return (e, o) => (a(), i("div", {
+      class: f({
+        "input-with-label-container": !0,
+        "label-direction-left": e.labelDirection === "left",
+        disabled: e.disabled
+      }),
+      "data-testid": `${e.testId}-${t(n).WRAPPER}`
+    }, [
+      e.label && e.labelDirection !== "inside" ? (a(), i("div", {
+        key: 0,
+        class: f(["label-container", "direction-" + e.labelDirection]),
+        "data-testid": `${e.testId}-${t(n).LABEL_CONTAINER}`
+      }, [
+        l(t(y), {
+          class: "label",
+          "data-testid": `${e.testId}-${t(n).LABEL_TEXT}`
+        }, {
+          default: d(() => [
+            m($(e.label), 1)
+          ]),
+          _: 1
+        }, 8, ["data-testid"]),
+        e.mandatory ? (a(), I(t(y), {
+          key: 0,
+          size: "lg",
+          class: "mandatory",
+          "data-testid": `${e.testId}-${t(n).MANDATORY}`
+        }, {
+          default: d(() => o[5] || (o[5] = [
+            m("*")
+          ])),
+          _: 1
+        }, 8, ["data-testid"])) : r("", !0),
+        e.hoverHelpText ? (a(), I(t(A), {
+          key: 1,
+          triggers: ["hover"],
+          text: e.hoverHelpText,
+          placement: e.hoverHelpTextPlacement,
+          size: "xs",
+          strong: !0
+        }, {
+          default: d(() => [
+            c("div", X, [
+              l(t(v), {
+                class: "info-icon",
+                name: "info",
+                "font-size": "sm"
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["text", "placement"])) : r("", !0)
+      ], 10, M)) : r("", !0),
+      c("div", {
+        class: f({
+          "input-container": !0,
+          "label-inside": t(T),
+          error: t(u).error?.value || e.feedbackErrorText,
+          focused: t(p)
+        })
+      }, [
+        e.$slots.iconBefore ? (a(), i("div", S, [
+          E(e.$slots, "iconBefore", {}, void 0, !0)
+        ])) : r("", !0),
+        c("input", V(e.$attrs, {
+          ref_key: "inputRef",
+          ref: H,
+          value: t(u).value?.value ?? e.modelValue,
+          placeholder: t(L),
+          disabled: e.disabled || e.viewOnly,
+          type: e.type,
+          class: ["input", {
+            [t(O)]: !0,
+            "view-only": e.viewOnly,
+            "label-inside": t(T),
+            "hide-arrows": e.hideNumberArrows,
+            "input-type": e.type
+          }],
+          step: e.step,
+          "data-testid": `${e.testId}-${t(n).FIELD}`,
+          onInput: o[0] || (o[0] = //@ts-ignore
+          (...s) => t(k) && t(k)(...s)),
+          onFocus: o[1] || (o[1] = (s) => p.value = !0),
+          onBlur: o[2] || (o[2] = (s) => p.value = !1),
+          onKeyup: o[3] || (o[3] = P(B(
+            //@ts-ignore
+            (...s) => t(b) && t(b)(...s),
+            ["prevent"]
+          ), ["enter"])),
+          onKeypress: o[4] || (o[4] = //@ts-ignore
+          (...s) => t(h) && t(h)(...s))
+        }), null, 16, W),
+        e.$slots.iconAfter ? (a(), i("div", Y, [
+          E(e.$slots, "iconAfter", {}, void 0, !0)
+        ])) : r("", !0),
+        t(u)?.confirmable && !t(u)?.error?.value ? (a(), i("div", j, [
+          l(t(w), {
+            class: "confirm-icon",
+            theme: "secondary",
+            variant: "colorized",
+            onClick: B(t(D), ["stop", "prevent"])
+          }, {
+            default: d(() => [
+              l(t(v), {
+                name: "check-bold",
+                "font-size": "sm"
+              })
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ])) : r("", !0),
+        t(u)?.error?.value ? (a(), i("div", q, [
+          l(t(A), {
+            text: t(u)?.error?.value,
+            "data-testid": `${e.testId}-${t(n).TOOLTIP}`
+          }, {
+            default: d(() => [
+              l(t(w), {
+                class: "error-icon",
+                theme: "secondary",
+                variant: "colorized"
+              }, {
+                default: d(() => [
+                  l(t(v), {
+                    name: "error",
+                    "font-size": "sm"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["text", "data-testid"])
+        ])) : r("", !0)
+      ], 2),
+      e.feedbackErrorText || e.feedbackHelpText ? (a(), i("div", {
+        key: 1,
+        class: "extra-text-container",
+        "data-testid": `${e.testId}-${t(n).EXTRA_TEXT}`
+      }, [
+        l(t(y), {
+          class: f(e.feedbackErrorText ? "error" : "help"),
+          size: "caption"
+        }, {
+          default: d(() => [
+            m($(e.feedbackErrorText || e.feedbackHelpText), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 8, G)) : r("", !0)
+    ], 10, K));
+  }
+});
+export {
+  re as default
+};

package/src/components/input/v3/PasswordInput.vue.js

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

package/src/components/input/v3/PasswordInput.vue2.js

@@ -0,0 +1,34 @@
+import { defineComponent as l, ref as p, openBlock as n, createBlock as d, mergeProps as m, withCtx as o, createVNode as u, unref as c, createTextVNode as f, toDisplayString as _ } from "vue";
+import w from "./Input.vue.js";
+import "../../typography/Heading.vue.js";
+import V from "../../typography/Text.vue.js";
+const h = /* @__PURE__ */ l({
+  __name: "PasswordInput",
+  emits: ["update:modelValue"],
+  setup(v, { emit: s }) {
+    const a = s, e = p(!1), r = () => {
+      e.value = !e.value;
+    }, i = (t) => a("update:modelValue", t);
+    return (t, x) => (n(), d(w, m(t.$attrs, {
+      type: e.value ? "text" : "password",
+      "onUpdate:modelValue": i
+    }), {
+      iconAfter: o(() => [
+        u(c(V), {
+          class: "password-visibility",
+          size: "xs",
+          onClick: r
+        }, {
+          default: o(() => [
+            f(_(e.value ? "Hide" : "Show"), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["type"]));
+  }
+});
+export {
+  h as default
+};

package/src/components/input/v3/PercentageInput.vue.js

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

package/src/components/input/v3/PercentageInput.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, openBlock as p, createBlock as s, mergeProps as u, withCtx as r, createVNode as i, unref as d, createTextVNode as c } from "vue";
+import l from "./Input.vue.js";
+import "../../typography/Heading.vue.js";
+import f from "../../typography/Text.vue.js";
+const k = /* @__PURE__ */ a({
+  __name: "PercentageInput",
+  emits: ["update:modelValue"],
+  setup(_, { emit: o }) {
+    const n = o, m = (e) => n("update:modelValue", e);
+    return (e, t) => (p(), s(l, u(e.$attrs, {
+      type: "number",
+      "hide-number-arrows": !0,
+      "onUpdate:modelValue": m
+    }), {
+      iconAfter: r(() => [
+        i(d(f), {
+          class: "percentage-sign",
+          size: "sm"
+        }, {
+          default: r(() => t[0] || (t[0] = [
+            c("%")
+          ])),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  k as default
+};

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

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