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

package/components/dialog/v3/Dialog.vue2.js

@@ -0,0 +1,137 @@
+ import "../../../Dialog.vue_vue_type_style_index_0_scoped_eeac406b_lang.css"; import { defineComponent as E, useCssVars as N, openBlock as s, createBlock as m, Teleport as w, createVNode as r, Transition as D, withCtx as n, unref as t, normalizeClass as f, createElementVNode as i, normalizeStyle as R, withKeys as A, renderSlot as u, createTextVNode as $, toDisplayString as h, createCommentVNode as l, createElementBlock as y } from "vue";
+import { UseFocusTrap as S } from "@vueuse/integrations/useFocusTrap/component";
+import k from "../../typography/Text.vue.js";
+import { NOOP as T } from "@vue/shared";
+import { Reason as B } from "../common/Reason.js";
+import "../../button/v3/Button.vue.js";
+import V from "../../button/v3/IconButton.vue.js";
+import "../../button/v3/ScrollButton.vue.js";
+import g from "../../icon/v3/Icon.vue.js";
+import { DialogTestIdModifiers as o } from "../../../testids/index.js";
+import { dialogCommon as P } from "../common/Dialog.common.js";
+const z = ["data-testid"], p = ["data-testid"], K = ["data-testid"], F = ["data-testid"], H = { class: "placeholder" }, U = {
+  key: 1,
+  class: "footer"
+}, W = ["data-testid"], x = ["data-testid"], ee = /* @__PURE__ */ E({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: !0 },
+    content: { default: null },
+    width: { default: "" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    showBackdrop: { type: Boolean, default: !0 },
+    headerBorder: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: !0 },
+    themeClass: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: I }) {
+    const O = e;
+    N((d) => ({
+      "639c24b4": e.width
+    }));
+    const { visible: b, inlineStyle: v, handleClose: c } = P(O, I);
+    return (d, a) => (s(), m(w, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      r(D, null, {
+        default: n(() => [
+          t(b) ? (s(), m(t(S), {
+            key: 0,
+            class: f(["container", e.themeClass])
+          }, {
+            default: n(() => [
+              i("div", {
+                class: "modal",
+                style: R(t(v)),
+                "data-testid": `${e.testId}-${t(o).WRAPPER}`,
+                onKeydown: a[1] || (a[1] = A((C) => e.escapeToClose ? t(c)(t(B).Escape) : t(T)(), ["esc"]))
+              }, [
+                i("header", {
+                  class: f(["header", { "header--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).HEADER}`
+                }, [
+                  e.headerBorder ? u(d.$slots, "header", { key: 0 }, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0) : l("", !0),
+                  e.showCloseButton ? (s(), m(t(V), {
+                    key: 1,
+                    class: "button close-button",
+                    size: "md",
+                    theme: "secondary",
+                    variant: "colorized",
+                    "icon-name": "close",
+                    "data-testid": `${e.testId}-${t(o).ACTION_CLOSE}`,
+                    onClick: a[0] || (a[0] = (C) => t(c)(t(B).CloseButton))
+                  }, {
+                    default: n(() => [
+                      r(g, {
+                        "font-size": "md",
+                        name: "close"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data-testid"])) : l("", !0)
+                ], 10, p),
+                e.headerBorder ? l("", !0) : (s(), y("div", {
+                  key: 0,
+                  class: "header--secondary",
+                  "data-testid": `${e.testId}-${t(o).HEADER_SECONDARY}`
+                }, [
+                  u(d.$slots, "header", {}, () => [
+                    r(k, { strong: "" }, {
+                      default: n(() => [
+                        $(h(e.title), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], !0)
+                ], 8, K)),
+                i("div", {
+                  class: f(["content", { "content--bordered": e.headerBorder }]),
+                  "data-testid": `${e.testId}-${t(o).CONTENT}`
+                }, [
+                  u(d.$slots, "default", {}, () => [
+                    i("div", H, h(e.content), 1)
+                  ], !0)
+                ], 10, F),
+                d.$slots.footer ? (s(), y("footer", U, [
+                  i("div", {
+                    class: "action-buttons",
+                    "data-testid": `${e.testId}-${t(o).ACTION_BUTTONS_WRAPPER}`
+                  }, [
+                    u(d.$slots, "footer", {}, void 0, !0)
+                  ], 8, W)
+                ])) : l("", !0)
+              ], 44, z),
+              e.showBackdrop ? (s(), y("div", {
+                key: 0,
+                class: "backdrop",
+                "data-testid": `${e.testId}-${t(o).BACKDROP}`,
+                onClick: a[2] || (a[2] = (C) => e.closeOnClickOutside ? t(c)(t(B).Backdrop) : t(T)())
+              }, null, 8, x)) : l("", !0)
+            ]),
+            _: 3
+          }, 8, ["class"])) : l("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  ee as default
+};

package/components/dialog/v4/DialogV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./DialogV4.vue2.js";
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
+export {
+  t as default
+};

package/components/dialog/v4/DialogV4.vue2.js

@@ -0,0 +1,157 @@
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as p, createVNode as b, Transition as w, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
+import { NOOP as I } from "@vue/shared";
+import T from "../../typography/v4/Typography.vue.js";
+import N from "../../button/v4/ButtonV4.vue.js";
+import V from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import { Reason as g } from "../common/Reason.js";
+import { dialogCommon as D } from "../common/Dialog.common.js";
+import { DialogTestIdModifiers as l } from "../../../testids/index.js";
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
+import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
+const S = {
+  key: 0,
+  class: "container light-theme-v4"
+}, F = { class: "title" }, U = {
+  key: 1,
+  class: "footer"
+}, Y = /* @__PURE__ */ A({
+  __name: "DialogV4",
+  props: {
+    modelValue: { type: Boolean },
+    content: { default: null },
+    title: { default: "" },
+    subtitle: { default: "" },
+    appendToBody: { type: Boolean, default: !0 },
+    size: { default: "small" },
+    showBackdrop: { type: Boolean, default: !0 },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    beforeClose: { type: Function, default: null },
+    showCloseButton: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: !0 },
+    saveButtonLabel: { default: "Save" },
+    saveButtonLoading: { type: Boolean, default: !1 },
+    saveButtonColor: { default: "primary" },
+    cancelButtonLabel: { default: "Cancel" },
+    cancelButtonColor: { default: "default" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close", "save", "cancel"],
+  setup(t, { emit: v }) {
+    const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
+    $(L, () => {
+      h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
+    });
+    const E = () => {
+      const { closeOnClickOutside: r, saveButtonLoading: n } = i;
+      r && !n ? y(g.Backdrop) : I();
+    };
+    return (r, n) => (o(), c(p, {
+      to: "body",
+      disabled: !t.appendToBody
+    }, [
+      b(w, null, {
+        default: u(() => [
+          e(h) ? (o(), m("div", S, [
+            C("div", s({
+              class: ["dialog", [`dialog--${t.size}`]]
+            }, e(a)[e(l).WRAPPER]), [
+              t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
+                key: 0,
+                class: "header"
+              }, e(a)[e(l).HEADER]), [
+                C("div", F, [
+                  k(r.$slots, "header", {}, () => [
+                    t.title ? (o(), c(e(T), {
+                      key: 0,
+                      variant: "h3"
+                    }, {
+                      default: u(() => [
+                        f(B(t.title), 1)
+                      ]),
+                      _: 1
+                    })) : d("", !0),
+                    t.subtitle ? (o(), c(e(T), {
+                      key: 1,
+                      class: "subtitle",
+                      variant: "body1"
+                    }, {
+                      default: u(() => [
+                        f(B(t.subtitle), 1)
+                      ]),
+                      _: 1
+                    })) : d("", !0)
+                  ], !0)
+                ]),
+                t.showCloseButton ? (o(), c(e(V), s({
+                  key: 0,
+                  class: "close-button",
+                  "icon-name": "x",
+                  disabled: t.saveButtonLoading
+                }, e(a)[e(l).ACTION_CLOSE], {
+                  onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
+                }), null, 16, ["disabled"])) : d("", !0)
+              ], 16)) : d("", !0),
+              C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
+                k(r.$slots, "default", {}, () => [
+                  t.content ? (o(), c(e(T), {
+                    key: 0,
+                    variant: "body1"
+                  }, {
+                    default: u(() => [
+                      f(B(t.content), 1)
+                    ]),
+                    _: 1
+                  })) : d("", !0)
+                ], !0)
+              ], 16),
+              t.showFooter ? (o(), m("footer", U, [
+                C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
+                  k(r.$slots, "footer", {}, () => [
+                    b(e(N), s({
+                      class: "form-action",
+                      variant: "outlined",
+                      color: t.cancelButtonColor,
+                      disabled: t.saveButtonLoading
+                    }, e(a)[e(l).CANCEL_BUTTON], {
+                      onClick: n[1] || (n[1] = (O) => v("cancel"))
+                    }), {
+                      default: u(() => [
+                        f(B(t.cancelButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["color", "disabled"]),
+                    b(e(N), s({
+                      class: "form-action",
+                      loading: t.saveButtonLoading,
+                      color: t.saveButtonColor
+                    }, e(a)[e(l).SAVE_BUTTON], {
+                      onClick: n[2] || (n[2] = (O) => v("save"))
+                    }), {
+                      default: u(() => [
+                        f(B(t.saveButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["loading", "color"])
+                  ], !0)
+                ], 16)
+              ])) : d("", !0)
+            ], 16),
+            t.showBackdrop ? (o(), m("div", s({
+              key: 0,
+              class: "dialog-backdrop"
+            }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
+          ])) : d("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  Y as default
+};

package/components/dropdown/v3/Dropdown.vue.js

@@ -0,0 +1,8 @@
+import o from "./Dropdown.vue2.js";
+/* empty css               *//* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css"; //*');
+// import "../../../Dropdown.vue_vue_type_style_index_1_lang.css";  //');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-aaa8c4bb"]]);
+export {
+  a as default
+};