@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.51

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

@@ -8,8 +8,8 @@ declare const DataGridTypes: () => (({
         $data: {};
         $props: Partial<{
             sort: import("../common/Table.types").Sort;
-            title: string;
             search: string;
+            title: string;
             testId: string;
             isLoading: boolean;
             searchAutoFocus: boolean;
@@ -33,19 +33,21 @@ declare const DataGridTypes: () => (({
             zIndexBase: number;
             rowCustomClassKey: string;
             rowDataKey: string;
+            isSelectionSticky: boolean;
+            isSelectionBordered: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             sort: {
                 type: import("vue").PropType<import("../common/Table.types").Sort>;
                 default: any;
             };
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             search: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -146,18 +148,26 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
+            onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
             onClickRow?: (rowIndex: number) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "search" | "title" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -169,21 +179,21 @@ declare const DataGridTypes: () => (({
         }>;
         $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: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
+        $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: import("../common/Table.types").Sort) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             sort: {
                 type: import("vue").PropType<import("../common/Table.types").Sort>;
                 default: any;
             };
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             search: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -284,13 +294,21 @@ declare const DataGridTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
+            onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
             onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
@@ -310,8 +328,8 @@ declare const DataGridTypes: () => (({
             clickRow: (rowIndex: number) => void;
         }, string, {
             sort: import("../common/Table.types").Sort;
-            title: string;
             search: string;
+            title: string;
             testId: string;
             isLoading: boolean;
             searchAutoFocus: boolean;
@@ -335,6 +353,8 @@ declare const DataGridTypes: () => (({
             zIndexBase: number;
             rowCustomClassKey: string;
             rowDataKey: string;
+            isSelectionSticky: boolean;
+            isSelectionBordered: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -360,14 +380,14 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<import("../common/Table.types").Sort>;
             default: any;
         };
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         search: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -468,13 +488,21 @@ declare const DataGridTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSelectionSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isSelectionBordered: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
+        onLoadMore?: () => any;
         "onUpdate:search"?: (query: string) => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
         onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
         onOnClearSearch?: () => any;
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onSelectRow?: (value: boolean) => any;
@@ -490,14 +518,14 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<import("../common/Table.types").Sort>;
         default: any;
     };
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     search: {
         type: import("vue").PropType<string>;
         default: any;
     };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -598,13 +626,21 @@ declare const DataGridTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    isSelectionSticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isSelectionBordered: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onSelectAll?: (value: boolean) => any;
+    onLoadMore?: () => any;
     "onUpdate:search"?: (query: string) => any;
     onOnScroll?: (event: Event) => any;
     "onUpdate:sort"?: (newSort: import("../common/Table.types").Sort) => any;
     onSaveRow?: (args_0: import("../common/Table.types").SaveRowEvent) => any;
-    onLoadMore?: () => any;
     onOnClearSearch?: () => any;
     "onUpdate:selection"?: (selection: unknown[]) => any;
     onSelectRow?: (value: boolean) => any;
@@ -624,8 +660,8 @@ declare const DataGridTypes: () => (({
     clickRow: (rowIndex: number) => void;
 }, string, {
     sort: import("../common/Table.types").Sort;
-    title: string;
     search: string;
+    title: string;
     testId: string;
     isLoading: boolean;
     searchAutoFocus: boolean;
@@ -649,6 +685,8 @@ declare const DataGridTypes: () => (({
     zIndexBase: number;
     rowCustomClassKey: string;
     rowDataKey: string;
+    isSelectionSticky: boolean;
+    isSelectionBordered: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
         column: import("../common/Table.types").Column;
@@ -906,7 +944,7 @@ declare const DataGridTypes: () => (({
         }>;
         $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: "onScroll", scrollTop: number) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent & {
+        $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "saveRow", args_0: import("../common/Table.types").SaveRowEvent & {
             tableIndex: number;
         }) => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
         $el: any;

package/components/table-cells/common/Editable.common.js

@@ -1,50 +1,55 @@
-import { ref as t, provide as d } from "vue";
-import { useTableContext as f } from "../../table/common/TableContext.js";
-import { EditableContext as C } from "./EditableContext.js";
-import { onClickOutside as m } from "@vueuse/core";
-const k = (e) => {
-  const l = t(!1), n = t(e.cell), o = t(e.saveOnClickOutside), i = t(null), r = f("Editable"), a = t(null), v = () => {
-    if (e.cell === n.value) {
+import { ref as n, provide as f, watch as d } from "vue";
+import { useTableContext as C } from "../../table/common/TableContext.js";
+import { EditableContext as m } from "./EditableContext.js";
+import { onClickOutside as x } from "@vueuse/core";
+const E = (e) => {
+  const l = n(!1), t = n(e.cell), i = n(e.saveOnClickOutside), o = n(null), r = C("Editable"), a = n(null), v = () => {
+    if (e.cell === t.value) {
       l.value = !1;
       return;
     }
-    const u = e.validateFunction?.(n.value);
+    const u = e.validateFunction?.(t.value);
     a.value = u, !u && (r.onClose({
       rowIndex: e.rowIndex,
       cellIndex: e.cellIndex,
-      value: n.value
+      value: t.value
     }), l.value = !1);
   };
-  d(C, {
+  f(m, {
     focusable: !0,
-    value: n,
+    value: t,
     error: a,
     confirmable: !0,
-    saveOnClickOutside: o.value,
+    saveOnClickOutside: i.value,
     onChange(u) {
-      n.value = u, a.value = e.validateFunction?.(n.value);
+      t.value = u, a.value = e.validateFunction?.(t.value);
     },
     onClose: v
   });
   const c = () => {
     l.value || e.isLoading || (l.value = !l.value);
   }, s = () => {
-    n.value = e.cell, a.value = null;
+    t.value = e.cell, a.value = null;
   };
-  return m(i, () => {
+  return x(o, () => {
     if (l.value) {
-      if (o.value) {
+      if (i.value) {
         v();
         return;
       }
       l.value = !1, s(), r.onClose();
     }
-  }), {
+  }), d(
+    () => e.cell,
+    () => {
+      l.value || (t.value = e.cell);
+    }
+  ), {
     onEdit: c,
-    target: i,
+    target: o,
     isEditing: l
   };
 };
 export {
-  k as editableCommon
+  E as editableCommon
 };

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

@@ -11,6 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     distance?: string | number;
     container?: string;
+    shown?: boolean;
+    autoHide?: boolean;
 }>, {
     text: any;
     header: any;
@@ -23,6 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
+    shown: any;
+    autoHide: boolean;
 }>, {}, 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<{
@@ -37,6 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId?: string;
     distance?: string | number;
     container?: string;
+    shown?: boolean;
+    autoHide?: boolean;
 }>, {
     text: any;
     header: any;
@@ -49,6 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     distance: string;
     container: string;
+    shown: any;
+    autoHide: boolean;
 }>>> & {
     onShow?: () => any;
 }, {
@@ -63,6 +71,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     distance: string | number;
     container: string;
+    shown: boolean;
+    autoHide: boolean;
 }>, {
     default?(_: {}): any;
     tooltip?(_: {

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_fcdb9d02_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fcdb9d02"]]);
+const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-82b46d6d"]]);
 export {
   l as default
 };

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

@@ -1,14 +1,14 @@
- 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 "../../../TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_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 f, withCtx as n, renderSlot as m, 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 { Tooltip as w } from "floating-vue";
 import { TooltipTestIdModifiers as i } from "../../../testids/index.js";
-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 = {
+import x from "../../typography/v4/Typography.vue.js";
+import { tooltipCommon as v } from "../common/Tooltip.common.js";
+import { useTestIdAttrs as b } from "../../../utils/testIds.js";
+const B = {
   ref: "container",
   class: "container"
-}, D = /* @__PURE__ */ h({
+}, D = /* @__PURE__ */ c({
   __name: "TooltipV4",
   props: {
     text: { default: null },
@@ -21,12 +21,14 @@ const I = {
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" },
     distance: { default: "10" },
-    container: { default: "body" }
+    container: { default: "body" },
+    shown: { type: Boolean, default: null },
+    autoHide: { type: Boolean, default: !0 }
   },
   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] }, {
+  setup(e, { emit: h }) {
+    const r = e, { textForDisplay: o } = v(r), s = b(r.testId, i);
+    return (a, u) => (l(), d(t(w), f({ ...a.$props, ...t(s)[t(i).TRIGGER] }, {
       theme: e.theme,
       "no-auto-focus": "",
       triggers: e.triggers,
@@ -36,33 +38,34 @@ const I = {
       "popper-class": [e.theme, e.placement, "v4-tooltip"],
       class: ["v4-tooltip"],
       distance: e.distance,
-      "auto-hide": "",
-      onApplyShow: m[0] || (m[0] = (k) => c("show"))
+      "auto-hide": e.autoHide,
+      shown: e.shown,
+      onApplyShow: u[0] || (u[0] = (I) => h("show"))
     }), {
-      popper: r(() => [
-        u(a.$slots, "tooltip", { text: t(o) }, () => [
+      popper: n(() => [
+        m(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(v), f({
+          }, null, 8, ["text", "header"])) : (l(), d(t(x), f({
             key: 0,
             variant: "body2"
           }, t(s)[t(i).TEXT]), {
-            default: r(() => [
+            default: n(() => [
               p(y(t(o)), 1)
             ]),
             _: 1
           }, 16))
         ], !0)
       ]),
-      default: r(() => [
-        T("div", I, [
-          u(a.$slots, "default", {}, void 0, !0)
+      default: n(() => [
+        T("div", B, [
+          m(a.$slots, "default", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
-    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance"]));
+    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "popper-class", "distance", "auto-hide", "shown"]));
   }
 });
 export {

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

@@ -15,6 +15,8 @@ declare const TooltipTypes: () => ({
             disabled: boolean;
             distance: string | number;
             container: string;
+            shown: boolean;
+            autoHide: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -60,9 +62,17 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            shown: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -121,6 +131,14 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            shown: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -137,6 +155,8 @@ declare const TooltipTypes: () => ({
             disabled: boolean;
             distance: string | number;
             container: string;
+            shown: boolean;
+            autoHide: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -202,6 +222,14 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        shown: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onShow?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -253,6 +281,14 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    shown: {
+        type: import("vue").PropType<boolean>;
+        default: any;
+    };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onShow?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -269,6 +305,8 @@ declare const TooltipTypes: () => ({
     disabled: boolean;
     distance: string | number;
     container: string;
+    shown: boolean;
+    autoHide: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/typography/v4/Typography.vue.js

@@ -1,7 +1,7 @@
 import o from "./Typography.vue2.js";
 /* empty css                 */import p from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; //*');
-const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-992962bc"]]);
+// import "../../../Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-a14013a5"]]);
 export {
-  t as default
+  s as default
 };

package/components/typography/v4/Typography.vue2.js

@@ -1,6 +1,7 @@
- import "../../../Typography.vue_vue_type_style_index_0_scoped_992962bc_lang.css"; import { defineComponent as m, ref as y, computed as l, openBlock as o, createBlock as i, unref as e, withCtx as s, resolveDynamicComponent as d, normalizeClass as f, renderSlot as h } from "vue";
-import T from "../../tooltip/v4/TooltipV4.vue.js";
-const C = /* @__PURE__ */ m({
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css"; import { defineComponent as v, ref as f, computed as d, openBlock as o, createBlock as i, unref as a, withCtx as s, resolveDynamicComponent as h, normalizeClass as b, renderSlot as p } from "vue";
+import y from "../../tooltip/v4/TooltipV4.vue.js";
+import { useResizeObserver as T } from "@vueuse/core";
+const L = /* @__PURE__ */ v({
   __name: "Typography",
   props: {
     isTruncated: { type: Boolean },
@@ -11,7 +12,7 @@ const C = /* @__PURE__ */ m({
     variant: { default: "body1" }
   },
   setup(t) {
-    const n = t, a = y(null), b = {
+    const l = t, e = f(null), n = f(!1), m = {
       title: "font-title",
       h1: "font-heading-1",
       h2: "font-heading-2",
@@ -33,8 +34,8 @@ const C = /* @__PURE__ */ m({
       chart1: "font-chart-1",
       chart2: "font-chart-2",
       overline: "font-overline"
-    }, r = l(() => {
-      switch (n.variant) {
+    }, r = d(() => {
+      switch (l.variant) {
         case "title":
           return "h1";
         case "h1":
@@ -43,43 +44,48 @@ const C = /* @__PURE__ */ m({
         case "h4":
         case "h5":
         case "h6":
-          return n.variant;
+          return l.variant;
         default:
           return "span";
       }
-    }), c = l(() => b[n.variant]), p = l(() => a.value ? a.value.scrollWidth > a.value.clientWidth : !1);
-    return (u, v) => t.withTooltip && t.isTruncated ? (o(), i(e(T), {
+    }), u = d(() => m[l.variant]);
+    return T(e, () => {
+      if (!e.value)
+        return n.value = !1;
+      n.value = // Note: These values are rounded which can make edge cases sometimes
+      e.value.scrollWidth > e.value.clientWidth;
+    }), (c, g) => t.withTooltip && t.isTruncated ? (o(), i(a(y), {
       key: 0,
       placement: t.tooltipPlacement,
-      disabled: !e(p),
+      disabled: !n.value,
       text: t.tooltipText,
       class: "typography-tooltip",
       "test-id": t.tooltipTestId
     }, {
       default: s(() => [
-        (o(), i(d(e(r)), {
+        (o(), i(h(a(r)), {
           ref_key: "textElement",
-          ref: a,
-          class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+          ref: e,
+          class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
         }, {
           default: s(() => [
-            h(u.$slots, "default", {}, void 0, !0)
+            p(c.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["class"]))
       ]),
       _: 3
-    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(d(e(r)), {
+    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(h(a(r)), {
       key: 1,
-      class: f(["antialiased", { [e(c)]: !0, truncate: t.isTruncated }])
+      class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
     }, {
       default: s(() => [
-        h(u.$slots, "default", {}, void 0, !0)
+        p(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  C as default
+  L as default
 };