@ironsource/shared-ui 1.4.2-test.2 → 1.4.2-test.20

package/components/input/PercentageInput.vue2.js

@@ -1,31 +0,0 @@
-import { defineComponent as m, openBlock as p, createBlock as c, mergeProps as u, withCtx as t, createVNode as s, unref as d, createTextVNode as i } from "vue";
-import l from "./Input.vue.js";
-/* empty css                          */import f from "../typography/Text.vue.js";
-const b = /* @__PURE__ */ m({
-  __name: "PercentageInput",
-  emits: ["update:modelValue"],
-  setup(r, { emit: o }) {
-    const n = r, a = (e) => o("update:modelValue", e);
-    return (e, _) => (p(), c(l, u(n, {
-      type: "number",
-      "hide-number-arrows": !0,
-      "onUpdate:modelValue": a
-    }), {
-      iconAfter: t(() => [
-        s(d(f), {
-          class: "percentage-sign",
-          size: "sm"
-        }, {
-          default: t(() => [
-            i("%")
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 16));
-  }
-});
-export {
-  b as default
-};

package/components/input/index.js

@@ -1,12 +0,0 @@
-import o from "./Input.vue.js";
-import r from "./DollarInput.vue.js";
-import t from "./PercentageInput.vue.js";
-import p from "./PasswordInput.vue.js";
-const I = () => [o, r, t, p];
-export {
-  r as DollarInput,
-  o as Input,
-  I as InputTypes,
-  p as PasswordInput,
-  t as PercentageInput
-};

package/components/menu/Menu.vue2.js

@@ -1,60 +0,0 @@
-import { defineComponent as k, ref as s, computed as u, openBlock as v, createBlock as h, unref as e, withCtx as a, createElementVNode as l, renderSlot as f } from "vue";
-import { Dropdown as C } from "floating-vue";
-import { onClickOutside as w } from "@vueuse/core";
-import { useToggle as B } from "../../composables/useToggle.js";
-const $ = /* @__PURE__ */ k({
-  __name: "Menu",
-  props: {
-    isOnTop: { type: Boolean, default: !0 },
-    distance: { default: 0 },
-    theme: { default: "dropdown" },
-    skidding: { default: 0 },
-    container: { default: "body" }
-  },
-  setup(t) {
-    const [c, r] = B({ initialValue: !1 }), d = s(), n = s(), p = u(() => n.value?.getBoundingClientRect()), g = u(() => {
-      if (!d.value || !n.value)
-        return;
-      const { width: o } = n.value.getBoundingClientRect();
-      return -o;
-    });
-    return w(d, () => {
-      r(!1);
-    }), (o, i) => (v(), h(e(C), {
-      class: "menu",
-      theme: "is-menu",
-      triggers: [],
-      shown: e(c),
-      placement: "auto-start",
-      container: t.container,
-      flip: "",
-      distance: t.isOnTop ? e(g) : t.distance,
-      skidding: t.isOnTop ? -e(p)?.height / 2 : t.distance,
-      "auto-hide": !1
-    }, {
-      popper: a(() => [
-        l("div", {
-          ref_key: "popup",
-          ref: d,
-          class: "menu-popup",
-          onClick: i[1] || (i[1] = (m) => e(r)(!1))
-        }, [
-          f(o.$slots, "default", {}, void 0, !0)
-        ], 512)
-      ]),
-      default: a(() => [
-        l("div", {
-          ref_key: "triggerRef",
-          ref: n,
-          onClick: i[0] || (i[0] = (m) => e(r)())
-        }, [
-          f(o.$slots, "trigger", {}, void 0, !0)
-        ], 512)
-      ]),
-      _: 3
-    }, 8, ["shown", "container", "distance", "skidding"]));
-  }
-});
-export {
-  $ as default
-};

package/components/menu/index.js

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

package/components/menuItem/index.js

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

package/components/popover/Popover.vue3.js

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

package/components/popover/index.js

@@ -1,6 +0,0 @@
-import o from "./Popover.vue.js";
-/* empty css              */const e = () => [o];
-export {
-  o as Popover,
-  e as PopoverTypes
-};

package/components/radioButton/RadioButton.vue2.js

@@ -1,75 +0,0 @@
-import { defineComponent as k, openBlock as d, createElementBlock as R, normalizeClass as f, unref as l, createElementVNode as r, withDirectives as y, isRef as B, vModelRadio as C, renderSlot as N, createVNode as w, withCtx as n, createTextVNode as u, toDisplayString as s, createBlock as x, createCommentVNode as p } from "vue";
-import i from "../typography/Text.vue.js";
-import { useRadio as z } from "./useRadio.js";
-const $ = { class: "wrapper" }, g = ["value", "name", "disabled"], D = { class: "label" }, G = /* @__PURE__ */ k({
-  __name: "RadioButton",
-  props: {
-    label: { default: "" },
-    name: { default: "" },
-    helperText: { default: "" },
-    errorText: { default: "" },
-    modelValue: { default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(e, { emit: b }) {
-    const v = e, { radioRef: T, focus: c, disabled: m, modelValue: a, radioGroup: h } = z(
-      v,
-      b
-    );
-    return (V, t) => (d(), R("label", {
-      class: f(["radio-button", { "radio-button--disabled": l(m) }])
-    }, [
-      r("span", $, [
-        y(r("input", {
-          ref_key: "radioRef",
-          ref: T,
-          "onUpdate:modelValue": t[0] || (t[0] = (o) => B(a) ? a.value = o : null),
-          value: e.label,
-          name: e.name || l(h)?.name,
-          type: "radio",
-          disabled: l(m),
-          onFocus: t[1] || (t[1] = (o) => c.value = !0),
-          onBlur: t[2] || (t[2] = (o) => c.value = !1)
-        }, null, 40, g), [
-          [C, l(a)]
-        ]),
-        r("span", {
-          class: f([{ "circle--selected": l(a) === e.label }, "circle"])
-        }, null, 2)
-      ]),
-      r("span", D, [
-        N(V.$slots, "default", {}, () => [
-          w(i, { "is-truncated": "" }, {
-            default: n(() => [
-              u(s(e.label), 1)
-            ]),
-            _: 1
-          })
-        ], !0),
-        !e.errorText && e.helperText ? (d(), x(i, {
-          key: 0,
-          class: "helper-text--text helper-text",
-          size: "caption"
-        }, {
-          default: n(() => [
-            u(s(e.helperText), 1)
-          ]),
-          _: 1
-        })) : p("", !0),
-        e.errorText ? (d(), x(i, {
-          key: 1,
-          size: "caption",
-          class: "helper-text--error helper-text"
-        }, {
-          default: n(() => [
-            u(s(e.errorText), 1)
-          ]),
-          _: 1
-        })) : p("", !0)
-      ])
-    ], 2));
-  }
-});
-export {
-  G as default
-};

package/components/radioButton/RadioGroup.vue2.js

@@ -1,41 +0,0 @@
-import { defineComponent as c, ref as i, onMounted as p, computed as f, provide as m, reactive as y, toRefs as g, openBlock as v, createElementBlock as h, normalizeClass as k, renderSlot as B, nextTick as G } from "vue";
-import { useId as R } from "../../composables/useId.js";
-import { radioGroupKey as _ } from "./useRadio.js";
-const I = /* @__PURE__ */ c({
-  __name: "RadioGroup",
-  props: {
-    name: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    modelValue: null,
-    row: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(r, { emit: a }) {
-    const t = r, d = R(), n = i(), l = (e) => {
-      a("update:modelValue", e), G(() => a("change", e));
-    };
-    p(() => {
-      const e = n.value?.querySelectorAll("[type=radio]"), o = e[0];
-      !Array.from(e).some((s) => s.checked) && o && (o.tabIndex = 0);
-    });
-    const u = f(() => t.name || d.value);
-    return m(
-      _,
-      y({
-        ...g(t),
-        changeEvent: l,
-        name: u
-      })
-    ), (e, o) => (v(), h("div", {
-      ref_key: "radioGroupRef",
-      ref: n,
-      class: k([{ "radio-group--row": r.row }, "radio-group"]),
-      role: "radiogroup"
-    }, [
-      B(e.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  I as default
-};

package/components/radioButton/index.js

@@ -1,8 +0,0 @@
-import o from "./RadioButton.vue.js";
-import t from "./RadioGroup.vue.js";
-const p = () => [o, t];
-export {
-  o as RadioButton,
-  p as RadioButtonTypes,
-  t as RadioGroup
-};

package/components/radioButton/useRadio.js

@@ -1,24 +0,0 @@
-import { ref as c, inject as m, computed as l, toRaw as b } from "vue";
-const f = Symbol("radioGroupKey"), V = (o, d) => {
-  const u = c(), e = m(f, void 0), a = l(() => !!e), t = l({
-    get() {
-      return a.value ? e?.modelValue : o.modelValue;
-    },
-    set(n) {
-      a.value ? e?.changeEvent(n) : d && d("update:modelValue", n), u.value && (u.value.checked = o.modelValue === o.label);
-    }
-  }), r = l(() => e?.disabled), s = c(!1), i = l(() => b(e.disabled) || a.value && t.value !== o.label ? -1 : 0);
-  return {
-    radioRef: u,
-    isGroup: a,
-    radioGroup: e,
-    focus: s,
-    disabled: r,
-    tabIndex: i,
-    modelValue: t
-  };
-};
-export {
-  f as radioGroupKey,
-  V as useRadio
-};

package/components/search/Search.vue2.js

@@ -1,53 +0,0 @@
-import { defineComponent as z, ref as y, computed as a, openBlock as o, createElementBlock as B, normalizeClass as r, unref as l, createBlock as f, createCommentVNode as h, createElementVNode as R } from "vue";
-import v from "../icon/Icon.vue.js";
-const w = ["value", "placeholder", "disabled"], L = /* @__PURE__ */ z({
-  __name: "Search",
-  props: {
-    modelValue: null,
-    placeholder: null,
-    variant: { default: "default" },
-    size: { default: "sm" },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { expose: p, emit: u }) {
-    const n = e, c = y(), V = (m) => {
-      u("update:modelValue", m.target.value);
-    }, k = () => {
-      u("update:modelValue", ""), s();
-    }, I = () => {
-      t.value ? k() : s();
-    }, s = () => c.value.focus(), t = a(() => n.modelValue !== ""), i = a(() => n.variant === "inline-table"), d = a(() => n.variant === "transparent"), b = a(() => ((i.value || d.value) && t.value, t.value)), g = a(() => d.value || i.value), C = a(() => t.value ? "cancel" : "search");
-    return p({
-      inputRef: c
-    }), (m, x) => (o(), B("div", {
-      class: r(["search-container", `${e.size}`])
-    }, [
-      l(g) ? (o(), f(l(v), {
-        key: 0,
-        class: "search-left-icon",
-        name: "search-bold",
-        "font-size": "sm"
-      })) : h("", !0),
-      R("input", {
-        ref_key: "inputRef",
-        ref: c,
-        class: r({ [e.variant]: !0, activated: e.modelValue !== "" }),
-        value: e.modelValue,
-        placeholder: e.placeholder,
-        disabled: e.disabled,
-        onInput: V
-      }, null, 42, w),
-      l(b) ? (o(), f(l(v), {
-        key: 1,
-        class: r(["search-right-icon", { "search-right-icon-clear": l(t) }]),
-        name: l(C),
-        "font-size": "sm",
-        onClick: I
-      }, null, 8, ["class", "name"])) : h("", !0)
-    ], 2));
-  }
-});
-export {
-  L as default
-};

package/components/search/index.js

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

package/components/skeleton/Skeleton.vue2.js

@@ -1,18 +0,0 @@
-import { defineComponent as l, openBlock as n, createElementBlock as t, normalizeClass as r, renderSlot as a } from "vue";
-const i = /* @__PURE__ */ l({
-  __name: "Skeleton",
-  props: {
-    round: { type: Boolean },
-    fill: { type: Boolean }
-  },
-  setup(e) {
-    return (o, s) => (n(), t("div", {
-      class: r({ round: e.round, fill: e.fill })
-    }, [
-      a(o.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  i as default
-};

package/components/skeleton/index.js

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

package/components/snackbar/Snackbar.vue2.js

@@ -1,149 +0,0 @@
-import { defineComponent as N, ref as V, computed as i, onMounted as $, openBlock as s, createBlock as a, Transition as U, withCtx as r, withDirectives as z, createElementVNode as c, normalizeClass as T, unref as n, normalizeStyle as x, createElementBlock as B, createVNode as f, resolveDynamicComponent as W, createCommentVNode as y, toDisplayString as M, renderSlot as A, createTextVNode as F, vShow as w, withModifiers as K } from "vue";
-import { useEventListener as P, useTimeoutFn as j } from "@vueuse/core";
-import L from "../icon/Icon.vue.js";
-import S from "../icon/icons/Close.vue.js";
-import q from "../icon/icons/Check.vue.js";
-import G from "../button/IconButton.vue.js";
-import b from "../typography/Text.vue.js";
-const J = ["id"], O = { class: "container" }, Q = { class: "texts" }, R = ["innerHTML"], ne = /* @__PURE__ */ N({
-  __name: "Snackbar",
-  props: {
-    customClass: null,
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: { default: 3e3 },
-    icon: null,
-    id: null,
-    message: null,
-    offset: null,
-    onClick: null,
-    onClose: null,
-    type: { default: null },
-    position: { default: "top-right" },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    zIndex: { default: 0 }
-  },
-  emits: ["destroy"],
-  setup(e) {
-    const t = e, v = {
-      success: q,
-      error: S
-    }, l = V(!1);
-    let C;
-    const k = i(() => {
-      const o = t.type;
-      return o && v[t.type] ? o : "";
-    }), p = i(() => v[t.type] || t.icon || ""), I = i(
-      () => t.position.endsWith("right") ? "right" : "left"
-    ), D = i(
-      () => t.position.startsWith("top") ? "top" : "bottom"
-    ), E = i(() => ({
-      [D.value]: `${t.offset}px`,
-      zIndex: t.zIndex
-    }));
-    function d() {
-      t.duration > 0 && ({ stop: C } = j(() => {
-        l.value && m();
-      }, t.duration));
-    }
-    function g() {
-      C?.();
-    }
-    function m() {
-      l.value = !1;
-    }
-    function H({ code: o }) {
-      o === "Delete" || o === "Backspace" ? g() : o === "Escape" ? l.value && m() : d();
-    }
-    return $(() => {
-      d(), l.value = !0;
-    }), P(document, "keydown", H), (o, u) => (s(), a(U, {
-      name: "snackbar",
-      onBeforeLeave: e.onClose,
-      onAfterLeave: u[1] || (u[1] = (h) => o.$emit("destroy"))
-    }, {
-      default: r(() => [
-        z(c("div", {
-          id: e.id,
-          class: T(["snackbar", [e.customClass, n(I)]]),
-          style: x(n(E)),
-          role: "alert",
-          onMouseenter: g,
-          onMouseleave: d,
-          onClick: u[0] || (u[0] = //@ts-ignore
-          (...h) => e.onClick && e.onClick(...h))
-        }, [
-          n(p) ? (s(), B("div", {
-            key: 0,
-            class: T(["start-icon-container", [n(k)]])
-          }, [
-            f(n(L), {
-              "font-size": n(k) ? "sm" : "lg"
-            }, {
-              default: r(() => [
-                (s(), a(W(n(p))))
-              ]),
-              _: 1
-            }, 8, ["font-size"])
-          ], 2)) : y("", !0),
-          c("div", O, [
-            c("div", Q, [
-              e.title ? (s(), a(b, {
-                key: 0,
-                size: "md",
-                strong: "",
-                class: "title",
-                textContent: M(e.title)
-              }, null, 8, ["textContent"])) : y("", !0),
-              z(c("div", {
-                class: "message",
-                style: x(e.title ? void 0 : { margin: 0 })
-              }, [
-                A(o.$slots, "default", {}, () => [
-                  e.dangerouslyUseHTMLString ? (s(), B("div", {
-                    key: 1,
-                    innerHTML: e.message
-                  }, null, 8, R)) : (s(), a(b, {
-                    key: 0,
-                    size: "sm"
-                  }, {
-                    default: r(() => [
-                      F(M(e.message), 1)
-                    ]),
-                    _: 1
-                  }))
-                ], !0)
-              ], 4), [
-                [w, e.message]
-              ])
-            ]),
-            e.showClose ? (s(), a(G, {
-              key: 0,
-              theme: "third",
-              size: "sm",
-              class: "snackbar-close-button",
-              variant: "colorized",
-              onClick: K(m, ["stop"])
-            }, {
-              default: r(() => [
-                f(n(L), null, {
-                  default: r(() => [
-                    f(S)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : y("", !0)
-          ])
-        ], 46, J), [
-          [w, l.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onBeforeLeave"]));
-  }
-});
-export {
-  ne as default
-};

package/components/snackbar/index.js

@@ -1,6 +0,0 @@
-import o from "./notify.js";
-const a = o;
-export {
-  a as Snackbar,
-  a as default
-};

package/components/snackbar/notify.js

@@ -1,84 +0,0 @@
-import { isVNode as x, createVNode as y, render as v } from "vue";
-import b from "./Snackbar.vue.js";
-import { snackbarTypes as I } from "./snackbar.types.js";
-const p = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-}, g = 16;
-let C = 1;
-const N = 2e3, a = function(e = {}, t = null) {
-  (typeof e == "string" || x(e)) && (e = { message: e });
-  const o = e.position || "top-right";
-  let n = e.zIndex || N, s = p[o].reduce(
-    (m, { vm: h }) => m + (h.el?.offsetHeight || 0) + g,
-    e.offset || 0
-  );
-  s += g;
-  const i = () => n++, d = `notification_${C++}`, u = e.onClose, l = {
-    ...e,
-    zIndex: i(),
-    offset: s,
-    id: d,
-    onClose: () => {
-      A(d, o, u);
-    }
-  }, c = document.body, f = document.createElement("div"), r = y(
-    b,
-    l,
-    x(l.message) ? {
-      default: () => l.message
-    } : null
-  );
-  return r.appContext = t ?? a._context, r.props.onDestroy = () => {
-    v(null, f);
-  }, v(r, f), p[o].push({ vm: r }), c.appendChild(f?.firstElementChild), {
-    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
-    // for out component, so that all closing steps will not be skipped.
-    close: () => {
-      const m = r.component?.proxy;
-      m && (m.visible = !1);
-    }
-  };
-};
-function A(e, t, o) {
-  const n = p[t], s = n.findIndex(
-    ({ vm: c }) => c.component?.props.id === e
-  );
-  if (s === -1)
-    return;
-  const { vm: i } = n[s];
-  if (!i)
-    return;
-  o?.(i);
-  const d = i.el?.offsetHeight, u = t.split("-")[0];
-  n.splice(s, 1);
-  const l = n.length;
-  for (let c = s; c < l; c++) {
-    const { el: f, component: r } = n[c].vm;
-    r.props.offset = Number.parseInt(f.style[u], 10) - d - g;
-  }
-}
-I.forEach((e) => {
-  a[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
-    message: t
-  }), a({
-    ...t,
-    type: e
-  }));
-});
-function E() {
-  for (const e of Object.values(p))
-    e.forEach(({ vm: t }) => {
-      const o = t.component?.proxy;
-      o && (o.visible = !1);
-    });
-}
-a.closeAll = E;
-a._context = null;
-export {
-  A as close,
-  E as closeAll,
-  a as default
-};

package/components/snackbar/snackbar.types.js

@@ -1,7 +0,0 @@
-const s = {
-  destroy: () => !0
-}, r = ["success", "info", "error"];
-export {
-  s as snackbarEmits,
-  r as snackbarTypes
-};