@ironsource/shared-ui 1.4.2-test.0 → 1.4.2-test.10

package/components/tabs/Tabs.vue.vue2.js

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

package/components/textArea/TextArea.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./TextArea.vue.vue2.js";
-/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-835f09fa"]]);
-export {
-  e as default
-};

package/components/textArea/TextArea.vue.vue2.js

@@ -1,58 +0,0 @@
-import { defineComponent as m, openBlock as a, createElementBlock as t, normalizeClass as d, createVNode as r, unref as c, withCtx as o, createTextVNode as n, toDisplayString as u, createCommentVNode as i, createElementVNode as x } from "vue";
-/* empty css                              */import s from "../typography/Text.vue.vue.js";
-const h = {
-  key: 0,
-  class: "label-container"
-}, k = ["value", "placeholder", "disabled"], T = {
-  key: 1,
-  class: "extra-text-container"
-}, y = /* @__PURE__ */ m({
-  __name: "TextArea",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    label: { default: "" },
-    feedbackHelpText: { default: "" },
-    feedbackErrorText: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: f }) {
-    const b = (l) => {
-      f("update:modelValue", l.target.value);
-    };
-    return (l, V) => (a(), t("div", {
-      class: d({ "textarea-with-label-container": !0, disabled: e.disabled })
-    }, [
-      e.label ? (a(), t("div", h, [
-        r(c(s), { class: "label" }, {
-          default: o(() => [
-            n(u(e.label), 1)
-          ]),
-          _: 1
-        })
-      ])) : i("", !0),
-      x("textarea", {
-        class: "textarea",
-        value: e.modelValue,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        onInput: b
-      }, null, 40, k),
-      e.feedbackErrorText || e.feedbackHelpText ? (a(), t("div", T, [
-        r(c(s), {
-          class: d({ [e.feedbackErrorText ? "error" : "help"]: !0 }),
-          size: "caption"
-        }, {
-          default: o(() => [
-            n(u(e.feedbackErrorText || e.feedbackHelpText), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ])) : i("", !0)
-    ], 2));
-  }
-});
-export {
-  y as default
-};

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

@@ -1,6 +0,0 @@
-import o from "./Toggle.vue.vue2.js";
-/* empty css                 */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d26e6831"]]);
-export {
-  p as default
-};

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

@@ -1,76 +0,0 @@
-import { defineComponent as f, useCssVars as g, openBlock as l, createElementBlock as v, createElementVNode as t, normalizeClass as a, createVNode as T, unref as o, withCtx as d, createTextVNode as i, toDisplayString as c, createBlock as n, createCommentVNode as u, pushScopeId as V, popScopeId as b } from "vue";
-/* empty css                              */import s from "../typography/Text.vue.vue.js";
-import { COLORS as k } from "../../consts/colors.vue.js";
-const y = (e) => (V("data-v-d26e6831"), e = e(), b(), e), C = { class: "toggle-wrap" }, p = /* @__PURE__ */ y(() => /* @__PURE__ */ t("div", { class: "toggle-head" }, null, -1)), D = [
-  p
-], B = ["disabled", "checked"], R = /* @__PURE__ */ f({
-  __name: "Toggle",
-  props: {
-    modelValue: { type: Boolean },
-    activeText: { default: void 0 },
-    inactiveText: { default: void 0 },
-    errorText: { default: void 0 },
-    helperText: { default: void 0 },
-    isDisabled: { type: Boolean, default: !1 },
-    color: { default: k.PRIMARY_500 }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const r = e;
-    g((h) => ({
-      "9cc22120": e.color
-    }));
-    const x = () => {
-      r.isDisabled || m("update:modelValue", !r.modelValue);
-    };
-    return (h, S) => (l(), v("div", null, [
-      t("div", C, [
-        t("div", {
-          class: a(["toggle-body", { "toggle-active": e.modelValue, "toggle-disabled": e.isDisabled }]),
-          onClick: x
-        }, D, 2),
-        t("input", {
-          type: "checkbox",
-          disabled: e.isDisabled,
-          checked: e.modelValue,
-          class: "checkbox"
-        }, null, 8, B),
-        T(o(s), {
-          size: "sm",
-          "is-truncated": "",
-          class: a(["item-text", { "text-disabled": e.isDisabled }])
-        }, {
-          default: d(() => [
-            i(c(e.modelValue ? e.activeText : e.inactiveText), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      t("div", null, [
-        e.helperText ? (l(), n(o(s), {
-          key: 0,
-          size: "caption",
-          class: "helper-text"
-        }, {
-          default: d(() => [
-            i(c(e.helperText), 1)
-          ]),
-          _: 1
-        })) : u("", !0),
-        e.errorText ? (l(), n(o(s), {
-          key: 1,
-          size: "caption",
-          class: a(["error-text", { "error-and-help": !!e.helperText }])
-        }, {
-          default: d(() => [
-            i(c(e.errorText), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])) : u("", !0)
-      ])
-    ]));
-  }
-});
-export {
-  R as default
-};

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

@@ -1,6 +0,0 @@
-import t from "./TextWithTitleContent.vue.vue3.js";
-/* empty css                              */import o from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ec87caf8"]]);
-export {
-  c as default
-};

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

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

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

@@ -1,79 +0,0 @@
-import { defineComponent as y, ref as r, useSlots as v, watch as f, openBlock as i, createBlock as d, unref as h, mergeProps as w, withCtx as u, renderSlot as m, createTextVNode as g, toDisplayString as T, createElementVNode as S, nextTick as k } from "vue";
-import { Tooltip as W } from "floating-vue";
-/* empty css                              */import b from "../typography/Text.vue.vue.js";
-import B from "./TextWithTitleContent.vue.vue2.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 }
-  },
-  setup(e) {
-    const a = e, o = r(!1), l = r(null), n = r(null), p = v(), s = () => o.value ? a.text : null, c = async () => {
-      if (o.value = !0, await k(), !a.forceShowWithTruncate) {
-        const t = n.value?.children && n.value.children[0];
-        (t && window.getComputedStyle(t, null).getPropertyValue("text-overflow")) === "ellipsis" && (o.value = t.offsetWidth < t.scrollWidth);
-      }
-    };
-    return f(
-      () => a.text,
-      async () => {
-        await c(), l.value = s();
-      },
-      { immediate: !0 }
-    ), f(
-      () => p.default,
-      async () => {
-        await c(), l.value = s();
-      },
-      { immediate: !0 }
-    ), (t, x) => (i(), d(h(W), 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,
-      "auto-hide": ""
-    }), {
-      popper: u(() => [
-        m(t.$slots, "tooltip", { text: l.value }, () => [
-          e.header ? (i(), d(B, {
-            key: 1,
-            text: e.text,
-            header: e.header
-          }, null, 8, ["text", "header"])) : (i(), d(h(b), {
-            key: 0,
-            size: "sm",
-            "is-truncated": !1,
-            strong: ""
-          }, {
-            default: u(() => [
-              g(T(l.value), 1)
-            ]),
-            _: 1
-          }))
-        ])
-      ]),
-      default: u(() => [
-        S("div", {
-          ref_key: "container",
-          ref: n,
-          class: "container"
-        }, [
-          m(t.$slots, "default")
-        ], 512)
-      ]),
-      _: 3
-    }, 16, ["theme", "triggers", "delay", "placement", "disabled"]));
-  }
-});
-export {
-  N as default
-};

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

@@ -1,4 +0,0 @@
-import o from "./Tooltip.vue.vue.js";
-/* empty css                  */export {
-  o as default
-};

package/components/typography/Heading.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Heading.vue.vue3.js";
-/* empty css                  */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a4d2562f"]]);
-export {
-  m as default
-};

package/components/typography/Heading.vue.vue3.js

@@ -1,22 +0,0 @@
-import { defineComponent as a, computed as o, openBlock as r, createBlock as s, resolveDynamicComponent as c, unref as u, normalizeClass as d, withCtx as i, renderSlot as p } from "vue";
-const v = /* @__PURE__ */ a({
-  __name: "Heading",
-  props: {
-    isTruncated: { type: Boolean },
-    level: { default: "1" }
-  },
-  setup(e) {
-    const t = e, n = o(() => t.level === "label" ? "label" : `h${t.level}`);
-    return (l, f) => (r(), s(c(u(n)), {
-      class: d(["heading", { truncate: e.isTruncated }])
-    }, {
-      default: i(() => [
-        p(l.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  v as default
-};

package/components/typography/Text.vue.vue.js

@@ -1,6 +0,0 @@
-import o from "./Text.vue.vue2.js";
-/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a5537754"]]);
-export {
-  p as default
-};

package/components/typography/Text.vue.vue2.js

@@ -1,20 +0,0 @@
-import { defineComponent as o, computed as r, openBlock as a, createElementBlock as c, normalizeClass as l, unref as u, renderSlot as i } from "vue";
-const p = /* @__PURE__ */ o({
-  __name: "Text",
-  props: {
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean },
-    size: { default: "md" }
-  },
-  setup(e) {
-    const t = e, n = r(() => `text-size-${t.size}`);
-    return (s, d) => (a(), c("span", {
-      class: l(["text", { strong: e.strong, [u(n)]: !0, truncate: e.isTruncated }])
-    }, [
-      i(s.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  p as default
-};