maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazDropzone-d1bb62dc.mjs

@@ -1,325 +0,0 @@
-import "../assets/MazDropzone.css";
-import { defineAsyncComponent, defineComponent, ref, computed, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createElementVNode, toDisplayString, createBlock } from "vue";
-const MazSpinner = defineAsyncComponent(() => import("./MazSpinner-6b563b22.mjs"));
-const previewTemplate = `<div class="dz-preview dz-file-preview maz-flex-1">
-  <div class="dz-image">
-      <div data-dz-thumbnail-bg></div>
-  </div>
-  <div class="dz-details">
-      <div class="dz-filename"><span data-dz-name></span></div>
-      <div class="dz-size"><span data-dz-size></span></div>
-  </div>
-  <div class="dz-progress">
-    <span class="dz-upload" data-dz-uploadprogress></span>
-  </div>
-  <div class="dz-success-mark">
-    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>
-  </div>
-  <div class="dz-error-mark">
-    <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" height="6rem" viewBox="0 0 24 24" width="6rem" fill="currentColor"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
-  </div>
-</div>`;
-const _sfc_main = defineComponent({
-  name: "MazDropzone",
-  components: { MazSpinner },
-  props: {
-    options: { type: Object, required: true },
-    height: {
-      type: [Number, String],
-      default: "245px"
-    },
-    width: {
-      type: [Number, String],
-      default: "100%"
-    },
-    noDestroyOnUnmount: { type: Boolean, default: false }
-  },
-  emits: [
-    "thumbnail",
-    "error",
-    "drop",
-    "dragstart",
-    "dragend",
-    "dragenter",
-    "dragover",
-    "dragleave",
-    "paste",
-    "addedfile",
-    "addedfiles",
-    "removedfile",
-    "success",
-    "processing",
-    "processingmultiple",
-    "uploadprogress",
-    "totaluploadprogress",
-    "sending",
-    "sendingmultiple",
-    "canceled",
-    "canceledmultiple",
-    "complete",
-    "completemultiple",
-    "maxfilesexceeded",
-    "maxfilesreached",
-    "queuecomplete",
-    "reset"
-  ],
-  setup(props, { emit }) {
-    const ButtonElement = ref();
-    const dropzoneReady = ref(false);
-    let dropzone;
-    const dropzoneOptions = ref();
-    const dropzoneStyle = computed(() => ({
-      width: typeof props.width === "number" ? `${props.width}px` : props.width,
-      height: typeof props.height === "number" ? `${props.height}px` : props.height
-    }));
-    const thumbnail = (file, dataUrl) => {
-      emit("thumbnail", { file, dataUrl });
-      let thumbnailElement;
-      file.previewElement.classList.remove("dz-file-preview");
-      const ref2 = file.previewElement.querySelectorAll("[data-dz-thumbnail-bg]");
-      ref2.forEach((r) => {
-        thumbnailElement = r;
-        thumbnailElement.alt = file.name;
-        thumbnailElement.style.backgroundImage = `url('${dataUrl}')`;
-      });
-      if (file.status === "success")
-        dropzone.emit("complete", file);
-    };
-    const error = (file, message, xhr) => {
-      emit("error", { file, message, xhr });
-      if (dropzone.options.autoRemoveOnError) {
-        setTimeout(() => dropzone.removeFile(file), 3e3);
-      }
-    };
-    const errorMultiple = (files, message, xhr) => {
-      emit("error", { files, message, xhr });
-      if (dropzone.options.autoRemoveOnError)
-        setTimeout(() => {
-          for (const file of files)
-            dropzone.removeFile(file);
-        }, 3e3);
-    };
-    onMounted(async () => {
-      const defaultOptions = {
-        parallelUploads: props.options.maxFiles,
-        previewTemplate,
-        addRemoveLinks: true
-      };
-      if (ButtonElement.value) {
-        const { default: DropzoneJs } = await import("dropzone");
-        dropzone = new DropzoneJs(ButtonElement.value, {
-          ...defaultOptions,
-          ...props.options
-        });
-        if (dropzone) {
-          dropzoneOptions.value = dropzone.options;
-          dropzoneReady.value = true;
-          dropzone.on("thumbnail", thumbnail);
-          dropzone.on("error", error);
-          dropzone.on("errormultiple", errorMultiple);
-          dropzone.on("drop", (e) => emit("drop", e));
-          dropzone.on("dragstart", (e) => emit("dragstart", e));
-          dropzone.on("dragend", (e) => emit("dragend", e));
-          dropzone.on("dragenter", (e) => emit("dragenter", e));
-          dropzone.on("dragover", (e) => emit("dragover", e));
-          dropzone.on("dragleave", (e) => emit("dragleave", e));
-          dropzone.on("paste", (e) => emit("paste", e));
-          dropzone.on("addedfile", (file) => emit("addedfile", file));
-          dropzone.on("addedfiles", (files) => emit("addedfiles", files));
-          dropzone.on("removedfile", (file) => emit("removedfile", file));
-          dropzone.on(
-            "success",
-            (file, response) => emit("success", { file, response })
-          );
-          dropzone.on(
-            "successmultiple",
-            (files, responseText) => emit("success", { files, responseText })
-          );
-          dropzone.on("processing", (file) => emit("processing", file));
-          dropzone.on(
-            "processingmultiple",
-            (files) => emit("processingmultiple", files)
-          );
-          dropzone.on(
-            "uploadprogress",
-            (file, progress, bytesSent) => emit("uploadprogress", { file, progress, bytesSent })
-          );
-          dropzone.on(
-            "totaluploadprogress",
-            (totalProgress, totalBytes, totalBytesSent) => emit("totaluploadprogress", {
-              totalProgress,
-              totalBytes,
-              totalBytesSent
-            })
-          );
-          dropzone.on(
-            "sending",
-            (file, xhr, formData) => emit("sending", { file, xhr, formData })
-          );
-          dropzone.on(
-            "sendingmultiple",
-            (files, xhr, formData) => emit("sendingmultiple", { files, xhr, formData })
-          );
-          dropzone.on("canceled", (file) => emit("canceled", file));
-          dropzone.on(
-            "canceledmultiple",
-            (files) => emit("canceledmultiple", files)
-          );
-          dropzone.on("complete", (file) => emit("complete", file));
-          dropzone.on(
-            "completemultiple",
-            (files) => emit("completemultiple", files)
-          );
-          dropzone.on("maxfilesexceeded", (file) => emit("maxfilesexceeded", file));
-          dropzone.on(
-            "maxfilesreached",
-            (files) => emit("maxfilesreached", files)
-          );
-          dropzone.on("queuecomplete", () => {
-            if (getAcceptedFiles().every((file) => file.manuallyAdded))
-              return;
-            emit("queuecomplete");
-          });
-          dropzone.on("reset", () => emit("reset"));
-        }
-      }
-    });
-    const setOption = (option, value) => {
-      dropzone.options = {
-        ...dropzone.options,
-        [option]: value
-      };
-      return dropzone.options;
-    };
-    const manuallyAddFile = (file, fileUrl) => {
-      dropzone.emit("addedfile", file);
-      dropzone.emit("thumbnail", file, fileUrl);
-      dropzone.files.push(file);
-    };
-    const removeAllFiles = (shouldRemoveAllFiles) => dropzone.removeAllFiles(shouldRemoveAllFiles);
-    const processQueue = () => dropzone.processQueue();
-    const destroy = () => dropzone.destroy();
-    const disable = () => dropzone.disable();
-    const enable = () => dropzone.enable();
-    const accept = (file, done) => dropzone.accept(file, done);
-    const addFile = (file) => dropzone.addFile(file);
-    const resizeImage = (file, width, height, resizeMethod, callback) => dropzone.resizeImage(file, width, height, resizeMethod, callback);
-    const cancelUpload = (file) => dropzone.cancelUpload(file);
-    const getAcceptedFiles = () => dropzone.getAcceptedFiles();
-    const getRejectedFiles = () => dropzone.getRejectedFiles();
-    const getFilesWithStatus = () => dropzone.getFilesWithStatus(status);
-    const getQueuedFiles = () => dropzone.getQueuedFiles();
-    const getUploadingFiles = () => dropzone.getUploadingFiles();
-    const getAddedFiles = () => dropzone.getAddedFiles();
-    const getActiveFiles = () => dropzone.getActiveFiles();
-    onBeforeUnmount(() => {
-      if (!props.noDestroyOnUnmount)
-        dropzone.destroy();
-    });
-    return {
-      ButtonElement,
-      dropzoneReady,
-      dropzoneOptions,
-      dropzoneStyle,
-      setOption,
-      manuallyAddFile,
-      removeAllFiles,
-      processQueue,
-      destroy,
-      disable,
-      enable,
-      accept,
-      addFile,
-      resizeImage,
-      cancelUpload,
-      getAcceptedFiles,
-      getRejectedFiles,
-      getFilesWithStatus,
-      getQueuedFiles,
-      getUploadingFiles,
-      getAddedFiles,
-      getActiveFiles
-    };
-  }
-});
-const MazDropzone_vue_vue_type_style_index_0_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "dz-message" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    height: "2em",
-    width: "2em",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    class: "maz-dropzone__main-icon maz-text-normal",
-    "aria-hidden": "true"
-  },
-  [
-    /* @__PURE__ */ createElementVNode("path", {
-      d: "M0 0h24v24H0V0z",
-      fill: "none"
-    }),
-    /* @__PURE__ */ createElementVNode("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2.55v3h2.9v-3H16l-4-4z" })
-  ],
-  -1
-  /* HOISTED */
-);
-const _hoisted_3 = { class: "maz-my-2 maz-text-normal" };
-const _hoisted_4 = { class: "maz-my-0 maz-text-muted" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MazSpinner = resolveComponent("MazSpinner");
-  return openBlock(), createElementBlock(
-    "button",
-    {
-      ref: "ButtonElement",
-      type: "button",
-      name: "maz-dropzone",
-      class: "maz-dropzone",
-      style: normalizeStyle([_ctx.dropzoneStyle])
-    },
-    [
-      _ctx.dropzoneReady ? renderSlot(_ctx.$slots, "default", {
-        key: 0,
-        options: _ctx.dropzoneOptions
-      }, () => {
-        var _a, _b;
-        return [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              _hoisted_2
-            ]),
-            createElementVNode(
-              "p",
-              _hoisted_3,
-              toDisplayString((_a = _ctx.dropzoneOptions) == null ? void 0 : _a.dictDefaultMessage),
-              1
-              /* TEXT */
-            ),
-            createElementVNode(
-              "p",
-              _hoisted_4,
-              toDisplayString((_b = _ctx.dropzoneOptions) == null ? void 0 : _b.dictFilesDescriptions),
-              1
-              /* TEXT */
-            )
-          ])
-        ];
-      }) : (openBlock(), createBlock(_component_MazSpinner, { key: 1 }))
-    ],
-    4
-    /* STYLE */
-  );
-}
-const MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  MazDropzone as M,
-  _export_sfc as _
-};