@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-rc.5

package/components/includeExclude/index.js

@@ -0,0 +1,26 @@
+import e from "./IncludeExclude.vue.js";
+import r from "./IncludeExcludeDragDrop.vue.js";
+import o from "./IncludeExcludeOption.vue.js";
+import l from "./IncludeExcludeOptionDraggable.vue.js";
+import c from "./IncludeExcludeAppTrigger.vue.js";
+import d from "./IncludeExcludeAppHeader.vue.js";
+import p from "./IncludeExcludeChipFilter.vue.js";
+const I = () => [
+  e,
+  r,
+  o,
+  l,
+  c,
+  d,
+  p
+];
+export {
+  e as IncludeExclude,
+  d as IncludeExcludeAppHeader,
+  c as IncludeExcludeAppTrigger,
+  p as IncludeExcludeChipFilter,
+  r as IncludeExcludeDragDrop,
+  o as IncludeExcludeOption,
+  l as IncludeExcludeOptionDraggable,
+  I as IncludeExcludeTypes
+};

package/components/input/common/Input.common.js

@@ -0,0 +1,42 @@
+import { ref as r, computed as o, onMounted as C, nextTick as h } from "vue";
+import "../../table-cells/Editable.vue.js";
+import { useEditableContext as y } from "../../table-cells/EditableContext.js";
+import { REGEX_NUMBER_INPUT as E } from "../../../consts/regex.js";
+const x = (t, s) => {
+  const n = y(), c = () => {
+    n.onClose?.();
+  }, f = () => {
+    n?.confirmable && !n?.error?.value && n.onClose?.();
+  }, l = r(null), a = r(!1), i = o(() => t.label && t.labelDirection === "inside" && !a.value);
+  C(async () => {
+    await h(), !(!t.autoFocus && !n.focusable) && l.value && setTimeout(() => {
+      l.value.focus();
+    }, 100);
+  });
+  const m = o(() => {
+    if (i.value) {
+      let e = t.label;
+      return t.mandatory && (e += " *"), e;
+    }
+    return t.placeholder;
+  }), d = o(() => `input-size-${t.size}`), b = (e) => {
+    n.onChange?.(e.target.value), s("update:modelValue", e.target.value);
+  }, u = ".";
+  return {
+    onConfirm: c,
+    onEnter: f,
+    inputRef: l,
+    isFocused: a,
+    showLabelInside: i,
+    api: n,
+    labelText: m,
+    sizeClass: d,
+    handleInput: b,
+    handleKeypress: (e) => {
+      t.onlyDigits && (e.key.match(E) ? e.key === u && t.modelValue.toString().includes(u) && e.preventDefault() : e.preventDefault());
+    }
+  };
+};
+export {
+  x as inputCommon
+};

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

@@ -1,37 +1,7 @@
-import { defineComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, unref, createTextVNode } from 'vue';
-import Input from './Input.vue.js';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../../typography/Text.vue.js';
-/* empty css                                                             */
-import "../../../DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
-  __name: "DollarInput",
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const reEmitUpdateEvent = (value) => emit("update:modelValue", value);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Input, mergeProps(props, {
-        type: "number",
-        "hide-number-arrows": true,
-        "onUpdate:modelValue": reEmitUpdateEvent
-      }), {
-        iconBefore: withCtx(() => [
-          createVNode(unref(Text), {
-            class: "dollar-sign",
-            size: "sm"
-          }, {
-            default: withCtx(() => [
-              createTextVNode("$")
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-var DollarInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4dd325c2"]]);
-
-export { DollarInput as default };
+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.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number;
     placeholder?: string;
     disabled?: boolean;
@@ -84,19 +84,22 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'sm' | 'lg';
     testId: string;
     disabled: boolean;
+    mandatory: boolean;
+    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;
-    mandatory: boolean;
-    autoFocus: boolean;
     viewOnly: boolean;
     labelDirection: 'inside' | 'top' | 'left';
-    feedbackHelpText: string;
-    feedbackErrorText: string;
+    autoFocus: boolean;
     hideNumberArrows: boolean;
     step: 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';
     onlyDigits: boolean;
+    feedbackHelpText: string;
+    feedbackErrorText: string;
+}>, {
+    iconBefore?(_: {}): any;
+    iconAfter?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -109,7 +112,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

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

@@ -1,221 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, createElementVNode, renderSlot, mergeProps, withKeys, withModifiers } from 'vue';
-import { InputTestIdModifiers } from '../../../testids/index.vue.js';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../../typography/Text.vue.js';
-import Icon from '../../icon/v3/Icon.vue.js';
-/* empty css                                                                      */import IconButton from '../../button/v3/IconButton.vue.js';
-import _sfc_main$1 from '../../tooltip/Tooltip.vue.js';
-/* empty css                                                                            */import { inputCommon } from '../common/Input.common.vue.js';
-/* empty css                                                       */
-import "../../../Input.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["data-testid"];
-const _hoisted_3 = { class: "info-icon-wrapper" };
-const _hoisted_4 = {
-  key: 0,
-  class: "icon-container icon-before"
+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_79f436f9_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-79f436f9"]]);
+export {
+  s as default
 };
-const _hoisted_5 = ["value", "placeholder", "disabled", "type", "step", "data-testid"];
-const _hoisted_6 = {
-  key: 1,
-  class: "icon-container icon-after"
-};
-const _hoisted_7 = { key: 2 };
-const _hoisted_8 = { key: 3 };
-const _hoisted_9 = ["data-testid"];
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "Input",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    viewOnly: { type: Boolean, default: false },
-    size: { default: "lg" },
-    label: { default: "" },
-    labelDirection: { default: "top" },
-    mandatory: { type: Boolean, default: false },
-    feedbackHelpText: { default: "" },
-    autoFocus: { type: Boolean, default: false },
-    feedbackErrorText: { default: "" },
-    type: { default: "text" },
-    hideNumberArrows: { type: Boolean, default: false },
-    step: { default: 1 },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    onlyDigits: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const {
-      onConfirm,
-      onEnter,
-      inputRef,
-      isFocused,
-      showLabelInside,
-      api,
-      labelText,
-      sizeClass,
-      handleInput,
-      handleKeypress
-    } = inputCommon(props, emit);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({
-          "input-with-label-container": true,
-          "label-direction-left": __props.labelDirection === "left",
-          disabled: __props.disabled
-        }),
-        "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).WRAPPER}`
-      }, [
-        __props.label && __props.labelDirection !== "inside" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["label-container", "direction-" + __props.labelDirection]),
-          "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).LABEL_CONTAINER}`
-        }, [
-          createVNode(unref(Text), {
-            class: "label",
-            "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).LABEL_TEXT}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ]),
-            _: 1
-          }, 8, ["data-testid"]),
-          __props.mandatory ? (openBlock(), createBlock(unref(Text), {
-            key: 0,
-            size: "lg",
-            class: "mandatory",
-            "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).MANDATORY}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode("*")
-            ]),
-            _: 1
-          }, 8, ["data-testid"])) : createCommentVNode("", true),
-          __props.hoverHelpText ? (openBlock(), createBlock(unref(_sfc_main$1), {
-            key: 1,
-            triggers: ["hover"],
-            text: __props.hoverHelpText,
-            placement: __props.hoverHelpTextPlacement,
-            size: "xs",
-            strong: true
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3, [
-                createVNode(unref(Icon), {
-                  class: "info-icon",
-                  name: "info",
-                  "font-size": "sm"
-                })
-              ])
-            ]),
-            _: 1
-          }, 8, ["text", "placement"])) : createCommentVNode("", true)
-        ], 10, _hoisted_2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass({
-            "input-container": true,
-            "label-inside": unref(showLabelInside),
-            error: unref(api).error?.value || __props.feedbackErrorText,
-            focused: unref(isFocused)
-          })
-        }, [
-          _ctx.$slots["iconBefore"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "iconBefore", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("input", mergeProps(_ctx.$attrs, {
-            ref_key: "inputRef",
-            ref: inputRef,
-            value: unref(api).value?.value ?? __props.modelValue,
-            placeholder: unref(labelText),
-            disabled: __props.disabled || __props.viewOnly,
-            type: __props.type,
-            class: ["input", {
-              [unref(sizeClass)]: true,
-              "view-only": __props.viewOnly,
-              "label-inside": unref(showLabelInside),
-              "hide-arrows": __props.hideNumberArrows,
-              "input-type": __props.type
-            }],
-            step: __props.step,
-            "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).FIELD}`,
-            onInput: _cache[0] || (_cache[0] = (...args) => unref(handleInput) && unref(handleInput)(...args)),
-            onFocus: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
-            onBlur: _cache[2] || (_cache[2] = ($event) => isFocused.value = false),
-            onKeyup: _cache[3] || (_cache[3] = withKeys(withModifiers(
-              (...args) => unref(onEnter) && unref(onEnter)(...args),
-              ["prevent"]
-            ), ["enter"])),
-            onKeypress: _cache[4] || (_cache[4] = (...args) => unref(handleKeypress) && unref(handleKeypress)(...args))
-          }), null, 16, _hoisted_5),
-          _ctx.$slots["iconAfter"] ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "iconAfter", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          unref(api)?.confirmable && !unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
-            createVNode(unref(IconButton), {
-              class: "confirm-icon",
-              theme: "secondary",
-              variant: "colorized",
-              onClick: withModifiers(unref(onConfirm), ["stop", "prevent"])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(Icon), {
-                  name: "check-bold",
-                  "font-size": "sm"
-                })
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ])) : createCommentVNode("", true),
-          unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            createVNode(unref(_sfc_main$1), {
-              text: unref(api)?.error?.value,
-              "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).TOOLTIP}`
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(IconButton), {
-                  class: "error-icon",
-                  theme: "secondary",
-                  variant: "colorized"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(Icon), {
-                      name: "error",
-                      "font-size": "sm"
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text", "data-testid"])
-          ])) : createCommentVNode("", true)
-        ], 2),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "extra-text-container",
-          "data-testid": `${__props.testId}-${unref(InputTestIdModifiers).EXTRA_TEXT}`
-        }, [
-          createVNode(unref(Text), {
-            class: normalizeClass(__props.feedbackErrorText ? "error" : "help"),
-            size: "caption"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ], 8, _hoisted_9)) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a28e3446"]]);
-
-export { Input as default };

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

@@ -0,0 +1,212 @@
+ import "../../../Input.vue_vue_type_style_index_0_scoped_79f436f9_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 "../../tooltip/Tooltip.vue2.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";
+import A from "../../tooltip/Tooltip.vue.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
+}, ie = /* @__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 {
+  ie as default
+};