maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazDialogPromise-6967e821.mjs

@@ -1,474 +0,0 @@
-import "../assets/MazDialogPromise.css";
-import { ref, defineComponent, onMounted, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, withModifiers, mergeProps, renderSlot, createCommentVNode, defineAsyncComponent, useAttrs, computed, createTextVNode, toDisplayString, unref, Fragment, renderList } from "vue";
-const confirmDialogData = ref();
-const dialogState = ref([]);
-const showDialogAndWaitChoice = (identifier, callback) => {
-  return new Promise((resolve, reject) => {
-    dialogState.value = [
-      ...dialogState.value,
-      {
-        id: identifier,
-        isActive: true,
-        resolve: async () => {
-          await (callback == null ? void 0 : callback());
-          resolve(true);
-        },
-        reject
-      }
-    ];
-  });
-};
-const removeDialogFromState = (identifier) => {
-  dialogState.value = dialogState.value.filter(({ id }) => id !== identifier);
-  return dialogState.value;
-};
-const responseDialog = (type, currentDialog, response = false) => {
-  var _a;
-  if (currentDialog) {
-    (_a = currentDialog[type]) == null ? void 0 : _a.call(currentDialog, response);
-    currentDialog.isActive = false;
-    setTimeout(() => {
-      removeDialogFromState(currentDialog.id);
-    }, 500);
-  }
-};
-const useMazDialogPromise = () => ({
-  confirmDialogData,
-  dialogState,
-  showDialogAndWaitChoice,
-  removeDialogFromState,
-  rejectDialog: (currentDialog, response = false) => responseDialog("reject", currentDialog, response),
-  resolveDialog: (currentDialog, response = false) => responseDialog("resolve", currentDialog, response)
-});
-const MODAL_OPENED_CLASS = "--backdrop-present";
-const addClassToDocument = () => {
-  document.documentElement.classList.add(MODAL_OPENED_CLASS);
-};
-const removeClassFromDocument = async () => {
-  const backdropPresents = document.querySelector(".m-backdrop.--present");
-  if (!backdropPresents) {
-    document.documentElement.classList.remove(MODAL_OPENED_CLASS);
-  }
-};
-const _sfc_main$2 = defineComponent({
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: Boolean, default: false },
-    teleportSelector: { type: String, default: "body" },
-    beforeClose: {
-      // eslint-disable-next-line @typescript-eslint/ban-types
-      type: Function,
-      default: void 0
-    },
-    persistent: { type: Boolean, default: false },
-    noCloseOnEscKey: { type: Boolean, default: false },
-    transitionName: { type: String, default: "backdrop-anim" },
-    backdropClass: { type: [Array, String, Object], default: void 0 },
-    backdropContentClass: {
-      type: [Array, String, Object],
-      default: void 0
-    }
-  },
-  emits: ["open", "before-close", "close", "update:model-value"],
-  setup(props, { emit: emits }) {
-    const present = ref(props.modelValue);
-    const close = () => {
-      toggleModal(false);
-    };
-    const toggleModal = async (value) => {
-      var _a;
-      if (!value) {
-        emits("before-close");
-        await ((_a = props.beforeClose) == null ? void 0 : _a.call(props));
-      }
-      present.value = value;
-    };
-    const onBackdropAnimationEnter = () => {
-      emits("open");
-    };
-    const onBackdropAnimationLeave = () => {
-      emits("update:model-value", false);
-      emits("close");
-      removeClassAndEventToDocument();
-    };
-    const onBackdropClicked = () => {
-      if (!props.persistent) {
-        close();
-      }
-    };
-    const onKeyPress = (event) => {
-      if (!props.noCloseOnEscKey && event.key === "Escape" && !props.persistent) {
-        close();
-      }
-    };
-    const addClassAndEventToDocument = () => {
-      addClassToDocument();
-      document.addEventListener("keyup", onKeyPress, false);
-    };
-    const removeClassAndEventToDocument = () => {
-      document.removeEventListener("keyup", onKeyPress);
-      removeClassFromDocument();
-    };
-    onMounted(() => {
-      if (props.modelValue) {
-        addClassAndEventToDocument();
-      } else {
-        removeClassAndEventToDocument();
-      }
-    });
-    watch(
-      () => props.modelValue,
-      (value) => {
-        present.value = value;
-        if (value) {
-          addClassAndEventToDocument();
-        } else {
-          removeClassAndEventToDocument();
-        }
-      }
-    );
-    return {
-      onBackdropAnimationEnter,
-      onBackdropAnimationLeave,
-      onBackdropClicked,
-      close,
-      present,
-      toggleModal,
-      onKeyPress
-    };
-  }
-});
-const MazBackdrop_vue_vue_type_style_index_0_lang = "";
-const MazBackdrop_vue_vue_type_style_index_1_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleportSelector }, [
-    createVNode(Transition, {
-      appear: "",
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onBackdropAnimationEnter,
-      onAfterLeave: _ctx.onBackdropAnimationLeave
-    }, {
-      default: withCtx(() => [
-        _ctx.present ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: normalizeClass(["m-backdrop --present", [_ctx.backdropClass]]),
-            tabindex: "-1",
-            role: "dialog"
-          },
-          [
-            createElementVNode(
-              "button",
-              {
-                class: normalizeClass(["m-backdrop-overlay", { "--disabled": _ctx.persistent }]),
-                tabindex: "-1",
-                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onBackdropClicked && _ctx.onBackdropClicked(...args), ["self"]))
-              },
-              null,
-              2
-              /* CLASS */
-            ),
-            createElementVNode(
-              "div",
-              mergeProps({
-                class: ["m-backdrop-content", _ctx.backdropContentClass]
-              }, _ctx.$attrs, {
-                role: "document",
-                tabindex: "0"
-              }),
-              [
-                renderSlot(_ctx.$slots, "default", { close: _ctx.close })
-              ],
-              16
-              /* FULL_PROPS */
-            )
-          ],
-          2
-          /* CLASS */
-        )) : createCommentVNode("v-if", true)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
-}
-const MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
-const _hoisted_1$1 = {
-  key: 0,
-  class: "maz-my-0 maz-text-xl maz-font-semibold"
-};
-const _hoisted_2 = { class: "m-dialog-content" };
-const _hoisted_3 = {
-  key: 0,
-  class: "m-dialog-footer"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "MazDialog",
-  props: {
-    /** Modal's title in  header */
-    title: { type: String, default: void 0 },
-    /** Remove the close button in header */
-    noClose: { type: Boolean, default: false },
-    /** Modal's width */
-    width: { type: String, default: "500px" },
-    /** Modal's max-width */
-    maxWidth: { type: String, default: "95vw" },
-    /** Modal's max-height */
-    maxHeight: { type: String, default: "95vh" },
-    /**  Modal's content becomes scrollable - warning: a overflow is applied */
-    scrollable: { type: Boolean, default: false }
-  },
-  emits: [
-    /** Model binding */
-    "update:model-value",
-    /** Emitted when dialog is closed (after animation) */
-    "close",
-    /** Emitted when dialog is opened (after animation) */
-    "open"
-  ],
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-31c6b731.mjs"));
-    const XIcon = defineAsyncComponent(() => import("./x-mark-c6ff45dd.mjs"));
-    const attrs = useAttrs();
-    const backdropAttrs = computed(() => ({
-      ...attrs,
-      class: void 0,
-      style: void 0
-    }));
-    const wrapperAttrs = computed(() => ({
-      class: attrs.class,
-      style: attrs.style
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        MazBackdrop,
-        mergeProps(backdropAttrs.value, {
-          "transition-name": "modal-anim",
-          onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
-          onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event)),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:model-value", $event))
-        }),
-        {
-          default: withCtx(({ close }) => [
-            createElementVNode(
-              "div",
-              mergeProps({
-                class: ["m-dialog", { "--scrollable": __props.scrollable }],
-                style: [{ width: __props.width, maxWidth: __props.maxWidth, maxHeight: __props.maxHeight }]
-              }, wrapperAttrs.value),
-              [
-                createCommentVNode("\n          @slot Header slot\n            @binding {Function} close close function\n        "),
-                renderSlot(_ctx.$slots, "header", { close }, () => [
-                  createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(["m-dialog-header", { "--has-title": _ctx.$slots["title"] || __props.title }])
-                    },
-                    [
-                      _ctx.$slots["title"] || __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1$1, [
-                        createCommentVNode("\n                @slot Title slot in the header\n              "),
-                        renderSlot(_ctx.$slots, "title", {}, () => [
-                          createTextVNode(
-                            toDisplayString(__props.title),
-                            1
-                            /* TEXT */
-                          )
-                        ], true)
-                      ])) : createCommentVNode("v-if", true),
-                      !__props.noClose ? (openBlock(), createBlock(unref(MazBtn), {
-                        key: 1,
-                        class: "m-dialog-closebtn",
-                        color: "transparent",
-                        onClick: close
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(XIcon), { class: "maz-text-lg" })
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ], true),
-                createElementVNode("div", _hoisted_2, [
-                  createCommentVNode("\n            @slot Default content\n              @binding {Function} close close function\n          "),
-                  renderSlot(_ctx.$slots, "default", { close }, void 0, true)
-                ]),
-                _ctx.$slots["footer"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                  createCommentVNode("\n            @slot Footer slot\n              @binding {Function} close close function\n          "),
-                  renderSlot(_ctx.$slots, "footer", { close }, void 0, true)
-                ])) : createCommentVNode("v-if", true)
-              ],
-              16
-              /* FULL_PROPS */
-            )
-          ]),
-          _: 3
-          /* FORWARDED */
-        },
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-const MazDialog_vue_vue_type_style_index_0_scoped_085e6d92_lang = "";
-const MazDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-085e6d92"]]);
-const _hoisted_1 = { class: "maz-space-x-2" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MazDialogPromise",
-  props: {
-    /** Dialog Data - type DialogData */
-    data: { type: Object, default: void 0 },
-    /** Uniq identifier */
-    identifier: { type: String, required: true },
-    /** Custom buttons - type DialogButton[] */
-    buttons: { type: Array, default: () => [] }
-  },
-  setup(__props) {
-    const MazBtn = defineAsyncComponent(() => import("./MazBtn-31c6b731.mjs"));
-    const props = __props;
-    const { dialogState: dialogState2, rejectDialog, resolveDialog } = useMazDialogPromise();
-    const currentModal = computed(
-      () => dialogState2.value.find(({ id }) => id === props.identifier)
-    );
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createBlock(MazDialog, mergeProps(_ctx.$attrs, {
-        "model-value": ((_a = currentModal.value) == null ? void 0 : _a.isActive) ?? false,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(rejectDialog)(currentModal.value))
-      }), {
-        title: withCtx(() => [
-          renderSlot(_ctx.$slots, "title", {}, () => {
-            var _a2;
-            return [
-              createTextVNode(
-                toDisplayString((_a2 = __props.data) == null ? void 0 : _a2.title),
-                1
-                /* TEXT */
-              )
-            ];
-          })
-        ]),
-        default: withCtx(() => [
-          createCommentVNode("\n        @slot Default slot - Place your content\n          @binding {Function} resolve resolve function\n          @binding {Function} reject reject function\n      "),
-          renderSlot(_ctx.$slots, "default", {
-            resolve: (reason) => unref(resolveDialog)(currentModal.value, reason),
-            reject: (reason) => unref(rejectDialog)(currentModal.value, reason)
-          }, () => {
-            var _a2;
-            return [
-              createTextVNode(
-                toDisplayString((_a2 = __props.data) == null ? void 0 : _a2.message),
-                1
-                /* TEXT */
-              )
-            ];
-          })
-        ]),
-        footer: withCtx(() => [
-          createCommentVNode("\n        @slot Footer Buttons slot\n          @binding {Function} resolve resolve function\n          @binding {Function} reject reject function\n      "),
-          renderSlot(_ctx.$slots, "footer-button", {
-            resolve: (reason) => unref(resolveDialog)(currentModal.value, reason),
-            reject: (reason) => unref(rejectDialog)(currentModal.value, reason)
-          }, () => [
-            createElementVNode("div", _hoisted_1, [
-              __props.buttons.length > 0 ? (openBlock(true), createElementBlock(
-                Fragment,
-                { key: 0 },
-                renderList(__props.buttons, (button, i) => {
-                  return openBlock(), createBlock(unref(MazBtn), {
-                    key: i,
-                    color: button.color,
-                    size: button.size,
-                    outline: button.outline,
-                    rounded: button.rounded,
-                    disabled: button.disabled,
-                    block: button.block,
-                    loading: button.loading,
-                    onClick: ($event) => button.type === "resolve" ? unref(resolveDialog)(currentModal.value, button.response) : unref(rejectDialog)(currentModal.value, button.response)
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(
-                        toDisplayString(button.text),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["color", "size", "outline", "rounded", "disabled", "block", "loading", "onClick"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              )) : (openBlock(), createElementBlock(
-                Fragment,
-                { key: 1 },
-                [
-                  createVNode(unref(MazBtn), {
-                    color: "danger",
-                    outline: "",
-                    onClick: _cache[0] || (_cache[0] = ($event) => unref(rejectDialog)(currentModal.value))
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "cancel-text", {}, () => {
-                        var _a2;
-                        return [
-                          createTextVNode(
-                            toDisplayString(((_a2 = __props.data) == null ? void 0 : _a2.cancelText) || "Cancel"),
-                            1
-                            /* TEXT */
-                          )
-                        ];
-                      })
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }),
-                  createVNode(unref(MazBtn), {
-                    color: "success",
-                    onClick: _cache[1] || (_cache[1] = ($event) => unref(resolveDialog)(currentModal.value))
-                  }, {
-                    default: withCtx(() => [
-                      renderSlot(_ctx.$slots, "confirm-text", {}, () => {
-                        var _a2;
-                        return [
-                          createTextVNode(
-                            toDisplayString(((_a2 = __props.data) == null ? void 0 : _a2.confirmText) || "Confirm"),
-                            1
-                            /* TEXT */
-                          )
-                        ];
-                      })
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  })
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))
-            ])
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["model-value"]);
-    };
-  }
-});
-export {
-  _export_sfc as _,
-  _sfc_main as a,
-  useMazDialogPromise as u
-};