@ironsource/shared-ui 2.2.0-rc.41 → 2.2.0-rc.43

package/components/tag/Tag.vue2.js

@@ -1,10 +1,10 @@
- import "../../Tag.vue_vue_type_style_index_0_scoped_3a5abbc4_lang.css"; import { defineComponent as Y, ref as c, computed as d, watch as I, nextTick as R, openBlock as m, createBlock as M, unref as t, withCtx as b, createVNode as z, createTextVNode as P, toDisplayString as S, normalizeClass as h, normalizeStyle as $, withModifiers as g, createElementVNode as Z, createCommentVNode as H, withDirectives as K, createElementBlock as O, isRef as _, withKeys as D, vModelText as ee, vShow as ae } from "vue";
-import W from "../typography/v4/Typography.vue.js";
-import F from "../icon/v4/IconV4.vue.js";
+ import "../../Tag.vue_vue_type_style_index_0_scoped_b0662035_lang.css"; import { defineComponent as _, ref as b, computed as u, watch as C, nextTick as W, openBlock as g, createBlock as k, unref as l, withCtx as s, createVNode as w, createTextVNode as L, toDisplayString as V, normalizeClass as h, normalizeStyle as F, withModifiers as y, createElementVNode as ee, createCommentVNode as U, withDirectives as N, createElementBlock as j, isRef as ae, withKeys as q, vModelText as le, vShow as A } from "vue";
+import R from "../typography/v4/Typography.vue.js";
+import P from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import te from "../chip/v4/ChipV4.vue.js";
-import le from "../tooltip/v4/TooltipV4.vue.js";
-const re = { class: "tag-content" }, ie = ["placeholder", "maxlength", "onKeyup"], ce = /* @__PURE__ */ Y({
+import G from "../tooltip/v4/TooltipV4.vue.js";
+const ie = { class: "tag-content" }, re = ["placeholder", "maxlength", "onKeyup"], ce = /* @__PURE__ */ _({
   __name: "Tag",
   props: {
     label: { default: "" },
@@ -20,6 +20,7 @@ const re = { class: "tag-content" }, ie = ["placeholder", "maxlength", "onKeyup"
     iconName: { default: "" },
     iconType: { default: "regular" },
     editable: { type: Boolean, default: !1 },
+    removable: { type: Boolean, default: !1 },
     selectable: { type: Boolean, default: !0 },
     maxLength: { default: void 0 },
     maxLengthTooltip: { default: "Character limit reached" },
@@ -27,61 +28,66 @@ const re = { class: "tag-content" }, ie = ["placeholder", "maxlength", "onKeyup"
     validationErrorText: { default: "Invalid format" }
   },
   emits: ["update:label", "remove", "stopEditing", "update:isSelected", "validationError", "validationSuccess"],
-  setup(a, { emit: u }) {
-    const e = a, r = c(!1), k = c(null), x = c(void 0), T = c(!1), s = c(!1), o = c(e.isSelected || e.editable), y = d(() => {
-      if (!e.validationPattern || !l.value)
+  setup(a, { emit: d }) {
+    const e = a, r = b(!1), T = b(null), M = b(void 0), c = b(!1), f = b(!1), n = b(e.isSelected || e.editable), x = u(() => {
+      if (!e.validationPattern || !i.value)
         return !0;
       try {
-        return new RegExp(e.validationPattern).test(l.value);
+        return new RegExp(e.validationPattern).test(i.value);
       } catch {
         return !0;
       }
-    }), v = d(() => !y.value && r.value && l.value), B = d(() => !e.label && !r.value && e.placeholder), w = d(() => e.maxLength && l.value.length >= e.maxLength && r.value), p = d(() => e.disabled || !e.selectable || r.value ? "outlined" : s.value ? "filled" : !o.value && !e.editable ? "outlined" : e.variant), U = d(() => e.disabled ? "default" : e.isInvalid || v.value ? "error" : o.value || !o.value && e.editable || !e.selectable ? e.color : "default"), l = d({
+    }), v = u(() => !x.value && r.value && i.value), E = u(() => !e.label && !r.value && e.placeholder), I = u(() => e.maxLength && i.value.length >= e.maxLength && r.value), p = u(() => e.disabled || !e.selectable || r.value ? "outlined" : f.value ? "filled" : !n.value && !e.editable ? "outlined" : e.variant), J = u(() => e.disabled ? "default" : e.isInvalid || v.value ? "error" : n.value || !n.value && e.editable || !e.selectable ? e.color : "default"), i = u({
       get: () => e.label,
-      set: (n) => {
-        u("update:label", n);
+      set: (o) => {
+        d("update:label", o);
       }
     });
-    I(
-      () => [l.value, r.value],
+    C(
+      () => [i.value, r.value],
       () => {
-        e.validationPattern && r.value && l.value && (y.value ? u("validationSuccess") : u("validationError", e.validationErrorText));
+        e.validationPattern && r.value && i.value && (x.value ? d("validationSuccess") : d("validationError", e.validationErrorText));
       }
     );
-    const L = c(null), C = () => L.value?.focus(), j = () => {
-      u("remove");
-    }, q = async () => {
-      e.disabled || !e.selectable || (e.editable ? (r.value = !0, await R(), C()) : (o.value = !o.value, u("update:isSelected", o.value)));
-    }, A = () => {
-      if (e.validationPattern && l.value && !y.value) {
+    const $ = b(null), S = () => $.value?.focus(), D = () => {
+      d("remove");
+    }, Q = async () => {
+      e.disabled || !e.selectable || (e.removable && !e.editable ? (n.value = !n.value, d("update:isSelected", n.value)) : e.editable ? (r.value = !0, await W(), S()) : (n.value = !n.value, d("update:isSelected", n.value)));
+    }, X = () => {
+      if (e.validationPattern && i.value && !x.value) {
         setTimeout(() => {
-          C();
+          S();
         }, 0);
         return;
       }
-      E();
-    }, E = () => {
-      if (e.validationPattern && l.value && !y.value) {
+      z();
+    }, z = () => {
+      if (e.validationPattern && i.value && !x.value) {
         setTimeout(() => {
-          C();
+          S();
         }, 0);
         return;
       }
-      r.value = !1, !l.value && !e.placeholder && u("remove"), u("stopEditing");
+      r.value = !1, !i.value && !e.placeholder && d("remove"), d("stopEditing");
     };
-    I(
-      () => [l.value, e.placeholder, r.value],
+    C(
+      () => [i.value, e.placeholder, r.value],
       async () => {
-        await R(), r.value && k.value ? x.value = k.value.offsetWidth + "px" : x.value = void 0;
+        await W(), r.value && T.value ? M.value = T.value.offsetWidth + "px" : M.value = void 0;
       },
       { immediate: !0 }
-    ), I(
+    ), C(
       () => e.editable,
       () => {
-        e.editable && (o.value = !0);
+        e.editable && (n.value = !0);
+      }
+    ), C(
+      () => e.isSelected,
+      (o) => {
+        n.value = o;
       }
     );
-    const V = {
+    const H = {
       default: "var(--default-outlined-border)",
       primary: "var(--primary-main)",
       info: "var(--info-dark)",
@@ -89,7 +95,7 @@ const re = { class: "tag-content" }, ie = ["placeholder", "maxlength", "onKeyup"
       warning: "var(--warning-main)",
       success: "var(--success-main)",
       dark: "var(--common-divider)"
-    }, N = {
+    }, B = {
       default: "var(--action-active)",
       primary: "var(--primary-dark)",
       info: "var(--info-dark)",
@@ -97,7 +103,7 @@ const re = { class: "tag-content" }, ie = ["placeholder", "maxlength", "onKeyup"
       warning: "var(--warning-dark)",
       success: "var(--success-dark)",
       dark: "var(--common-divider)"
-    }, G = {
+    }, K = {
       default: "var(--action-active)",
       primary: "var(--primary-darker)",
       info: "var(--info-darker)",
@@ -105,136 +111,176 @@ const re = { class: "tag-content" }, ie = ["placeholder", "maxlength", "onKeyup"
       warning: "var(--warning-darker)",
       success: "var(--success-darker)",
       dark: "var(--common-divider)"
-    }, J = d(() => {
+    }, O = u(() => {
       if (e.disabled)
         return "var(--action-disabled)";
-      const n = e.isInvalid ? "error" : e.color;
-      return T.value ? G[n] : N[n];
-    }), Q = d(() => {
+      const o = e.isInvalid ? "error" : e.color;
+      return e.removable && !e.editable ? n.value || !e.selectable ? c.value ? K[o] : o === "primary" ? "var(--primary-contrast-text)" : B[o] : c.value ? "var(--text-primary)" : "var(--action-active)" : c.value ? K[o] : B[o];
+    }), Y = u(() => {
       if (e.disabled)
         return "var(--action-disabled)";
-      const n = e.isInvalid ? "error" : e.color;
-      return o.value || !e.selectable ? N[n] : "var(--action-active)";
-    }), X = d(() => {
+      const o = e.isInvalid ? "error" : e.color;
+      return n.value || !e.selectable ? B[o] : "var(--action-active)";
+    }), Z = u(() => {
       if (e.editable && e.variant !== "outlined" || !e.selectable) {
-        const n = r.value ? V[e.color] : "var(--primary-main-50-p)";
+        const o = r.value ? H[e.color] : "var(--primary-main-50-p)";
         return {
-          "--outline-color": e.isInvalid ? V.error : n
+          "--outline-color": e.isInvalid ? H.error : o
         };
       }
-      return s.value && e.variant !== "outlined" && e.color === "primary" && !e.editable ? {
-        "--outline-color": o.value ? "var(--primary-main-50-p)" : "var(--action-active)"
+      return f.value && e.variant !== "outlined" && e.color === "primary" && !e.editable ? {
+        "--outline-color": n.value ? "var(--primary-main-50-p)" : "var(--action-active)"
       } : {};
     });
-    return (n, i) => (m(), M(t(le), {
+    return (o, t) => (g(), k(l(G), {
       placement: "top",
-      text: t(v) ? a.validationErrorText : a.maxLengthTooltip,
-      "is-open": t(w) || t(v),
-      shown: t(w) || t(v).length > 0,
-      disabled: !t(w) && !t(v),
+      text: l(v) ? a.validationErrorText : a.maxLengthTooltip,
+      "is-open": l(I) || l(v),
+      shown: l(I) || l(v).length > 0,
+      disabled: !l(I) && !l(v),
       trigger: "click",
       distance: 10,
       skidding: 10
     }, {
-      tooltip: b(() => [
-        z(t(W), { variant: "body2" }, {
-          default: b(() => [
-            P(S(t(v) ? a.validationErrorText : a.maxLengthTooltip), 1)
+      tooltip: s(() => [
+        w(l(R), { variant: "body2" }, {
+          default: s(() => [
+            L(V(l(v) ? a.validationErrorText : a.maxLengthTooltip), 1)
           ]),
           _: 1
         })
       ]),
-      default: b(() => [
-        z(t(te), {
+      default: s(() => [
+        w(l(te), {
           class: h({
             "rounded-tag": a.rounded,
-            "tag-editing": r.value && t(p) !== "outlined",
+            "tag-editing": r.value && l(p) !== "outlined",
             // outlined chips have an outline
-            "tag-hover-outline": a.label && s.value && t(p) !== "outlined",
+            "tag-hover-outline": a.label && f.value && l(p) !== "outlined",
             // outlined chips have an outline
-            "unselected-tag-hover-outline": a.label && s.value && t(p) !== "outlined" && !o.value && !a.editable,
+            "unselected-tag-hover-outline": a.label && f.value && l(p) !== "outlined" && !n.value && !a.editable,
             // for unselected tags that are not editable, we want to show a hover outline
             "tag-disabled": a.disabled,
-            "empty-tag": t(B),
-            "unselected-tag": !o.value && a.selectable && a.label && !s.value,
-            "editable-tag": a.editable && !a.disabled
+            "empty-tag": l(E),
+            "unselected-tag": !n.value && a.selectable && a.label && !f.value,
+            "editable-tag": a.editable && !a.disabled && !a.removable
           }),
-          label: t(l),
+          label: l(i),
           "test-id": a.testId,
-          color: t(U),
+          color: l(J),
           size: a.size,
-          variant: t(p),
+          variant: l(p),
           disabled: a.disabled,
-          style: $(t(X)),
-          onMouseover: i[4] || (i[4] = (f) => s.value = !0),
-          onMouseleave: i[5] || (i[5] = (f) => s.value = !1),
-          onClick: g(q, ["stop"])
+          style: F(l(Z)),
+          onMouseover: t[7] || (t[7] = (m) => f.value = !0),
+          onMouseleave: t[8] || (t[8] = (m) => f.value = !1),
+          onClick: y(Q, ["stop"])
         }, {
-          default: b(() => [
-            Z("div", re, [
-              a.iconName ? (m(), M(t(F), {
+          default: s(() => [
+            ee("div", ie, [
+              a.iconName ? (g(), k(l(P), {
                 key: 0,
                 name: a.iconName,
                 size: "16px",
-                color: t(Q),
+                color: l(Y),
                 class: "tag-icon",
                 type: a.iconType
-              }, null, 8, ["name", "color", "type"])) : H("", !0),
-              r.value ? K((m(), O("input", {
+              }, null, 8, ["name", "color", "type"])) : U("", !0),
+              r.value ? N((g(), j("input", {
                 key: 2,
                 ref_key: "inputRef",
-                ref: L,
-                "onUpdate:modelValue": i[0] || (i[0] = (f) => _(l) ? l.value = f : null),
+                ref: $,
+                "onUpdate:modelValue": t[0] || (t[0] = (m) => ae(i) ? i.value = m : null),
                 placeholder: a.placeholder,
                 class: h(["tag-input", { "tag-input-outline": a.variant === "outlined" }]),
                 spellcheck: "false",
-                style: $({ width: x.value }),
+                style: F({ width: M.value }),
                 maxlength: a.maxLength,
-                onBlur: A,
+                onBlur: X,
                 onKeyup: [
-                  D(g(E, ["prevent"]), ["enter"]),
-                  D(g(E, ["prevent"]), ["esc"])
+                  q(y(z, ["prevent"]), ["enter"]),
+                  q(y(z, ["prevent"]), ["esc"])
                 ]
-              }, null, 46, ie)), [
+              }, null, 46, re)), [
                 [
-                  ee,
-                  t(l),
+                  le,
+                  l(i),
                   void 0,
                   { trim: !0 }
                 ]
-              ]) : (m(), M(t(W), {
+              ]) : (g(), k(l(R), {
                 key: 1,
                 variant: "chipLabel",
                 class: h(["tag-label", {
-                  "tag-label--placeholder": !t(l) && a.placeholder,
+                  "tag-label--placeholder": !l(i) && a.placeholder,
                   "tag-label--disabled": a.disabled
                 }])
               }, {
-                default: b(() => [
-                  P(S(t(l) || a.placeholder), 1)
+                default: s(() => [
+                  L(V(l(i) || a.placeholder), 1)
                 ]),
                 _: 1
               }, 8, ["class"])),
-              r.value ? (m(), O("span", {
+              r.value ? (g(), j("span", {
                 key: 3,
                 ref_key: "sizerRef",
-                ref: k,
+                ref: T,
                 class: "tag-input-sizer"
-              }, S(t(l) || a.placeholder || ""), 513)) : H("", !0)
+              }, V(l(i) || a.placeholder || ""), 513)) : U("", !0)
             ]),
-            K(z(t(F), {
-              class: h(["clear-button", { "clear-button--invalid": a.isInvalid || t(v) }]),
-              name: "x-circle",
+            a.removable && !a.editable && a.selectable ? (g(), k(l(G), {
+              key: 0,
+              placement: "top",
+              text: "Delete",
+              trigger: "hover",
+              distance: 8,
+              skidding: 0
+            }, {
+              tooltip: s(() => [
+                w(l(R), { variant: "body2" }, {
+                  default: s(() => [
+                    L("Delete")
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: s(() => [
+                N(w(l(P), {
+                  class: h(["clear-button", { "clear-button--invalid": a.isInvalid || l(v) }]),
+                  name: a.editable ? "x-circle" : "trash-simple",
+                  size: "16px",
+                  type: a.editable ? "fill" : "regular",
+                  color: l(O),
+                  onMousedown: t[1] || (t[1] = y(() => {
+                  }, ["prevent"])),
+                  onMouseover: t[2] || (t[2] = (m) => c.value = !0),
+                  onMouseleave: t[3] || (t[3] = (m) => c.value = !1),
+                  onClick: y(D, ["stop"])
+                }, null, 8, ["class", "name", "type", "color", "onClick"]), [
+                  [
+                    A,
+                    a.editable && a.selectable && (r.value || !l(E)) || a.removable && !a.editable && a.selectable
+                  ]
+                ])
+              ]),
+              _: 1
+            })) : N((g(), k(l(P), {
+              key: 1,
+              class: h(["clear-button", { "clear-button--invalid": a.isInvalid || l(v) }]),
+              name: a.editable ? "x-circle" : "trash-simple",
               size: "16px",
-              type: "fill",
-              color: t(J),
-              onMousedown: i[1] || (i[1] = g(() => {
+              type: a.editable ? "fill" : "regular",
+              color: l(O),
+              onMousedown: t[4] || (t[4] = y(() => {
               }, ["prevent"])),
-              onMouseover: i[2] || (i[2] = (f) => T.value = !0),
-              onMouseleave: i[3] || (i[3] = (f) => T.value = !1),
-              onClick: g(j, ["stop"])
-            }, null, 8, ["class", "color", "onClick"]), [
-              [ae, a.editable && a.selectable && (r.value || !t(B))]
+              onMouseover: t[5] || (t[5] = (m) => c.value = !0),
+              onMouseleave: t[6] || (t[6] = (m) => c.value = !1),
+              onClick: y(D, ["stop"])
+            }, null, 8, ["class", "name", "type", "color", "onClick"])), [
+              [
+                A,
+                a.editable && a.selectable && (r.value || !l(E)) || a.removable && !a.editable && a.selectable
+              ]
             ])
           ]),
           _: 1

package/components/tag/index.d.ts

@@ -57,6 +57,10 @@ declare const TagTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    removable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectable: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -138,6 +142,10 @@ declare const TagTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    removable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     selectable: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -175,6 +183,7 @@ declare const TagTypes: () => import("vue").DefineComponent<{
     iconType: "fill" | "regular";
     editable: boolean;
     isInvalid: boolean;
+    removable: boolean;
     selectable: boolean;
     maxLengthTooltip: string;
     validationPattern: string;

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

@@ -40,9 +40,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     testId: string;
 }>>>, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: TooltipTriggers[];

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

@@ -3,9 +3,9 @@ declare const TooltipTypes: () => ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            theme: string;
             header: string;
             text: string;
-            theme: string;
             testId: string;
             delay: number;
             triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -13,6 +13,10 @@ declare const TooltipTypes: () => ({
             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;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -21,10 +25,6 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -49,7 +49,7 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "header" | "text" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -64,6 +64,10 @@ declare const TooltipTypes: () => ({
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -72,10 +76,6 @@ declare const TooltipTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -101,9 +101,9 @@ declare const TooltipTypes: () => ({
                 default: boolean;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            theme: string;
             header: string;
             text: string;
-            theme: string;
             testId: string;
             delay: number;
             triggers: import("../common/Tooltip.types").TooltipTriggers[];
@@ -131,6 +131,10 @@ declare const TooltipTypes: () => ({
         $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<{
+        theme: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         header: {
             type: import("vue").PropType<string>;
             default: any;
@@ -139,10 +143,6 @@ declare const TooltipTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
-        theme: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -172,6 +172,10 @@ declare const TooltipTypes: () => ({
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     header: {
         type: import("vue").PropType<string>;
         default: any;
@@ -180,10 +184,6 @@ declare const TooltipTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
-    theme: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
         default: string;
@@ -209,9 +209,9 @@ declare const TooltipTypes: () => ({
         default: boolean;
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: import("../common/Tooltip.types").TooltipTriggers[];

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

@@ -68,9 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     onShow?: () => any;
 }, {
+    theme: string;
     header: string;
     text: string;
-    theme: string;
     testId: string;
     delay: number;
     triggers: TooltipTriggers[];

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

@@ -1,8 +1,8 @@
 import o from "./TooltipV4.vue2.js";
 /* empty css                *//* empty css                */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css"; //*');
+// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css"; //*');
 // import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  //');
-const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8aebfee"]]);
+const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f88fbece"]]);
 export {
   l as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
+ import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_f88fbece_lang.css";  import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css";  import { defineComponent as T, computed as C, onMounted as N, watch as B, onUnmounted as E, renderSlot as i, openBlock as c, createBlock as u, unref as n, mergeProps as g, withCtx as f, createTextVNode as b, toDisplayString as $, createElementVNode as I } from "vue";
 import V from "./TextWithTitleContent.vue.js";
 import { Tooltip as W } from "floating-vue";
 import { TooltipTestIdModifiers as p } from "../../../testids/index.js";