maz-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/components/MazDialog.mjs

@@ -0,0 +1,136 @@
+import { defineComponent as W, defineAsyncComponent as f, useAttrs as A, ref as v, computed as l, useSlots as M, watch as j, nextTick as E, openBlock as a, createBlock as y, mergeProps as g, withCtx as N, createElementVNode as m, renderSlot as s, normalizeClass as b, createElementBlock as C, createTextVNode as O, toDisplayString as P, createCommentVNode as u, unref as h } from "vue";
+import S from "./MazBackdrop.mjs";
+import { _ as I } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazDialog.BLzdH8aa.css';const K = {
+  key: 0,
+  id: "dialogTitle",
+  class: "m-dialog-title"
+}, F = {
+  key: 0,
+  class: "m-dialog-footer"
+}, U = /* @__PURE__ */ W({
+  name: "MazDialog",
+  inheritAttrs: !1,
+  __name: "MazDialog",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: void 0 },
+    noClose: { type: Boolean, default: !1 },
+    maxWidth: { default: "100%" },
+    minWidth: { default: "32rem" },
+    scrollable: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    teleportSelector: {},
+    beforeClose: {},
+    noCloseOnEscKey: { type: Boolean },
+    transitionName: {},
+    backdropClass: {},
+    backdropContentClass: {},
+    contentPadding: { type: Boolean },
+    justify: {},
+    align: {},
+    variant: {}
+  },
+  emits: ["open", "close", "update:model-value"],
+  setup(k, { expose: B }) {
+    const i = k, $ = f(() => import("./MazBtn.mjs")), V = f(() => import("../chunks/x-mark.DTWA3lfG.mjs")), n = A(), p = v();
+    B({
+      close: () => {
+        var e, o;
+        return (o = (e = p.value) == null ? void 0 : e.close) == null ? void 0 : o.call(e);
+      }
+    });
+    const z = l(() => {
+      const e = [
+        "modelValue",
+        "title",
+        "noClose",
+        "maxWidth",
+        "minWidth",
+        "scrollable"
+      ];
+      return Object.fromEntries(
+        Object.entries(i).filter(([o]) => !e.includes(o))
+      );
+    }), w = l(() => ({
+      ...n,
+      class: void 0,
+      style: void 0
+    })), D = l(() => ({
+      class: n.class,
+      style: n.style
+    })), r = v(), T = M(), c = l(() => !!T.footer);
+    return i.scrollable && j(() => i.modelValue, async (e) => {
+      await E(), e && r.value && setTimeout(() => {
+        var o;
+        (o = r.value) == null || o.scrollTo({ top: 0, behavior: "instant" });
+      }, 0);
+    }), (e, o) => (a(), y(S, g({ ...w.value, ...z.value }, {
+      ref_key: "backdrop",
+      ref: p,
+      "model-value": e.modelValue,
+      "transition-name": "modal-anim",
+      "aria-labelledby": "dialogTitle",
+      "aria-describedby": "dialogDesc",
+      "content-padding": "",
+      justify: "center",
+      variant: "dialog",
+      onClose: o[0] || (o[0] = (t) => e.$emit("close", t)),
+      onOpen: o[1] || (o[1] = (t) => e.$emit("open", t)),
+      "onUpdate:modelValue": o[2] || (o[2] = (t) => e.$emit("update:model-value", t))
+    }), {
+      default: N(({ close: t, onBackdropClicked: d }) => [
+        m("div", g({
+          class: ["m-dialog", { "--scrollable": e.scrollable }],
+          role: "dialog",
+          "aria-modal": "true",
+          style: [{ "--max-width": e.maxWidth, "--min-width": e.minWidth }]
+        }, D.value), [
+          s(e.$slots, "header", {
+            close: t,
+            onBackdropClicked: d
+          }, () => [
+            m("div", {
+              class: b(["m-dialog-header", { "--has-title": e.$slots.title || e.title }])
+            }, [
+              e.$slots.title || e.title ? (a(), C("h2", K, [
+                s(e.$slots, "title", {}, () => [
+                  O(P(e.title), 1)
+                ], !0)
+              ])) : u("", !0),
+              !e.noClose && !e.persistent ? (a(), y(h($), {
+                key: 1,
+                color: "transparent",
+                size: "sm",
+                icon: h(V),
+                onClick: t
+              }, null, 8, ["icon", "onClick"])) : u("", !0)
+            ], 2)
+          ], !0),
+          m("div", {
+            id: "dialogDesc",
+            ref_key: "dialogContent",
+            ref: r,
+            class: b(["m-dialog-content", { "--bottom-padding": !c.value }])
+          }, [
+            s(e.$slots, "default", {
+              close: t,
+              onBackdropClicked: d
+            }, void 0, !0)
+          ], 2),
+          c.value ? (a(), C("div", F, [
+            s(e.$slots, "footer", {
+              close: t,
+              onBackdropClicked: d
+            }, void 0, !0)
+          ])) : u("", !0)
+        ], 16)
+      ]),
+      _: 3
+    }, 16, ["model-value"]));
+  }
+}), H = /* @__PURE__ */ I(U, [["__scopeId", "data-v-b59c94a7"]]);
+export {
+  H as default
+};
+//# sourceMappingURL=MazDialog.mjs.map

package/dist/components/MazDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDialog.mjs","sources":["../../src/components/MazDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n  ComponentPublicInstance,\n  HTMLAttributes,\n  StyleValue,\n} from 'vue'\nimport MazBackdrop, { type MazBackdropProps } from '@components/MazBackdrop.vue'\n\nimport {\n  computed,\n  defineAsyncComponent,\n  nextTick,\n  ref,\n  useAttrs,\n  useSlots,\n  watch,\n} from 'vue'\n\ndefineOptions({\n  name: 'MazDialog',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<InternalProps & MazBackdropProps>(), {\n  /** Title of the modal in header */\n  title: undefined,\n  /** Remove the close button in header */\n  noClose: false,\n  /** Modal's max-width */\n  maxWidth: '100%',\n  /** Modal's min-width */\n  minWidth: '32rem',\n  /**  Modal's content becomes scrollable - warning: a overflow is applied */\n  scrollable: false,\n  /** Persistent dialog (not closable by clicking outside and remove close button) */\n  persistent: false,\n})\n\ndefineEmits<{\n  /** emitted when modal is open */\n  'open': [value: void]\n  /** emitted when modal is close */\n  'close': [value: void]\n  /** emitted when modal is open or close */\n  'update:model-value': [value: boolean]\n}>()\n\nconst MazBtn = defineAsyncComponent(() => import('@components/MazBtn.vue'))\n\nexport interface InternalProps {\n  /** @model Modal's model value */\n  modelValue?: boolean\n  /** Title of the modal in header */\n  title?: string\n  /** Remove the close button in header */\n  noClose?: boolean\n  /** Modal's max-width */\n  maxWidth?: string\n  /** Modal's min-width */\n  minWidth?: string\n  /**  Modal's content becomes scrollable - warning: a overflow is applied */\n  scrollable?: boolean\n  /** Persistent dialog (not closable by clicking outside and remove close button) */\n  persistent?: boolean\n}\n\nexport type MazDialogProps = InternalProps & MazBackdropProps\n\nconst XIcon = defineAsyncComponent(() => import('@icons/x-mark.svg'))\n\nconst attrs = useAttrs()\n\nconst backdrop = ref<ComponentPublicInstance<typeof MazBackdrop>>()\n\ndefineExpose({\n  close: () => backdrop.value?.close?.(),\n})\n\nconst backdropProps = computed(() => {\n  const dialogPropKeys: (keyof MazDialogProps)[] = [\n    'modelValue',\n    'title',\n    'noClose',\n    'maxWidth',\n    'minWidth',\n    'scrollable',\n  ]\n\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => !dialogPropKeys.includes(key as keyof MazDialogProps)),\n  ) as MazBackdropProps\n})\n\nconst backdropAttrs = computed(() => ({\n  ...attrs,\n  class: undefined,\n  style: undefined,\n}))\nconst wrapperAttrs = computed<{\n  class?: HTMLAttributes['class']\n}>(() => ({\n  class: attrs.class,\n  style: attrs.style as StyleValue,\n}))\n\nconst dialogContent = ref<HTMLElement>()\n\nconst slots = useSlots()\nconst hasFooter = computed(() => !!slots.footer)\n\nif (props.scrollable) {\n  watch(() => props.modelValue, async (newVal) => {\n    await nextTick()\n    if (newVal && dialogContent.value) {\n      setTimeout(() => {\n        dialogContent.value?.scrollTo({ top: 0, behavior: 'instant' })\n      }, 0)\n    }\n  })\n}\n</script>\n\n<template>\n  <MazBackdrop\n    v-bind=\"{ ...backdropAttrs, ...backdropProps }\"\n    ref=\"backdrop\"\n    v-slot=\"{ close, onBackdropClicked }\"\n    :model-value=\"modelValue\"\n    transition-name=\"modal-anim\"\n    aria-labelledby=\"dialogTitle\"\n    aria-describedby=\"dialogDesc\"\n    content-padding\n    justify=\"center\"\n    variant=\"dialog\"\n    @close=\"$emit('close', $event)\"\n    @open=\"$emit('open', $event)\"\n    @update:model-value=\"$emit('update:model-value', $event)\"\n  >\n    <div\n      class=\"m-dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :style=\"[{ '--max-width': maxWidth, '--min-width': minWidth }]\"\n      :class=\"{ '--scrollable': scrollable }\"\n      v-bind=\"wrapperAttrs\"\n    >\n      <!--\n        @slot Header slot\n          @binding {Function} close close function\n          @binding {Function} onBackdropClicked onBackdropClicked function (respects persistent option)\n      -->\n      <slot name=\"header\" :close :on-backdrop-clicked>\n        <div class=\"m-dialog-header\" :class=\"{ '--has-title': $slots.title || title }\">\n          <h2\n            v-if=\"$slots.title || title\"\n            id=\"dialogTitle\"\n            class=\"m-dialog-title\"\n          >\n            <!--\n                @slot Title slot in the header\n              -->\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </h2>\n\n          <MazBtn\n            v-if=\"!noClose && !persistent\"\n            color=\"transparent\"\n            size=\"sm\"\n            :icon=\"XIcon\"\n            @click=\"close\"\n          />\n        </div>\n      </slot>\n      <div id=\"dialogDesc\" ref=\"dialogContent\" class=\"m-dialog-content\" :class=\"{ '--bottom-padding': !hasFooter }\">\n        <!--\n            @slot Default content\n              @binding {Function} close close function\n              @binding {Function} onBackdropClicked onBackdropClicked function (respects persistent option)\n          -->\n        <slot :close :on-backdrop-clicked />\n      </div>\n      <div v-if=\"hasFooter\" class=\"m-dialog-footer\">\n        <!--\n            @slot Footer slot\n              @binding {Function} close close function\n              @binding {Function} onBackdropClicked onBackdropClicked function (respects persistent option)\n          -->\n        <slot name=\"footer\" :close :on-backdrop-clicked />\n      </div>\n    </div>\n  </MazBackdrop>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-dialog {\n  @apply maz-flex maz-origin-center maz-flex-col maz-min-w-full maz-rounded maz-bg-color maz-text-normal dark:maz-border dark:maz-border-color-light tab-s:maz-my-8 maz-max-w-full maz-touch-none;\n\n  @screen tab-s {\n    max-width: var(--max-width);\n    min-width: var(--min-width);\n  }\n\n  &-header {\n    @apply maz-flex maz-items-baseline maz-justify-end maz-pl-6 maz-pr-2 maz-pt-2 maz-pb-4;\n\n    &.--has-title {\n      @apply maz-justify-between;\n    }\n  }\n\n  &-title {\n    @apply maz-my-0 maz-text-xl maz-font-semibold;\n  }\n\n  &-footer {\n    @apply maz-flex maz-items-center maz-justify-end maz-px-6 maz-py-4;\n  }\n\n  &-content {\n    @apply maz-flex-1 maz-px-6;\n\n    &-icon {\n      flex: 0 0 auto;\n    }\n\n    &.--bottom-padding {\n      @apply maz-pb-4;\n    }\n  }\n\n  &.--scrollable {\n    @apply maz-max-h-[95vh] maz-my-0;\n\n    .m-dialog-content {\n      @apply maz-overflow-auto maz-border-t maz-border-color-light maz-py-4;\n\n      &:not(.--bottom-padding) {\n        @apply maz-border-b;\n      }\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazBtn","defineAsyncComponent","XIcon","attrs","useAttrs","backdrop","ref","__expose","_b","_a","backdropProps","computed","dialogPropKeys","key","backdropAttrs","wrapperAttrs","dialogContent","slots","useSlots","hasFooter","watch","newVal","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAwBRC,IAASC,EAAqB,MAAM,OAAO,cAAwB,CAAC,GAqBpEC,IAAQD,EAAqB,MAAM,OAAO,+BAAmB,CAAC,GAE9DE,IAAQC,EAAS,GAEjBC,IAAWC,EAAiD;AAErD,IAAAC,EAAA;AAAA,MACX,OAAO,MAAA;;AAAM,gBAAAC,KAAAC,IAAAJ,EAAS,UAAT,gBAAAI,EAAgB,UAAhB,gBAAAD,EAAA,KAAAC;AAAA;AAAA,IAAwB,CACtC;AAEK,UAAAC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAA2C;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,aAAO,OAAO;AAAA,QACZ,OAAO,QAAQd,CAAK,EAAE,OAAO,CAAC,CAACe,CAAG,MAAM,CAACD,EAAe,SAASC,CAA2B,CAAC;AAAA,MAC/F;AAAA,IAAA,CACD,GAEKC,IAAgBH,EAAS,OAAO;AAAA,MACpC,GAAGR;AAAA,MACH,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,EACP,GACIY,IAAeJ,EAElB,OAAO;AAAA,MACR,OAAOR,EAAM;AAAA,MACb,OAAOA,EAAM;AAAA,IAAA,EACb,GAEIa,IAAgBV,EAAiB,GAEjCW,IAAQC,EAAS,GACjBC,IAAYR,EAAS,MAAM,CAAC,CAACM,EAAM,MAAM;AAE/C,WAAInB,EAAM,cACRsB,EAAM,MAAMtB,EAAM,YAAY,OAAOuB,MAAW;AAC9C,YAAMC,EAAS,GACXD,KAAUL,EAAc,SAC1B,WAAW,MAAM;;AACf,SAAAP,IAAAO,EAAc,UAAd,QAAAP,EAAqB,SAAS,EAAE,KAAK,GAAG,UAAU;SACjD,CAAC;AAAA,IACN,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazDialogPromise.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.CS5GU9Q2.cjs");exports.default=e._sfc_main;exports.useMazDialogPromise=e.useMazDialogPromise;
+//# sourceMappingURL=MazDialogPromise.cjs.map

package/dist/components/MazDialogPromise.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDialogPromise.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/MazDialogPromise.mjs

@@ -0,0 +1,7 @@
+import { _ as o } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.bPYjg0yY.mjs";
+import { u as e } from "../chunks/MazDialogPromise.vue_vue_type_script_setup_true_lang.bPYjg0yY.mjs";
+export {
+  o as default,
+  e as useMazDialogPromise
+};
+//# sourceMappingURL=MazDialogPromise.mjs.map

package/dist/components/MazDialogPromise.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDialogPromise.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/MazDrawer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazDrawer.Cu4KVc_z.css');const e=require("vue"),c=require("./MazBackdrop.cjs"),p=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),f={class:"m-drawer-header__title"},v={key:0,class:"m-drawer-header__close"},C={class:"m-drawer-body"},w=e.defineComponent({__name:"MazDrawer",props:{title:{default:void 0},variant:{default:"right"},size:{default:"30rem"},backdropClass:{default:void 0},noClose:{type:Boolean,default:!1}},emits:["before-close","open","close","update:model-value"],setup(a){const n=a,s=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazBtn.cjs"))),l=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("../chunks/x-mark.Dz-FO7Es.cjs"))),i=e.computed(()=>n.variant==="left"?"start":n.variant==="right"?"end":"none"),d=e.computed(()=>n.variant==="top"?"start":n.variant==="bottom"?"end":"none"),u=e.useSlots(),m=e.computed(()=>!!(n.title||u.title));return(t,r)=>(e.openBlock(),e.createBlock(c.default,{"backdrop-class":["m-drawer",t.backdropClass],justify:i.value,align:d.value,variant:"drawer","transition-name":`drawer-anim-${t.variant}`,onClose:r[0]||(r[0]=o=>t.$emit("close")),onOpen:r[1]||(r[1]=o=>t.$emit("open")),onBeforeClose:r[2]||(r[2]=o=>t.$emit("before-close")),"onUpdate:modelValue":r[3]||(r[3]=o=>t.$emit("update:model-value",o))},{default:e.withCtx(({close:o})=>[e.createElementVNode("div",{class:e.normalizeClass(["m-drawer-content-wrap",[`--${t.variant}`]]),style:e.normalizeStyle({"--maz-drawer-size":t.size})},[e.createElementVNode("header",{class:e.normalizeClass(["m-drawer-header",[m.value?"--justify-between":"--justify-end"]])},[e.createElementVNode("h4",f,[e.renderSlot(t.$slots,"title",{close:o},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)]),t.noClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(s),{size:"sm",color:"transparent",onClick:o},{default:e.withCtx(()=>[e.createVNode(e.unref(l),{class:"icon maz-text-lg"})]),_:2},1032,["onClick"])]))],2),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"default",{close:o},void 0,!0)])],6)]),_:3},8,["backdrop-class","justify","align","transition-name"]))}}),y=p._export_sfc(w,[["__scopeId","data-v-8315a498"]]);exports.default=y;
+//# sourceMappingURL=MazDrawer.cjs.map

package/dist/components/MazDrawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDrawer.cjs","sources":["../../src/components/MazDrawer.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport MazBackdrop from '@components/MazBackdrop.vue'\n\nimport { computed, defineAsyncComponent, useSlots } from 'vue'\n\nconst props = withDefaults(defineProps<MazDrawerProps>(), {\n  title: undefined,\n  variant: 'right',\n  backdropClass: undefined,\n  size: '30rem',\n  noClose: false,\n})\n\ndefineEmits<{\n  /** emitted before drawer is close */\n  (name: 'before-close'): void\n  /** emitted when drawer is open */\n  (name: 'open'): void\n  /** emitted when drawer is close (after animation) */\n  (name: 'close'): void\n  /**\n   * emitted when drawer is open or close\n   * @param {boolean} value - The value of the model\n   */\n  (name: 'update:model-value', value: boolean): void\n}>()\n\nexport interface MazDrawerProps {\n  /** The title of the drawer */\n  title?: string\n  /**\n   * The variant of the drawer\n   * @values 'right', 'top', 'left', 'bottom'\n   */\n  variant?: 'right' | 'top' | 'left' | 'bottom'\n  /** The size of the drawer */\n  size?: string\n  /** The class of the backdrop */\n  backdropClass?: string\n  /** Disable the close button */\n  noClose?: boolean\n}\n\nconst MazBtn = defineAsyncComponent(() => import('@components/MazBtn.vue'))\nconst XIcon = defineAsyncComponent(() => import('@icons/x-mark.svg'))\n\nconst justify = computed(() => {\n  if (props.variant === 'left') {\n    return 'start'\n  }\n  else if (props.variant === 'right') {\n    return 'end'\n  }\n\n  return 'none'\n})\n\nconst align = computed(() => {\n  if (props.variant === 'top') {\n    return 'start'\n  }\n  else if (props.variant === 'bottom') {\n    return 'end'\n  }\n\n  return 'none'\n})\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => {\n  return !!(props.title || slots.title)\n})\n</script>\n\n<template>\n  <MazBackdrop\n    :backdrop-class=\"['m-drawer', backdropClass]\"\n    :justify\n    :align\n    variant=\"drawer\"\n    :transition-name=\"`drawer-anim-${variant}`\"\n    @close=\"$emit('close')\"\n    @open=\"$emit('open')\"\n    @before-close=\"$emit('before-close')\"\n    @update:model-value=\"$emit('update:model-value', $event)\"\n  >\n    <template #default=\"{ close }\">\n      <div\n        class=\"m-drawer-content-wrap\"\n        :class=\"[`--${variant}`]\"\n        :style=\"{\n          '--maz-drawer-size': size,\n        }\"\n      >\n        <header class=\"m-drawer-header\" :class=\"[hasTitle ? '--justify-between' : '--justify-end']\">\n          <h4 class=\"m-drawer-header__title\">\n            <slot name=\"title\" :close=\"close\">\n              {{ title }}\n            </slot>\n          </h4>\n          <div v-if=\"!noClose\" class=\"m-drawer-header__close\">\n            <MazBtn size=\"sm\" color=\"transparent\" @click=\"close\">\n              <XIcon class=\"icon maz-text-lg\" />\n            </MazBtn>\n          </div>\n        </header>\n        <div class=\"m-drawer-body\">\n          <slot :close=\"close\" />\n        </div>\n      </div>\n    </template>\n  </MazBackdrop>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-drawer {\n  @apply maz-items-stretch;\n\n  .m-drawer-content-wrap {\n    @apply maz-overflow-y-auto maz-bg-color maz-pointer-events-auto maz-flex maz-flex-col;\n\n    > .m-drawer-header {\n      @apply maz-z-1 maz-flex maz-h-16 maz-shrink-0 maz-items-center maz-border-b maz-border-color-light maz-bg-color maz-bg-clip-padding maz-pl-4 maz-pr-2 maz-py-3;\n\n      .m-drawer-header__title {\n        @apply maz-m-0 maz-text-xl maz-font-semibold;\n      }\n\n      .m-drawer-header__close {\n        @apply maz-flex maz-justify-end;\n      }\n\n      &.--justify-end {\n        @apply maz-justify-end;\n      }\n\n      &.--justify-between {\n        @apply maz-justify-between;\n      }\n    }\n\n    > .m-drawer-body {\n      @apply maz-z-0 maz-min-h-0 maz-flex-1 maz-overflow-x-auto maz-bg-clip-padding;\n    }\n  }\n\n  .--left,\n  .--right {\n    &.m-drawer-content-wrap {\n      @apply maz-min-h-screen maz-w-full tab-s:maz-w-[var(--maz-drawer-size)];\n    }\n  }\n\n  .--top,\n  .--bottom {\n    &.m-drawer-content-wrap {\n      @apply maz-w-full maz-h-auto;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazBtn","defineAsyncComponent","XIcon","justify","computed","align","slots","useSlots","hasTitle"],"mappings":"mkBAKA,MAAMA,EAAQC,EAsCRC,EAASC,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,cAAwB,CAAA,CAAC,EACpEC,EAAQD,EAAAA,qBAAqB,IAAM,QAAA,QAAA,EAAA,KAAA,IAAA,QAAO,+BAAmB,CAAA,CAAC,EAE9DE,EAAUC,EAAAA,SAAS,IACnBN,EAAM,UAAY,OACb,QAEAA,EAAM,UAAY,QAClB,MAGF,MACR,EAEKO,EAAQD,EAAAA,SAAS,IACjBN,EAAM,UAAY,MACb,QAEAA,EAAM,UAAY,SAClB,MAGF,MACR,EAEKQ,EAAQC,EAAAA,SAAS,EAEjBC,EAAWJ,EAAAA,SAAS,IACjB,CAAC,EAAEN,EAAM,OAASQ,EAAM,MAChC"}

package/dist/components/MazDrawer.mjs

@@ -0,0 +1,70 @@
+import { defineComponent as k, defineAsyncComponent as s, computed as n, useSlots as $, openBlock as l, createBlock as b, withCtx as i, createElementVNode as o, normalizeClass as d, normalizeStyle as g, renderSlot as m, createTextVNode as B, toDisplayString as h, createElementBlock as j, createVNode as u, unref as p, createCommentVNode as V } from "vue";
+import M from "./MazBackdrop.mjs";
+import { _ as N } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazDrawer.Cu4KVc_z.css';const S = { class: "m-drawer-header__title" }, D = {
+  key: 0,
+  class: "m-drawer-header__close"
+}, _ = { class: "m-drawer-body" }, E = /* @__PURE__ */ k({
+  __name: "MazDrawer",
+  props: {
+    title: { default: void 0 },
+    variant: { default: "right" },
+    size: { default: "30rem" },
+    backdropClass: { default: void 0 },
+    noClose: { type: Boolean, default: !1 }
+  },
+  emits: ["before-close", "open", "close", "update:model-value"],
+  setup(f) {
+    const a = f, c = s(() => import("./MazBtn.mjs")), v = s(() => import("../chunks/x-mark.DTWA3lfG.mjs")), w = n(() => a.variant === "left" ? "start" : a.variant === "right" ? "end" : "none"), C = n(() => a.variant === "top" ? "start" : a.variant === "bottom" ? "end" : "none"), y = $(), z = n(() => !!(a.title || y.title));
+    return (e, t) => (l(), b(M, {
+      "backdrop-class": ["m-drawer", e.backdropClass],
+      justify: w.value,
+      align: C.value,
+      variant: "drawer",
+      "transition-name": `drawer-anim-${e.variant}`,
+      onClose: t[0] || (t[0] = (r) => e.$emit("close")),
+      onOpen: t[1] || (t[1] = (r) => e.$emit("open")),
+      onBeforeClose: t[2] || (t[2] = (r) => e.$emit("before-close")),
+      "onUpdate:modelValue": t[3] || (t[3] = (r) => e.$emit("update:model-value", r))
+    }, {
+      default: i(({ close: r }) => [
+        o("div", {
+          class: d(["m-drawer-content-wrap", [`--${e.variant}`]]),
+          style: g({
+            "--maz-drawer-size": e.size
+          })
+        }, [
+          o("header", {
+            class: d(["m-drawer-header", [z.value ? "--justify-between" : "--justify-end"]])
+          }, [
+            o("h4", S, [
+              m(e.$slots, "title", { close: r }, () => [
+                B(h(e.title), 1)
+              ], !0)
+            ]),
+            e.noClose ? V("", !0) : (l(), j("div", D, [
+              u(p(c), {
+                size: "sm",
+                color: "transparent",
+                onClick: r
+              }, {
+                default: i(() => [
+                  u(p(v), { class: "icon maz-text-lg" })
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]))
+          ], 2),
+          o("div", _, [
+            m(e.$slots, "default", { close: r }, void 0, !0)
+          ])
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["backdrop-class", "justify", "align", "transition-name"]));
+  }
+}), O = /* @__PURE__ */ N(E, [["__scopeId", "data-v-8315a498"]]);
+export {
+  O as default
+};
+//# sourceMappingURL=MazDrawer.mjs.map

package/dist/components/MazDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDrawer.mjs","sources":["../../src/components/MazDrawer.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport MazBackdrop from '@components/MazBackdrop.vue'\n\nimport { computed, defineAsyncComponent, useSlots } from 'vue'\n\nconst props = withDefaults(defineProps<MazDrawerProps>(), {\n  title: undefined,\n  variant: 'right',\n  backdropClass: undefined,\n  size: '30rem',\n  noClose: false,\n})\n\ndefineEmits<{\n  /** emitted before drawer is close */\n  (name: 'before-close'): void\n  /** emitted when drawer is open */\n  (name: 'open'): void\n  /** emitted when drawer is close (after animation) */\n  (name: 'close'): void\n  /**\n   * emitted when drawer is open or close\n   * @param {boolean} value - The value of the model\n   */\n  (name: 'update:model-value', value: boolean): void\n}>()\n\nexport interface MazDrawerProps {\n  /** The title of the drawer */\n  title?: string\n  /**\n   * The variant of the drawer\n   * @values 'right', 'top', 'left', 'bottom'\n   */\n  variant?: 'right' | 'top' | 'left' | 'bottom'\n  /** The size of the drawer */\n  size?: string\n  /** The class of the backdrop */\n  backdropClass?: string\n  /** Disable the close button */\n  noClose?: boolean\n}\n\nconst MazBtn = defineAsyncComponent(() => import('@components/MazBtn.vue'))\nconst XIcon = defineAsyncComponent(() => import('@icons/x-mark.svg'))\n\nconst justify = computed(() => {\n  if (props.variant === 'left') {\n    return 'start'\n  }\n  else if (props.variant === 'right') {\n    return 'end'\n  }\n\n  return 'none'\n})\n\nconst align = computed(() => {\n  if (props.variant === 'top') {\n    return 'start'\n  }\n  else if (props.variant === 'bottom') {\n    return 'end'\n  }\n\n  return 'none'\n})\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => {\n  return !!(props.title || slots.title)\n})\n</script>\n\n<template>\n  <MazBackdrop\n    :backdrop-class=\"['m-drawer', backdropClass]\"\n    :justify\n    :align\n    variant=\"drawer\"\n    :transition-name=\"`drawer-anim-${variant}`\"\n    @close=\"$emit('close')\"\n    @open=\"$emit('open')\"\n    @before-close=\"$emit('before-close')\"\n    @update:model-value=\"$emit('update:model-value', $event)\"\n  >\n    <template #default=\"{ close }\">\n      <div\n        class=\"m-drawer-content-wrap\"\n        :class=\"[`--${variant}`]\"\n        :style=\"{\n          '--maz-drawer-size': size,\n        }\"\n      >\n        <header class=\"m-drawer-header\" :class=\"[hasTitle ? '--justify-between' : '--justify-end']\">\n          <h4 class=\"m-drawer-header__title\">\n            <slot name=\"title\" :close=\"close\">\n              {{ title }}\n            </slot>\n          </h4>\n          <div v-if=\"!noClose\" class=\"m-drawer-header__close\">\n            <MazBtn size=\"sm\" color=\"transparent\" @click=\"close\">\n              <XIcon class=\"icon maz-text-lg\" />\n            </MazBtn>\n          </div>\n        </header>\n        <div class=\"m-drawer-body\">\n          <slot :close=\"close\" />\n        </div>\n      </div>\n    </template>\n  </MazBackdrop>\n</template>\n\n<style lang=\"postcss\" scoped>\n.m-drawer {\n  @apply maz-items-stretch;\n\n  .m-drawer-content-wrap {\n    @apply maz-overflow-y-auto maz-bg-color maz-pointer-events-auto maz-flex maz-flex-col;\n\n    > .m-drawer-header {\n      @apply maz-z-1 maz-flex maz-h-16 maz-shrink-0 maz-items-center maz-border-b maz-border-color-light maz-bg-color maz-bg-clip-padding maz-pl-4 maz-pr-2 maz-py-3;\n\n      .m-drawer-header__title {\n        @apply maz-m-0 maz-text-xl maz-font-semibold;\n      }\n\n      .m-drawer-header__close {\n        @apply maz-flex maz-justify-end;\n      }\n\n      &.--justify-end {\n        @apply maz-justify-end;\n      }\n\n      &.--justify-between {\n        @apply maz-justify-between;\n      }\n    }\n\n    > .m-drawer-body {\n      @apply maz-z-0 maz-min-h-0 maz-flex-1 maz-overflow-x-auto maz-bg-clip-padding;\n    }\n  }\n\n  .--left,\n  .--right {\n    &.m-drawer-content-wrap {\n      @apply maz-min-h-screen maz-w-full tab-s:maz-w-[var(--maz-drawer-size)];\n    }\n  }\n\n  .--top,\n  .--bottom {\n    &.m-drawer-content-wrap {\n      @apply maz-w-full maz-h-auto;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","MazBtn","defineAsyncComponent","XIcon","justify","computed","align","slots","useSlots","hasTitle"],"mappings":";;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC,GAsCRC,IAASC,EAAqB,MAAM,OAAO,cAAwB,CAAC,GACpEC,IAAQD,EAAqB,MAAM,OAAO,+BAAmB,CAAC,GAE9DE,IAAUC,EAAS,MACnBN,EAAM,YAAY,SACb,UAEAA,EAAM,YAAY,UAClB,QAGF,MACR,GAEKO,IAAQD,EAAS,MACjBN,EAAM,YAAY,QACb,UAEAA,EAAM,YAAY,WAClB,QAGF,MACR,GAEKQ,IAAQC,EAAS,GAEjBC,IAAWJ,EAAS,MACjB,CAAC,EAAEN,EAAM,SAASQ,EAAM,MAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/MazDropdown.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/MazDropdown.CtzsOmDR.css');const e=require("../chunks/MazDropdown.vue_vue_type_script_setup_true_lang.DLWmXVjB.cjs");exports.default=e._sfc_main;
+//# sourceMappingURL=MazDropdown.cjs.map

package/dist/components/MazDropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDropdown.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/MazDropdown.mjs

@@ -0,0 +1,5 @@
+import { _ as f } from "../chunks/MazDropdown.vue_vue_type_script_setup_true_lang.B5kO0VJW.mjs";
+import '../assets/MazDropdown.CtzsOmDR.css';export {
+  f as default
+};
+//# sourceMappingURL=MazDropdown.mjs.map

package/dist/components/MazDropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDropdown.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/MazDropzone.cjs

@@ -0,0 +1,19 @@
+"use strict";require('../assets/MazDropzone.EfEdDH2u.css');var q=Object.create;var h=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var L=(s,t,i,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of R(t))!H.call(s,e)&&e!==i&&h(s,e,{get:()=>t[e],enumerable:!(p=N(t,e))||p.enumerable});return s};var j=(s,t,i)=>(i=s!=null?q(U(s)):{},L(t||!s||!s.__esModule?h(i,"default",{value:s,enumerable:!0}):i,s));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),Q=require("../chunks/_plugin-vue_export-helper.BHFhmbuH.cjs"),T=l.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MazSpinner.cjs")));function I(s){return s.default??s}const P=`<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>`,W=l.defineComponent({name:"MazDropzone",components:{MazSpinner:T},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(s,{emit:t}){const i=l.ref(),p=l.ref(!1);let e;const g=l.ref(),v=l.computed(()=>({width:typeof s.width=="number"?`${s.width}px`:s.width,height:typeof s.height=="number"?`${s.height}px`:s.height})),u=(n,r)=>(e.options={...e.options,[n]:r},e.options),m=(n,r)=>{e.emit("addedfile",n),e.emit("thumbnail",n,r),e.files.push(n)},f=n=>e.removeAllFiles(n),y=()=>e.processQueue(),w=()=>e.destroy(),b=()=>e.disable(),F=()=>e.enable(),x=(n,r)=>e.accept(n,r),M=n=>e.addFile(n),S=(n,r,a,o,d)=>e.resizeImage(n,r,a,o,d),E=n=>e.cancelUpload(n),z=()=>e.getAcceptedFiles(),_=()=>e.getRejectedFiles(),A=()=>e.getFilesWithStatus(status),O=()=>e.getQueuedFiles(),B=()=>e.getUploadingFiles(),C=()=>e.getAddedFiles(),k=()=>e.getActiveFiles(),V=(n,r)=>{t("thumbnail",{file:n,dataUrl:r});let a;n.previewElement.classList.remove("dz-file-preview"),n.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach(d=>{a=d,a.alt=n.name,a.style.backgroundImage=`url('${r}')`}),n.status==="success"&&e.emit("complete",n)},D=(n,r,a)=>{t("error",{file:n,message:r,xhr:a}),e.options.autoRemoveOnError&&setTimeout(()=>e.removeFile(n),3e3)},$=(n,r,a)=>{t("error",{files:n,message:r,xhr:a}),e.options.autoRemoveOnError&&setTimeout(()=>{for(const o of n)e.removeFile(o)},3e3)};return l.onMounted(async()=>{const n={parallelUploads:s.options.maxFiles,previewTemplate:P,addRemoveLinks:!0};if(i.value){const{default:r}=await import("dropzone"),a=I(r);e=new a(i.value,{...n,...s.options}),e&&(g.value=e.options,p.value=!0,e.on("thumbnail",V),e.on("error",D),e.on("errormultiple",$),e.on("drop",o=>t("drop",o)),e.on("dragstart",o=>t("dragstart",o)),e.on("dragend",o=>t("dragend",o)),e.on("dragenter",o=>t("dragenter",o)),e.on("dragover",o=>t("dragover",o)),e.on("dragleave",o=>t("dragleave",o)),e.on("paste",o=>t("paste",o)),e.on("addedfile",o=>t("addedfile",o)),e.on("addedfiles",o=>t("addedfiles",o)),e.on("removedfile",o=>t("removedfile",o)),e.on("success",(o,d)=>t("success",{file:o,response:d})),e.on("successmultiple",(o,d)=>t("success",{files:o,responseText:d})),e.on("processing",o=>t("processing",o)),e.on("processingmultiple",o=>t("processingmultiple",o)),e.on("uploadprogress",(o,d,c)=>t("uploadprogress",{file:o,progress:d,bytesSent:c})),e.on("totaluploadprogress",(o,d,c)=>t("totaluploadprogress",{totalProgress:o,totalBytes:d,totalBytesSent:c})),e.on("sending",(o,d,c)=>t("sending",{file:o,xhr:d,formData:c})),e.on("sendingmultiple",(o,d,c)=>t("sendingmultiple",{files:o,xhr:d,formData:c})),e.on("canceled",o=>t("canceled",o)),e.on("canceledmultiple",o=>t("canceledmultiple",o)),e.on("complete",o=>t("complete",o)),e.on("completemultiple",o=>t("completemultiple",o)),e.on("maxfilesexceeded",o=>t("maxfilesexceeded",o)),e.on("maxfilesreached",o=>t("maxfilesreached",o)),e.on("queuecomplete",()=>{z().every(o=>o.manuallyAdded)||t("queuecomplete")}),e.on("reset",()=>t("reset")))}}),l.onBeforeUnmount(()=>{s.noDestroyOnUnmount||e.destroy()}),{ButtonElement:i,dropzoneReady:p,dropzoneOptions:g,dropzoneStyle:v,setOption:u,manuallyAddFile:m,removeAllFiles:f,processQueue:y,destroy:w,disable:b,enable:F,accept:x,addFile:M,resizeImage:S,cancelUpload:E,getAcceptedFiles:z,getRejectedFiles:_,getFilesWithStatus:A,getQueuedFiles:O,getUploadingFiles:B,getAddedFiles:C,getActiveFiles:k}}}),J={class:"dz-message"},G={class:"maz-my-2 maz-text-normal"},K={class:"maz-my-0 maz-text-muted"};function X(s,t,i,p,e,g){const v=l.resolveComponent("MazSpinner");return l.openBlock(),l.createElementBlock("button",{ref:"ButtonElement",type:"button",name:"maz-dropzone",class:"maz-dropzone m-reset-css",style:l.normalizeStyle([s.dropzoneStyle])},[s.dropzoneReady?l.renderSlot(s.$slots,"default",{key:0,options:s.dropzoneOptions},()=>{var u,m;return[l.createElementVNode("div",J,[l.renderSlot(s.$slots,"icon",{},()=>[t[0]||(t[0]=l.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"},[l.createElementVNode("path",{d:"M0 0h24v24H0V0z",fill:"none"}),l.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))]),l.createElementVNode("p",G,l.toDisplayString((u=s.dropzoneOptions)==null?void 0:u.dictDefaultMessage),1),l.createElementVNode("p",K,l.toDisplayString((m=s.dropzoneOptions)==null?void 0:m.dictFilesDescriptions),1)])]}):(l.openBlock(),l.createBlock(v,{key:1}))],4)}const Y=Q._export_sfc(W,[["render",X]]);exports.default=Y;
+//# sourceMappingURL=MazDropzone.cjs.map

package/dist/components/MazDropzone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MazDropzone.cjs","sources":["../../src/components/MazDropzone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DropzoneFile, DropzoneOptions } from 'dropzone'\n\nimport {\n  type ComponentPublicInstance,\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  type PropType,\n  ref,\n} from 'vue'\n\nconst MazSpinner = defineAsyncComponent(() => import('@components/MazSpinner.vue'))\n\nfunction dropzoneFix<T>(component: T): T {\n  return (component as any).default ?? component\n}\n\nexport interface MazDropzoneOptions extends DropzoneOptions {\n  dictFilesDescriptions?: string\n  autoRemoveOnError?: boolean\n}\n\nexport interface MazDropzoneFile extends DropzoneFile {\n  manuallyAdded?: boolean\n}\n\nexport interface IMazDropzone extends Dropzone {\n  options: MazDropzoneOptions\n}\n\nexport interface MazDropzoneInstance extends ComponentPublicInstance {\n  manuallyAddFile: (file: DropzoneFile, fileUrl: string) => void\n  setOption: (option: string, value: unknown) => IMazDropzone['options']\n  processQueue: IMazDropzone['processQueue']\n  removeFile: IMazDropzone['removeFile']\n  removeAllFiles: IMazDropzone['removeAllFiles']\n  destroy: IMazDropzone['destroy']\n  disable: IMazDropzone['disable']\n  enable: IMazDropzone['enable']\n  accept: IMazDropzone['accept']\n  addFile: IMazDropzone['addFile']\n  resizeImage: IMazDropzone['resizeImage']\n  cancelUpload: IMazDropzone['cancelUpload']\n  getAcceptedFiles: () => MazDropzoneFile[]\n  getRejectedFiles: () => MazDropzoneFile[]\n  getFilesWithStatus: IMazDropzone['getFilesWithStatus']\n  getQueuedFiles: IMazDropzone['getQueuedFiles']\n  getUploadingFiles: IMazDropzone['getUploadingFiles']\n  getAddedFiles: IMazDropzone['getAddedFiles']\n  getActiveFiles: IMazDropzone['getActiveFiles']\n}\n\nconst 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>`\n\nexport default defineComponent({\n  name: 'MazDropzone',\n  components: { MazSpinner },\n  props: {\n    options: { type: Object as PropType<MazDropzoneOptions>, required: true },\n    height: {\n      type: [Number, String] as PropType<number | string>,\n      default: '245px',\n    },\n    width: {\n      type: [Number, String] as PropType<number | string>,\n      default: '100%',\n    },\n    noDestroyOnUnmount: { type: Boolean, default: false },\n  },\n  emits: [\n    'thumbnail',\n    'error',\n    'drop',\n    'dragstart',\n    'dragend',\n    'dragenter',\n    'dragover',\n    'dragleave',\n    'paste',\n    'addedfile',\n    'addedfiles',\n    'removedfile',\n    'success',\n    'processing',\n    'processingmultiple',\n    'uploadprogress',\n    'totaluploadprogress',\n    'sending',\n    'sendingmultiple',\n    'canceled',\n    'canceledmultiple',\n    'complete',\n    'completemultiple',\n    'maxfilesexceeded',\n    'maxfilesreached',\n    'queuecomplete',\n    'reset',\n  ],\n  setup(props, { emit }) {\n    const ButtonElement = ref<HTMLButtonElement>()\n    const dropzoneReady = ref(false)\n    let dropzone: IMazDropzone\n    const dropzoneOptions = ref<MazDropzoneOptions>()\n\n    const dropzoneStyle = computed(() => ({\n      width: typeof props.width === 'number' ? `${props.width}px` : props.width,\n      height: typeof props.height === 'number' ? `${props.height}px` : props.height,\n    }))\n\n    const setOption = (option: string, value: unknown): MazDropzoneOptions => {\n      dropzone.options = {\n        ...dropzone.options,\n        [option]: value,\n      }\n      return dropzone.options\n    }\n    const manuallyAddFile: MazDropzoneInstance['manuallyAddFile'] = (file, fileUrl) => {\n      dropzone.emit('addedfile', file)\n      dropzone.emit('thumbnail', file, fileUrl)\n      dropzone.files.push(file)\n    }\n    const removeAllFiles: MazDropzoneInstance['removeAllFiles'] = shouldRemoveAllFiles =>\n      dropzone.removeAllFiles(shouldRemoveAllFiles)\n    const processQueue: MazDropzoneInstance['processQueue'] = () => dropzone.processQueue()\n    const destroy: MazDropzoneInstance['destroy'] = () => dropzone.destroy()\n    const disable: MazDropzoneInstance['disable'] = () => dropzone.disable()\n    const enable: MazDropzoneInstance['enable'] = () => dropzone.enable()\n    const accept: MazDropzoneInstance['accept'] = (file, done) => dropzone.accept(file, done)\n    const addFile: MazDropzoneInstance['addFile'] = file => dropzone.addFile(file)\n    const resizeImage: MazDropzoneInstance['resizeImage'] = (\n      file,\n      width,\n      height,\n      resizeMethod,\n      callback,\n    ) => dropzone.resizeImage(file, width, height, resizeMethod, callback)\n    const cancelUpload: MazDropzoneInstance['cancelUpload'] = file =>\n      dropzone.cancelUpload(file)\n    const getAcceptedFiles: MazDropzoneInstance['getAcceptedFiles'] = () =>\n      dropzone.getAcceptedFiles() as MazDropzoneFile[]\n    const getRejectedFiles: MazDropzoneInstance['getRejectedFiles'] = () =>\n      dropzone.getRejectedFiles() as MazDropzoneFile[]\n    const getFilesWithStatus: MazDropzoneInstance['getFilesWithStatus'] = () =>\n      dropzone.getFilesWithStatus(status)\n    const getQueuedFiles: MazDropzoneInstance['getQueuedFiles'] = () => dropzone.getQueuedFiles()\n    const getUploadingFiles: MazDropzoneInstance['getUploadingFiles'] = () =>\n      dropzone.getUploadingFiles()\n    const getAddedFiles: MazDropzoneInstance['getAddedFiles'] = () => dropzone.getAddedFiles()\n    const getActiveFiles: MazDropzoneInstance['getActiveFiles'] = () => dropzone.getActiveFiles()\n\n    const thumbnail: DropzoneOptions['thumbnail'] = (file: MazDropzoneFile, dataUrl) => {\n      emit('thumbnail', { file, dataUrl })\n      let thumbnailElement: HTMLImageElement\n      file.previewElement.classList.remove('dz-file-preview')\n      const ref = file.previewElement.querySelectorAll('[data-dz-thumbnail-bg]')\n\n      ref.forEach((r: Element) => {\n        thumbnailElement = r as HTMLImageElement\n        thumbnailElement.alt = file.name\n        thumbnailElement.style.backgroundImage = `url('${dataUrl}')`\n      })\n\n      if (file.status === 'success')\n        dropzone.emit('complete', file)\n    }\n\n    const error: DropzoneOptions['error'] = (file, message, xhr) => {\n      emit('error', { file, message, xhr })\n      if (dropzone.options.autoRemoveOnError) {\n        setTimeout(() => dropzone.removeFile(file), 3000)\n      }\n    }\n\n    const errorMultiple: DropzoneOptions['errormultiple'] = (files, message, xhr) => {\n      emit('error', { files, message, xhr })\n      if (dropzone.options.autoRemoveOnError) {\n        setTimeout(() => {\n          for (const file of files) dropzone.removeFile(file)\n        }, 3000)\n      }\n    }\n\n    onMounted(async () => {\n      const defaultOptions: MazDropzoneOptions = {\n        parallelUploads: props.options.maxFiles,\n        previewTemplate,\n        addRemoveLinks: true,\n      }\n\n      if (ButtonElement.value) {\n        const { default: DropzoneJs } = await import('dropzone')\n\n        const Constructor = dropzoneFix(DropzoneJs)\n\n        dropzone = new Constructor(ButtonElement.value, {\n          ...defaultOptions,\n          ...props.options,\n        })\n\n        if (dropzone) {\n          dropzoneOptions.value = dropzone.options as MazDropzoneOptions\n\n          dropzoneReady.value = true\n\n          /**\n           * Dropzone Events\n           */\n\n          dropzone.on('thumbnail', thumbnail)\n          dropzone.on('error', error)\n          dropzone.on('errormultiple', errorMultiple)\n          dropzone.on('drop', (e: DragEvent) => emit('drop', e))\n          dropzone.on('dragstart', (e: DragEvent) => emit('dragstart', e))\n          dropzone.on('dragend', (e: DragEvent) => emit('dragend', e))\n          dropzone.on('dragenter', (e: DragEvent) => emit('dragenter', e))\n          dropzone.on('dragover', (e: DragEvent) => emit('dragover', e))\n          dropzone.on('dragleave', (e: DragEvent) => emit('dragleave', e))\n          dropzone.on('paste', (e: DragEvent) => emit('paste', e))\n          dropzone.on('addedfile', (file: DropzoneFile) => emit('addedfile', file))\n          dropzone.on('addedfiles', (files: DropzoneFile[]) => emit('addedfiles', files))\n          dropzone.on('removedfile', (file: DropzoneFile) => emit('removedfile', file))\n          dropzone.on(\n            'success',\n            (file: DropzoneFile, response: Record<string, unknown> | string) =>\n              emit('success', { file, response }),\n          )\n          dropzone.on('successmultiple', (files: DropzoneFile[], responseText: string) =>\n            emit('success', { files, responseText }))\n          dropzone.on('processing', (file: DropzoneFile) => emit('processing', file))\n          dropzone.on('processingmultiple', (files: DropzoneFile[]) =>\n            emit('processingmultiple', files))\n          dropzone.on(\n            'uploadprogress',\n            (file: DropzoneFile, progress: number, bytesSent: number) =>\n              emit('uploadprogress', { file, progress, bytesSent }),\n          )\n          dropzone.on(\n            'totaluploadprogress',\n            (totalProgress: number, totalBytes: number, totalBytesSent: number) =>\n              emit('totaluploadprogress', {\n                totalProgress,\n                totalBytes,\n                totalBytesSent,\n              }),\n          )\n          dropzone.on('sending', (file: DropzoneFile, xhr: XMLHttpRequest, formData: FormData) =>\n            emit('sending', { file, xhr, formData }))\n          dropzone.on(\n            'sendingmultiple',\n            (files: DropzoneFile[], xhr: XMLHttpRequest, formData: FormData) =>\n              emit('sendingmultiple', { files, xhr, formData }),\n          )\n          dropzone.on('canceled', (file: DropzoneFile) => emit('canceled', file))\n          dropzone.on('canceledmultiple', (files: DropzoneFile[]) =>\n            emit('canceledmultiple', files))\n          dropzone.on('complete', (file: DropzoneFile) => emit('complete', file))\n          dropzone.on('completemultiple', (files: DropzoneFile[]) =>\n            emit('completemultiple', files))\n          dropzone.on('maxfilesexceeded', (file: DropzoneFile) => emit('maxfilesexceeded', file))\n          dropzone.on('maxfilesreached', (files: DropzoneFile[]) =>\n            emit('maxfilesreached', files))\n          dropzone.on('queuecomplete', () => {\n            if (getAcceptedFiles().every(file => file.manuallyAdded))\n              return\n            emit('queuecomplete')\n          })\n          dropzone.on('reset', () => emit('reset'))\n        }\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (!props.noDestroyOnUnmount)\n        dropzone.destroy()\n    })\n\n    return {\n      ButtonElement,\n      dropzoneReady,\n      dropzoneOptions,\n      dropzoneStyle,\n      setOption,\n      manuallyAddFile,\n      removeAllFiles,\n      processQueue,\n      destroy,\n      disable,\n      enable,\n      accept,\n      addFile,\n      resizeImage,\n      cancelUpload,\n      getAcceptedFiles,\n      getRejectedFiles,\n      getFilesWithStatus,\n      getQueuedFiles,\n      getUploadingFiles,\n      getAddedFiles,\n      getActiveFiles,\n    }\n  },\n})\n</script>\n\n<template>\n  <button\n    ref=\"ButtonElement\"\n    type=\"button\"\n    name=\"maz-dropzone\"\n    class=\"maz-dropzone m-reset-css\"\n    :style=\"[dropzoneStyle]\"\n  >\n    <template v-if=\"dropzoneReady\">\n      <slot :options=\"dropzoneOptions\">\n        <div class=\"dz-message\">\n          <slot name=\"icon\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"2em\"\n              width=\"2em\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n              class=\"maz-dropzone__main-icon maz-text-normal\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n              <path\n                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\"\n              />\n            </svg>\n          </slot>\n          <p class=\"maz-my-2 maz-text-normal\">\n            {{ dropzoneOptions?.dictDefaultMessage }}\n          </p>\n          <p class=\"maz-my-0 maz-text-muted\">\n            {{ dropzoneOptions?.dictFilesDescriptions }}\n          </p>\n        </div>\n      </slot>\n    </template>\n    <MazSpinner v-else />\n  </button>\n</template>\n\n<style lang=\"postcss\">\n  @keyframes passing-through {\n  0% {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n\n  30%,\n  70% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(-40px);\n  }\n}\n\n@keyframes slide-in {\n  0% {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n\n  30% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n  }\n\n  10% {\n    transform: scale(1.1);\n  }\n\n  20% {\n    transform: scale(1);\n  }\n}\n\n.maz-dropzone {\n  @apply maz-m-0 maz-inline-flex maz-items-center maz-justify-center maz-overflow-auto\n      maz-rounded maz-border maz-border-dashed maz-border-color-light maz-bg-color\n      maz-p-4 maz-text-center maz-outline-none\n      maz-transition-all maz-duration-200 maz-ease-out;\n\n  min-height: 245px;\n\n  &:not(.dz-clickable) {\n    @apply maz-bg-color-light;\n  }\n\n  &.dz-clickable,\n  &.dz-clickable.dz-message,\n  &.dz-clickable.dz-message * {\n    @apply maz-cursor-pointer;\n  }\n\n  & .dz-message {\n    @apply maz-flex maz-flex-col maz-items-center maz-justify-center maz-text-center;\n  }\n\n  &.dz-clickable {\n    &:hover {\n      @apply maz-border-color-lighter maz-bg-color-light;\n\n      & .maz-dropzone__main-icon {\n        @apply maz-text-primary maz-transition-all maz-duration-200 maz-ease-out;\n      }\n    }\n  }\n\n  &.dz-started .dz-message {\n    @apply maz-hidden;\n  }\n\n  &.dz-drag-hover {\n    @apply maz-border-solid;\n\n    & .dz-message {\n      @apply maz-opacity-50;\n    }\n  }\n\n  & .dz-message .dz-button {\n    @apply maz-cursor-pointer maz-border-none maz-bg-transparent maz-p-0;\n  }\n\n  & .dz-details {\n    @apply maz-absolute maz-inset-0 maz-z-20 maz-flex maz-flex-col maz-items-center\n        maz-justify-center maz-rounded maz-px-4 maz-py-8 maz-text-center maz-leading-10 maz-text-white maz-opacity-0;\n\n    background-color: var(--maz-color-primary-alpha);\n    transition: opacity 0.2s linear;\n\n    & .dz-size {\n      & span {\n        @apply maz-text-base maz-text-white;\n      }\n    }\n\n    & .dz-filename {\n      width: 100%;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      span {\n        color: white;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n      }\n    }\n  }\n\n  & .dz-image {\n    overflow: hidden;\n    position: relative;\n    display: block;\n    z-index: 10;\n    width: 100%;\n    height: 100%;\n    margin: 0 auto;\n\n    @apply maz-rounded maz-border-color-lighter;\n\n    & img {\n      display: block;\n    }\n\n    & > div[data-dz-thumbnail-bg] {\n      width: inherit;\n      height: inherit;\n      background-size: cover;\n      background-repeat: no-repeat;\n      background-position: center;\n    }\n  }\n\n  & .dz-preview {\n    position: relative;\n    display: inline-block;\n    vertical-align: top;\n    margin: 0;\n    min-height: auto;\n    height: 100%;\n    background: transparent;\n    max-width: 200px;\n    overflow: hidden;\n\n    &:not(:last-child) {\n      margin-right: 0.5rem;\n    }\n\n    &.dz-file-preview {\n      & .dz-image {\n        border-radius: 20px;\n        background: #999;\n        background: linear-gradient(to bottom, #eee, #ddd);\n      }\n\n      & .dz-details {\n        opacity: 1;\n      }\n    }\n\n    &.dz-image-preview {\n      background-color: transparent;\n\n      & .dz-details {\n        transition: opacity 0.2s linear;\n      }\n    }\n\n    & .dz-remove {\n      text-align: center;\n      display: block;\n      cursor: pointer;\n      position: absolute;\n      z-index: 30;\n      color: white;\n      top: inherit;\n      left: 5px;\n      right: 5px;\n      bottom: 5px;\n      padding: 10px 5px;\n      border: 2px white solid;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-size: 0.8rem;\n      opacity: 0;\n      transition: all 300ms ease-in-out;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n\n      @apply maz-rounded;\n\n      &:hover {\n        @apply maz-bg-white maz-text-primary;\n      }\n    }\n\n    &:hover {\n      z-index: 1000;\n\n      & .dz-details,\n      & .dz-remove {\n        opacity: 1;\n      }\n\n      & .dz-image img {\n        transform: scale(1.05, 1.05);\n        filter: blur(8px);\n      }\n    }\n\n    & .dz-error-message {\n      pointer-events: none;\n      z-index: 1000;\n      position: absolute;\n      display: block;\n      display: none;\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      border-radius: 8px;\n      top: 130px;\n      background: #be2626;\n      background: linear-gradient(to bottom, #be2626, #a92222);\n      padding: 0.5em 1.2em;\n      color: white;\n      margin-left: auto;\n      margin-right: auto;\n      left: 0;\n      width: 100%;\n      text-align: center;\n    }\n\n    & .dz-success-mark,\n    & .dz-error-mark {\n      pointer-events: none;\n      opacity: 0;\n      z-index: 500;\n      position: absolute;\n      display: block;\n      margin-left: auto;\n      margin-top: auto;\n      width: 100%;\n      top: 30%;\n      left: 0;\n\n      @apply maz-flex maz-flex-col maz-items-center maz-justify-center;\n\n      & .material-icons {\n        background-color: var(--maz-color-success-alpha);\n        border-radius: 50%;\n        color: white;\n        font-size: 70px;\n      }\n    }\n\n    & .dz-error-mark {\n      & .material-icons {\n        background-color: var(--maz-color-danger-alpha);\n      }\n    }\n\n    &.dz-success .dz-success-mark {\n      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n    }\n\n    &.dz-error {\n      & .dz-error-message {\n        display: block;\n      }\n\n      & .dz-error-mark {\n        opacity: 1;\n        animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n      }\n\n      & .dz-details {\n        background-color: var(--maz-color-danger-alpha);\n      }\n\n      &:hover .dz-error-message {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      & .dz-remove:hover {\n        @apply maz-text-danger;\n      }\n    }\n\n    & .dz-progress {\n      opacity: 1;\n      z-index: 1000;\n      pointer-events: none;\n      position: absolute;\n      height: 1rem;\n      top: 50%;\n      margin-top: -0.5rem;\n      transform: scale(1);\n      overflow: visible;\n      width: 50%;\n      left: 25%;\n\n      @apply maz-rounded-full maz-bg-gray-100;\n\n      & .dz-upload {\n        position: absolute;\n        transition: width 300ms ease-in-out;\n\n        @apply maz-absolute maz-inset-0 maz-w-0 maz-rounded-full maz-bg-success;\n      }\n\n      & .progress-title {\n        display: inline-block;\n        position: relative;\n        top: -30px;\n      }\n    }\n\n    &.dz-processing .dz-progress {\n      opacity: 1;\n      transition: all 0.2s linear;\n    }\n\n    &.dz-complete .dz-progress {\n      opacity: 0;\n      transition: opacity 0.4s ease-in;\n    }\n\n    &:not(.dz-processing) .dz-progress {\n      animation: pulse 6s ease infinite;\n    }\n  }\n}\n</style>\n"],"names":["MazSpinner","defineAsyncComponent","dropzoneFix","component","previewTemplate","_sfc_main","defineComponent","props","emit","ButtonElement","ref","dropzoneReady","dropzone","dropzoneOptions","dropzoneStyle","computed","setOption","option","value","manuallyAddFile","file","fileUrl","removeAllFiles","shouldRemoveAllFiles","processQueue","destroy","disable","enable","accept","done","addFile","resizeImage","width","height","resizeMethod","callback","cancelUpload","getAcceptedFiles","getRejectedFiles","getFilesWithStatus","getQueuedFiles","getUploadingFiles","getAddedFiles","getActiveFiles","thumbnail","dataUrl","thumbnailElement","r","error","message","xhr","errorMultiple","files","onMounted","defaultOptions","DropzoneJs","Constructor","e","response","responseText","progress","bytesSent","totalProgress","totalBytes","totalBytesSent","formData","onBeforeUnmount","_resolveComponent","_openBlock","_createElementBlock","_ctx","_renderSlot","_createElementVNode","_hoisted_1","_cache","_hoisted_2","_toDisplayString","_a"],"mappings":"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"}

package/dist/components/MazDropzone.mjs

@@ -0,0 +1,195 @@
+import { defineAsyncComponent as H, defineComponent as Q, ref as z, computed as V, onMounted as j, onBeforeUnmount as I, resolveComponent as N, openBlock as f, createElementBlock as T, normalizeStyle as W, renderSlot as w, createElementVNode as i, toDisplayString as y, createBlock as J } from "vue";
+import { _ as G } from "../chunks/_plugin-vue_export-helper.CHgC5LLL.mjs";
+import '../assets/MazDropzone.EfEdDH2u.css';const K = H(() => import("./MazSpinner.mjs"));
+function P(n) {
+  return n.default ?? n;
+}
+const X = `<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>`, Y = Q({
+  name: "MazDropzone",
+  components: { MazSpinner: K },
+  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(n, { emit: t }) {
+    const c = z(), m = z(!1);
+    let e;
+    const g = z(), v = V(() => ({
+      width: typeof n.width == "number" ? `${n.width}px` : n.width,
+      height: typeof n.height == "number" ? `${n.height}px` : n.height
+    })), p = (s, l) => (e.options = {
+      ...e.options,
+      [s]: l
+    }, e.options), u = (s, l) => {
+      e.emit("addedfile", s), e.emit("thumbnail", s, l), e.files.push(s);
+    }, F = (s) => e.removeAllFiles(s), b = () => e.processQueue(), x = () => e.destroy(), M = () => e.disable(), S = () => e.enable(), A = (s, l) => e.accept(s, l), C = (s) => e.addFile(s), O = (s, l, r, o, d) => e.resizeImage(s, l, r, o, d), B = (s) => e.cancelUpload(s), h = () => e.getAcceptedFiles(), E = () => e.getRejectedFiles(), _ = () => e.getFilesWithStatus(status), k = () => e.getQueuedFiles(), $ = () => e.getUploadingFiles(), D = () => e.getAddedFiles(), R = () => e.getActiveFiles(), U = (s, l) => {
+      t("thumbnail", { file: s, dataUrl: l });
+      let r;
+      s.previewElement.classList.remove("dz-file-preview"), s.previewElement.querySelectorAll("[data-dz-thumbnail-bg]").forEach((d) => {
+        r = d, r.alt = s.name, r.style.backgroundImage = `url('${l}')`;
+      }), s.status === "success" && e.emit("complete", s);
+    }, q = (s, l, r) => {
+      t("error", { file: s, message: l, xhr: r }), e.options.autoRemoveOnError && setTimeout(() => e.removeFile(s), 3e3);
+    }, L = (s, l, r) => {
+      t("error", { files: s, message: l, xhr: r }), e.options.autoRemoveOnError && setTimeout(() => {
+        for (const o of s) e.removeFile(o);
+      }, 3e3);
+    };
+    return j(async () => {
+      const s = {
+        parallelUploads: n.options.maxFiles,
+        previewTemplate: X,
+        addRemoveLinks: !0
+      };
+      if (c.value) {
+        const { default: l } = await import("dropzone"), r = P(l);
+        e = new r(c.value, {
+          ...s,
+          ...n.options
+        }), e && (g.value = e.options, m.value = !0, e.on("thumbnail", U), e.on("error", q), e.on("errormultiple", L), e.on("drop", (o) => t("drop", o)), e.on("dragstart", (o) => t("dragstart", o)), e.on("dragend", (o) => t("dragend", o)), e.on("dragenter", (o) => t("dragenter", o)), e.on("dragover", (o) => t("dragover", o)), e.on("dragleave", (o) => t("dragleave", o)), e.on("paste", (o) => t("paste", o)), e.on("addedfile", (o) => t("addedfile", o)), e.on("addedfiles", (o) => t("addedfiles", o)), e.on("removedfile", (o) => t("removedfile", o)), e.on(
+          "success",
+          (o, d) => t("success", { file: o, response: d })
+        ), e.on("successmultiple", (o, d) => t("success", { files: o, responseText: d })), e.on("processing", (o) => t("processing", o)), e.on("processingmultiple", (o) => t("processingmultiple", o)), e.on(
+          "uploadprogress",
+          (o, d, a) => t("uploadprogress", { file: o, progress: d, bytesSent: a })
+        ), e.on(
+          "totaluploadprogress",
+          (o, d, a) => t("totaluploadprogress", {
+            totalProgress: o,
+            totalBytes: d,
+            totalBytesSent: a
+          })
+        ), e.on("sending", (o, d, a) => t("sending", { file: o, xhr: d, formData: a })), e.on(
+          "sendingmultiple",
+          (o, d, a) => t("sendingmultiple", { files: o, xhr: d, formData: a })
+        ), e.on("canceled", (o) => t("canceled", o)), e.on("canceledmultiple", (o) => t("canceledmultiple", o)), e.on("complete", (o) => t("complete", o)), e.on("completemultiple", (o) => t("completemultiple", o)), e.on("maxfilesexceeded", (o) => t("maxfilesexceeded", o)), e.on("maxfilesreached", (o) => t("maxfilesreached", o)), e.on("queuecomplete", () => {
+          h().every((o) => o.manuallyAdded) || t("queuecomplete");
+        }), e.on("reset", () => t("reset")));
+      }
+    }), I(() => {
+      n.noDestroyOnUnmount || e.destroy();
+    }), {
+      ButtonElement: c,
+      dropzoneReady: m,
+      dropzoneOptions: g,
+      dropzoneStyle: v,
+      setOption: p,
+      manuallyAddFile: u,
+      removeAllFiles: F,
+      processQueue: b,
+      destroy: x,
+      disable: M,
+      enable: S,
+      accept: A,
+      addFile: C,
+      resizeImage: O,
+      cancelUpload: B,
+      getAcceptedFiles: h,
+      getRejectedFiles: E,
+      getFilesWithStatus: _,
+      getQueuedFiles: k,
+      getUploadingFiles: $,
+      getAddedFiles: D,
+      getActiveFiles: R
+    };
+  }
+}), Z = { class: "dz-message" }, ee = { class: "maz-my-2 maz-text-normal" }, oe = { class: "maz-my-0 maz-text-muted" };
+function te(n, t, c, m, e, g) {
+  const v = N("MazSpinner");
+  return f(), T("button", {
+    ref: "ButtonElement",
+    type: "button",
+    name: "maz-dropzone",
+    class: "maz-dropzone m-reset-css",
+    style: W([n.dropzoneStyle])
+  }, [
+    n.dropzoneReady ? w(n.$slots, "default", {
+      key: 0,
+      options: n.dropzoneOptions
+    }, () => {
+      var p, u;
+      return [
+        i("div", Z, [
+          w(n.$slots, "icon", {}, () => [
+            t[0] || (t[0] = i("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"
+            }, [
+              i("path", {
+                d: "M0 0h24v24H0V0z",
+                fill: "none"
+              }),
+              i("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("p", ee, y((p = n.dropzoneOptions) == null ? void 0 : p.dictDefaultMessage), 1),
+          i("p", oe, y((u = n.dropzoneOptions) == null ? void 0 : u.dictFilesDescriptions), 1)
+        ])
+      ];
+    }) : (f(), J(v, { key: 1 }))
+  ], 4);
+}
+const le = /* @__PURE__ */ G(Y, [["render", te]]);
+export {
+  le as default
+};
+//# sourceMappingURL=MazDropzone.mjs.map