@ironsource/shared-ui 2.1.6-rc.15 → 2.1.6-rc.16

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

@@ -973,6 +973,7 @@ declare const DropdownTypes: () => (({
             option: any;
             disabled: boolean;
             active: boolean;
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
@@ -980,6 +981,7 @@ declare const DropdownTypes: () => (({
             imageKey: string;
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            endIconKey: string;
             toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             option: {
@@ -994,6 +996,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            endIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1022,6 +1028,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            endIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
@@ -1029,7 +1039,7 @@ declare const DropdownTypes: () => (({
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "toolTipPlacement">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1056,6 +1066,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            endIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: string;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1084,6 +1098,10 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: string;
             };
+            endIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
@@ -1095,6 +1113,7 @@ declare const DropdownTypes: () => (({
             option: any;
             disabled: boolean;
             active: boolean;
+            endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             isIndeterminate: boolean;
             subtitle: string;
             selectAllOption: boolean;
@@ -1102,6 +1121,7 @@ declare const DropdownTypes: () => (({
             imageKey: string;
             iconKey: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            endIconKey: string;
             toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -1136,6 +1156,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: any;
         };
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: string;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1164,6 +1188,10 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: string;
         };
+        endIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         toolTipPlacement: {
             type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
@@ -1188,6 +1216,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: any;
     };
+    endIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        default: string;
+    };
     isIndeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -1216,6 +1248,10 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: string;
     };
+    endIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
     toolTipPlacement: {
         type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
@@ -1227,6 +1263,7 @@ declare const DropdownTypes: () => (({
     option: any;
     disabled: boolean;
     active: boolean;
+    endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     isIndeterminate: boolean;
     subtitle: string;
     selectAllOption: boolean;
@@ -1234,12 +1271,14 @@ declare const DropdownTypes: () => (({
     imageKey: string;
     iconKey: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    endIconKey: string;
     toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
         default?(_: {}): any;
+        "icon-end"?(_: {}): any;
     };
 })) | import("vue").DefineComponent<{
     testId: {
@@ -1394,6 +1433,8 @@ declare const DropdownTypes: () => (({
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             valueToCopy: string;
             disabledOptionKey: string;
             fullWidth: boolean;
@@ -1562,6 +1603,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1583,12 +1632,14 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
         }>> & {
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
             onClosed?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1600,7 +1651,7 @@ declare const DropdownTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -1765,6 +1816,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -1786,7 +1845,9 @@ declare const DropdownTypes: () => (({
                 default: any;
             };
         }>> & {
+            onClear?: () => any;
             onApply?: (value: unknown) => any;
+            onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOpened?: () => any;
@@ -1800,6 +1861,8 @@ declare const DropdownTypes: () => (({
             closed: () => void;
             opened: () => void;
             apply: (value: unknown) => void;
+            selectAll: () => void;
+            clear: () => void;
         }, string, {
             theme: string;
             disabled: boolean;
@@ -1838,6 +1901,8 @@ declare const DropdownTypes: () => (({
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             valueToCopy: string;
             disabledOptionKey: string;
             fullWidth: boolean;
@@ -2026,6 +2091,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: any;
+        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
@@ -2047,7 +2120,9 @@ declare const DropdownTypes: () => (({
             default: any;
         };
     }>> & {
+        onClear?: () => any;
         onApply?: (value: unknown) => any;
+        onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOpened?: () => any;
@@ -2222,6 +2297,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
+    optionEndIconKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    optionEndIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        default: any;
+    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
@@ -2243,7 +2326,9 @@ declare const DropdownTypes: () => (({
         default: any;
     };
 }>> & {
+    onClear?: () => any;
     onApply?: (value: unknown) => any;
+    onSelectAll?: () => any;
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOpened?: () => any;
@@ -2257,6 +2342,8 @@ declare const DropdownTypes: () => (({
     closed: () => void;
     opened: () => void;
     apply: (value: unknown) => void;
+    selectAll: () => void;
+    clear: () => void;
 }, string, {
     theme: string;
     disabled: boolean;
@@ -2295,6 +2382,8 @@ declare const DropdownTypes: () => (({
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy: string;
     disabledOptionKey: string;
     fullWidth: boolean;

package/components/inlineCopy/InlineCopy.vue.d.ts

@@ -17,7 +17,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipHeader: string;
     tooltipText: string;
     tooltipPlacement: 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<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     size: 'small' | 'medium';
     testId: string;
@@ -35,7 +37,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipHeader: string;
     tooltipText: string;
     tooltipPlacement: string;
-}>>>, {
+}>>> & {
+    onCopy?: () => any;
+}, {
     text: string;
     size: 'small' | 'medium';
     testId: string;

package/components/inlineCopy/InlineCopy.vue.js

@@ -1,7 +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_ff9f4a0f_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ff9f4a0f"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-6a7b3795"]]);
 export {
-  s as default
+  t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

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

package/components/inlineCopy/index.d.ts

@@ -36,7 +36,9 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
         required: true;
@@ -73,7 +75,9 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
         default: string;
     };
-}>>, {
+}>> & {
+    onCopy?: () => any;
+}, {
     text: string;
     size: "small" | "medium";
     testId: string;

package/components/tooltip/v4/TooltipV4.vue.d.ts

@@ -23,7 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: 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<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
@@ -47,7 +49,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
-}>>>, {
+}>>> & {
+    onShow?: () => any;
+}, {
     header: string;
     text: string;
     theme: string;

package/components/tooltip/v4/TooltipV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-25809092"]]);
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fcdb9d02"]]);
 export {
   l as default
 };

package/components/tooltip/v4/TooltipV4.vue2.js

@@ -1,14 +1,14 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_25809092_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as c, openBlock as l, createBlock as d, unref as t, mergeProps as m, withCtx as r, renderSlot as f, createTextVNode as u, toDisplayString as h, createElementVNode as p } from "vue";
-import y from "./TextWithTitleContent.vue.js";
-import { Tooltip as T } from "floating-vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as h, openBlock as l, createBlock as d, unref as t, mergeProps as f, withCtx as r, renderSlot as u, createTextVNode as p, toDisplayString as y, createElementVNode as T } from "vue";
+import g from "./TextWithTitleContent.vue.js";
+import { Tooltip as x } from "floating-vue";
 import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
-import g from "../../typography/v4/Typography.vue.js";
-import { tooltipCommon as x } from "../common/Tooltip.common.js";
-import { useTestIdAttrs as v } from "../../../utils/testIds.js";
-const b = {
+import v from "../../typography/v4/Typography.vue.js";
+import { tooltipCommon as b } from "../common/Tooltip.common.js";
+import { useTestIdAttrs as w } from "../../../utils/testIds.js";
+const I = {
   ref: "container",
   class: "container"
-}, $ = /* @__PURE__ */ c({
+}, D = /* @__PURE__ */ h({
   __name: "TooltipV4",
   props: {
     text: { default: null },
@@ -23,9 +23,10 @@ const b = {
     distance: { default: "10" },
     container: { default: "body" }
   },
-  setup(e) {
-    const n = e, { textForDisplay: o } = x(n), s = v(n.testId, i);
-    return (a, I) => (l(), d(t(T), m({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
+  emits: ["show"],
+  setup(e, { emit: c }) {
+    const n = e, { textForDisplay: o } = b(n), s = w(n.testId, i);
+    return (a, m) => (l(), d(t(x), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
@@ -35,28 +36,29 @@ const b = {
       "popper-class": [e.theme, e.placement, "v4-tooltip"],
       class: ["v4-tooltip"],
       distance: e.distance,
-      "auto-hide": ""
+      "auto-hide": "",
+      onApplyShow: m[0] || (m[0] = (k) => c("show"))
     }), {
       popper: r(() => [
-        f(a.$slots, "tooltip", { text: t(o) }, () => [
-          e.header ? (l(), d(y, {
+        u(a.$slots, "tooltip", { text: t(o) }, () => [
+          e.header ? (l(), d(g, {
             key: 1,
             text: e.text,
             header: e.header
-          }, null, 8, ["text", "header"])) : (l(), d(t(g), m({
+          }, null, 8, ["text", "header"])) : (l(), d(t(v), f({
             key: 0,
             variant: "body2"
           }, t(s)[t(i).TEXT]), {
             default: r(() => [
-              u(h(t(o)), 1)
+              p(y(t(o)), 1)
             ]),
             _: 1
           }, 16))
         ], !0)
       ]),
       default: r(() => [
-        p("div", b, [
-          f(a.$slots, "default", {}, void 0, !0)
+        T("div", I, [
+          u(a.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
@@ -64,5 +66,5 @@ const b = {
   }
 });
 export {
-  $ as default
+  D as default
 };

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

@@ -60,7 +60,9 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
+        }>> & {
+            onShow?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -72,7 +74,7 @@ declare const TooltipTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "show") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -119,7 +121,11 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string | number>;
                 default: string;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        }>> & {
+            onShow?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            show: () => void;
+        }, string, {
             header: string;
             text: string;
             theme: string;
@@ -196,7 +202,9 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string | number>;
             default: string;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & {
+        onShow?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -245,7 +253,11 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string | number>;
         default: string;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & {
+    onShow?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    show: () => void;
+}, string, {
     header: string;
     text: string;
     theme: string;