@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

package/components/tabs/v4/TabsV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./TabsV4.vue2.js";
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bab86b0a"]]);
+export {
+  t as default
+};

package/components/tabs/v4/TabsV4.vue2.js

@@ -0,0 +1,75 @@
+ import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab86b0a_lang.css"; import { defineComponent as h, useCssVars as C, ref as v, watch as w, nextTick as $, openBlock as r, createElementBlock as l, mergeProps as y, unref as s, Fragment as S, renderList as g, normalizeClass as A, renderSlot as N, createBlock as V, withCtx as B, createTextVNode as M, toDisplayString as E, createCommentVNode as P, pushScopeId as W, popScopeId as _, createElementVNode as H } from "vue";
+import R from "../../typography/v4/Typography.vue.js";
+import { TabsTestIdModifiers as c } from "../../../testids/index.js";
+import { tabsCommon as z } from "../common/tabsCommon.js";
+import { useTestIdAttrs as D } from "../../../utils/testIds.js";
+const F = (t) => (W("data-v-bab86b0a"), t = t(), _(), t), U = ["data-testid", "onClick", "onMouseover"], j = /* @__PURE__ */ F(() => /* @__PURE__ */ H("div", { class: "tabs-border-line" }, null, -1)), Q = /* @__PURE__ */ h({
+  __name: "TabsV4",
+  props: {
+    tabsList: { default: () => [] },
+    selectedTab: null,
+    variant: { default: "card" },
+    testId: { default: "" }
+  },
+  emits: ["update:selectedTab"],
+  setup(t, { emit: f }) {
+    const a = t;
+    C((o) => ({
+      "460acae2": b.value,
+      "7a14f784": m.value
+    }));
+    const {
+      skipUnwrap: p,
+      selectTab: T,
+      setHover: I,
+      clearHover: u,
+      tabsNewList: L,
+      getSelectedTabIndex: k
+    } = z(a, f), x = D(a.testId, c), d = (o) => o.id === a.selectedTab, m = v(), b = v();
+    return w(
+      [() => a.variant, () => a.selectedTab, () => a.tabsList],
+      async () => {
+        const o = k();
+        await $();
+        const i = L.value[o];
+        m.value = i?.clientWidth + "px", b.value = i?.offsetLeft + "px";
+      },
+      { immediate: !0 }
+    ), (o, i) => (r(), l("ul", y({
+      class: ["tabs-list", [`tabs-list--${t.variant}`]]
+    }, s(x)[s(c).WRAPPER]), [
+      (r(!0), l(S, null, g(t.tabsList, (e) => (r(), l("li", {
+        ref_for: !0,
+        ref: s(p).tabsNewList,
+        key: e.id,
+        class: A(["tab-item", {
+          "tab-item--disabled": e.disabled,
+          "tab-item--active": d(e)
+        }]),
+        "data-testid": t.testId ? `${t.testId}-${s(c).TAB}-${e.id}` : void 0,
+        onClick: (n) => s(T)(e),
+        onMouseover: (n) => s(I)(e),
+        onMouseleave: i[0] || (i[0] = //@ts-ignore
+        (...n) => s(u) && s(u)(...n))
+      }, [
+        N(o.$slots, "tab-icon", {
+          tab: e,
+          active: d(e)
+        }, void 0, !0),
+        e.name ? (r(), V(s(R), {
+          key: 0,
+          variant: d(e) ? "tabLabel2" : "tabLabel1"
+        }, {
+          default: B(() => [
+            M(E(e.name), 1)
+          ]),
+          _: 2
+        }, 1032, ["variant"])) : P("", !0)
+      ], 42, U))), 128)),
+      j
+    ], 16));
+  }
+});
+export {
+  Q as default
+};

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

@@ -0,0 +1,148 @@
+declare const TabsTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            variant: "page" | "card";
+            tabsList: import("../common/Tabs.types").Tab[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"page" | "card">;
+                default: string;
+            };
+            tabsList: {
+                type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
+                required: true;
+                default: () => any[];
+            };
+            selectedTab: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selectedTab"?: (tabId: string | number) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "tabsList">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $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:selectedTab", tabId: string | number) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"page" | "card">;
+                default: string;
+            };
+            tabsList: {
+                type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
+                required: true;
+                default: () => any[];
+            };
+            selectedTab: {
+                type: import("vue").PropType<string | number>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selectedTab"?: (tabId: string | number) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:selectedTab": (tabId: string | number) => void;
+        }, string, {
+            testId: string;
+            variant: "page" | "card";
+            tabsList: import("../common/Tabs.types").Tab[];
+        }, {}, 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)[];
+        };
+        $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<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"page" | "card">;
+            default: string;
+        };
+        tabsList: {
+            type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
+            required: true;
+            default: () => any[];
+        };
+        selectedTab: {
+            type: import("vue").PropType<string | number>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:selectedTab"?: (tabId: string | number) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"page" | "card">;
+        default: string;
+    };
+    tabsList: {
+        type: import("vue").PropType<import("../common/Tabs.types").Tab[]>;
+        required: true;
+        default: () => any[];
+    };
+    selectedTab: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:selectedTab"?: (tabId: string | number) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedTab": (tabId: string | number) => void;
+}, string, {
+    testId: string;
+    variant: "page" | "card";
+    tabsList: import("../common/Tabs.types").Tab[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        "tab-icon"?(_: {
+            tab: import("../common/Tabs.types").Tab;
+            active: boolean;
+        }): any;
+    };
+}))[];
+export { default as Tabs } from './TabsV4.vue';
+export { TabsTypes };

package/components/tabs/v4/index.js

@@ -0,0 +1,6 @@
+import o from "./TabsV4.vue.js";
+const p = () => [o];
+export {
+  o as Tabs,
+  p as TabsTypes
+};

package/components/toggle/v3/Toggle.vue.js

@@ -0,0 +1,7 @@
+import o from "./Toggle.vue2.js";
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Toggle.vue_vue_type_style_index_0_scoped_1cf7973e_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1cf7973e"]]);
+export {
+  c as default
+};

package/components/toggle/{Toggle.vue2.js → v3/Toggle.vue2.js}

@@ -1,8 +1,8 @@
- import "../../Toggle.vue_vue_type_style_index_0_scoped_d97166d1_lang.css"; import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as a, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
-import "../typography/Heading.vue.js";
-import u from "../typography/Text.vue.js";
-import { COLORS as b } from "../../consts/colors.js";
-import { ToggleTestIdModifiers as d } from "../../testids/index.js";
+ import "../../../Toggle.vue_vue_type_style_index_0_scoped_1cf7973e_lang.css"; import { defineComponent as h, useCssVars as v, openBlock as l, createElementBlock as m, createElementVNode as d, unref as t, normalizeClass as i, createCommentVNode as s, createVNode as V, withCtx as o, createTextVNode as c, toDisplayString as n, createBlock as f } from "vue";
+import "../../typography/Heading.vue.js";
+import u from "../../typography/Text.vue.js";
+import { COLORS as b } from "../../../consts/colors.js";
+import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
 const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I = ["disabled", "checked", "data-testid"], z = /* @__PURE__ */ h({
   __name: "Toggle",
   props: {
@@ -20,22 +20,22 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
   setup(e, { emit: x }) {
     const r = e;
     v((g) => ({
-      "2dc32b31": e.color
+      "59dc9bfa": e.color
     }));
     const T = () => {
       r.isDisabled || x("update:modelValue", !r.modelValue);
     };
     return (g, y) => (l(), m("div", null, [
-      a("div", {
+      d("div", {
         class: "toggle-wrap",
-        "data-testid": `${e.testId}-${t(d).WRAPPER}`
+        "data-testid": `${e.testId}-${t(a).WRAPPER}`
       }, [
-        a("div", {
+        d("div", {
           class: i(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
-          "data-testid": `${e.testId}-${t(d).BODY}`,
+          "data-testid": `${e.testId}-${t(a).BODY}`,
           onClick: T
         }, [
-          a("div", E, [
+          d("div", E, [
             e.isLoading ? (l(), m("span", {
               key: 0,
               class: i(["loader", {
@@ -44,18 +44,18 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
             }, null, 2)) : s("", !0)
           ])
         ], 10, k),
-        a("input", {
+        d("input", {
           type: "checkbox",
           disabled: e.isDisabled,
           checked: e.modelValue,
-          "data-testid": `${e.testId}-${t(d).FIELD}`,
+          "data-testid": `${e.testId}-${t(a).FIELD}`,
           class: "checkbox"
         }, null, 8, I),
         V(t(u), {
           size: "sm",
           "is-truncated": "",
           class: i(["item-text", { "text-disabled": e.isDisabled }]),
-          "test-id": `${e.testId}-${t(d).TEXT}`
+          "test-id": `${e.testId}-${t(a).TEXT}`
         }, {
           default: o(() => [
             c(n(e.modelValue ? e.activeText : e.inactiveText), 1)
@@ -63,12 +63,12 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
           _: 1
         }, 8, ["class", "test-id"])
       ], 8, $),
-      a("div", null, [
+      d("div", null, [
         e.helperText ? (l(), f(t(u), {
           key: 0,
           size: "caption",
           class: "helper-text",
-          "test-id": `${e.testId}-${t(d).HELPER_TEXT}`
+          "test-id": `${e.testId}-${t(a).HELPER_TEXT}`
         }, {
           default: o(() => [
             c(n(e.helperText), 1)
@@ -79,7 +79,7 @@ const $ = ["data-testid"], k = ["data-testid"], E = { class: "toggle-head" }, I
           key: 1,
           size: "caption",
           class: i(["error-text", { "error-and-help": !!e.helperText }]),
-          "test-id": `${e.testId}-${t(d).ERROR_TEXT}`
+          "test-id": `${e.testId}-${t(a).ERROR_TEXT}`
         }, {
           default: o(() => [
             c(n(e.errorText), 1)

package/components/toggle/v4/ToggleV4.vue.d.ts

@@ -0,0 +1,98 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    text?: string;
+    activeText?: string;
+    inactiveText?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "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";
+    feedbackText?: string;
+    feedbackVariant?: "error" | "success" | "warning";
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    color?: "primary" | "test";
+    size?: "small" | "medium";
+    testId?: string;
+}>, {
+    text: any;
+    activeText: any;
+    inactiveText: any;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    isDisabled: boolean;
+    isLoading: boolean;
+    color: string;
+    size: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean;
+    text?: string;
+    activeText?: string;
+    inactiveText?: string;
+    hoverHelpText?: string;
+    hoverHelpTextPlacement?: "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";
+    feedbackText?: string;
+    feedbackVariant?: "error" | "success" | "warning";
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    color?: "primary" | "test";
+    size?: "small" | "medium";
+    testId?: string;
+}>, {
+    text: any;
+    activeText: any;
+    inactiveText: any;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: string;
+    feedbackText: string;
+    feedbackVariant: any;
+    isDisabled: boolean;
+    isLoading: boolean;
+    color: string;
+    size: string;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}, {
+    text: string;
+    size: "small" | "medium";
+    testId: string;
+    color: "primary" | "test";
+    isLoading: boolean;
+    hoverHelpText: string;
+    hoverHelpTextPlacement: "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";
+    feedbackText: string;
+    feedbackVariant: "error" | "success" | "warning";
+    activeText: string;
+    inactiveText: string;
+    isDisabled: boolean;
+}>, {
+    "icon-left"?(_: {}): any;
+    "icon-right"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+export declare const tooltipCommon: (props: any) => {
+    textForDisplay: any;
+};

package/components/tooltip/common/Tooltip.common.js

@@ -0,0 +1,27 @@
+import { ref as n, useSlots as r, watch as s, nextTick as f } from "vue";
+const d = (e) => {
+  const l = n(!1), o = n(null), a = n(null), u = r(), i = () => l.value ? e.text : null, c = async () => {
+    if (l.value = !0, await f(), !e.forceShowWithTruncate) {
+      const t = a.value?.children && a.value.children[0];
+      (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (l.value = t.offsetWidth < t.scrollWidth);
+    }
+  };
+  return s(
+    () => e.text,
+    async () => {
+      await c(), o.value = i();
+    },
+    { immediate: !0 }
+  ), s(
+    () => u.default,
+    async () => {
+      await c(), o.value = i();
+    },
+    { immediate: !0 }
+  ), {
+    textForDisplay: o
+  };
+};
+export {
+  d as tooltipCommon
+};

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

@@ -0,0 +1,7 @@
+import t from "./TextWithTitleContent.vue2.js";
+/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_13b5aebd_lang.css"; //*');
+const i = /* @__PURE__ */ e(t, [["__scopeId", "data-v-13b5aebd"]]);
+export {
+  i as default
+};

package/components/tooltip/{TextWithTitleContent.vue2.js → v3/TextWithTitleContent.vue2.js}

@@ -1,7 +1,7 @@
- import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_7da6e1ca_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 "../typography/Heading.vue.js";
-import a from "../typography/Text.vue.js";
-import { TooltipTestIdModifiers as c } from "../../testids/index.js";
+ 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 "../../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({
   __name: "TextWithTitleContent",
   props: {

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

@@ -0,0 +1,5 @@
+import e from "./Tooltip.vue2.js";
+/* empty css              */// import "../../../Tooltip.vue_vue_type_style_index_0_lang.css"; //');
+export {
+  e as default
+};

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

@@ -0,0 +1,87 @@
+ import "../../../Tooltip.vue_vue_type_style_index_0_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 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({
+  __name: "Tooltip",
+  props: {
+    text: { default: null },
+    header: { default: null },
+    delay: { default: 0 },
+    triggers: { default: () => ["hover"] },
+    forceShowWithTruncate: { type: Boolean, default: !1 },
+    placement: { default: "top" },
+    theme: { default: "default" },
+    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);
+      }
+    };
+    return h(
+      () => o.text,
+      async () => {
+        await f(), l.value = c();
+      },
+      { immediate: !0 }
+    ), h(
+      () => x.default,
+      async () => {
+        await f(), l.value = c();
+      },
+      { immediate: !0 }
+    ), (t, T) => (r(), n(a(b), w(t.$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}`,
+      "popper-class": [e.theme],
+      "auto-hide": ""
+    }), {
+      popper: u(() => [
+        m("div", B, [
+          p(t.$slots, "tooltip", { text: l.value }, () => [
+            e.header ? (r(), n(I, {
+              key: 1,
+              text: e.text,
+              header: e.header
+            }, null, 8, ["text", "header"])) : (r(), n(a(W), {
+              key: 0,
+              size: "sm",
+              "is-truncated": !1,
+              strong: "",
+              "test-id": `${e.testId}-${a(v).TEXT}`
+            }, {
+              default: u(() => [
+                S(k(l.value), 1)
+              ]),
+              _: 1
+            }, 8, ["test-id"]))
+          ])
+        ])
+      ]),
+      default: u(() => [
+        m("div", {
+          ref_key: "container",
+          ref: d,
+          class: "container"
+        }, [
+          p(t.$slots, "default")
+        ], 512)
+      ]),
+      _: 3
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid", "popper-class"]));
+  }
+});
+export {
+  O as default
+};

package/components/tooltip/{index.js → v3/index.js}

@@ -1,5 +1,5 @@
-import "./Tooltip.vue2.js";
-import o from "./Tooltip.vue.js";
+import "./Tooltip.vue.js";
+import o from "./Tooltip.vue2.js";
 const i = () => [o];
 export {
   o as Tooltip,

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

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<__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<{
+    text: string;
+    header: string;
+    testId?: string;
+}>, {
+    testId: string;
+}>>>, {
+    testId: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,7 @@
+import t from "./TextWithTitleContent.vue2.js";
+/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_7792f772_lang.css"; //*');
+const i = /* @__PURE__ */ e(t, [["__scopeId", "data-v-7792f772"]]);
+export {
+  i as default
+};