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

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

@@ -0,0 +1,54 @@
+ 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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,45 @@
+ 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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,45 @@
+ 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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,19 @@
+ 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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,91 @@
+ 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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,46 @@
+ 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

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

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

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

package/components/chart/Chart.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
     hideLegend?: boolean;
     minVisible?: number;
     maxVisible?: number;
@@ -18,6 +18,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle?: string;
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
+    maxLimitTooltipText?: string;
+    withAnimation?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -37,6 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withSettingsHeader: boolean;
+    withSubheaderTooltip: boolean;
+    maxLimitTooltipText: string;
+    withAnimation: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -50,7 +55,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tickCount?: number;
     header?: string;
     subheader?: string;
-    subheaderTooltip?: string;
+    withSubheaderTooltip?: boolean;
     hideLegend?: boolean;
     minVisible?: number;
     maxVisible?: number;
@@ -59,6 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle?: string;
     noDataSubtitle?: string;
     withSettingsHeader?: boolean;
+    maxLimitTooltipText?: string;
+    withAnimation?: boolean;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -78,6 +85,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     noDataTitle: string;
     noDataSubtitle: string;
     withSettingsHeader: boolean;
+    withSubheaderTooltip: boolean;
+    maxLimitTooltipText: string;
+    withAnimation: boolean;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:chartType"?: (chartType: ChartType) => any;
@@ -90,19 +100,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
     chartType: ChartType;
     withSettingsHeader: boolean;
     subheader: string;
-    subheaderTooltip: string;
+    withSubheaderTooltip: boolean;
     dataSets: ChartDataSet[];
     hideLegend: boolean;
     tickCount: number;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
+    withAnimation: boolean;
 }>, {
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
+    "subheader-tooltip"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/chart/Chart.vue.js

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