@ironsource/shared-ui 2.1.12-test.50 → 2.1.12-test.52

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

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