@ironsource/shared-ui 1.4.2-test.4 → 1.4.2-test.6

package/components/button/ScrollButton.vue2.js

@@ -1,44 +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";
-/* empty css                          *//* empty css                       *//* empty css                */import "./Button.vue3.js";
-import u from "./IconButton.vue.js";
-import f from "../tooltip/Tooltip.vue.js";
-/* empty css                       *//* empty css                   */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/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/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.vue2.js

@@ -1,85 +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";
-/* empty css                          */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/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.vue2.js

@@ -1,54 +0,0 @@
-import { defineComponent as c, openBlock as o, createElementBlock as s, normalizeClass as d, renderSlot as l, createCommentVNode as a, createElementVNode as r, toDisplayString as u, createVNode as f, unref as m } from "vue";
-import p from "../icon/Icon.vue.js";
-const b = ["disabled"], y = {
-  key: 0,
-  class: "icon icon--start"
-}, h = {
-  key: 0,
-  class: "prefix"
-}, k = {
-  key: 1,
-  class: "icon icon--end"
-}, v = /* @__PURE__ */ c({
-  __name: "Chip",
-  props: {
-    selected: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !1 },
-    prefix: { default: null },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: ["cleared"],
-  setup(t, { emit: n }) {
-    const i = (e) => {
-      e.stopPropagation(), n("cleared");
-    };
-    return (e, B) => (o(), s("button", {
-      class: d(["chip-container", { selected: t.selected, disabled: t.disabled }]),
-      disabled: t.disabled
-    }, [
-      e.$slots["icon-start"] ? (o(), s("span", y, [
-        l(e.$slots, "icon-start", {}, void 0, !0)
-      ])) : a("", !0),
-      r("span", null, [
-        t.prefix ? (o(), s("span", h, u(t.prefix) + ":", 1)) : a("", !0),
-        l(e.$slots, "default", {}, void 0, !0)
-      ]),
-      e.$slots["icon-end"] ? (o(), s("span", k, [
-        l(e.$slots, "icon-end", {}, void 0, !0)
-      ])) : a("", !0),
-      t.clearable ? (o(), s("button", {
-        key: 2,
-        class: "clear-icon",
-        onClick: i
-      }, [
-        f(m(p), {
-          name: "close",
-          "font-size": "sm"
-        })
-      ])) : a("", !0)
-    ], 10, b));
-  }
-});
-export {
-  v as default
-};

package/components/chip/index.js

@@ -1,6 +0,0 @@
-import p from "./Chip.vue.js";
-const i = () => [p];
-export {
-  p as Chip,
-  i as ChipTypes
-};

package/components/cssBaseline/index.js

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

package/components/datePicker/DatePicker.vue2.js

@@ -1,92 +0,0 @@
-import { defineComponent as M, ref as r, computed as d, openBlock as D, createElementBlock as g, unref as a, createElementVNode as w, renderSlot as P, withDirectives as x, isRef as B, vModelText as R, normalizeClass as b, createVNode as E, createCommentVNode as N } from "vue";
-import { onClickOutside as T } from "@vueuse/core";
-import { useToggle as _ } from "../../composables/useToggle.js";
-import $ from "./DatePickerMonth.vue.js";
-import { isValid as f, format as q, parse as O, isFuture as S } from "date-fns";
-const U = ["id"], W = ["placeholder"], J = /* @__PURE__ */ M({
-  __name: "DatePicker",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    allowFutureDates: { type: Boolean, default: !1 },
-    dateFormat: { default: "yyyy-MM-d" },
-    placeholder: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: m }) {
-    const l = i, n = r(null), c = r(null), y = r(null), h = r(null), [s, V] = _({ initialValue: !1 }), k = () => {
-      V(!1);
-    }, F = (e) => {
-      const t = e.target.value;
-      if (!s) {
-        m("update:modelValue", t);
-        return;
-      }
-      const o = O(t, l.dateFormat, /* @__PURE__ */ new Date());
-      t.trim() || p(null), f(o) && (!l.allowFutureDates && S(o) || p(o));
-    }, p = (e) => {
-      k(), m("update:modelValue", e);
-    }, v = d(() => `datePicker${l.uniqueId || Math.random().toString().substring(2, 7)}`), u = d(() => {
-      const e = new Date(l.modelValue);
-      return f(l.modelValue) ? q(e, l.dateFormat) : l.modelValue;
-    }), C = d(() => {
-      if (!n.value || !s)
-        return !1;
-      const e = n.value.getBoundingClientRect(), t = 232;
-      return window.innerWidth - (e.x + t) < 0;
-    }), I = d(() => {
-      if (!l.modelValue)
-        return null;
-      const e = new Date(l.modelValue);
-      return f(e) ? e : null;
-    });
-    return T(
-      c,
-      () => {
-        k();
-      },
-      { ignore: [n] }
-    ), (e, t) => (D(), g("div", {
-      id: a(v),
-      ref_key: "datePicker",
-      ref: n,
-      class: "date-picker"
-    }, [
-      w("div", {
-        ref_key: "buttonRef",
-        ref: h,
-        onClick: t[2] || (t[2] = (o) => a(V)())
-      }, [
-        P(e.$slots, "default", { formattedDate: a(u) }, () => [
-          x(w("input", {
-            ref_key: "input",
-            ref: y,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => B(u) ? u.value = o : null),
-            type: "text",
-            class: "input",
-            placeholder: i.placeholder,
-            onInput: t[1] || (t[1] = (o) => F(o))
-          }, null, 40, W), [
-            [R, a(u)]
-          ])
-        ], !0)
-      ], 512),
-      a(s) ? (D(), g("div", {
-        key: 0,
-        ref_key: "popup",
-        ref: c,
-        class: b(["date-picker-popup", { "align-right": a(C) }])
-      }, [
-        E($, {
-          id: a(v) + "-month",
-          "model-value": a(I),
-          "allow-future-dates": i.allowFutureDates,
-          "onUpdate:modelValue": p
-        }, null, 8, ["id", "model-value", "allow-future-dates"])
-      ], 2)) : N("", !0)
-    ], 8, U));
-  }
-});
-export {
-  J as default
-};

package/components/datePicker/DatePickerMonth.vue2.js

@@ -1,85 +0,0 @@
-import { defineComponent as D, ref as w, watch as m, onMounted as M, computed as c, openBlock as C, createBlock as F, unref as o } from "vue";
-import T from "../dateRange/CalendarMonth.vue.js";
-import l from "../dateRange/DateServices.js";
-import { navigateNext as k } from "../dateRange/consts.js";
-import { startOfMonth as V, differenceInMonths as i, addMonths as S, subMonths as B } from "date-fns";
-const q = /* @__PURE__ */ D({
-  __name: "DatePickerMonth",
-  props: {
-    uniqueId: { default: Date.now() },
-    modelValue: { default: null },
-    includeToday: { type: Boolean, default: !0 },
-    allowFutureDates: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: h }) {
-    const n = s, r = (t) => {
-      const a = t.getMonth(), u = t.getFullYear();
-      return l.createMonth(
-        a,
-        u,
-        n.includeToday,
-        !n.allowFutureDates
-      );
-    };
-    let e = w(r(l.getCurrentTimeUTC()));
-    const d = () => {
-      const t = n.modelValue || l.getCurrentTimeUTC();
-      e.value = r(t);
-    }, f = (t) => {
-      const a = new Date(e.value.year, e.value.month), u = t === k ? S(a, 1) : B(a, 1);
-      e.value = r(u);
-    };
-    m(
-      () => n.modelValue,
-      () => {
-        d();
-      }
-    ), m(
-      () => n.allowFutureDates,
-      () => {
-        e.value = r(
-          new Date(e.value.year, e.value.month)
-        );
-      }
-    );
-    const p = (t) => {
-      const a = t || null;
-      return {
-        fromStart: a,
-        fromEnd: a,
-        toStart: a,
-        toEnd: a
-      };
-    };
-    M(() => {
-      d();
-    });
-    const v = c(() => {
-      if (n.allowFutureDates)
-        return "all";
-      const t = V(l.getCurrentTimeUTC());
-      i(e.value.year, e.value.month);
-      const a = new Date(e.value.year, e.value.month);
-      return i(a, t) >= 0 ? "previous" : "all";
-    }), g = c(() => p(n.modelValue)), y = (t) => {
-      t.isFuture || h("update:modelValue", t.date);
-    };
-    return (t, a) => (C(), F(T, {
-      id: s.uniqueId,
-      type: "month",
-      class: "date-picker-month",
-      range: o(g),
-      navigation: o(v),
-      year: o(e).year,
-      days: o(e).days,
-      weeks: o(e).weeks,
-      month: o(e).month,
-      onSelectionChanged: y,
-      onNavigation: f
-    }, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month"]));
-  }
-});
-export {
-  q as default
-};

package/components/datePicker/index.js

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

package/components/dateRange/CalendarMonth.vue2.js

@@ -1,226 +0,0 @@
-import { defineComponent as U, ref as k, computed as q, watch as F, onMounted as G, openBlock as u, createElementBlock as m, createElementVNode as g, unref as s, createBlock as S, withCtx as c, createVNode as d, createCommentVNode as A, createTextVNode as b, toDisplayString as v, Fragment as w, renderList as C, normalizeClass as K } from "vue";
-import h from "./DateServices.js";
-import { navigatePrev as N, navigateNext as B } from "./consts.js";
-import Q from "../typography/Heading.vue.js";
-import z from "../typography/Text.vue.js";
-import R from "../icon/Icon.vue.js";
-/* empty css                        */import "../button/Button.vue3.js";
-import J from "../button/IconButton.vue.js";
-import "floating-vue";
-/* empty css                                   *//* empty css                       *//* empty css                           */import { isBefore as X, isAfter as Z, isSameDay as L } from "date-fns";
-import ee from "../icon/icons/AngleLeft.vue.js";
-import te from "../icon/icons/AngleRight.vue.js";
-const ne = ["id"], ae = { class: "month-header" }, re = { class: "days-header" }, oe = { class: "days-wrapper" }, Se = /* @__PURE__ */ U({
-  __name: "CalendarMonth",
-  props: {
-    year: null,
-    days: null,
-    weeks: null,
-    month: null,
-    navigation: null,
-    range: null,
-    type: null,
-    id: { default: Date.now() },
-    allowedDays: { default: null },
-    maxAllowedDate: { default: null }
-  },
-  emits: ["selectionChanged", "navigation"],
-  setup(i, { emit: E }) {
-    const n = i, O = [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ], V = ["S", "M", "T", "W", "T", "F", "S"], f = k([]), D = k({}), p = k({}), _ = q(() => O[n.month]), $ = (e) => {
-      e.value !== 0 && E("selectionChanged", e, n.month, n.year);
-    }, x = (e) => {
-      E("navigation", e);
-    }, j = () => {
-      if (!n.range.fromStart || !n.range.toEnd)
-        return !1;
-      const e = n.range.fromStart.getMonth(), t = n.range.fromStart.getFullYear(), o = n.range.toEnd.getMonth(), a = n.range.toEnd.getFullYear();
-      return n.year < t || n.year > a ? !1 : !(n.year === t && n.month < e || n.year === a && n.month > o);
-    }, Y = (e, t) => e.getMonth() < t.month && e.getFullYear() === t.year || e.getFullYear() < t.year ? 1 : e.getMonth() === t.month && e.getFullYear() === t.year ? e.getDate() : h.daysInMonth(t.month, t.year), I = (e, t) => e.getMonth() > t.month && e.getFullYear() === t.year || e.getFullYear() > t.year ? h.daysInMonth(t.month, t.year) : e.getMonth() === t.month && e.getFullYear() === t.year ? e.getDate() : 1, H = () => {
-      if (n.allowedDays) {
-        const e = h.getCurrentTimeUTC();
-        e.setDate(e.getDate() - n.allowedDays + 1);
-        let t = e;
-        switch (n.type) {
-          case "week":
-            t = h.getFirstDayOfWeek(e);
-            break;
-          case "month":
-            t.setDate(1);
-            break;
-        }
-        return t.setHours(0, 0, 0, 0), t;
-      }
-      return null;
-    }, T = () => {
-      const e = H(), t = n.maxAllowedDate;
-      Object.keys(n.days).forEach((o) => {
-        const a = n.days[o];
-        e && X(a.date, e) || t && Z(a.date, t) ? a.disabled = !0 : delete a.disabled;
-      });
-    }, y = (e, t, o, a) => {
-      n.year === e.getFullYear() && n.month === e.getMonth() && t >= o && t <= a && (D.value[t] = !0);
-    }, M = () => {
-      for (let e = 0; e < f.value.length; e++) {
-        const t = f.value[e];
-        delete D.value[t.value], delete p.value[t.value];
-      }
-      if (f.value = [], j()) {
-        const e = { month: n.month, year: n.year }, t = Y(
-          n.range.fromStart,
-          e
-        ), o = I(
-          n.range.fromEnd,
-          e
-        ), a = Y(
-          n.range.toStart,
-          e
-        ), r = I(
-          n.range.toEnd,
-          e
-        );
-        for (let l = t; l <= r; l++)
-          p.value[l] = !0, y(
-            n.range.fromStart,
-            l,
-            t,
-            o
-          ), y(
-            n.range.fromEnd,
-            l,
-            t,
-            o
-          ), y(
-            n.range.toStart,
-            l,
-            a,
-            r
-          ), y(
-            n.range.toEnd,
-            l,
-            a,
-            r
-          ), f.value.push(n.days[l]);
-      }
-    }, W = (e) => e.value === 0 ? !1 : L(e.date, n.range.fromStart), P = (e) => e.value === 0 ? !1 : L(e.date, n.range.toEnd);
-    return F(
-      () => n.month,
-      () => {
-        M();
-      }
-    ), F(
-      () => n.range,
-      (e, t) => {
-        e && e !== t && M();
-      }
-    ), F(
-      () => n.maxAllowedDate,
-      () => {
-        T();
-      }
-    ), G(() => {
-      T(), M();
-    }), (e, t) => (u(), m("div", {
-      id: "datepickerCalendar" + i.id,
-      class: "calendar-month"
-    }, [
-      g("span", {
-        onClick: t[0] || (t[0] = (o) => x(s(N)))
-      }, [
-        i.navigation === s(N) || i.navigation === "all" ? (u(), S(s(J), {
-          key: 0,
-          variant: "borderless",
-          size: "md",
-          class: "previous"
-        }, {
-          default: c(() => [
-            d(R, null, {
-              default: c(() => [
-                d(ee)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : A("", !0)
-      ]),
-      g("span", {
-        onClick: t[1] || (t[1] = (o) => x(s(B)))
-      }, [
-        i.navigation === s(B) || i.navigation === "all" ? (u(), S(s(J), {
-          key: 0,
-          class: "next",
-          variant: "borderless",
-          size: "md"
-        }, {
-          default: c(() => [
-            d(R, null, {
-              default: c(() => [
-                d(te)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : A("", !0)
-      ]),
-      g("div", ae, [
-        d(Q, { level: "6" }, {
-          default: c(() => [
-            b(v(s(_)) + " " + v(i.year), 1)
-          ]),
-          _: 1
-        }),
-        g("div", re, [
-          (u(), m(w, null, C(V, (o, a) => d(s(z), {
-            key: a,
-            size: "xs"
-          }, {
-            default: c(() => [
-              b(v(o), 1)
-            ]),
-            _: 2
-          }, 1024)), 64))
-        ])
-      ]),
-      g("div", oe, [
-        (u(!0), m(w, null, C(i.weeks, (o, a) => (u(), m("div", { key: a }, [
-          (u(!0), m(w, null, C(o, (r, l) => (u(), S(s(z), {
-            key: l,
-            class: K(["day", {
-              "selected-day": D.value[r.value],
-              "selected-day-between": p.value[r.value],
-              today: r.isToday,
-              "disabled-day": r.isFuture || r.disabled,
-              "non-day": r.value === 0,
-              "start-day": W(r),
-              "end-day": P(r)
-            }]),
-            size: "sm",
-            onClick: (le) => r.disabled || r.isFuture || $(r)
-          }, {
-            default: c(() => [
-              b(v(r.value), 1)
-            ]),
-            _: 2
-          }, 1032, ["class", "onClick"]))), 128))
-        ]))), 128))
-      ])
-    ], 8, ne));
-  }
-});
-export {
-  Se as default
-};