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

package/src/components/popover/v3/Popover.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as d, openBlock as n, createBlock as r, unref as i, withCtx as t, renderSlot as o } from "vue";
+import { Dropdown as s } from "floating-vue";
+const f = /* @__PURE__ */ d({
+  __name: "Popover",
+  props: {
+    open: { type: Boolean },
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" }
+  },
+  setup(p) {
+    return (e, l) => (n(), r(i(s), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!e.open,
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId
+    }, {
+      popper: t(({ hide: a }) => [
+        o(e.$slots, "content", { hide: a }, void 0, !0)
+      ]),
+      default: t(() => [
+        o(e.$slots, "trigger", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid"]));
+  }
+});
+export {
+  f as default
+};

package/src/components/popover/v4/PopoverV4.vue.js

@@ -0,0 +1,8 @@
+import o from "./PopoverV4.vue2.js";
+/* empty css                *//* empty css                */import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css"; //*');
+console.log('global// import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-66694b4e"]]);
+export {
+  r as default
+};

package/src/components/popover/v4/PopoverV4.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as y, watch as a, openBlock as d, createBlock as h, unref as n, withCtx as l, createElementBlock as B, renderSlot as u, createCommentVNode as C, createElementVNode as w } from "vue";
+import { Dropdown as $ } from "floating-vue";
+import { popoverCommon as O } from "../common/Popover.common.js";
+const b = ["data-testid"], I = /* @__PURE__ */ y({
+  __name: "PopoverV4",
+  props: {
+    isOpen: { type: Boolean, default: !1 },
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" },
+    popperClass: { default: "" },
+    container: { default: "body" }
+  },
+  emits: ["isOpen"],
+  setup(g, { expose: f, emit: m }) {
+    const p = g, v = m, { popup: c, open: t, toggle: i, triggerRef: k } = O();
+    a(t, () => {
+      v("isOpen", t.value);
+    }), a(
+      () => p.isOpen,
+      (e) => {
+        i(e);
+      }
+    );
+    const r = (e) => {
+      p.trigger === e && (t.value = !t.value);
+    };
+    return f({
+      toggle: i
+    }), (e, o) => (d(), h(n($), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!n(t),
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      container: e.container,
+      "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
+    }, {
+      popper: l(() => [
+        n(t) ? (d(), B("div", {
+          key: 0,
+          ref_key: "popup",
+          ref: c,
+          class: "menu-popup",
+          "data-testid": e.testId
+        }, [
+          u(e.$slots, "content", {}, void 0, !0)
+        ], 8, b)) : C("", !0)
+      ]),
+      default: l(() => [
+        w("div", {
+          ref_key: "triggerRef",
+          ref: k,
+          onClick: o[0] || (o[0] = (s) => r("click")),
+          onMouseenter: o[1] || (o[1] = (s) => r("hover")),
+          onMouseleave: o[2] || (o[2] = (s) => r("hover"))
+        }, [
+          u(e.$slots, "trigger", {}, void 0, !0)
+        ], 544)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
+  }
+});
+export {
+  I as default
+};

package/src/components/radioButton/v3/RadioButton.vue.js

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

package/src/components/radioButton/v3/RadioButton.vue2.js

@@ -0,0 +1,79 @@
+import { defineComponent as I, openBlock as n, createElementBlock as y, normalizeClass as v, unref as e, createElementVNode as o, withDirectives as C, mergeProps as i, isRef as N, vModelRadio as g, renderSlot as w, createVNode as z, withCtx as u, createTextVNode as p, toDisplayString as m, createBlock as R, createCommentVNode as V } from "vue";
+import f from "../../typography/Text.vue.js";
+import { useRadio as A } from "../common/useRadio.js";
+import { RadioTestIdModifiers as a } from "../../../testids/index.js";
+import { useTestIdAttrs as D } from "../../../utils/testIds.js";
+const L = { class: "wrapper" }, $ = ["value", "name", "disabled"], P = /* @__PURE__ */ I({
+  __name: "RadioButton",
+  props: {
+    label: { default: "" },
+    name: { default: "" },
+    helperText: { default: "" },
+    errorText: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, { emit: x }) {
+    const c = h, k = x, { radioRef: B, focus: T, disabled: b, modelValue: r, radioGroup: E } = A(
+      c,
+      k
+    ), s = D(c.testId, a);
+    return (t, l) => (n(), y("label", {
+      class: v(["radio-button", { "radio-button--disabled": e(b) }])
+    }, [
+      o("span", L, [
+        C(o("input", i({
+          ref_key: "radioRef",
+          ref: B,
+          "onUpdate:modelValue": l[0] || (l[0] = (d) => N(r) ? r.value = d : null),
+          value: t.label,
+          name: t.name || e(E)?.name,
+          type: "radio",
+          disabled: e(b)
+        }, e(s)[e(a).FIELD], {
+          onFocus: l[1] || (l[1] = (d) => T.value = !0),
+          onBlur: l[2] || (l[2] = (d) => T.value = !1)
+        }), null, 16, $), [
+          [g, e(r)]
+        ]),
+        o("span", {
+          class: v([{ "circle--selected": e(r) === t.label }, "circle"])
+        }, null, 2)
+      ]),
+      o("span", i({ class: "label" }, e(s)[e(a).LABEL]), [
+        w(t.$slots, "default", {}, () => [
+          z(f, { "is-truncated": "" }, {
+            default: u(() => [
+              p(m(t.label), 1)
+            ]),
+            _: 1
+          })
+        ], !0),
+        !t.errorText && t.helperText ? (n(), R(f, {
+          key: 0,
+          class: "helper-text--text helper-text",
+          size: "caption"
+        }, {
+          default: u(() => [
+            p(m(t.helperText), 1)
+          ]),
+          _: 1
+        })) : V("", !0),
+        t.errorText ? (n(), R(f, i({
+          key: 1,
+          size: "caption",
+          class: "helper-text--error helper-text"
+        }, e(s)[e(a).ERROR_TEXT]), {
+          default: u(() => [
+            p(m(t.errorText), 1)
+          ]),
+          _: 1
+        }, 16)) : V("", !0)
+      ], 16)
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/src/components/radioButton/v3/RadioGroup.vue.js

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

package/src/components/radioButton/v3/RadioGroup.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, openBlock as u, createElementBlock as m, mergeProps as n, unref as r, renderSlot as f } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as c } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as g } from "../../../utils/testIds.js";
+const k = /* @__PURE__ */ l({
+  __name: "RadioGroup",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {},
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: d }) {
+    const e = a, s = d, p = g(e.testId, t), { radioGroupRef: i } = c(e, s);
+    return (o, G) => (u(), m("div", n({
+      ref_key: "radioGroupRef",
+      ref: i,
+      class: [{ "radio-group--row": o.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(p)[r(t).GROUP]), [
+      f(o.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  k as default
+};

package/src/components/radioButton/v4/RadioButtonV4.vue.js

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

package/src/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as g, ref as k, inject as B, computed as u, openBlock as f, createElementBlock as R, normalizeClass as v, createElementVNode as t, withDirectives as w, mergeProps as c, unref as a, vModelRadio as C, renderSlot as L, createVNode as N, withCtx as b, createTextVNode as V, toDisplayString as h, createBlock as T, createCommentVNode as A } from "vue";
+import y from "../../typography/v4/Typography.vue.js";
+import { radioGroupKey as G } from "../common/useRadio.js";
+import { RadioTestIdModifiers as s } from "../../../testids/index.js";
+import { useTestIdAttrs as S } from "../../../utils/testIds.js";
+const M = { class: "wrapper-with-description" }, P = { class: "wrapper" }, j = ["value", "name", "disabled"], $ = /* @__PURE__ */ g({
+  __name: "RadioButtonV4",
+  props: {
+    value: {},
+    label: { default: "" },
+    name: { default: "" },
+    modelValue: { default: void 0 },
+    testId: { default: "" },
+    labelDescription: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(I, { emit: D }) {
+    const o = I, E = D, r = S(o.testId, s), i = k(), l = B(G, void 0), p = u(() => !!l), d = u(() => l?.disabled), n = u({
+      get() {
+        return p.value ? l?.modelValue : o.modelValue;
+      },
+      set(e) {
+        p.value ? l?.changeEvent(e) : E("update:modelValue", e), i.value && (i.value.checked = o.modelValue === o.value);
+      }
+    });
+    return (e, m) => (f(), R("label", {
+      class: v(["radio-button", { "radio-button--disabled": d.value }])
+    }, [
+      t("span", M, [
+        t("span", P, [
+          w(t("input", c({
+            ref_key: "radioRef",
+            ref: i,
+            "onUpdate:modelValue": m[0] || (m[0] = (_) => n.value = _),
+            value: e.value,
+            name: e.name || a(l)?.name,
+            type: "radio",
+            disabled: d.value
+          }, a(r)[a(s).FIELD]), null, 16, j), [
+            [C, n.value]
+          ]),
+          t("span", {
+            class: v(["circle", {
+              "circle--selected": n.value === e.value,
+              "circle--disabled": d.value
+            }])
+          }, null, 2)
+        ]),
+        t("span", c({
+          class: ["label", { "label--disabled": d.value }]
+        }, a(r)[a(s).LABEL]), [
+          L(e.$slots, "default", {}, () => [
+            N(a(y), {
+              variant: "body2",
+              "is-truncated": ""
+            }, {
+              default: b(() => [
+                V(h(e.label), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ], 16)
+      ]),
+      e.labelDescription ? (f(), T(a(y), c({
+        key: 0,
+        variant: "body2",
+        class: "label-description"
+      }, a(r)[a(s).LABEL_DESCRIPTION]), {
+        default: b(() => [
+          V(h(e.labelDescription), 1)
+        ]),
+        _: 1
+      }, 16)) : A("", !0)
+    ], 2));
+  }
+});
+export {
+  $ as default
+};

package/src/components/radioButton/v4/RadioGroupV4.vue.js

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

package/src/components/radioButton/v4/RadioGroupV4.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as l, openBlock as u, createElementBlock as m, mergeProps as n, unref as r, renderSlot as f } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as c } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as g } from "../../../utils/testIds.js";
+const k = /* @__PURE__ */ l({
+  __name: "RadioGroupV4",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {},
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: d }) {
+    const e = a, s = d, p = g(e.testId, t), { radioGroupRef: i } = c(e, s);
+    return (o, G) => (u(), m("div", n({
+      ref_key: "radioGroupRef",
+      ref: i,
+      class: [{ "radio-group--row": o.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(p)[r(t).GROUP]), [
+      f(o.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  k as default
+};

package/src/components/search/v3/Search.vue.js

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

package/src/components/search/v3/Search.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as b, openBlock as a, createElementBlock as g, normalizeClass as o, unref as e, createBlock as i, createCommentVNode as r, createElementVNode as z } from "vue";
+import c from "../../icon/v3/Icon.vue.js";
+import { SearchTestIdModifiers as s } from "../../../testids/index.js";
+import { searchCommon as E } from "../common/Search.common.js";
+const R = ["data-testid"], y = ["value", "placeholder", "disabled", "data-testid"], S = /* @__PURE__ */ b({
+  __name: "Search",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    variant: { default: "default" },
+    size: { default: "sm" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(m, { expose: u, emit: p }) {
+    const f = m, h = p, {
+      showLeftIcon: I,
+      updateValue: l,
+      showRightIcon: C,
+      showClear: k,
+      rightIcon: V,
+      onRightIconClick: $,
+      inputRef: d
+    } = E(f, h);
+    return u({
+      inputRef: d
+    }), (t, n) => (a(), g("div", {
+      class: o(["search-container", `${t.size}`]),
+      "data-testid": `${t.testId}-${e(s).CONTAINER}`
+    }, [
+      e(I) ? (a(), i(e(c), {
+        key: 0,
+        class: "search-left-icon",
+        name: "search-bold",
+        "font-size": "sm"
+      })) : r("", !0),
+      z("input", {
+        ref_key: "inputRef",
+        ref: d,
+        class: o({ [t.variant]: !0, activated: t.modelValue !== "" }),
+        value: t.modelValue,
+        placeholder: t.placeholder,
+        disabled: t.disabled,
+        "data-testid": `${t.testId}-${e(s).FIELD}`,
+        onInput: n[0] || (n[0] = //@ts-ignore
+        (...v) => e(l) && e(l)(...v))
+      }, null, 42, y),
+      e(C) ? (a(), i(e(c), {
+        key: 1,
+        class: o(["search-right-icon", { "search-right-icon-clear": e(k) }]),
+        name: e(V),
+        "font-size": "sm",
+        "data-testid": `${t.testId}-${e(s).CLOSE}`,
+        onClick: e($)
+      }, null, 8, ["class", "name", "data-testid", "onClick"])) : r("", !0)
+    ], 10, R));
+  }
+});
+export {
+  S as default
+};

package/src/components/search/v4/SearchV4.vue.js

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

package/src/components/search/v4/SearchV4.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as V, openBlock as I, createElementBlock as C, mergeProps as p, unref as e, createVNode as l, withCtx as v, withDirectives as b, createElementVNode as y, vShow as B } from "vue";
+import u from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import { SearchTestIdModifiers as r } from "../../../testids/index.js";
+import { searchCommon as g } from "../common/Search.common.js";
+import k from "../../input/v4/TextField.vue.js";
+import { useTestIdAttrs as w } from "../../../utils/testIds.js";
+const F = /* @__PURE__ */ V({
+  __name: "SearchV4",
+  props: {
+    modelValue: {},
+    placeholder: { default: "Search" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    autoFocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "onClear"],
+  setup(c, { expose: f, emit: h }) {
+    const s = c, d = h, { inputRef: i, clearValue: m } = g(s, d), n = w(s.testId, r);
+    return f({
+      inputRef: i
+    }), (o, t) => (I(), C("div", p({ class: "search-container" }, e(n)[e(r).CONTAINER]), [
+      l(e(k), {
+        ref_key: "inputRef",
+        ref: i,
+        "model-value": o.modelValue,
+        "icon-before-name": "search",
+        "auto-focus": o.autoFocus,
+        placeholder: o.placeholder,
+        disabled: o.disabled,
+        "test-id": o.testId,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => d("update:modelValue", a))
+      }, {
+        iconBefore: v(() => [
+          l(e(u), {
+            name: "magnifying-glass",
+            size: "16px"
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
+      b(y("div", p({ class: "x-circle-wrapper" }, e(n)[e(r).CLEAR], {
+        onClick: t[1] || (t[1] = //@ts-ignore
+        (...a) => e(m) && e(m)(...a))
+      }), [
+        l(e(u), {
+          name: "x-circle",
+          size: "16px",
+          type: "fill"
+        })
+      ], 16), [
+        [B, !!o.modelValue]
+      ])
+    ], 16));
+  }
+});
+export {
+  F as default
+};

package/src/components/shared/FieldHelpText.vue.js

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

package/src/components/shared/FieldHelpText.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as l, computed as p, openBlock as s, createElementBlock as d, mergeProps as a, unref as e, createBlock as m, createCommentVNode as f, createVNode as u, withCtx as I, createTextVNode as h, toDisplayString as v } from "vue";
+import T from "../icon/v3/Icon.vue.js";
+import g from "../typography/v4/Typography.vue.js";
+import { FieldHelpTextTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
+const _ = /* @__PURE__ */ l({
+  __name: "FieldHelpText",
+  props: {
+    text: { default: "" },
+    variant: { default: null },
+    testId: { default: "" },
+    showIcon: { type: Boolean, default: !0 }
+  },
+  setup(i) {
+    const r = i, c = p(() => {
+      const t = {
+        warning: "warning-v4",
+        error: "warning-octagon",
+        success: "check-circle"
+      };
+      return r.variant ? t[r.variant] : "info-v4";
+    }), n = N(r.testId, o);
+    return (t, w) => (s(), d("div", a({
+      class: ["field-help", [`field-help--${t.variant}`]]
+    }, e(n)[e(o).CONTAINER]), [
+      t.showIcon ? (s(), m(e(T), a({
+        key: 0,
+        class: "help-icon",
+        name: c.value,
+        "font-size": "sm"
+      }, e(n)[e(o).ICON]), null, 16, ["name"])) : f("", !0),
+      u(e(g), a({ variant: "caption" }, e(n)[e(o).TEXT]), {
+        default: I(() => [
+          h(v(t.text), 1)
+        ]),
+        _: 1
+      }, 16)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/src/components/shared/FieldLabel.vue.js

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

package/src/components/shared/FieldLabel.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as k, useSlots as N, computed as n, openBlock as i, createElementBlock as T, Fragment as C, createElementVNode as A, mergeProps as r, unref as e, createVNode as d, withCtx as o, createTextVNode as p, toDisplayString as v, createBlock as b, createCommentVNode as c, createSlots as B, normalizeClass as H, renderSlot as S } from "vue";
+import x from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import E from "../tooltip/v4/TooltipV4.vue.js";
+import u from "../typography/v4/Typography.vue.js";
+import { FieldLabelTestIdModifiers as l } from "../../testids/index.js";
+import { useTestIdAttrs as L } from "../../utils/testIds.js";
+const O = {
+  key: 0,
+  class: "description"
+}, R = /* @__PURE__ */ k({
+  __name: "FieldLabel",
+  props: {
+    label: { default: "" },
+    description: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    hoverHelpText: { default: null },
+    hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] },
+    testId: { default: "" }
+  },
+  setup(h) {
+    const s = h, g = N(), a = L(s.testId, l), m = n(() => !!g["icon-tooltip-content"]), I = n(
+      () => s.helpTextIconTooltipTrigger.includes("click")
+    ), y = n(
+      () => !!s.hoverHelpText || m.value
+    );
+    return (t, f) => (i(), T(C, null, [
+      A("div", r({
+        class: ["field-label", {
+          "field-label--disabled": t.disabled,
+          "field-label--with-description": !!t.description
+        }]
+      }, e(a)[e(l).CONTAINER]), [
+        d(e(u), r({
+          class: "label",
+          variant: "inputLabel"
+        }, e(a)[e(l).TEXT]), {
+          default: o(() => [
+            p(v(t.label), 1)
+          ]),
+          _: 1
+        }, 16),
+        t.mandatory ? (i(), b(e(u), r({
+          key: 0,
+          variant: "h3",
+          class: "mandatory"
+        }, e(a)[e(l).MANDATORY]), {
+          default: o(() => f[0] || (f[0] = [
+            p("*")
+          ])),
+          _: 1
+        }, 16)) : c("", !0),
+        y.value ? (i(), b(e(E), r({
+          key: 1,
+          triggers: t.helpTextIconTooltipTrigger,
+          text: t.hoverHelpText,
+          placement: t.hoverHelpTextPlacement
+        }, e(a)[e(l).TOOLTIP], { "test-id": t.testId }), B({
+          default: o(() => [
+            d(e(x), {
+              class: H(["info-icon", { "clickable-icon": I.value }]),
+              name: "question",
+              size: "16px"
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, [
+          m.value ? {
+            name: "tooltip",
+            fn: o(() => [
+              S(t.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["triggers", "text", "placement", "test-id"])) : c("", !0)
+      ], 16),
+      t.description ? (i(), T("div", O, [
+        d(e(u), { variant: "body2" }, {
+          default: o(() => [
+            p(v(t.description), 1)
+          ]),
+          _: 1
+        })
+      ])) : c("", !0)
+    ], 64));
+  }
+});
+export {
+  R as default
+};