@ironsource/shared-ui 2.1.12-rc.8 → 2.1.12-test.1

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

@@ -1,180 +1,82 @@
 declare const ToggleTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            text: string;
-            testId: string;
-            color: "primary" | "test";
-            size: "small" | "medium";
-            isLoading: 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";
-            feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
-            isDisabled: boolean;
-            activeText: string;
-            inactiveText: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            text: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            color: {
-                type: import("vue").PropType<"primary" | "test">;
-                default: string;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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;
-            };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
-                default: any;
-            };
-            isDisabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            activeText: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            inactiveText: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "testId" | "color" | "size" | "isLoading" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isDisabled" | "activeText" | "inactiveText">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        text: {
+            type: import("vue").PropType<string>;
+            default: any;
         };
-        $refs: {
-            [x: string]: unknown;
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot;
-        }>;
-        $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: "update:modelValue", value: boolean) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            text: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            color: {
-                type: import("vue").PropType<"primary" | "test">;
-                default: string;
-            };
-            size: {
-                type: import("vue").PropType<"small" | "medium">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
-            isLoading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            hoverHelpText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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;
-            };
-            feedbackText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            feedbackVariant: {
-                type: import("vue").PropType<"success" | "warning" | "error">;
-                default: any;
-            };
-            isDisabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            activeText: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            inactiveText: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: (value: boolean) => any;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => void;
-        }, string, {
-            text: string;
-            testId: string;
-            color: "primary" | "test";
-            size: "small" | "medium";
-            isLoading: 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";
-            feedbackText: string;
-            feedbackVariant: "success" | "warning" | "error";
-            isDisabled: boolean;
-            activeText: string;
-            inactiveText: string;
-        }, {}, string> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        color: {
+            type: import("vue").PropType<"primary" | "test">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium">;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        hoverHelpText: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
+        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;
+        };
+        feedbackText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
+        isDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        activeText: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        inactiveText: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: (value: boolean) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => void;
+    }, import("vue").PublicProps, {
+        text: string;
+        testId: string;
+        color: "primary" | "test";
+        size: "small" | "medium";
+        isLoading: 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";
+        feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
+        isDisabled: boolean;
+        activeText: string;
+        inactiveText: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         text: {
             type: import("vue").PropType<string>;
             default: any;
@@ -212,7 +114,7 @@ declare const ToggleTypes: () => ({
             default: string;
         };
         feedbackVariant: {
-            type: import("vue").PropType<"success" | "warning" | "error">;
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
         isDisabled: {
@@ -227,9 +129,22 @@ declare const ToggleTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: (value: boolean) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        text: string;
+        testId: string;
+        color: "primary" | "test";
+        size: "small" | "medium";
+        isLoading: 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";
+        feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
+        isDisabled: boolean;
+        activeText: string;
+        inactiveText: string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -271,7 +186,7 @@ declare const ToggleTypes: () => ({
         default: string;
     };
     feedbackVariant: {
-        type: import("vue").PropType<"success" | "warning" | "error">;
+        type: import("vue").PropType<"error" | "success" | "warning">;
         default: any;
     };
     isDisabled: {
@@ -286,9 +201,9 @@ declare const ToggleTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: (value: boolean) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, {
     text: string;
@@ -299,11 +214,11 @@ declare const ToggleTypes: () => ({
     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";
     feedbackText: string;
-    feedbackVariant: "success" | "warning" | "error";
+    feedbackVariant: "error" | "success" | "warning";
     isDisabled: boolean;
     activeText: string;
     inactiveText: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "icon-left"?(_: {}): any;
         "icon-right"?(_: {}): any;

package/components/tooltip/common/Tooltip.common.d.ts

@@ -1,3 +1,3 @@
 export declare const tooltipCommon: (props: any) => {
-    textForDisplay: any;
+    textForDisplay: import("vue").Ref<any, any>;
 };

package/components/tooltip/common/Tooltip.types.d.ts

@@ -1,2 +1,3 @@
 export declare const TOOLTIP_POSITIONS: readonly ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "right", "right-start", "right-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end"];
 export type TooltipPositions = (typeof TOOLTIP_POSITIONS)[number];
+export type TooltipTriggers = 'hover' | 'click' | 'focus' | 'touch';

package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     args: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     args: any;
-}>>>, {}>, {
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/tooltip/v3/TextWithTitleContent.vue.d.ts

@@ -1,18 +1,18 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
     testId?: 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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
     testId?: string;
 }>, {
     testId: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     testId: string;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/tooltip/v3/TextWithTitleContent.vue2.js

@@ -1,39 +1,39 @@
- import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_13b5aebd_lang.css"; import { defineComponent as l, openBlock as f, createElementBlock as m, createElementVNode as o, createVNode as n, unref as t, withCtx as d, createTextVNode as i, toDisplayString as r } from "vue";
+ import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_13b5aebd_lang.css"; import { defineComponent as p, openBlock as f, createElementBlock as m, createElementVNode as o, createVNode as d, unref as t, withCtx as n, createTextVNode as r, toDisplayString as i } from "vue";
 import "../../typography/Heading.vue.js";
 import a from "../../typography/Text.vue.js";
 import { TooltipTestIdModifiers as c } from "../../../testids/index.js";
-const u = { class: "content-wrap" }, p = { class: "content-header" }, T = { class: "content-body" }, g = /* @__PURE__ */ l({
+const _ = { class: "content-wrap" }, u = { class: "content-header" }, T = { class: "content-body" }, g = /* @__PURE__ */ p({
   __name: "TextWithTitleContent",
   props: {
-    text: null,
-    header: null,
+    text: {},
+    header: {},
     testId: { default: "" }
   },
-  setup(e) {
-    const s = e;
-    return (_, h) => (f(), m("div", u, [
-      o("div", p, [
-        n(t(a), {
+  setup(l) {
+    const e = l;
+    return (s, h) => (f(), m("div", _, [
+      o("div", u, [
+        d(t(a), {
           size: "md",
           "is-truncated": !1,
           strong: "",
-          "test-id": `${s.testId}-${t(c).TEXT}`
+          "test-id": `${e.testId}-${t(c).TEXT}`
         }, {
-          default: d(() => [
-            i(r(e.header), 1)
+          default: n(() => [
+            r(i(s.header), 1)
           ]),
           _: 1
         }, 8, ["test-id"])
       ]),
       o("div", T, [
-        n(t(a), {
+        d(t(a), {
           size: "xs",
           "is-truncated": !1,
           strong: "",
-          "test-id": `${s.testId}-${t(c).TEXT}`
+          "test-id": `${e.testId}-${t(c).TEXT}`
         }, {
-          default: d(() => [
-            i(r(e.text), 1)
+          default: n(() => [
+            r(i(s.text), 1)
           ]),
           _: 1
         }, 8, ["test-id"])

package/components/tooltip/v3/Tooltip.vue.d.ts

@@ -1,9 +1,9 @@
-type Triggers = 'hover' | 'click' | 'focus' | 'touch';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: Triggers[];
+    triggers?: TooltipTriggers[];
     forceShowWithTruncate?: boolean;
     placement?: "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";
     theme?: string;
@@ -19,11 +19,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     disabled: boolean;
     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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     text?: string;
     header?: string;
     delay?: number;
-    triggers?: Triggers[];
+    triggers?: TooltipTriggers[];
     forceShowWithTruncate?: boolean;
     placement?: "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";
     theme?: string;
@@ -39,17 +39,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     disabled: boolean;
     testId: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     header: string;
     text: string;
     theme: string;
     testId: string;
+    disabled: boolean;
     delay: number;
-    triggers: Triggers[];
+    triggers: TooltipTriggers[];
     forceShowWithTruncate: boolean;
     placement: "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";
-    disabled: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
     tooltip?(_: {
         text: any;

package/components/tooltip/v3/Tooltip.vue.js

@@ -1,8 +1,8 @@
 import o from "./Tooltip.vue2.js";
 /* empty css              *//* empty css              */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css"; //*');
+// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css"; //*');
 // import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9020a179"]]);
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-20630944"]]);
 export {
   l as default
 };

package/components/tooltip/v3/Tooltip.vue2.js

@@ -1,10 +1,10 @@
- import "../../../Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css";  import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  import { defineComponent as y, ref as s, useSlots as g, watch as h, openBlock as r, createBlock as n, unref as a, mergeProps as w, withCtx as u, createElementVNode as m, renderSlot as p, createTextVNode as S, toDisplayString as k, nextTick as $ } from "vue";
+ import "../../../Tooltip.vue_vue_type_style_index_0_scoped_20630944_lang.css";  import "../../../Tooltip.vue_vue_type_style_index_1_lang.css";  import { defineComponent as g, ref as r, useSlots as w, watch as f, openBlock as i, createBlock as d, unref as l, mergeProps as S, withCtx as n, createElementVNode as h, renderSlot as m, createTextVNode as k, toDisplayString as $, nextTick as x } from "vue";
 import I from "./TextWithTitleContent.vue.js";
 import "../../typography/Heading.vue.js";
 import W from "../../typography/Text.vue.js";
 import { Tooltip as b } from "floating-vue";
-import { TooltipTestIdModifiers as v } from "../../../testids/index.js";
-const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
+import { TooltipTestIdModifiers as c } from "../../../testids/index.js";
+const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ g({
   __name: "Tooltip",
   props: {
     text: { default: null },
@@ -17,65 +17,65 @@ const B = { class: "light-theme-v4" }, O = /* @__PURE__ */ y({
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" }
   },
-  setup(e) {
-    const o = e, i = s(!1), l = s(null), d = s(null), x = g(), c = () => i.value ? o.text : null, f = async () => {
-      if (i.value = !0, await $(), !o.forceShowWithTruncate) {
-        const t = d.value?.children && d.value.children[0];
-        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (i.value = t.offsetWidth < t.scrollWidth);
+  setup(v) {
+    const o = v, a = r(!1), t = r(null), s = r(null), T = w(), u = () => a.value ? o.text : null, p = async () => {
+      if (a.value = !0, await x(), !o.forceShowWithTruncate) {
+        const e = s.value?.children && s.value.children[0];
+        (e && window.getComputedStyle(e, null).getPropertyValue("text-overflow")) === "ellipsis" && (a.value = e.offsetWidth < e.scrollWidth);
       }
     };
-    return h(
+    return f(
       () => o.text,
       async () => {
-        await f(), l.value = c();
+        await p(), t.value = u();
       },
       { immediate: !0 }
-    ), h(
-      () => x.default,
+    ), f(
+      () => T.default,
       async () => {
-        await f(), l.value = c();
+        await p(), t.value = u();
       },
       { immediate: !0 }
-    ), (t, T) => (r(), n(a(b), w(t.$props, {
+    ), (e, y) => (i(), d(l(b), S(e.$props, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
       delay: { show: e.delay, hide: 0 },
       placement: e.placement,
-      disabled: e.disabled || e.text && !l.value,
-      "data-testid": `${e.testId}-${a(v).TRIGGER}`,
+      disabled: e.disabled || e.text && !t.value,
+      "data-testid": `${e.testId}-${l(c).TRIGGER}`,
       "popper-class": [e.theme],
       "auto-hide": ""
     }), {
-      popper: u(() => [
-        m("div", B, [
-          p(t.$slots, "tooltip", { text: l.value }, () => [
-            e.header ? (r(), n(I, {
+      popper: n(() => [
+        h("div", B, [
+          m(e.$slots, "tooltip", { text: t.value }, () => [
+            e.header ? (i(), d(I, {
               key: 1,
               text: e.text,
               header: e.header
-            }, null, 8, ["text", "header"])) : (r(), n(a(W), {
+            }, null, 8, ["text", "header"])) : (i(), d(l(W), {
               key: 0,
               size: "sm",
               "is-truncated": !1,
               strong: "",
-              "test-id": `${e.testId}-${a(v).TEXT}`
+              "test-id": `${e.testId}-${l(c).TEXT}`
             }, {
-              default: u(() => [
-                S(k(l.value), 1)
+              default: n(() => [
+                k($(t.value), 1)
               ]),
               _: 1
             }, 8, ["test-id"]))
           ], !0)
         ])
       ]),
-      default: u(() => [
-        m("div", {
+      default: n(() => [
+        h("div", {
           ref_key: "container",
-          ref: d,
+          ref: s,
           class: "container"
         }, [
-          p(t.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3