maz-ui 3.4.5 → 3.6.1

package/components/MazDropzone.mjs

@@ -0,0 +1,369 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent, openBlock, createElementBlock, normalizeClass, pushScopeId, popScopeId, createElementVNode, ref, computed, onMounted, onBeforeUnmount, resolveComponent, normalizeStyle, renderSlot, toDisplayString, createBlock } from "vue";
+const _withScopeId = (n) => (pushScopeId("data-v-503fe527"), n = n(), popScopeId(), n);
+const _hoisted_1$1 = ["width", "height"];
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" }, null, -1));
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (value) => {
+        return [
+          "info",
+          "white",
+          "success",
+          "warning",
+          "danger",
+          "primary",
+          "black",
+          "secondary",
+          "transparent"
+        ].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", {
+        width: __props.size,
+        height: __props.size,
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        x: "0px",
+        y: "0px",
+        viewBox: "0 0 50 50",
+        "xml:space": "preserve",
+        class: normalizeClass(["m-spinner", `m-spinner--${__props.color}`]),
+        style: { "enable-background": "new 0 0 50 50" }
+      }, _hoisted_3$1, 10, _hoisted_1$1);
+    };
+  }
+});
+const MazSpinner_vue_vue_type_style_index_0_scoped_503fe527_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MazSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-503fe527"]]);
+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: Number.isInteger(props.width) ? `${props.width}px` : props.width,
+      height: Number.isInteger(props.height) ? `${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 _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);
+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),
+          createElementVNode("p", _hoisted_4, toDisplayString((_b = _ctx.dropzoneOptions) == null ? void 0 : _b.dictFilesDescriptions), 1)
+        ])
+      ];
+    }) : (openBlock(), createBlock(_component_MazSpinner, { key: 1 }))
+  ], 4);
+}
+const MazDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  MazDropzone as default
+};

package/components/MazDropzone.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode("@-webkit-keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes maz-spin-503fe527{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.m-spinner[data-v-503fe527]{-webkit-animation:maz-spin-503fe527 1s linear infinite;animation:maz-spin-503fe527 1s linear infinite;fill:currentColor;color:var(--maz-color-white);margin:0!important}.m-spinner--primary[data-v-503fe527]{color:var(--maz-color-primary)}.m-spinner--secondary[data-v-503fe527]{color:var(--maz-color-secondary)}.m-spinner--info[data-v-503fe527]{color:var(--maz-color-info)}.m-spinner--warning[data-v-503fe527]{color:var(--maz-color-warning)}.m-spinner--danger[data-v-503fe527]{color:var(--maz-color-danger)}.m-spinner--success[data-v-503fe527]{color:var(--maz-color-success)}.m-spinner--black[data-v-503fe527]{color:var(--maz-color-black)}.m-spinner--white[data-v-503fe527],.m-spinner--transparent[data-v-503fe527]{color:var(--maz-color-white)}@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.maz-dropzone{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:auto;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:dashed;border-color:var(--maz-color-bg-light);background-color:var(--maz-color-bg);padding:1rem;text-align:center;outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);min-height:245px}.maz-dropzone:not(.dz-clickable){background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable,.maz-dropzone.dz-clickable.dz-message,.maz-dropzone.dz-clickable.dz-message *{cursor:pointer}.maz-dropzone .dz-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.maz-dropzone.dz-clickable:hover,.maz-dropzone.dz-clickable:focus{border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.maz-dropzone.dz-clickable:hover .maz-dropzone__main-icon,.maz-dropzone.dz-clickable:focus .maz-dropzone__main-icon{color:var(--maz-color-primary);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.maz-dropzone.dz-started .dz-message{display:none}.maz-dropzone.dz-drag-hover{border-style:solid}.maz-dropzone.dz-drag-hover .dz-message{opacity:.5}.maz-dropzone .dz-message .dz-button{cursor:pointer;border-style:none;background-color:transparent;padding:0}.maz-dropzone .dz-details{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--maz-border-radius);padding:2rem 1rem;text-align:center;line-height:2.5rem;color:var(--maz-color-white);opacity:0;background-color:var(--maz-color-primary-alpha);-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-details .dz-size span{font-size:1rem;line-height:1.5rem;color:var(--maz-color-white)}.maz-dropzone .dz-details .dz-filename{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-details .dz-filename span{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maz-dropzone .dz-image{overflow:hidden;position:relative;display:block;z-index:10;width:100%;height:100%;margin:0 auto;border-radius:var(--maz-border-radius);border-color:var(--maz-color-bg-lighter)}.maz-dropzone .dz-image img{display:block}.maz-dropzone .dz-image>div[data-dz-thumbnail-bg]{width:inherit;height:inherit;background-size:cover;background-repeat:no-repeat;background-position:center}.maz-dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:0;min-height:auto;height:100%;background:transparent;max-width:200px;overflow:hidden}.maz-dropzone .dz-preview:not(:last-child){margin-right:.5rem}.maz-dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background:linear-gradient(to bottom,#eee,#ddd)}.maz-dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.maz-dropzone .dz-preview.dz-image-preview{background-color:transparent}.maz-dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.maz-dropzone .dz-preview .dz-remove{text-align:center;display:block;cursor:pointer;position:absolute;z-index:30;color:#fff;top:inherit;left:5px;right:5px;bottom:5px;padding:10px 5px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:var(--maz-border-radius)}.maz-dropzone .dz-preview .dz-remove:hover{background-color:var(--maz-color-white);color:var(--maz-color-primary)}.maz-dropzone .dz-preview:hover{z-index:1000}.maz-dropzone .dz-preview:hover .dz-details,.maz-dropzone .dz-preview:hover .dz-remove{opacity:1}.maz-dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05);-webkit-filter:blur(8px);filter:blur(8px)}.maz-dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;top:130px;background:#be2626;background:-webkit-gradient(linear,left top,left bottom,from(#be2626),to(#a92222));background:linear-gradient(to bottom,#be2626,#a92222);padding:.5em 1.2em;color:#fff;margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.maz-dropzone .dz-preview .dz-success-mark,.maz-dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;margin-left:auto;margin-top:auto;width:100%;top:30%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.maz-dropzone .dz-preview .dz-success-mark .material-icons,.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-success-alpha);border-radius:50%;color:#fff;font-size:70px}.maz-dropzone .dz-preview .dz-error-mark .material-icons{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(.77,0,.175,1);animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-error-message{display:block}.maz-dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(.77,0,.175,1);animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.maz-dropzone .dz-preview.dz-error .dz-details{background-color:var(--maz-color-danger-alpha)}.maz-dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.maz-dropzone .dz-preview.dz-error .dz-remove:hover{color:var(--maz-color-danger)}.maz-dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:1rem;top:50%;margin-top:-.5rem;-webkit-transform:scale(1);transform:scale(1);overflow:visible;width:50%;left:25%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.maz-dropzone .dz-preview .dz-progress .dz-upload{-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:0px;border-radius:9999px;background-color:var(--maz-color-success)}.maz-dropzone .dz-preview .dz-progress .progress-title{display:inline-block;position:relative;top:-30px}.maz-dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;transition:all .2s linear}.maz-dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.maz-dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).MazDropzone=t(e.Vue)}(this,(function(e){"use strict";const t=["width","height"],o=[(t=>(e.pushScopeId("data-v-503fe527"),t=t(),e.popScopeId(),t))((()=>e.createElementVNode("path",{d:"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"},null,-1)))],s=(e,t)=>{const o=e.__vccOpts||e;for(const[s,n]of t)o[s]=n;return o},n=s(e.defineComponent({__name:"MazSpinner",props:{size:{type:String,default:"2em"},color:{type:String,default:"primary",validator:e=>["info","white","success","warning","danger","primary","black","secondary","transparent"].includes(e)}},setup:s=>(n,l)=>(e.openBlock(),e.createElementBlock("svg",{width:s.size,height:s.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 50 50","xml:space":"preserve",class:e.normalizeClass(["m-spinner",`m-spinner--${s.color}`]),style:{"enable-background":"new 0 0 50 50"}},o,10,t))}),[["__scopeId","data-v-503fe527"]]),l=e.defineComponent({name:"MazDropzone",components:{MazSpinner:n},props:{options:{type:Object,required:!0},height:{type:[Number,String],default:"245px"},width:{type:[Number,String],default:"100%"},noDestroyOnUnmount:{type:Boolean,default:!1}},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(t,{emit:o}){const s=e.ref(),n=e.ref(!1);let l;const r=e.ref(),a=e.computed((()=>({width:Number.isInteger(t.width)?`${t.width}px`:t.width,height:Number.isInteger(t.height)?`${t.height}px`:t.height}))),i=(e,t)=>{let s;o("thumbnail",{file:e,dataUrl:t}),e.previewElement.classList.remove("dz-file-preview");e.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((o=>{s=o,s.alt=e.name,s.style.backgroundImage=`url('${t}')`})),"success"===e.status&&l.emit("complete",e)},d=(e,t,s)=>{o("error",{file:e,message:t,xhr:s}),l.options.autoRemoveOnError&&setTimeout((()=>l.removeFile(e)),3e3)},p=(e,t,s)=>{o("error",{files:e,message:t,xhr:s}),l.options.autoRemoveOnError&&setTimeout((()=>{for(const t of e)l.removeFile(t)}),3e3)};e.onMounted((async()=>{const e={parallelUploads:t.options.maxFiles,previewTemplate:'<div class="dz-preview dz-file-preview maz-flex-1">\n  <div class="dz-image">\n      <div data-dz-thumbnail-bg></div>\n  </div>\n  <div class="dz-details">\n      <div class="dz-filename"><span data-dz-name></span></div>\n      <div class="dz-size"><span data-dz-size></span></div>\n  </div>\n  <div class="dz-progress">\n    <span class="dz-upload" data-dz-uploadprogress></span>\n  </div>\n  <div class="dz-success-mark">\n    <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>\n  </div>\n  <div class="dz-error-mark">\n    <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>\n  </div>\n</div>',addRemoveLinks:!0};if(s.value){const{default:a}=await import("dropzone");l=new a(s.value,{...e,...t.options}),l&&(r.value=l.options,n.value=!0,l.on("thumbnail",i),l.on("error",d),l.on("errormultiple",p),l.on("drop",(e=>o("drop",e))),l.on("dragstart",(e=>o("dragstart",e))),l.on("dragend",(e=>o("dragend",e))),l.on("dragenter",(e=>o("dragenter",e))),l.on("dragover",(e=>o("dragover",e))),l.on("dragleave",(e=>o("dragleave",e))),l.on("paste",(e=>o("paste",e))),l.on("addedfile",(e=>o("addedfile",e))),l.on("addedfiles",(e=>o("addedfiles",e))),l.on("removedfile",(e=>o("removedfile",e))),l.on("success",((e,t)=>o("success",{file:e,response:t}))),l.on("successmultiple",((e,t)=>o("success",{files:e,responseText:t}))),l.on("processing",(e=>o("processing",e))),l.on("processingmultiple",(e=>o("processingmultiple",e))),l.on("uploadprogress",((e,t,s)=>o("uploadprogress",{file:e,progress:t,bytesSent:s}))),l.on("totaluploadprogress",((e,t,s)=>o("totaluploadprogress",{totalProgress:e,totalBytes:t,totalBytesSent:s}))),l.on("sending",((e,t,s)=>o("sending",{file:e,xhr:t,formData:s}))),l.on("sendingmultiple",((e,t,s)=>o("sendingmultiple",{files:e,xhr:t,formData:s}))),l.on("canceled",(e=>o("canceled",e))),l.on("canceledmultiple",(e=>o("canceledmultiple",e))),l.on("complete",(e=>o("complete",e))),l.on("completemultiple",(e=>o("completemultiple",e))),l.on("maxfilesexceeded",(e=>o("maxfilesexceeded",e))),l.on("maxfilesreached",(e=>o("maxfilesreached",e))),l.on("queuecomplete",(()=>{c().every((e=>e.manuallyAdded))||o("queuecomplete")})),l.on("reset",(()=>o("reset"))))}}));const c=()=>l.getAcceptedFiles();return e.onBeforeUnmount((()=>{t.noDestroyOnUnmount||l.destroy()})),{ButtonElement:s,dropzoneReady:n,dropzoneOptions:r,dropzoneStyle:a,setOption:(e,t)=>(l.options={...l.options,[e]:t},l.options),manuallyAddFile:(e,t)=>{l.emit("addedfile",e),l.emit("thumbnail",e,t),l.files.push(e)},removeAllFiles:e=>l.removeAllFiles(e),processQueue:()=>l.processQueue(),destroy:()=>l.destroy(),disable:()=>l.disable(),enable:()=>l.enable(),accept:(e,t)=>l.accept(e,t),addFile:e=>l.addFile(e),resizeImage:(e,t,o,s,n)=>l.resizeImage(e,t,o,s,n),cancelUpload:e=>l.cancelUpload(e),getAcceptedFiles:c,getRejectedFiles:()=>l.getRejectedFiles(),getFilesWithStatus:()=>l.getFilesWithStatus(status),getQueuedFiles:()=>l.getQueuedFiles(),getUploadingFiles:()=>l.getUploadingFiles(),getAddedFiles:()=>l.getAddedFiles(),getActiveFiles:()=>l.getActiveFiles()}}}),r={class:"dz-message"},a=e.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"},[e.createElementVNode("path",{d:"M0 0h24v24H0V0z",fill:"none"}),e.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),i={class:"maz-my-2 maz-text-normal"},d={class:"maz-my-0 maz-text-muted"};return s(l,[["render",function(t,o,s,n,l,p){const c=e.resolveComponent("MazSpinner");return e.openBlock(),e.createElementBlock("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone",style:e.normalizeStyle([t.dropzoneStyle])},[t.dropzoneReady?e.renderSlot(t.$slots,"default",{key:0,options:t.dropzoneOptions},(()=>{var o,s;return[e.createElementVNode("div",r,[e.renderSlot(t.$slots,"icon",{},(()=>[a])),e.createElementVNode("p",i,e.toDisplayString(null==(o=t.dropzoneOptions)?void 0:o.dictDefaultMessage),1),e.createElementVNode("p",d,e.toDisplayString(null==(s=t.dropzoneOptions)?void 0:s.dictFilesDescriptions),1)])]})):(e.openBlock(),e.createBlock(c,{key:1}))],4)}]])}));