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

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

@@ -0,0 +1,24 @@
+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/src/components/skeleton/v3/Skeleton.vue.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,18 @@
+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/src/components/skeleton/v4/SkeletonV4.vue.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,23 @@
+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/src/components/snackbar/v3/Snackbar.vue.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,129 @@
+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/src/components/snackbar/v4/SnackbarV4.vue.js

@@ -0,0 +1,7 @@
+import c from "./SnackbarV4.vue2.js";
+/* empty css                 */import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// 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/src/components/snackbar/v4/SnackbarV4.vue2.js

@@ -0,0 +1,141 @@
+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/src/components/sortableList/SortableItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./SortableItem.vue2.js";
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// 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/src/components/sortableList/SortableItem.vue2.js

@@ -0,0 +1,140 @@
+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/src/components/sortableList/SortableItemLabel.vue.js

@@ -0,0 +1,7 @@
+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_1386ae20_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1386ae20"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,60 @@
+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/src/components/sortableList/SortableList.vue.js

@@ -0,0 +1,7 @@
+import o from "./SortableList.vue2.js";
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// 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
+};