@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/src/components/shared/FieldMaxLength.vue.js

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

package/src/components/shared/FieldMaxLength.vue2.js

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

package/src/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";
-console.log('scoped// 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/src/components/skeleton/v3/Skeleton.vue2.js

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

package/src/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";
-console.log('scoped// 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/src/components/skeleton/v4/SkeletonV4.vue2.js

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

package/src/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";
-console.log('scoped// 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/src/components/snackbar/v3/Snackbar.vue2.js

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

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

@@ -1,7 +0,0 @@
-import o from "./SnackbarV4.vue2.js";
-/* empty css                 */import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; //*');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1b650c39"]]);
-export {
-  r as default
-};

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

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

package/src/components/sortableList/SortableItem.vue.js

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

package/src/components/sortableList/SortableItem.vue2.js

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

package/src/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";
-console.log('scoped// import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f2ced2f4"]]);
-export {
-  a as default
-};

package/src/components/sortableList/SortableItemLabel.vue2.js

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

package/src/components/sortableList/SortableList.vue.js

@@ -1,7 +0,0 @@
-import o from "./SortableList.vue2.js";
-/* empty css                   */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8f267f88"]]);
-export {
-  p as default
-};