@ironsource/shared-ui 2.1.12-rc.12 → 2.1.12-rc.14

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css"; import { defineComponent as L, openBlock as o, createBlock as u, Teleport as E, createVNode as A, Transition as P, withCtx as i, unref as t, createElementBlock as m, createElementVNode as y, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as l } from "vue";
 import { NOOP as I } from "@vue/shared";
 import b from "../../typography/v4/Typography.vue.js";
 import O from "../../button/v4/ButtonV4.vue.js";

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

@@ -22,7 +22,7 @@ declare const DialogTypes: () => ({
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
-            saveButtonColor: string;
+            saveButtonColor: import("../../button/common/consts").ButtonColor;
             cancelButtonLabel: string;
             cancelButtonColor: string;
             noPadding: boolean;
@@ -104,7 +104,7 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
             saveButtonColor: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
                 default: string;
             };
             cancelButtonLabel: {
@@ -217,7 +217,7 @@ declare const DialogTypes: () => ({
                 default: boolean;
             };
             saveButtonColor: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
                 default: string;
             };
             cancelButtonLabel: {
@@ -263,7 +263,7 @@ declare const DialogTypes: () => ({
             showFooter: boolean;
             saveButtonLabel: string;
             saveButtonLoading: boolean;
-            saveButtonColor: string;
+            saveButtonColor: import("../../button/common/consts").ButtonColor;
             cancelButtonLabel: string;
             cancelButtonColor: string;
             noPadding: boolean;
@@ -365,7 +365,7 @@ declare const DialogTypes: () => ({
             default: boolean;
         };
         saveButtonColor: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
             default: string;
         };
         cancelButtonLabel: {
@@ -468,7 +468,7 @@ declare const DialogTypes: () => ({
         default: boolean;
     };
     saveButtonColor: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<import("../../button/common/consts").ButtonColor>;
         default: string;
     };
     cancelButtonLabel: {
@@ -514,7 +514,7 @@ declare const DialogTypes: () => ({
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
-    saveButtonColor: string;
+    saveButtonColor: import("../../button/common/consts").ButtonColor;
     cancelButtonLabel: string;
     cancelButtonColor: string;
     noPadding: boolean;

package/components/dropdown/v4/IconButtonDropdownTrigger.vue.d.ts

@@ -1,13 +1,24 @@
+import { IconTypes } from '@is-ssp/icon/v4/Icon.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    iconName?: string;
+    iconType?: IconTypes;
     testId?: string;
 }>, {
+    iconName: string;
+    iconType: string;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    iconName?: string;
+    iconType?: IconTypes;
     testId?: string;
 }>, {
+    iconName: string;
+    iconType: string;
     testId: string;
 }>>>, {
     testId: string;
+    iconName: string;
+    iconType: IconTypes;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/dropdown/v4/IconButtonDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconButtonDropdownTrigger.vue2.js";
-/* empty css                                */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-59fb505a"]]);
+/* empty css                                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; //*');
+const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-99e51ecc"]]);
 export {
-  p as default
+  _ as default
 };

package/components/dropdown/v4/IconButtonDropdownTrigger.vue2.js

@@ -1,21 +1,23 @@
- import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_59fb505a_lang.css"; import { defineComponent as e, openBlock as r, createBlock as n, unref as p, mergeProps as c } from "vue";
+ import "../../../IconButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_99e51ecc_lang.css"; import { defineComponent as t, openBlock as n, createBlock as r, unref as c, mergeProps as m } from "vue";
 import "../../button/v4/ButtonV4.vue.js";
-import m from "../../button/v4/IconButtonV4.vue.js";
+import p from "../../button/v4/IconButtonV4.vue.js";
 import "../../button/v4/ButtonGroup.vue.js";
 import "../../button/v4/ToggleButtonGroupAB.vue.js";
-const _ = /* @__PURE__ */ e({
+const y = /* @__PURE__ */ t({
   __name: "IconButtonDropdownTrigger",
   props: {
+    iconName: { default: "dots-three" },
+    iconType: { default: "bold" },
     testId: { default: "" }
   },
-  setup(o) {
-    const t = o;
-    return (s, i) => (r(), n(p(m), c({
-      "icon-name": "dots-three",
-      type: "bold"
-    }, t), null, 16));
+  setup(e) {
+    const o = e;
+    return (i, a) => (n(), r(c(p), m({
+      "icon-name": e.iconName,
+      type: e.iconType
+    }, o), null, 16, ["icon-name", "type"]));
   }
 });
 export {
-  _ as default
+  y as default
 };

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

@@ -1576,13 +1576,31 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     testId: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
 }>>, {
     testId: string;
+    iconName: string;
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
 }> | import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;

package/components/forms/FormRow.vue.d.ts

@@ -1,34 +1,41 @@
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;
     testId?: string;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     mandatory?: boolean;
     testId?: string;
     hoverHelpText?: string;
     hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
 }>, {
     label: string;
     mandatory: boolean;
     testId: string;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>>>, {
     label: string;
     testId: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger: TooltipTriggers[];
 }>, {
+    "icon-tooltip-content"?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/components/forms/FormRow.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormRow.vue2.js";
 /* empty css              */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fc3897fd"]]);
+// import "../../FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2d5a3057"]]);
 export {
-  c as default
+  p as default
 };

package/components/forms/FormRow.vue2.js

@@ -1,34 +1,45 @@
- import "../../FormRow.vue_vue_type_style_index_0_scoped_fc3897fd_lang.css"; import { defineComponent as a, openBlock as t, createElementBlock as l, createVNode as n, createCommentVNode as r, createElementVNode as d, renderSlot as c } from "vue";
-import m from "../shared/FieldLabel.vue.js";
-const s = { class: "form-row" }, h = {
+ import "../../FormRow.vue_vue_type_style_index_0_scoped_2d5a3057_lang.css"; import { defineComponent as r, useSlots as i, openBlock as o, createElementBlock as l, createVNode as c, createSlots as d, unref as s, withCtx as h, renderSlot as n, createCommentVNode as m, createElementVNode as p } from "vue";
+import u from "../shared/FieldLabel.vue.js";
+const f = { class: "form-row" }, v = {
   key: 0,
   class: "label-container"
-}, i = { class: "content" }, p = /* @__PURE__ */ a({
+}, x = { class: "content" }, y = /* @__PURE__ */ r({
   __name: "FormRow",
   props: {
     label: { default: "" },
     mandatory: { type: Boolean, default: !1 },
     testId: { default: "" },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" }
+    hoverHelpText: { default: null },
+    hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] }
   },
   setup(e) {
-    return (o, f) => (t(), l("div", s, [
-      e.label ? (t(), l("div", h, [
-        n(m, {
+    const a = i();
+    return (t, T) => (o(), l("div", f, [
+      e.label ? (o(), l("div", v, [
+        c(u, {
           label: e.label,
           mandatory: e.mandatory,
           "hover-help-text": e.hoverHelpText,
           "hover-help-text-placement": e.hoverHelpTextPlacement,
+          "help-text-icon-tooltip-trigger": e.helpTextIconTooltipTrigger,
           "test-id": e.testId
-        }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "test-id"])
-      ])) : r("", !0),
-      d("div", i, [
-        c(o.$slots, "default", {}, void 0, !0)
+        }, d({ _: 2 }, [
+          s(a)["icon-tooltip-content"] ? {
+            name: "icon-tooltip-content",
+            fn: h(() => [
+              n(t.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "help-text-icon-tooltip-trigger", "test-id"])
+      ])) : m("", !0),
+      p("div", x, [
+        n(t.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  p as default
+  y as default
 };

package/components/forms/index.d.ts

@@ -404,6 +404,7 @@ declare const FormCardTypes: () => (({
             mandatory: boolean;
             hoverHelpText: string;
             hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
@@ -420,13 +421,17 @@ declare const FormCardTypes: () => (({
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
             hoverHelpTextPlacement: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement">;
+            helpTextIconTooltipTrigger: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "mandatory" | "hoverHelpText" | "hoverHelpTextPlacement" | "helpTextIconTooltipTrigger">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -456,18 +461,23 @@ declare const FormCardTypes: () => (({
             };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
             hoverHelpTextPlacement: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
             };
+            helpTextIconTooltipTrigger: {
+                type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+                default: () => string[];
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             label: string;
             testId: string;
             mandatory: boolean;
             hoverHelpText: string;
             hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+            helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -504,12 +514,16 @@ declare const FormCardTypes: () => (({
         };
         hoverHelpText: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: any;
         };
         hoverHelpTextPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
         };
+        helpTextIconTooltipTrigger: {
+            type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+            default: () => string[];
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -530,20 +544,26 @@ declare const FormCardTypes: () => (({
     };
     hoverHelpText: {
         type: import("vue").PropType<string>;
-        default: string;
+        default: any;
     };
     hoverHelpTextPlacement: {
         type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
         default: string;
     };
+    helpTextIconTooltipTrigger: {
+        type: import("vue").PropType<import("../tooltip/common/Tooltip.types").TooltipTriggers[]>;
+        default: () => string[];
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     label: string;
     testId: string;
     mandatory: boolean;
     hoverHelpText: string;
     hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger: import("../tooltip/common/Tooltip.types").TooltipTriggers[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "icon-tooltip-content"?(_: {}): any;
         default?(_: {}): any;
     };
 })))[];

package/components/search/v3/index.d.ts

@@ -12,7 +12,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -41,7 +41,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -58,7 +58,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     testId: string;
     variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
-    size: "sm" | "md";
+    size: "md" | "sm";
 }>[];
 export { default as Search } from './Search.vue';
 export { SearchTypes };

package/components/shared/FieldLabel.vue.d.ts

@@ -1,11 +1,12 @@
-import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
     testId?: string;
 }>, {
     label: string;
@@ -13,15 +14,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    hoverHelpTextPlacement?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
     testId?: string;
 }>, {
     label: string;
@@ -29,8 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>>>, {
     label: string;
     testId: string;
@@ -38,7 +42,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     mandatory: boolean;
     description: string;
     hoverHelpText: string;
-    hoverHelpTextPlacement: TooltipPositions;
+    hoverHelpTextPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+    helpTextIconTooltipTrigger: TooltipTriggers[];
+}>, {
+    "icon-tooltip-content"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -58,3 +65,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/shared/FieldLabel.vue.js

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

package/components/shared/FieldLabel.vue2.js

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