@ironsource/shared-ui 2.1.6-rc.1 → 2.1.6-rc.11

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

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

package/components/dropdown/v4/ChipDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChipDropdownTrigger.vue2.js";
 /* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-889042cf"]]);
+// import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8fdae89"]]);
 export {
   s as default
 };

package/components/dropdown/v4/ChipDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
 import m from "../../icon/v4/IconV4.vue.js";
 import A from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as o } from "../../../testids/index.js";

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

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

package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -1,21 +1,20 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
-import V from "../../typography/v4/Typography.vue.js";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
+import x from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
-import T from "../../icon/v4/IconV4.vue.js";
-import B from "../../shared/FieldLabel.vue.js";
-import D from "../../shared/FieldHelpText.vue.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-import N from "../../statusDot/StatusDot.vue.js";
-const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
+import h from "../../icon/v4/IconV4.vue.js";
+import w from "../../shared/FieldLabel.vue.js";
+import { useTestIdAttrs as D } from "../../../utils/testIds.js";
+import A from "../../statusDot/StatusDot.vue.js";
+const N = { class: "default-dropdown-wrapper" }, K = { class: "content" }, $ = {
   key: 0,
   class: "image"
-}, H = ["src"], P = {
+}, C = ["src"], P = {
   key: 1,
   class: "start-icon"
 }, S = {
   key: 2,
   class: "status-dot"
-}, z = { class: "caret-down" }, G = /* @__PURE__ */ I({
+}, z = { class: "caret-down" }, j = /* @__PURE__ */ v({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -44,12 +43,12 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: b }) {
-    const e = t, g = r(
+  setup(t, { emit: g }) {
+    const e = t, T = r(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
-    ), k = () => {
-      b("click");
-    }, f = A(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
+    ), b = () => {
+      g("click");
+    }, p = D(e.testId, u), O = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
       if (!e.selectedOption)
         return null;
       if (!e.multi)
@@ -57,8 +56,8 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
       if (Array.isArray(e.selectedOption))
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
-    return (i, p) => (a(), n("div", K, [
-      t.label ? (a(), m(B, {
+    return (s, f) => (o(), a("div", N, [
+      t.label ? (o(), k(w, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -67,58 +66,50 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
         disabled: t.disabled,
         "test-id": t.testId,
         class: "dropdown-field-label"
-      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : o("", !0),
-      c("div", y({
-        class: ["dropdown-trigger", [t.size, l(g), { open: t.open, disabled: t.disabled }]]
-      }, l(f)[l(u).BUTTON_WRAPPER], {
-        onClick: p[0] || (p[0] = (E) => k())
+      }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
+      c("div", m({
+        class: ["dropdown-trigger", [t.size, l(T), { open: t.open, disabled: t.disabled }]]
+      }, l(p)[l(u).BUTTON_WRAPPER], {
+        onClick: f[0] || (f[0] = (E) => b())
       }), [
-        c("div", $, [
-          i.$slots.image || l(d) && t.optionImageKey ? (a(), n("div", C, [
-            h(i.$slots, "image", {}, () => [
-              t.optionImageKey ? (a(), n("img", {
+        c("div", K, [
+          s.$slots.image || l(d) && t.optionImageKey ? (o(), a("div", $, [
+            y(s.$slots, "image", {}, () => [
+              t.optionImageKey ? (o(), a("img", {
                 key: 0,
                 src: l(d)[t.optionImageKey]
-              }, null, 8, H)) : o("", !0)
+              }, null, 8, C)) : n("", !0)
             ], !0)
-          ])) : o("", !0),
-          i.$slots["icon-start"] || l(d) && t.optionIconKey ? (a(), n("div", P, [
-            h(i.$slots, "icon-start", {}, () => [
-              s(l(T), {
+          ])) : n("", !0),
+          s.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), a("div", P, [
+            y(s.$slots, "icon-start", {}, () => [
+              i(l(h), {
                 type: t.optionIconType,
                 name: l(d)[t.optionIconKey],
                 size: "20px"
               }, null, 8, ["type", "name"])
             ], !0)
-          ])) : o("", !0),
-          t.statusDotType ? (a(), n("div", S, [
-            s(l(N), { type: t.statusDotType }, null, 8, ["type"])
-          ])) : o("", !0),
-          s(l(V), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: O(() => [
-              x(w(l(v)), 1)
+          ])) : n("", !0),
+          t.statusDotType ? (o(), a("div", S, [
+            i(l(A), { type: t.statusDotType }, null, 8, ["type"])
+          ])) : n("", !0),
+          i(l(x), m({ variant: "body1" }, l(p)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: I(() => [
+              B(V(l(O)), 1)
             ]),
             _: 1
           }, 16)
         ]),
         c("div", z, [
-          s(l(T), {
+          i(l(h), {
             name: "caret-down",
             size: "20px"
           })
         ])
-      ], 16),
-      t.feedbackText ? (a(), m(D, {
-        key: 1,
-        text: t.feedbackText,
-        variant: t.feedbackVariant,
-        "show-icon": t.showFeedbackIcon,
-        "test-id": t.testId,
-        class: "dropdown-field-help-text"
-      }, null, 8, ["text", "variant", "show-icon", "test-id"])) : o("", !0)
+      ], 16)
     ]));
   }
 });
 export {
-  G as default
+  j as default
 };

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
-/* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css"; //*');
+/* empty css                 *//* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bf8e7ff5"]]);
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
 export {
   r as default
 };