@quoreadmin/ui 1.4.7 → 1.5.0

package/dist/index23.js

@@ -1,14 +1,177 @@
-import e from "./index97.js";
-import { createElementBlock as t, openBlock as r, renderSlot as c } from "vue";
-/* empty css        */
-import n from "./index60.js";
-const s = { class: "footer-actions" };
-function a(o, d, p, f, i, _) {
-  return r(), t("div", s, [
-    c(o.$slots, "default", {}, void 0, !0)
+import $ from "./index99.js";
+import { resolveComponent as a, createElementBlock as r, openBlock as l, createVNode as n, withCtx as i, createElementVNode as p, createCommentVNode as d, renderSlot as U, normalizeStyle as z, normalizeClass as g, toDisplayString as s, mergeProps as F, toHandlerKey as m, Transition as q, createBlock as c, Teleport as C, createTextVNode as S, Fragment as y, renderList as b } from "vue";
+import I from "./index61.js";
+const L = { class: "file-upload-container w-full" }, H = {
+  ref: "dropZoneRef",
+  class: "flex flex-col relative"
+}, R = { class: "mt-2 mb-0 text-inkwell-0 text-sm" }, A = {
+  key: 1,
+  class: "image-gallery-container"
+}, D = {
+  id: "add-file-label",
+  class: "text-inkwell-20 leading-[1.25rem] text-xs"
+}, V = {
+  id: "file-upload-error-message",
+  class: "flex flex-col gap-2 text-center"
+}, O = { class: "font-bold md:leading-6 text-center text-[1.25rem] md:text-lg text-inkwell-30" }, _ = {
+  key: 0,
+  class: "sm-down:text-sm text-center text-inkwell-0"
+}, N = {
+  key: 1,
+  id: "file-size-errors",
+  class: "mb-2 md:mb-6 sm-down:text-sm text-center text-inkwell-0 text-left"
+}, T = {
+  key: 2,
+  class: "sm-down:text-sm text-center text-inkwell-0"
+}, Z = {
+  key: 3,
+  id: "file-type-errors",
+  class: "mb-2 md:mb-6 sm-down:text-sm text-center text-inkwell-0 text-left"
+};
+function B(e, t, G, K, P, x) {
+  const u = a("q-icon"), h = a("q-image-gallery"), k = a("FileUpload", !0), E = a("q-button"), w = a("q-modal-content"), v = a("q-modal");
+  return l(), r("div", L, [
+    n(k, {
+      ref: "fileUpload",
+      name: e.name,
+      url: e.url,
+      multiple: e.multiple,
+      accept: e.filesAllowed,
+      maxFileSize: e.maxFileSize,
+      auto: e.autoUpload,
+      "custom-upload": e.customUpload,
+      disabled: e.disabled,
+      onError: t[3] || (t[3] = (o) => e.onUploadError(o)),
+      onUpload: e.onUpload,
+      onUploader: t[4] || (t[4] = (o) => e.onUploading(o)),
+      onSelect: e.onSelectedFiles,
+      pt: {
+        root: { class: "flex flex-col" },
+        content: `!py-0 !px-0 !border-none ${e.expands ? "md:!rounded-lg !rounded-2xl" : "!rounded-lg"}`,
+        buttonbar: { class: "order-last hidden" }
+      },
+      ptOptions: { mergeProps: !0 }
+    }, {
+      content: i((o) => [
+        p("div", H, [
+          e.isOverDropZone && e.mq.md ? (l(), r("div", {
+            key: 0,
+            class: g([
+              "flex flex-col items-center justify-center",
+              "bg-gray-0 border border-blue-20 border-dashed",
+              "rounded-lg h-[calc(100%+2px)] w-[calc(100%+2px)] -m-px",
+              "absolute top-0 left-0 z-30",
+              {
+                "cursor-pointer": !e.disabled,
+                "border-red-30": o.messages && o.messages.length > 0
+              }
+            ]),
+            style: z(`
+                            height: ${(e.dropZoneRef?.closest(".editor-container")?.clientHeight || 0) + 2}px;
+                            top: ${e.dropZoneRef?.closest(".show-formatting-menu") ? -36 : 0}px;
+                        `)
+          }, [
+            n(u, {
+              icon: "paperclip",
+              size: "lg",
+              type: "line",
+              color: "gray-40"
+            }),
+            p("div", R, s(e.$t("HC_CLICK_DRAG_FILES_HERE")), 1)
+          ], 6)) : d("", !0),
+          U(e.$slots, "default"),
+          e.allFiles.length || e.showGallery ? (l(), r("div", A, [
+            n(h, {
+              files: e.allFiles,
+              "show-remove": !0,
+              processing: e.processing,
+              class: "px-4 mt-2 mb-2",
+              "onUpdate:modelValue": e.onRemoveFile
+            }, {
+              actions: i(() => [
+                p("div", F({
+                  id: "add-file-container",
+                  "aria-labelledby": "add-file-label",
+                  class: "p-0 relative rounded-lg shrink-0 my-2 bg-gray-7 hover:bg-gray-20 focus:bg-gray-20 outline-none cursor-pointer py-2 size-16 md:py-[1.125rem] md:size-20 rounded-lg flex align-center items-center flex-col",
+                  role: "button",
+                  tabindex: "0"
+                }, {
+                  [m(!e.processing && "click")]: t[0] || (t[0] = (f) => e.fileUpload.choose())
+                }, {
+                  [m(!e.processing && "keydown.enter")]: t[1] || (t[1] = (f) => e.fileUpload.choose())
+                }, {
+                  [m(!e.processing && "keydown.space.prevent")]: t[2] || (t[2] = (f) => e.fileUpload.choose())
+                }), [
+                  n(u, {
+                    icon: "circle-plus",
+                    color: "inkwell-0",
+                    class: "shrink-0",
+                    size: "md"
+                  }),
+                  p("div", D, s(e.$t("HC_ADD")), 1)
+                ], 16)
+              ]),
+              _: 1
+            }, 8, ["files", "processing", "onUpdate:modelValue"])
+          ])) : d("", !0)
+        ], 512)
+      ]),
+      _: 3
+    }, 8, ["name", "url", "multiple", "accept", "maxFileSize", "auto", "custom-upload", "disabled", "onUpload", "onSelect", "pt"]),
+    n(q, { name: "fade" }, {
+      default: i(() => [
+        (l(), c(C, { to: "body" }, [
+          e.sizeErrors.length || e.typeErrors.length ? (l(), c(v, {
+            key: 0,
+            id: "file-upload-error-modal",
+            dismissible: !1,
+            overlay: e.mq.md ? "white-transparent" : "black-transparent",
+            "container-class": "h-fit min-h-fit"
+          }, {
+            default: i(() => [
+              n(w, null, {
+                body: i(() => [
+                  p("div", V, [
+                    p("h2", O, s(e.typeErrors.length ? e.$t("HC_INVALID_FILES") : e.$t("HC_FILE_TOO_LARGE")), 1),
+                    e.sizeErrors.length ? (l(), r("p", _, s(e.$t("HC_UPLOAD_FILE_SIZE_ERROR", {
+                      size: e.maxFileSize / 1024 / 1024
+                    })), 1)) : d("", !0),
+                    e.sizeErrors.length ? (l(), r("ul", N, [
+                      (l(!0), r(y, null, b(e.sizeErrors, (o) => (l(), r("li", { key: o }, s(o), 1))), 128))
+                    ])) : d("", !0),
+                    e.typeErrors.length ? (l(), r("p", T, s(e.$t("HC_INVALID_FILE_TYPES", {
+                      types: e.displayAllowedTypes
+                    }) + ":"), 1)) : d("", !0),
+                    e.typeErrors.length ? (l(), r("ul", Z, [
+                      (l(!0), r(y, null, b(e.typeErrors, (o) => (l(), r("li", { key: o }, s(o), 1))), 128))
+                    ])) : d("", !0)
+                  ])
+                ]),
+                footer: i(() => [
+                  n(E, {
+                    class: g([e.mq.md ? "mx-3" : "w-full"]),
+                    status: e.mq.md ? "primary" : "primary-blue",
+                    size: "lg",
+                    onClick: t[5] || (t[5] = (o) => e.clearErrors())
+                  }, {
+                    default: i(() => [
+                      S(s(e.$t("HC_OK")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class", "status"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["overlay"])) : d("", !0)
+        ]))
+      ]),
+      _: 1
+    })
   ]);
 }
-const b = /* @__PURE__ */ n(e, [["render", a], ["__scopeId", "data-v-ca1eb5be"]]);
+const J = /* @__PURE__ */ I($, [["render", B]]);
 export {
-  b as default
+  J as default
 };