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

package/components/shared/FieldMaxLength.vue2.js

@@ -1,24 +0,0 @@
- import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
-import l from "../typography/v4/Typography.vue.js";
-const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
-  __name: "FieldMaxLength",
-  props: {
-    currentLength: { default: 0 },
-    maxLength: { default: 100 }
-  },
-  setup(e) {
-    return (f, g) => (o(), c("div", _, [
-      r(d(l), { variant: "caption" }, {
-        default: p(() => [
-          t(a(e.currentLength) + " ", 1),
-          u,
-          t(" " + a(e.maxLength), 1)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-});
-export {
-  v as default
-};

package/components/skeleton/v3/Skeleton.vue.js

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

package/components/skeleton/v3/Skeleton.vue2.js

@@ -1,18 +0,0 @@
- import "../../../Skeleton.vue_vue_type_style_index_0_scoped_5ed40068_lang.css"; 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/v4/SkeletonV4.vue.js

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

package/components/skeleton/v4/SkeletonV4.vue2.js

@@ -1,23 +0,0 @@
- import "../../../SkeletonV4.vue_vue_type_style_index_0_scoped_93ae1260_lang.css"; import { defineComponent as n, useCssVars as a, unref as l, computed as r, openBlock as c, createElementBlock as p, normalizeClass as u, renderSlot as d } from "vue";
-const m = /* @__PURE__ */ n({
-  __name: "SkeletonV4",
-  props: {
-    size: { default: 16 },
-    type: { default: "rectangle" }
-  },
-  setup(e) {
-    const s = e;
-    a((t) => ({
-      abeaca10: l(o)
-    }));
-    const o = r(() => s.size + "px");
-    return (t, i) => (c(), p("div", {
-      class: u(["skeleton", [`skeleton--${e.type}`]])
-    }, [
-      d(t.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  m as default
-};

package/components/snackbar/v3/Snackbar.vue.js

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

package/components/snackbar/v3/Snackbar.vue2.js

@@ -1,129 +0,0 @@
- import "../../../Snackbar.vue_vue_type_style_index_0_scoped_cec4f8e5_lang.css"; import { defineComponent as w, openBlock as n, createBlock as s, Transition as x, withCtx as i, withDirectives as k, createElementVNode as a, normalizeClass as y, unref as e, normalizeStyle as v, createElementBlock as g, createVNode as r, resolveDynamicComponent as H, createCommentVNode as m, renderSlot as N, createTextVNode as V, toDisplayString as p, vShow as z, withModifiers as D } from "vue";
-import T from "../../icon/v3/Icon.vue.js";
-import I from "../../icon/v3/icons/Close.vue.js";
-import "../../button/v3/Button.vue.js";
-import $ from "../../button/v3/IconButton.vue.js";
-import "../../button/v3/ScrollButton.vue.js";
-import B from "../../typography/Text.vue.js";
-import { snackbarCommon as E } from "../common/snackbar.common.js";
-const U = ["id"], A = { class: "container" }, j = { class: "texts" }, q = ["innerHTML"], W = /* @__PURE__ */ w({
-  __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(t) {
-    const S = t, {
-      visible: b,
-      horizontalClass: h,
-      positionStyle: L,
-      clearTimer: d,
-      startTimer: u,
-      iconComponent: c,
-      typeClass: f,
-      close: M
-    } = E(S);
-    return (C, o) => (n(), s(x, {
-      name: "snackbar",
-      onBeforeLeave: t.onClose,
-      onAfterLeave: o[3] || (o[3] = (l) => C.$emit("destroy"))
-    }, {
-      default: i(() => [
-        k(a("div", {
-          id: t.id,
-          class: y(["snackbar", [t.customClass, e(h)]]),
-          style: v(e(L)),
-          role: "alert",
-          onMouseenter: o[0] || (o[0] = //@ts-ignore
-          (...l) => e(d) && e(d)(...l)),
-          onMouseleave: o[1] || (o[1] = //@ts-ignore
-          (...l) => e(u) && e(u)(...l)),
-          onClick: o[2] || (o[2] = //@ts-ignore
-          (...l) => t.onClick && t.onClick(...l))
-        }, [
-          e(c) ? (n(), g("div", {
-            key: 0,
-            class: y(["start-icon-container", [e(f)]])
-          }, [
-            r(e(T), {
-              "font-size": e(f) ? "sm" : "lg"
-            }, {
-              default: i(() => [
-                (n(), s(H(e(c))))
-              ]),
-              _: 1
-            }, 8, ["font-size"])
-          ], 2)) : m("", !0),
-          a("div", A, [
-            a("div", j, [
-              t.title ? (n(), s(B, {
-                key: 0,
-                size: "md",
-                strong: "",
-                class: "title"
-              })) : m("", !0),
-              k(a("div", {
-                class: "message",
-                style: v(t.title ? void 0 : { margin: 0 })
-              }, [
-                N(C.$slots, "default", {}, () => [
-                  t.dangerouslyUseHTMLString ? (n(), g("div", {
-                    key: 1,
-                    innerHTML: t.message
-                  }, null, 8, q)) : (n(), s(B, {
-                    key: 0,
-                    size: "sm"
-                  }, {
-                    default: i(() => [
-                      V(p(t.message), 1)
-                    ]),
-                    _: 1
-                  }))
-                ], !0)
-              ], 4), [
-                [z, t.message]
-              ])
-            ]),
-            t.showClose ? (n(), s(e($), {
-              key: 0,
-              theme: "third",
-              size: "sm",
-              class: "snackbar-close-button",
-              variant: "colorized",
-              onClick: D(e(M), ["stop"])
-            }, {
-              default: i(() => [
-                r(e(T), null, {
-                  default: i(() => [
-                    r(I)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["onClick"])) : m("", !0)
-          ])
-        ], 46, U), [
-          [z, e(b)]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onBeforeLeave"]));
-  }
-});
-export {
-  W as default
-};

package/components/snackbar/v4/SnackbarV4.vue.js

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

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -1,141 +0,0 @@
- import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_49c5ccea_lang.css"; import { defineComponent as M, computed as $, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as z, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as O, renderList as V, withModifiers as x } from "vue";
-import U from "../../icon/v4/IconV4.vue.js";
-import "../../icon/v4/IconFlag.vue.js";
-import D from "../../button/v4/ButtonV4.vue.js";
-import H from "../../button/v4/IconButtonV4.vue.js";
-import "../../button/v4/ButtonGroup.vue.js";
-import "../../button/v4/ToggleButtonGroupAB.vue.js";
-import S from "../../typography/v4/Typography.vue.js";
-import { snackbarCommon as F } from "../common/snackbar.common.js";
-import { useTestIdAttrs as G } from "../../../utils/testIds.js";
-import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
-const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
-  key: 0,
-  class: "actions"
-}, Q = { class: "close-button-wrapper" }, ae = /* @__PURE__ */ M({
-  __name: "SnackbarV4",
-  props: {
-    customClass: null,
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: { default: 3e3 },
-    id: null,
-    message: null,
-    offset: null,
-    onClick: null,
-    onClose: null,
-    type: { default: "info" },
-    position: { default: "top-right" },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    zIndex: { default: 0 },
-    actionButtons: null,
-    testId: { default: "" }
-  },
-  emits: ["destroy"],
-  setup(t) {
-    const u = t, {
-      visible: b,
-      horizontalClass: p,
-      positionStyle: w,
-      clearTimer: k,
-      startTimer: C,
-      close: L
-    } = F(u), E = {
-      info: {
-        iconName: "info",
-        class: "snackbar-icon-info"
-      },
-      error: {
-        iconName: "warning-octagon",
-        class: "snackbar-icon-error"
-      },
-      success: {
-        iconName: "check-circle",
-        class: "snackbar-icon-success"
-      }
-    }, y = $(() => E[u.type]), r = G(u.testId, i);
-    return (m, o) => (n(), c(A, {
-      name: "snackbar",
-      onBeforeLeave: t.onClose,
-      onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
-    }, {
-      default: f(() => [
-        g(a("div", l({
-          id: t.id,
-          class: ["snackbar light-theme-v4", [t.customClass, e(p)]],
-          style: e(w),
-          role: "alert"
-        }, e(r)[e(i).CONTAINER], {
-          onMouseenter: o[0] || (o[0] = //@ts-ignore
-          (...s) => e(k) && e(k)(...s)),
-          onMouseleave: o[1] || (o[1] = //@ts-ignore
-          (...s) => e(C) && e(C)(...s)),
-          onClick: o[2] || (o[2] = //@ts-ignore
-          (...s) => t.onClick && t.onClick(...s))
-        }), [
-          a("div", R, [
-            a("div", j, [
-              t.title ? (n(), c(e(S), l({
-                key: 0,
-                variant: "h4",
-                class: "title"
-              }, e(r)[e(i).TITLE]), {
-                default: f(() => [
-                  z(e(U), l({
-                    name: e(y).iconName,
-                    type: "fill",
-                    size: "20px",
-                    class: [e(y).class, "icon-container"]
-                  }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
-                  I(" " + T(t.title), 1)
-                ]),
-                _: 1
-              }, 16)) : d("", !0),
-              g(a("div", q, [
-                h(m.$slots, "default", {}, () => [
-                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
-                    key: 0,
-                    variant: "body2"
-                  }, e(r)[e(i).MESSAGE]), {
-                    default: f(() => [
-                      I(T(t.message), 1)
-                    ]),
-                    _: 1
-                  }, 16))
-                ], !0)
-              ], 512), [
-                [B, t.message]
-              ]),
-              a("div", J, [
-                h(m.$slots, "actions", {}, () => [
-                  t.actionButtons ? (n(), N("div", K, [
-                    (n(!0), N(O, null, V(t.actionButtons, (s, v) => (n(), c(e(D), l({
-                      key: v,
-                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : "",
-                      size: "small"
-                    }, { ...s }), null, 16, ["data-testid"]))), 128))
-                  ])) : d("", !0)
-                ], !0)
-              ])
-            ]),
-            a("div", Q, [
-              t.showClose ? (n(), c(e(H), l({
-                key: 0,
-                "icon-name": "x",
-                size: "small"
-              }, e(r)[e(i).CLOSE], {
-                onClick: x(e(L), ["stop"])
-              }), null, 16, ["onClick"])) : d("", !0)
-            ])
-          ])
-        ], 16, P), [
-          [B, e(b)]
-        ])
-      ]),
-      _: 3
-    }, 8, ["onBeforeLeave"]));
-  }
-});
-export {
-  ae as default
-};

package/components/sortableList/SortableItem.vue.js

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

package/components/sortableList/SortableItem.vue2.js

@@ -1,140 +0,0 @@
- import "../../SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css"; import { defineComponent as P, computed as x, watch as E, ref as $, openBlock as o, createElementBlock as a, normalizeClass as f, unref as e, withModifiers as c, createElementVNode as r, createVNode as h, createBlock as s, withCtx as b, createTextVNode as w, toDisplayString as F, createCommentVNode as u, renderSlot as z, mergeProps as S, normalizeProps as I, Fragment as R, renderList as D } from "vue";
-import V from "../typography/v4/Typography.vue.js";
-import m from "../icon/v4/IconV4.vue.js";
-import L from "../icon/v4/IconFlag.vue.js";
-import j from "./SortableItemLabel.vue.js";
-import { useVirtualList as q } from "@vueuse/core";
-import { matchString as A } from "../../utils/search.js";
-import { useHoverEffect as G } from "./composables/useHoverEffect.js";
-const J = { class: "draggable-handle" }, K = { class: "item__prefix" }, U = ["onClick"], W = { class: "item__text" }, X = ["onClick"], re = /* @__PURE__ */ P({
-  __name: "SortableItem",
-  props: {
-    item: null,
-    index: { default: null },
-    isOpen: { type: Boolean, default: !1 },
-    isSelected: { type: Boolean, default: !1 },
-    selectedChildId: { default: null },
-    searchQuery: { default: null },
-    searchHandler: { type: Function, default: null },
-    displayValue: null
-  },
-  emits: ["toggle", "select", "selectChild"],
-  setup(t, { emit: y }) {
-    const n = t, Q = () => {
-      y("toggle", !n.isOpen);
-    }, g = x(() => (n.item.children || []).filter(
-      (l) => n.searchHandler ? n.searchHandler(l, n.searchQuery) : A(l.displayText, n.searchQuery)
-    )), p = x(() => g.value.length > 0), B = (d) => d.id === n.selectedChildId, {
-      list: H,
-      containerProps: M,
-      wrapperProps: T,
-      scrollTo: N
-    } = q(g, {
-      itemHeight: 34
-    });
-    E(
-      () => n.searchQuery,
-      () => N(0)
-    );
-    const k = $(null), { handleMouseout: v, handleMouseover: C } = G(
-      k,
-      "sortable-item--hovered"
-    );
-    return (d, l) => (o(), a("div", {
-      ref_key: "itemRef",
-      ref: k,
-      class: f(["sortable-item", { "sortable-item--selected": t.isSelected }]),
-      onMouseover: l[1] || (l[1] = //@ts-ignore
-      (...i) => e(C) && e(C)(...i)),
-      onMouseout: l[2] || (l[2] = //@ts-ignore
-      (...i) => e(v) && e(v)(...i)),
-      onClick: l[3] || (l[3] = c((i) => y("select"), ["stop"]))
-    }, [
-      r("div", {
-        class: f(["item", { "drag-allowed": !t.item.isLocked && !t.searchQuery }])
-      }, [
-        r("div", J, [
-          h(e(m), {
-            name: "dots-six-vertical",
-            width: "20px",
-            type: "bold"
-          })
-        ]),
-        r("div", K, [
-          t.item.isLocked ? (o(), s(e(m), {
-            key: 1,
-            class: "locked-icon",
-            name: "lock",
-            width: "16px"
-          })) : (o(), s(e(V), {
-            key: 0,
-            class: "order-num",
-            variant: "subtitle2"
-          }, {
-            default: b(() => [
-              w(F(t.index + 1) + ". ", 1)
-            ]),
-            _: 1
-          }))
-        ]),
-        e(p) && !t.searchQuery ? (o(), a("div", {
-          key: 0,
-          class: "expand-icon",
-          onClick: c(Q, ["stop"])
-        }, [
-          t.isOpen ? (o(), s(e(m), {
-            key: 0,
-            name: "caret-down",
-            width: "16px"
-          })) : (o(), s(e(m), {
-            key: 1,
-            name: "caret-right",
-            width: "16px"
-          }))
-        ], 8, U)) : u("", !0),
-        r("div", W, [
-          t.item.countryFlag ? (o(), s(e(L), {
-            key: 0,
-            class: "country-flag",
-            "country-code": t.item.countryFlag
-          }, null, 8, ["country-code"])) : u("", !0),
-          h(j, {
-            "display-value": t.displayValue,
-            item: t.item
-          }, null, 8, ["display-value", "item"])
-        ]),
-        r("div", {
-          class: "item__menu",
-          onClick: l[0] || (l[0] = c(() => {
-          }, ["stop"]))
-        }, [
-          z(d.$slots, "menu", {}, void 0, !0)
-        ])
-      ], 2),
-      r("div", S(e(M), { class: "child-list" }), [
-        e(p) && t.isOpen ? (o(), a("ul", I(S({ key: 0 }, e(T))), [
-          (o(!0), a(R, null, D(e(H), ({ data: i, index: O }) => (o(), a("li", {
-            key: O,
-            class: f({ selected: B(i) }),
-            onClick: c((Y) => y("selectChild", i), ["stop"])
-          }, [
-            i.countryFlag ? (o(), s(e(L), {
-              key: 0,
-              class: "country-flag",
-              "country-code": i.countryFlag
-            }, null, 8, ["country-code"])) : u("", !0),
-            h(e(V), { variant: "body2" }, {
-              default: b(() => [
-                w(F(t.displayValue(i)), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ], 10, X))), 128))
-        ], 16)) : u("", !0)
-      ], 16)
-    ], 34));
-  }
-});
-export {
-  re as default
-};

package/components/sortableList/SortableItemLabel.vue.js

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

package/components/sortableList/SortableItemLabel.vue2.js

@@ -1,60 +0,0 @@
- import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css"; import { defineComponent as m, openBlock as a, createBlock as u, unref as l, withCtx as t, createElementVNode as p, createElementBlock as c, Fragment as h, renderList as f, createVNode as i, createTextVNode as o, toDisplayString as r, normalizeClass as x } from "vue";
-import n from "../typography/v4/Typography.vue.js";
-import y from "../tooltip/v4/TooltipV4.vue.js";
-const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
-  __name: "SortableItemLabel",
-  props: {
-    item: null,
-    displayValue: null
-  },
-  setup(e) {
-    return (b, T) => (a(), u(l(y), {
-      class: "item-label",
-      placement: "right",
-      disabled: !e.item.helpText
-    }, {
-      tooltip: t(() => [
-        p("div", _, [
-          (a(!0), c(h, null, f(e.item.helpText, (s, d) => (a(), c("div", {
-            key: d,
-            class: "help"
-          }, [
-            i(l(n), {
-              class: "help__title",
-              variant: "h5"
-            }, {
-              default: t(() => [
-                o(r(s.title), 1)
-              ]),
-              _: 2
-            }, 1024),
-            i(l(n), {
-              class: "help__text",
-              variant: "body2"
-            }, {
-              default: t(() => [
-                o(r(s.text), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ]))), 128))
-        ])
-      ]),
-      default: t(() => [
-        i(l(n), {
-          variant: "body2",
-          class: x({ "decorated-text": e.item.helpText?.length })
-        }, {
-          default: t(() => [
-            o(r(e.displayValue(e.item)), 1)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }, 8, ["disabled"]));
-  }
-});
-export {
-  k as default
-};

package/components/sortableList/SortableList.vue.js

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