@ironsource/shared-ui 1.4.2-test.3 → 1.4.2-test.5

package/components/autocompleteDropdown/useKeyboardNavigation.js

@@ -1,52 +0,0 @@
-import { ref as D, computed as t, watch as l, toRaw as s } from "vue";
-const g = ({
-  options: u,
-  canFocus: r,
-  scrollTo: c,
-  selectItem: n
-}) => {
-  const e = D(-1), o = t(() => u.value[e.value]), v = t(
-    () => u.value[e.value + 1]
-  ), f = t(
-    () => u.value[e.value - 1]
-  ), i = (a) => s(a) === s(o.value), d = () => {
-    if (e.value > u.value.length - 1)
-      return -1;
-    r(v.value) ? e.value += 1 : e.value += 2;
-  }, p = () => {
-    if (e.value < 0)
-      return -1;
-    r(f.value) ? e.value -= 1 : e.value -= 2;
-  }, w = () => {
-    !o.value || !r(o.value) || n(o.value);
-  };
-  l(u, () => {
-    e.value = -1;
-  }), l(e, () => {
-    const a = e.value - 5;
-    a >= 0 && c(a);
-  });
-  function k(a) {
-    switch (a.key) {
-      case "ArrowUp": {
-        p(), a.preventDefault(), a.stopPropagation();
-        break;
-      }
-      case "ArrowDown": {
-        d(), a.preventDefault(), a.stopPropagation();
-        break;
-      }
-      case "Enter": {
-        w(), a.preventDefault();
-        break;
-      }
-    }
-  }
-  return {
-    isFocused: i,
-    keyDownHandler: k
-  };
-};
-export {
-  g as useKeyboardNavigation
-};

package/components/banner/Banner.vue.js

@@ -1,7 +0,0 @@
-import o from "./Banner.vue2.js";
-import "./Banner.vue3.js";
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ded86a03"]]);
-export {
-  m as default
-};

package/components/banner/Banner.vue2.js

@@ -1,38 +0,0 @@
-import { defineComponent as i, computed as l, openBlock as s, createElementBlock as p, normalizeClass as n, createElementVNode as o, createVNode as f, unref as c, withCtx as m, renderSlot as r, createBlock as u, pushScopeId as _, popScopeId as h } from "vue";
-import v from "../icon/Icon.vue.js";
-import y from "../icon/icons/Info.vue.js";
-const k = (e) => (_("data-v-ded86a03"), e = e(), h(), e), I = /* @__PURE__ */ k(() => /* @__PURE__ */ o("div", { class: "left-border" }, null, -1)), S = { class: "content-wrapper" }, $ = { class: "icon-container" }, B = { class: "content" }, N = /* @__PURE__ */ i({
-  __name: "Banner",
-  props: {
-    type: {
-      type: String,
-      default: "info"
-    }
-  },
-  setup(e) {
-    const a = e, d = l(() => `${a.type}`);
-    return (t, C) => (s(), p("div", {
-      class: n(["banner", `banner-type-${e.type}`])
-    }, [
-      I,
-      o("div", S, [
-        o("div", $, [
-          f(c(v), {
-            class: n(c(d))
-          }, {
-            default: m(() => [
-              t.$slots.icon ? r(t.$slots, "icon", { key: 0 }, void 0, !0) : (s(), u(y, { key: 1 }))
-            ]),
-            _: 3
-          }, 8, ["class"])
-        ]),
-        o("div", B, [
-          r(t.$slots, "default", {}, void 0, !0)
-        ])
-      ])
-    ], 2));
-  }
-});
-export {
-  N as default
-};

package/components/banner/Banner.vue3.js

@@ -1,4 +0,0 @@
-const e = "";
-export {
-  e as default
-};

package/components/banner/index.js

@@ -1,6 +0,0 @@
-import n from "./Banner.vue.js";
-const e = () => [n];
-export {
-  n as Banner,
-  e as BannerTypes
-};

package/components/button/Button.vue.js

@@ -1,7 +0,0 @@
-import o from "./Button.vue2.js";
-import "./Button.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c27c5d9"]]);
-export {
-  p as default
-};

package/components/button/Button.vue2.js

@@ -1,57 +0,0 @@
-import { defineComponent as f, computed as u, openBlock as n, createBlock as a, mergeProps as d, createSlots as z, withCtx as i, createElementVNode as I, normalizeClass as N, unref as o, createCommentVNode as m, renderSlot as c } from "vue";
-import r from "../icon/Icon.vue.js";
-import h from "./ButtonBase.vue2.js";
-import { iconSizeMap as g } from "./consts.js";
-const w = /* @__PURE__ */ f({
-  __name: "Button",
-  props: {
-    leftIconName: { default: null },
-    rightIconName: { default: null },
-    size: { default: "md" }
-  },
-  setup(e) {
-    const s = e, l = u(() => `${g[s.size]}px`);
-    return (t, k) => (n(), a(h, d({
-      class: [
-        e.size,
-        {
-          "with-left-icon": !!e.leftIconName,
-          "with-right-icon": !!e.rightIconName
-        }
-      ],
-      size: e.size
-    }, t.$attrs), z({
-      default: i(() => [
-        I("div", {
-          class: N({
-            flex: e.leftIconName || e.rightIconName
-          })
-        }, [
-          e.leftIconName ? (n(), a(o(r), {
-            key: 0,
-            name: e.leftIconName,
-            "font-size": o(l)
-          }, null, 8, ["name", "font-size"])) : m("", !0),
-          c(t.$slots, "default", {}, void 0, !0),
-          e.rightIconName ? (n(), a(o(r), {
-            key: 1,
-            name: e.rightIconName,
-            "font-size": o(l)
-          }, null, 8, ["name", "font-size"])) : m("", !0)
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      t.$slots.loader ? {
-        name: "loader",
-        fn: i(() => [
-          c(t.$slots, "loader", {}, void 0, !0)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["class", "size"]));
-  }
-});
-export {
-  w as default
-};

package/components/button/Button.vue3.js

@@ -1,4 +0,0 @@
-const _ = "";
-export {
-  _ as default
-};

package/components/button/ButtonBase.vue.js

@@ -1,4 +0,0 @@
-const e = "";
-export {
-  e as default
-};

package/components/button/ButtonBase.vue2.js

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

package/components/button/ButtonBase.vue3.js

@@ -1,54 +0,0 @@
-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.vue2.js";
-import h from "../typography/Text.vue.js";
-import B from "../icon/Icon.vue.js";
-import { sizeToFont as y } from "./consts.js";
-import x from "./icon/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/IconButton.vue.js

@@ -1,7 +0,0 @@
-import o from "./IconButton.vue2.js";
-import "./IconButton.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c30a9bf2"]]);
-export {
-  f as default
-};

package/components/button/IconButton.vue2.js

@@ -1,45 +0,0 @@
-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/Icon.vue.js";
-import v from "./ButtonBase.vue2.js";
-import { loaderSizeMap as B } from "./consts.js";
-import C from "./icon/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/IconButton.vue3.js

@@ -1,4 +0,0 @@
-const _ = "";
-export {
-  _ as default
-};

package/components/button/ScrollButton.vue.js

@@ -1,7 +0,0 @@
-import o from "./ScrollButton.vue2.js";
-import "./ScrollButton.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed37b64b"]]);
-export {
-  _ as default
-};

package/components/button/ScrollButton.vue2.js

@@ -1,49 +0,0 @@
-import { defineComponent as a, openBlock as i, createBlock as m, unref as o, normalizeClass as c, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
-import p from "../icon/Icon.vue.js";
-import "../typography/Heading.vue2.js";
-import "../typography/Text.vue3.js";
-import "./ButtonBase.vue.js";
-import "./Button.vue3.js";
-import u from "./IconButton.vue.js";
-import f from "../tooltip/Tooltip.vue.js";
-import "../tooltip/Tooltip.vue2.js";
-import "./ScrollButton.vue3.js";
-const z = /* @__PURE__ */ a({
-  __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: r }) {
-    const n = () => {
-      r("scrolled");
-    };
-    return (d, h) => t.show ? (i(), m(o(u), {
-      key: 0,
-      class: c(["scroll-button", t.position]),
-      theme: "third",
-      variant: "borderless",
-      size: "lg",
-      onClick: n
-    }, {
-      default: e(() => [
-        l(o(f), {
-          text: t.tooltipText,
-          delay: 400
-        }, {
-          default: e(() => [
-            l(o(p), { name: t.iconName }, null, 8, ["name"])
-          ]),
-          _: 1
-        }, 8, ["text"])
-      ]),
-      _: 1
-    }, 8, ["class"])) : s("", !0);
-  }
-});
-export {
-  z as default
-};

package/components/button/ScrollButton.vue3.js

@@ -1,4 +0,0 @@
-const e = "";
-export {
-  e as default
-};

package/components/button/consts.js

@@ -1,18 +0,0 @@
-const s = {
-  lg: "md",
-  md: "sm",
-  sm: "xs"
-}, m = {
-  lg: 24,
-  md: 16,
-  sm: 16
-}, o = {
-  lg: 22,
-  md: 16,
-  sm: 11
-};
-export {
-  m as iconSizeMap,
-  o as loaderSizeMap,
-  s as sizeToFont
-};

package/components/button/icon/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/icon/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/index.js

@@ -1,10 +0,0 @@
-import o from "./Button.vue.js";
-import t from "./IconButton.vue.js";
-import r from "./ScrollButton.vue.js";
-const u = () => [o, t, r];
-export {
-  o as Button,
-  u as ButtonTypes,
-  t as IconButton,
-  r as ScrollButton
-};

package/components/checkbox/Checkbox.vue.js

@@ -1,7 +0,0 @@
-import o from "./Checkbox.vue2.js";
-import "./Checkbox.vue3.js";
-import f from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-af8ff01f"]]);
-export {
-  m as default
-};

package/components/checkbox/Checkbox.vue2.js

@@ -1,86 +0,0 @@
-import { defineComponent as F, ref as b, computed as r, openBlock as o, createElementBlock as S, normalizeClass as N, createElementVNode as u, mergeProps as $, unref as c, createVNode as g, withCtx as p, createBlock as i, createCommentVNode as l, renderSlot as w, createTextVNode as E, toDisplayString as T, pushScopeId as D, popScopeId as P } from "vue";
-import "../typography/Heading.vue2.js";
-import R from "../typography/Text.vue.js";
-import U from "../icon/Icon.vue.js";
-import j from "./icons/unchecked.vue.js";
-import q from "./icons/checked.vue.js";
-import A from "./icons/indeterminate.vue.js";
-import G from "../../composables/useIsFocusVisible.js";
-import { useId as H } from "../../composables/useId.js";
-const J = (e) => (D("data-v-af8ff01f"), e = e(), P(), e), K = { class: "checkboxes" }, L = ["disabled", "checked", ".indeterminate"], M = /* @__PURE__ */ J(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), ce = /* @__PURE__ */ F({
-  __name: "Checkbox",
-  props: {
-    isChecked: { type: Boolean },
-    isIndeterminate: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "md" },
-    label: { default: "" }
-  },
-  emits: ["update:isChecked", "click"],
-  setup(e, { emit: m }) {
-    const s = e, x = b(null), k = `checkbox-${H().value}`, {
-      isFocusVisibleRef: f,
-      onFocus: C,
-      onBlur: I
-    } = G(), n = b(!1), v = (t) => {
-      C(t), f.value === !0 && (n.value = !0);
-    }, B = (t) => {
-      I(t), f.value === !1 && (n.value = !1);
-    }, a = r(() => !s.isChecked && s.isIndeterminate), d = r(() => s.isChecked), V = r(() => !d.value && !s.isIndeterminate), y = (t) => {
-      m("update:isChecked", t.target.checked);
-    };
-    return (t, h) => (o(), S("label", {
-      for: k,
-      class: N([[e.size, { "focus-visible": n.value, disabled: e.disabled }], "checkbox"])
-    }, [
-      u("span", K, [
-        u("input", $(t.$attrs, {
-          id: k,
-          ref: x.value,
-          disabled: e.disabled,
-          checked: c(d),
-          class: "input",
-          ".indeterminate": c(a),
-          type: "checkbox",
-          onBlur: B,
-          onFocus: v,
-          onClick: h[0] || (h[0] = (z) => m("click", z)),
-          onInput: y
-        }), null, 16, L),
-        M,
-        g(c(U), { "font-size": e.size }, {
-          default: p(() => [
-            c(d) ? (o(), i(q, {
-              key: 0,
-              class: "checkbox-icon checked"
-            })) : l("", !0),
-            c(a) ? (o(), i(A, {
-              key: 1,
-              class: "checkbox-icon indeterminate"
-            })) : l("", !0),
-            c(V) && !c(a) ? (o(), i(j, {
-              key: 2,
-              class: "checkbox-icon unchecked"
-            })) : l("", !0)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      e.label || t.$slots.default ? (o(), i(c(R), {
-        key: 0,
-        size: e.size,
-        class: "checkbox-text"
-      }, {
-        default: p(() => [
-          w(t.$slots, "default", {}, () => [
-            E(T(e.label), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 8, ["size"])) : l("", !0)
-    ], 2));
-  }
-});
-export {
-  ce as default
-};

package/components/checkbox/Checkbox.vue3.js

@@ -1,4 +0,0 @@
-const e = "";
-export {
-  e as default
-};

package/components/checkbox/icons/checked.vue.js

@@ -1,27 +0,0 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
-import n from "../../../_virtual/_plugin-vue_export-helper.js";
-const l = {}, r = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, c = /* @__PURE__ */ e("rect", {
-  width: "16",
-  height: "16",
-  rx: "4",
-  fill: "currentColor"
-}, null, -1), i = /* @__PURE__ */ e("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M7.10356 11.8625L12.8536 6.46499C13.0488 6.28171 13.0488 5.98452 12.8536 5.80124L12.1465 5.13748C11.9512 4.95417 11.6346 4.95417 11.4393 5.13748L6.75 9.53936L4.56066 7.48422C4.36541 7.30093 4.04881 7.30093 3.85353 7.48422L3.14644 8.14797C2.95119 8.33125 2.95119 8.62844 3.14644 8.81172L6.39644 11.8625C6.59172 12.0458 6.90828 12.0458 7.10356 11.8625Z",
-  fill: "white"
-}, null, -1), s = [
-  c,
-  i
-];
-function _(d, h) {
-  return t(), o("svg", r, s);
-}
-const p = /* @__PURE__ */ n(l, [["render", _]]);
-export {
-  p as default
-};

package/components/checkbox/icons/indeterminate.vue.js

@@ -1,28 +0,0 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
-import n from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, c = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, i = /* @__PURE__ */ e("rect", {
-  width: "16",
-  height: "16",
-  rx: "4",
-  fill: "currentColor"
-}, null, -1), l = /* @__PURE__ */ e("rect", {
-  x: "4",
-  y: "7",
-  width: "8",
-  height: "2",
-  fill: "white"
-}, null, -1), s = [
-  i,
-  l
-];
-function _(h, d) {
-  return t(), o("svg", c, s);
-}
-const w = /* @__PURE__ */ n(r, [["render", _]]);
-export {
-  w as default
-};

package/components/checkbox/icons/unchecked.vue.js

@@ -1,24 +0,0 @@
-import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
-import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, n = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, s = /* @__PURE__ */ o("rect", {
-  x: "1",
-  y: "1",
-  width: "14",
-  height: "14",
-  rx: "3",
-  stroke: "currentColor",
-  "stroke-width": "2"
-}, null, -1), _ = [
-  s
-];
-function i(l, d) {
-  return e(), t("svg", n, _);
-}
-const m = /* @__PURE__ */ r(c, [["render", i]]);
-export {
-  m as default
-};

package/components/checkbox/index.js

@@ -1,6 +0,0 @@
-import o from "./Checkbox.vue.js";
-const c = () => [o];
-export {
-  o as Checkbox,
-  c as CheckboxTypes
-};

package/components/chip/Chip.vue.js

@@ -1,7 +0,0 @@
-import o from "./Chip.vue2.js";
-import "./Chip.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29659885"]]);
-export {
-  _ as default
-};