@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/includeExclude/IncludeExcludeOption.vue2.js

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

package/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";
+// import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a91fcaa5"]]);
+export {
+  t as default
+};

package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js

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

package/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";
+// 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/components/inlineCopy/InlineCopy.vue2.js

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

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

@@ -0,0 +1,7 @@
+import o from "./DollarInput.vue2.js";
+/* empty css                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DollarInput.vue_vue_type_style_index_0_scoped_9ef40daf_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ef40daf"]]);
+export {
+  s as default
+};

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

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

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

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

package/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";
+// import "../../../PasswordInput.vue_vue_type_style_index_0_scoped_243f3e16_lang.css"; //*');
+const p = /* @__PURE__ */ s(o, [["__scopeId", "data-v-243f3e16"]]);
+export {
+  p as default
+};

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

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

package/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";
+// import "../../../PercentageInput.vue_vue_type_style_index_0_scoped_08a15760_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-08a15760"]]);
+export {
+  s as default
+};

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

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

package/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";
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fce3948c"]]);
+export {
+  s as default
+};