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

package/components/tabs/Tabs.vue2.js

@@ -1,96 +0,0 @@
- import "../../Tabs.vue_vue_type_style_index_0_scoped_e92a7c21_lang.css"; import { defineComponent as W, useCssVars as y, unref as n, ref as T, computed as c, openBlock as o, createElementBlock as l, normalizeClass as u, Fragment as H, renderList as M, renderSlot as V, createBlock as p, createCommentVNode as m, withCtx as E, createTextVNode as F, toDisplayString as P, pushScopeId as _, popScopeId as A, createElementVNode as R } from "vue";
-import "../typography/Heading.vue.js";
-import U from "../typography/Text.vue.js";
-import D from "../icon/v3/Icon.vue.js";
-import { TabsTestIdModifiers as h } from "../../testids/index.js";
-const j = (s) => (_("data-v-e92a7c21"), s = s(), A(), s), q = ["data-testid"], G = ["data-testid", "onClick", "onMouseover"], J = /* @__PURE__ */ j(() => /* @__PURE__ */ R("div", { class: "tabs-border-line" }, null, -1)), K = {
-  key: 0,
-  class: "tabs-border-line-hover"
-}, ee = /* @__PURE__ */ W({
-  __name: "Tabs",
-  props: {
-    tabsList: { default: () => [] },
-    selectedTab: null,
-    variant: { default: "fill" },
-    size: { default: "sm" },
-    testId: { default: "" }
-  },
-  emits: ["update:selectedTab"],
-  setup(s, { emit: x }) {
-    const r = s;
-    y((e) => ({
-      "995c11c2": n(L),
-      "8202f8e0": n($),
-      "0305a06a": n(g),
-      "2b9ee853": n(N)
-    }));
-    const a = T([]), d = T(null), I = 12, k = { tabsNewList: a }, C = c(
-      () => d.value && d.value !== r.selectedTab
-    ), L = c(() => {
-      const e = i();
-      return a.value[e]?.offsetLeft + "px";
-    }), i = () => r.tabsList.findIndex((e) => e.id === r.selectedTab), $ = c(() => {
-      const e = i();
-      return a.value[e]?.clientWidth + "px";
-    }), f = (e) => {
-      const v = a.value[e]?.offsetLeft, t = a.value[e]?.clientWidth;
-      return (parseFloat(v) + parseFloat(t) / 2 - I).toString() + "px";
-    }, g = c(() => {
-      const e = i();
-      return f(e);
-    }), w = () => r.tabsList.findIndex((e) => e.id === d.value), N = c(() => {
-      const e = w();
-      return f(e);
-    }), S = (e) => {
-      x("update:selectedTab", e.id);
-    }, z = (e) => {
-      e !== null && (d.value = e.id);
-    }, B = () => {
-      d.value = null;
-    };
-    return (e, v) => (o(), l("ul", {
-      class: u(["tabs-wrap", [s.size, s.variant]]),
-      "data-testid": `${s.testId}-${n(h).WRAPPER}`
-    }, [
-      (o(!0), l(H, null, M(s.tabsList, (t) => (o(), l("li", {
-        ref_for: !0,
-        ref: k.tabsNewList,
-        key: t.id,
-        class: u(["tab-item", {
-          "disabled-tab": t.disabled,
-          "selected-tab": t.id === s.selectedTab
-        }]),
-        "data-testid": `${s.testId}-${n(h).TAB}-${t.id}`,
-        onClick: (b) => S(t),
-        onMouseover: (b) => z(t),
-        onMouseleave: B
-      }, [
-        V(e.$slots, "default", { tab: t }, () => [
-          t.iconName ? (o(), p(n(D), {
-            key: 0,
-            name: t.iconName,
-            class: u(["tab-icon", {
-              size: s.size,
-              "lone-icon": !t.name
-            }])
-          }, null, 8, ["name", "class"])) : m("", !0),
-          t.name ? (o(), p(n(U), {
-            key: 1,
-            size: "sm",
-            strong: ""
-          }, {
-            default: E(() => [
-              F(P(t.name), 1)
-            ]),
-            _: 2
-          }, 1024)) : m("", !0)
-        ], !0)
-      ], 42, G))), 128)),
-      J,
-      n(C) ? (o(), l("div", K)) : m("", !0)
-    ], 10, q));
-  }
-});
-export {
-  ee as default
-};

package/components/toggle/Toggle.vue.js

@@ -1,7 +0,0 @@
-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_d97166d1_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d97166d1"]]);
-export {
-  d as default
-};

package/components/tooltip/TextWithTitleContent.vue.js

@@ -1,7 +0,0 @@
-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_7da6e1ca_lang.css"; //*');
-const a = /* @__PURE__ */ e(t, [["__scopeId", "data-v-7da6e1ca"]]);
-export {
-  a as default
-};

package/components/tooltip/Tooltip.vue.js

@@ -1,84 +0,0 @@
-import { defineComponent as y, ref as r, useSlots as v, watch as m, openBlock as n, createBlock as s, unref as a, mergeProps as w, withCtx as u, renderSlot as h, createTextVNode as g, toDisplayString as S, createElementVNode 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 x } from "../../testids/index.js";
-const N = /* @__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 = r(!1), l = r(null), d = r(null), T = v(), f = () => i.value ? o.text : null, c = 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 m(
-      () => o.text,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), m(
-      () => T.default,
-      async () => {
-        await c(), l.value = f();
-      },
-      { immediate: !0 }
-    ), (t, p) => (n(), s(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(x).TRIGGER}`,
-      "auto-hide": ""
-    }), {
-      popper: u(() => [
-        h(t.$slots, "tooltip", { text: l.value }, () => [
-          e.header ? (n(), s(I, {
-            key: 1,
-            text: e.text,
-            header: e.header
-          }, null, 8, ["text", "header"])) : (n(), s(a(W), {
-            key: 0,
-            size: "sm",
-            "is-truncated": !1,
-            strong: "",
-            "test-id": `${e.testId}-${a(x).TEXT}`
-          }, {
-            default: u(() => [
-              g(S(l.value), 1)
-            ]),
-            _: 1
-          }, 8, ["test-id"]))
-        ])
-      ]),
-      default: u(() => [
-        k("div", {
-          ref_key: "container",
-          ref: d,
-          class: "container"
-        }, [
-          h(t.$slots, "default")
-        ], 512)
-      ]),
-      _: 3
-    }, 16, ["theme", "triggers", "delay", "placement", "disabled", "data-testid"]));
-  }
-});
-export {
-  N as default
-};

package/components/tooltip/Tooltip.vue2.js

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