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

package/components/toggle/v4/ToggleV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ad231e8c_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
+ import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_a4aa32fb_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as r, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as b, toDisplayString as y, createVNode as V } from "vue";
 import E from "../../typography/v4/Typography.vue.js";
 import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
 import B from "../../shared/FieldHelpText.vue.js";
@@ -25,29 +25,29 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
   emits: ["update:modelValue"],
   setup(e, { emit: x }) {
     const c = e, T = () => {
-      r.value || x("update:modelValue", !c.modelValue);
-    }, o = H(c.testId, a), r = h(() => c.isDisabled || c.isLoading);
+      s.value || x("update:modelValue", !c.modelValue);
+    }, o = H(c.testId, a), s = h(() => c.isDisabled || c.isLoading);
     return (n, $) => (i(), m("div", {
       class: f(["toggle", [`toggle--color-${e.color}`, `toggle--size-${e.size}`]])
     }, [
-      s("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
-        s("div", d({
+      r("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
+        r("div", d({
           class: ["toggle-body", {
             "toggle-active": e.modelValue,
-            "toggle-disabled": t(r)
+            "toggle-disabled": t(s)
           }]
         }, t(o)[t(a).BODY], { onClick: T }), [
-          s("div", L, [
+          r("div", L, [
             e.isLoading ? (i(), m("span", {
               key: 0,
               class: f(["loader", { "loader-active": e.modelValue }])
             }, null, 2)) : l("", !0)
           ])
         ], 16),
-        s("input", d({
+        r("input", d({
           type: "checkbox",
           class: "toggle-checkbox",
-          disabled: t(r),
+          disabled: t(s),
           checked: e.modelValue
         }, t(o)[t(a).FIELD]), null, 16, P),
         n.$slots["icon-left"] ? g(n.$slots, "icon-left", { key: 0 }, void 0, !0) : l("", !0),
@@ -55,13 +55,13 @@ const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE_
           key: 1,
           variant: "body1",
           "is-truncated": "",
-          class: "toggle-text"
+          class: ["toggle-text", { "toggle-disabled-text": t(s) }]
         }, t(o)[t(a).TEXT]), {
           default: v(() => [
-            y(b(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
+            b(y(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
           ]),
           _: 1
-        }, 16)) : l("", !0),
+        }, 16, ["class"])) : l("", !0),
         n.$slots["icon-right"] ? g(n.$slots, "icon-right", { key: 2 }, void 0, !0) : l("", !0),
         e.hoverHelpText ? (i(), u(t(D), {
           key: 3,

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;