@ironsource/shared-ui 2.1.6-rc.2 → 2.1.6-rc.20

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;