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

package/components/dateRange/v4/DateRangeV4.vue2.js

@@ -0,0 +1,265 @@
+ import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
+import X from "./CalendarMonthV4.vue.js";
+import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
+import E from "../../button/v4/ButtonV4.vue.js";
+import "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import "../../dropdown/v4/DropdownV4.vue.js";
+import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../../dropdown/v4/TreeDropdown.vue.js";
+import "../../dropdown/v4/OptionV4.vue.js";
+import "../../dropdown/v4/ConditionalDropdown.vue.js";
+import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
+import { dateRangeCommon as ae } from "../common/DateRange.common.js";
+import p from "../../typography/v4/Typography.vue.js";
+const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
+  key: 0,
+  class: "type-picker"
+}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Le = /* @__PURE__ */ J({
+  __name: "DateRangeV4",
+  props: {
+    range: null,
+    types: { default: () => ["date"] },
+    includeToday: { type: Boolean, default: !0 },
+    allowedDays: { default: null },
+    maxDaysInRange: { default: null },
+    datePresetList: { default: "date" },
+    regex: { default: () => /^(1[0-2]|0?[1-9])\/[\d]{1,2}\/[\d]{4}$/ },
+    dateFormat: { default: "mm/dd/yyyy" },
+    uniqueId: { default: Date.now() },
+    disabled: { type: Boolean, default: !1 },
+    initialType: { default: null },
+    openOnTop: { type: Boolean, default: !1 },
+    showPresets: { type: Boolean, default: !0 },
+    maxDate: { default: null },
+    testId: { default: "" }
+  },
+  emits: [
+    "rangeTypeChanged",
+    "currentDateChanged",
+    "rangeChanged",
+    "dateRangePresetNameChanged",
+    "opened",
+    "dismissed"
+  ],
+  setup(t, { emit: R }) {
+    const A = t, {
+      datePicker: B,
+      datePickerId: M,
+      getMaxAllowedDate: S,
+      selectedPreset: I,
+      displayError: q,
+      rangeType: f,
+      selectedRange: O,
+      placement: L,
+      currentDate: w,
+      error: V,
+      presets: z,
+      isOpen: h,
+      popup: U,
+      currentMonths: y,
+      displayedMonthsKeys: T,
+      changeType: F,
+      presetChanged: G,
+      apply: K,
+      getNavigation: W,
+      navigationCallback: Y,
+      selectionChanged: j,
+      toggle: b,
+      isCompact: H
+    } = ae(A, R);
+    return (D, u) => (n(), i("div", {
+      id: e(M),
+      ref_key: "datePicker",
+      ref: B,
+      class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
+      "data-testid": `${t.testId}-${e(o).WRAPPER}`
+    }, [
+      d("div", {
+        class: "date-range-field",
+        "data-testid": `${t.testId}-${e(o).TRIGGER}`,
+        onClick: u[0] || (u[0] = (a) => e(b)())
+      }, [
+        N(D.$slots, "field", {
+          currentDate: e(w),
+          isOpen: e(h)
+        }, () => [
+          s(e(ee), {
+            label: e(w),
+            "start-icon-name": "calendar-blank",
+            variant: "outlined",
+            "test-id": `${t.testId}-${e(te).INPUT}`,
+            open: e(h)
+          }, null, 8, ["label", "test-id", "open"])
+        ], !0)
+      ], 8, ne),
+      v(d("div", {
+        id: "datepickerPopup" + t.uniqueId,
+        ref_key: "popup",
+        ref: U,
+        class: r(["pop-up", [
+          e(L),
+          t.openOnTop ? "open-on-top" : "",
+          t.showPresets ? "" : "hide-presets"
+        ]]),
+        "data-testid": `${t.testId}-${e(o).CONTAINER}`
+      }, [
+        t.types.length > 1 ? (n(), i("div", se, [
+          (n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
+            key: a,
+            class: r(["range-type", { "selected-range-type": e(f) === a }]),
+            onClick: (c) => e(F)(a, !0)
+          }, [
+            s(e(p), { variant: "h1" }, {
+              default: l(() => [
+                m(g(e(Z)[a]), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ], 10, oe))), 128))
+        ])) : P("", !0),
+        d("div", {
+          class: r(["flex", { "pop-up-content": t.types.length > 1 }])
+        }, [
+          t.showPresets ? (n(), i("div", {
+            key: 0,
+            class: "date-picker-menu",
+            "data-testid": `${t.testId}-${e(o).MENU}`
+          }, [
+            d("div", {
+              id: "presets" + t.uniqueId,
+              class: "preset-dropdown"
+            }, [
+              d("ul", {
+                id: "customDropDownList" + t.uniqueId
+              }, [
+                (n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
+                  key: a.id,
+                  class: r({
+                    "selected-preset-container": e(I) === a.id
+                  })
+                }, [
+                  d("div", {
+                    class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
+                    onClick: (c) => e(G)(a)
+                  }, [
+                    s(e(p), {
+                      variant: "body2",
+                      "data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
+                    }, {
+                      default: l(() => [
+                        m(g(a.name), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["data-testid"])
+                  ], 10, ce),
+                  v(d("div", me, null, 512), [
+                    [$, a.id === "custom"]
+                  ])
+                ], 2))), 128))
+              ], 8, ue)
+            ], 8, re),
+            d("div", {
+              class: "type-message",
+              "data-testid": `${t.testId}-${e(o).MESSAGE}`
+            }, g(e(_)[e(f)]), 9, pe)
+          ], 8, le)) : P("", !0),
+          d("div", {
+            class: "calendar-wrap",
+            style: Q({ height: e(H) ? "336px" : "372px" })
+          }, [
+            d("div", ye, [
+              (n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
+                s(X, {
+                  id: t.uniqueId,
+                  navigation: e(W)(
+                    c === 0,
+                    c === e(T).length - 1
+                  ),
+                  year: e(y)[a].parsedMonth.year,
+                  days: e(y)[a].parsedMonth.days,
+                  weeks: e(y)[a].parsedMonth.weeks,
+                  month: e(y)[a].parsedMonth.month,
+                  range: e(O),
+                  type: e(f),
+                  "allowed-days": t.allowedDays,
+                  "max-allowed-date": e(S),
+                  "test-id": `${t.testId}-${c}`,
+                  onSelectionChanged: e(j),
+                  onNavigation: e(Y)
+                }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
+              ]))), 128)),
+              d("div", ge, [
+                d("div", fe, [
+                  N(D.$slots, "footer", {}, void 0, !0)
+                ]),
+                d("div", he, [
+                  s(e(p), { variant: "body2" }, {
+                    default: l(() => [
+                      m("All dates are in UTC")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                v(d("div", { class: "error" }, g(e(V)), 513), [
+                  [$, e(q)]
+                ]),
+                u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
+                  s(e(E), {
+                    id: "button-ok" + t.uniqueId,
+                    size: "small",
+                    class: "button",
+                    color: "primary",
+                    "data-testid": `${t.testId}-${e(o).ACTION_APPLY}`,
+                    onClick: (a) => e(K)()
+                  }, {
+                    default: l(() => [
+                      s(e(p), { variant: "button" }, {
+                        default: l(() => [
+                          m("Apply")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["id", "data-testid", "onClick"]),
+                  s(e(E), {
+                    id: "button-cancel" + t.uniqueId,
+                    size: "small",
+                    theme: "third",
+                    color: "default",
+                    variant: "outlined",
+                    class: "button",
+                    "data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
+                    onClick: (a) => e(b)()
+                  }, {
+                    default: l(() => [
+                      s(e(p), { variant: "button" }, {
+                        default: l(() => [
+                          m(" Cancel ")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["id", "data-testid", "onClick"])
+                ]), x(1), u[1])
+              ])
+            ])
+          ], 4)
+        ], 2)
+      ], 10, ie), [
+        [$, e(h)]
+      ])
+    ], 10, de));
+  }
+});
+export {
+  Le as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./Dialog.vue2.js";
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Dialog.vue_vue_type_style_index_0_scoped_eeac406b_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-eeac406b"]]);
+export {
+  a as default
+};

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.d.ts

@@ -13,6 +13,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside?: boolean;
     beforeClose?: (show: () => void) => void;
     showCloseButton?: boolean;
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
@@ -20,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
+    noPadding?: boolean;
 }>, {
     content: any;
     title: string;
@@ -31,6 +34,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     closeOnClickOutside: boolean;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     escapeToClose: boolean;
     beforeClose: any;
     showFooter: boolean;
@@ -40,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel: string;
     cancelButtonColor: string;
     testId: string;
+    noPadding: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
@@ -60,6 +66,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside?: boolean;
     beforeClose?: (show: () => void) => void;
     showCloseButton?: boolean;
+    showCancelButton?: boolean;
+    showSaveButton?: boolean;
     showFooter?: boolean;
     saveButtonLabel?: string;
     saveButtonLoading?: boolean;
@@ -67,6 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel?: string;
     cancelButtonColor?: string;
     testId?: string;
+    noPadding?: boolean;
 }>, {
     content: any;
     title: string;
@@ -78,6 +87,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeDelay: number;
     closeOnClickOutside: boolean;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     escapeToClose: boolean;
     beforeClose: any;
     showFooter: boolean;
@@ -87,6 +98,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     cancelButtonLabel: string;
     cancelButtonColor: string;
     testId: string;
+    noPadding: boolean;
 }>>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onClose?: (reason: Reason) => any;
@@ -107,12 +119,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closeOnClickOutside: boolean;
     beforeClose: (show: () => void) => void;
     showCloseButton: boolean;
+    showCancelButton: boolean;
+    showSaveButton: boolean;
     showFooter: boolean;
     saveButtonLabel: string;
     saveButtonLoading: boolean;
     saveButtonColor: string;
     cancelButtonLabel: string;
     cancelButtonColor: string;
+    noPadding: boolean;
 }>, {
     header?(_: {}): any;
     default?(_: {}): any;

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_37da643b_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-37da643b"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,164 @@
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_37da643b_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 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 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 p } from "../../../utils/testIds.js";
+import { useMagicKeys as D, whenever as R } from "@vueuse/core";
+const $ = {
+  key: 0,
+  class: "container light-theme-v4"
+}, F = { class: "title" }, U = {
+  key: 1,
+  class: "footer"
+}, Y = /* @__PURE__ */ L({
+  __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 },
+    showCancelButton: { type: Boolean, default: !0 },
+    showSaveButton: { 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: "" },
+    noPadding: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "open", "close", "save", "cancel"],
+  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: c, saveButtonLoading: d } = r;
+      c && !d ? v(g.Backdrop) : I();
+    };
+    return (c, d) => (o(), u(E, {
+      to: "body",
+      disabled: !e.appendToBody
+    }, [
+      A(P, null, {
+        default: i(() => [
+          t(h) ? (o(), m("div", $, [
+            y("div", s({
+              class: ["dialog", [`dialog--${e.size}`]]
+            }, t(n)[t(a).WRAPPER]), [
+              e.title || e.subtitle || e.showCloseButton ? (o(), m("header", s({
+                key: 0,
+                class: "header"
+              }, t(n)[t(a).HEADER]), [
+                y("div", F, [
+                  k(c.$slots, "header", {}, () => [
+                    e.title ? (o(), u(t(b), {
+                      key: 0,
+                      variant: "h3"
+                    }, {
+                      default: i(() => [
+                        f(B(e.title), 1)
+                      ]),
+                      _: 1
+                    })) : l("", !0),
+                    e.subtitle ? (o(), u(t(b), {
+                      key: 1,
+                      class: "subtitle",
+                      variant: "body1"
+                    }, {
+                      default: i(() => [
+                        f(B(e.subtitle), 1)
+                      ]),
+                      _: 1
+                    })) : l("", !0)
+                  ], !0)
+                ]),
+                e.showCloseButton ? (o(), u(t(S), s({
+                  key: 0,
+                  class: "close-button",
+                  "icon-name": "x",
+                  disabled: e.saveButtonLoading
+                }, 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),
+              y("div", s({
+                class: ["content", { "content--no-padding": e.noPadding }]
+              }, t(n)[t(a).CONTENT]), [
+                k(c.$slots, "default", {}, () => [
+                  e.content ? (o(), u(t(b), {
+                    key: 0,
+                    variant: "body1"
+                  }, {
+                    default: i(() => [
+                      f(B(e.content), 1)
+                    ]),
+                    _: 1
+                  })) : l("", !0)
+                ], !0)
+              ], 16),
+              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
+                    }, t(n)[t(a).CANCEL_BUTTON], {
+                      onClick: d[1] || (d[1] = (T) => C("cancel"))
+                    }), {
+                      default: i(() => [
+                        f(B(e.cancelButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["color", "disabled"])) : l("", !0),
+                    e.showSaveButton ? (o(), u(t(O), s({
+                      key: 1,
+                      class: "form-action",
+                      loading: e.saveButtonLoading,
+                      color: e.saveButtonColor
+                    }, t(n)[t(a).SAVE_BUTTON], {
+                      onClick: d[2] || (d[2] = (T) => C("save"))
+                    }), {
+                      default: i(() => [
+                        f(B(e.saveButtonLabel), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["loading", "color"])) : l("", !0)
+                  ], !0)
+                ], 16)
+              ])) : l("", !0)
+            ], 16),
+            e.showBackdrop ? (o(), m("div", s({
+              key: 0,
+              class: "dialog-backdrop"
+            }, t(n)[t(a).BACKDROP], { onClick: N }), null, 16)) : l("", !0)
+          ])) : l("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  Y as default
+};