@ironsource/shared-ui 2.1.11-test.6 → 2.1.11-test.8

package/components/button/v3/ButtonBase.vue2.js

@@ -1,54 +0,0 @@
- import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
-import "../../typography/Heading.vue.js";
-import h from "../../typography/Text.vue.js";
-import B from "../../icon/v3/Icon.vue.js";
-import { sizeToFont as y } from "../common/consts.js";
-import x from "./LoaderDotsIcon.vue.js";
-const k = { key: 0 }, W = /* @__PURE__ */ p({
-  __name: "ButtonBase",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: !1 },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const r = e, u = 32, c = 24, f = l(
-      () => r.size === "lg" ? u + "px" : c + "px"
-    ), g = l(() => y[r.size]);
-    return (t, I) => (s(), i("button", z({
-      class: [[e.size, e.theme, e.variant, { loading: e.loading }], "button-wrap"]
-    }, t.$attrs), [
-      e.loading ? m("", !0) : (s(), i("span", k, [
-        n(t.$slots, "content", {}, () => [
-          a(o(h), {
-            size: o(g),
-            strong: e.strong,
-            class: "content"
-          }, {
-            default: d(() => [
-              n(t.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["size", "strong"])
-        ], !0)
-      ])),
-      e.loading ? n(t.$slots, "loader", { key: 1 }, () => [
-        a(o(B), {
-          "font-size": o(f),
-          class: "loading"
-        }, {
-          default: d(() => [
-            a(x)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ], !0) : m("", !0)
-    ], 16));
-  }
-});
-export {
-  W as default
-};

package/components/button/v3/IconButton.vue.js

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

package/components/button/v3/IconButton.vue2.js

@@ -1,45 +0,0 @@
- import "../../../IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css"; import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
-import p from "../../icon/v3/Icon.vue.js";
-import v from "./ButtonBase.vue.js";
-import { loaderSizeMap as B } from "../common/consts.js";
-import C from "./LoaderCircleIcon.vue.js";
-const N = /* @__PURE__ */ s({
-  __name: "IconButton",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" }
-  },
-  setup(e) {
-    const n = e, i = c(() => B[n.size] + "px");
-    return (o, I) => (l(), d(v, m({
-      size: e.size,
-      "is-truncated": !1
-    }, o.$attrs, {
-      variant: e.variant,
-      class: "icon-base"
-    }), {
-      content: t(() => [
-        f("div", {
-          class: u(["icon", { [e.size]: !0, [e.variant]: !0 }])
-        }, [
-          z(o.$slots, "default", {}, void 0, !0)
-        ], 2)
-      ]),
-      loader: t(() => [
-        a(r(p), {
-          "font-size": r(i),
-          class: "loading"
-        }, {
-          default: t(() => [
-            a(C)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      _: 3
-    }, 16, ["size", "variant"]));
-  }
-});
-export {
-  N as default
-};

package/components/button/v3/LoaderCircleIcon.vue.js

@@ -1,33 +0,0 @@
-import { openBlock as t, createElementBlock as r, createElementVNode as e } from "vue";
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, c = {
-  width: "100",
-  height: "100",
-  viewBox: "0 0 100 100"
-}, s = /* @__PURE__ */ e("circle", {
-  cx: "50",
-  cy: "50",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "6",
-  r: "35",
-  "stroke-dasharray": "164.93361431346415 56.97787143782138"
-}, [
-  /* @__PURE__ */ e("animateTransform", {
-    attributeName: "transform",
-    type: "rotate",
-    repeatCount: "indefinite",
-    dur: "1s",
-    values: "0 50 50;360 50 50",
-    keyTimes: "0;1"
-  })
-], -1), i = [
-  s
-];
-function a(_, d) {
-  return t(), r("svg", c, i);
-}
-const l = /* @__PURE__ */ o(n, [["render", a]]);
-export {
-  l as default
-};

package/components/button/v3/LoaderDotsIcon.vue.js

@@ -1,16 +0,0 @@
-import { openBlock as e, createElementBlock as t, createStaticVNode as i } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, a = {
-  width: "52",
-  height: "14",
-  viewBox: "0 0 52 14"
-}, n = /* @__PURE__ */ i('<circle fill="currentColor" cx="6" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".1"></animate></circle><circle fill="currentColor" cx="26" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".2"></animate></circle><circle fill="currentColor" cx="46" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".3"></animate></circle>', 3), o = [
-  n
-];
-function l(s, u) {
-  return e(), t("svg", a, o);
-}
-const _ = /* @__PURE__ */ c(r, [["render", l]]);
-export {
-  _ as default
-};

package/components/button/v3/ScrollButton.vue.js

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

package/components/button/v3/ScrollButton.vue2.js

@@ -1,45 +0,0 @@
- import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_35ed2cfe_lang.css"; import { defineComponent as r, openBlock as i, createBlock as c, unref as o, normalizeClass as m, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
-import u from "../../icon/v3/Icon.vue.js";
-import "./Button.vue.js";
-import d from "./IconButton.vue.js";
-import "./ScrollButton.vue.js";
-import f from "../../tooltip/v3/Tooltip.vue.js";
-const g = /* @__PURE__ */ r({
-  __name: "ScrollButton",
-  props: {
-    show: { type: Boolean, default: !1 },
-    iconName: { default: "angle-up" },
-    tooltipText: { default: "Back to top" },
-    position: { default: "bottom-right" }
-  },
-  emits: ["scrolled"],
-  setup(t, { emit: n }) {
-    const a = () => {
-      n("scrolled");
-    };
-    return (p, h) => t.show ? (i(), c(o(d), {
-      key: 0,
-      class: m(["scroll-button", t.position]),
-      theme: "third",
-      variant: "borderless",
-      size: "lg",
-      onClick: a
-    }, {
-      default: e(() => [
-        l(o(f), {
-          text: t.tooltipText,
-          delay: 400
-        }, {
-          default: e(() => [
-            l(o(u), { name: t.iconName }, null, 8, ["name"])
-          ]),
-          _: 1
-        }, 8, ["text"])
-      ]),
-      _: 1
-    }, 8, ["class"])) : s("", !0);
-  }
-});
-export {
-  g as default
-};

package/components/button/v4/ButtonGroup.vue.js

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

package/components/button/v4/ButtonGroup.vue2.js

@@ -1,19 +0,0 @@
- import "../../../ButtonGroup.vue_vue_type_style_index_0_scoped_5497abe6_lang.css"; import { defineComponent as o, openBlock as r, createElementBlock as a, normalizeClass as n, renderSlot as l } from "vue";
-const c = /* @__PURE__ */ o({
-  __name: "ButtonGroup",
-  props: {
-    variant: { default: "contained" },
-    color: { default: "primary" },
-    size: { default: "medium" }
-  },
-  setup(e) {
-    return (t, u) => (r(), a("div", {
-      class: n(["group-button-wrapper", [e.size, e.color, e.variant]])
-    }, [
-      l(t.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  c as default
-};

package/components/button/v4/ButtonV4.vue.js

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

package/components/button/v4/ButtonV4.vue2.js

@@ -1,91 +0,0 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
-import I from "../../typography/v4/Typography.vue.js";
-import y from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import b from "../../loader/v4/Loader.vue.js";
-const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
-  __name: "ButtonV4",
-  props: {
-    variant: { default: "contained" },
-    color: { default: "primary" },
-    size: { default: "medium" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" },
-    content: { default: "" },
-    startIconName: { default: null },
-    endIconName: { default: null },
-    startIconType: { default: "regular" },
-    endIconType: { default: "regular" }
-  },
-  setup(e) {
-    const o = e, d = h(
-      () => o.size === "small" || o.size === "medium" ? 16 : 20
-    );
-    return (l, w) => (a(), s("button", {
-      class: i([[
-        e.size,
-        e.color,
-        e.variant,
-        { loading: e.loading },
-        {
-          "with-start-icon": !!e.startIconName,
-          "with-end-icon": !!e.endIconName
-        }
-      ], "button-wrap"]),
-      "data-testid": o.testId,
-      disabled: e.disabled
-    }, [
-      e.loading ? n("", !0) : (a(), s("span", v, [
-        r("div", {
-          class: i({
-            flex: e.startIconName || e.endIconName
-          })
-        }, [
-          e.startIconName ? (a(), f(t(y), {
-            key: 0,
-            name: e.startIconName,
-            size: `${t(d)}px`,
-            type: e.startIconType,
-            class: "start-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0),
-          c(t(I), { variant: "button" }, {
-            default: m(() => [
-              u(l.$slots, "default", {}, () => [
-                z(g(e.content), 1)
-              ], !0)
-            ]),
-            _: 3
-          }),
-          e.endIconName ? (a(), f(t(y), {
-            key: 1,
-            name: e.endIconName,
-            size: `${t(d)}px`,
-            type: e.endIconType,
-            class: "end-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0)
-        ], 2)
-      ])),
-      e.loading ? u(l.$slots, "loader", { key: 1 }, () => [
-        c(t(b), { "max-width": t(d) }, {
-          default: m(() => [
-            r("div", {
-              class: i({ "content-with-icon": e.startIconName || e.endIconName })
-            }, [
-              c(t(I), { variant: "button" }, {
-                default: m(() => [
-                  u(l.$slots, "default", {}, void 0, !0)
-                ]),
-                _: 3
-              })
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["max-width"])
-      ], !0) : n("", !0)
-    ], 10, k));
-  }
-});
-export {
-  $ as default
-};

package/components/button/v4/IconButtonV4.vue.js

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

package/components/button/v4/IconButtonV4.vue2.js

@@ -1,46 +0,0 @@
- import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
-import f from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
-  __name: "IconButtonV4",
-  props: {
-    variant: { default: "default" },
-    color: { default: "default" },
-    size: { default: "medium" },
-    type: { default: "regular" },
-    iconName: { default: "pencil-simple" },
-    disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  setup(e) {
-    const t = e, n = l(() => {
-      switch (t.size) {
-        case "extraSmall":
-          return "16px";
-        case "small":
-        case "medium":
-          return "20px";
-        case "large":
-        case "extraLarge":
-        default:
-          return "24px";
-      }
-    }), s = l(() => `variant-${t.variant}`);
-    return (d, b) => (r(), i("button", {
-      class: c([[e.size, e.color, a(s)], "button-wrap"]),
-      "data-testid": t.testId,
-      disabled: e.disabled
-    }, [
-      u(d.$slots, "default", {}, () => [
-        m(a(f), {
-          type: e.type,
-          name: e.iconName || "pencil-simple",
-          size: a(n)
-        }, null, 8, ["type", "name", "size"])
-      ], !0)
-    ], 10, p));
-  }
-});
-export {
-  I as default
-};

package/components/button/v4/ToggleButtonGroupAB.vue.js

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

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,95 +0,0 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_9d9e51c0_lang.css"; import { defineComponent as I, ref as i, onMounted as b, openBlock as g, createElementBlock as k, createVNode as n, mergeProps as a, unref as e, withCtx as r, createTextVNode as f, createBlock as A, createElementVNode as C, renderSlot as N, createCommentVNode as w } from "vue";
-import c from "./ButtonV4.vue.js";
-import { useVModel as y } from "@vueuse/core";
-import O from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import x from "../../popover/v4/PopoverV4.vue.js";
-import { useTestIdAttrs as E } from "../../../utils/testIds.js";
-import { ToggleButtonGroupABTestIdModifiers as p } from "../../../testids/index.js";
-const G = { class: "group-button-wrapper" }, M = { class: "popover-trigger" }, D = /* @__PURE__ */ I({
-  __name: "ToggleButtonGroupAB",
-  props: {
-    modelValue: null,
-    withPopover: { type: Boolean },
-    testId: { default: "" },
-    popoverProps: null
-  },
-  emits: ["update:modelValue"],
-  setup(d, { emit: B }) {
-    const t = d, m = i(!1), T = (o) => {
-      m.value = o;
-    }, u = E(
-      t.testId,
-      p,
-      !0
-    ), P = i(
-      t.popoverProps ? { ...t.popoverProps } : {}
-    ), l = i(), V = y(t, "modelValue", B);
-    b(() => {
-      l.value = t.modelValue;
-    });
-    const v = (o) => {
-      l.value = o, V.value = o;
-    };
-    return (o, s) => (g(), k("div", G, [
-      n(c, a({
-        class: ["toggle-button", { "selected-a": l.value === "a" }],
-        color: "primary",
-        variant: "outlined"
-      }, e(u)[e(p).BUTTON_A], {
-        onClick: s[0] || (s[0] = (_) => v("a"))
-      }), {
-        default: r(() => [
-          f(" A ")
-        ]),
-        _: 1
-      }, 16, ["class"]),
-      n(c, a({
-        class: ["toggle-button", { "selected-b": l.value === "b" }],
-        color: "primary",
-        variant: "outlined"
-      }, e(u)[e(p).BUTTON_B], {
-        onClick: s[1] || (s[1] = (_) => v("b"))
-      }), {
-        default: r(() => [
-          f(" B ")
-        ]),
-        _: 1
-      }, 16, ["class"]),
-      d.withPopover ? (g(), A(c, a({
-        key: 0,
-        class: [
-          "toggle-button",
-          {
-            "trigger-active": m.value
-          }
-        ],
-        color: "primary",
-        variant: "outlined"
-      }, e(u)[e(p).POPOVER_TRIGGER]), {
-        default: r(() => [
-          n(e(x), a({
-            ...P.value
-          }, { onIsOpen: T }), {
-            trigger: r(() => [
-              C("div", M, [
-                n(e(O), {
-                  name: "caret-down",
-                  size: "16px"
-                })
-              ])
-            ]),
-            content: r(() => [
-              N(o.$slots, "popover-content", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 16)
-        ]),
-        _: 3
-      }, 16, ["class"])) : w("", !0)
-    ]));
-  }
-});
-export {
-  D as default
-};

package/components/chart/Chart.vue.js

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