@quoreadmin/ui 1.5.1 → 1.6.1

package/dist/index24.js

@@ -1,14 +1,177 @@
-import e from "./index100.js";
-import { createElementBlock as t, openBlock as r, renderSlot as c } from "vue";
-/* empty css         */
-import n from "./index61.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 "./index102.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 "./index62.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
 };

package/dist/index240.js

@@ -1,163 +1,22 @@
-import y from "./index271.js";
-import m from "./index230.js";
-import b from "./index199.js";
-import v from "./index200.js";
-import h from "./index289.js";
-import { resolveComponent as r, resolveDirective as S, withDirectives as B, createElementBlock as i, openBlock as n, mergeProps as t, renderSlot as o, createElementVNode as I, createBlock as d, createCommentVNode as p, normalizeClass as u, toDisplayString as $ } from "vue";
-var k = {
-  name: "BaseButton",
-  extends: v,
-  props: {
-    label: {
-      type: String,
-      default: null
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    iconPos: {
-      type: String,
-      default: "left"
-    },
-    iconClass: {
-      type: String,
-      default: null
-    },
-    badge: {
-      type: String,
-      default: null
-    },
-    badgeClass: {
-      type: String,
-      default: null
-    },
-    badgeSeverity: {
-      type: String,
-      default: null
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    loadingIcon: {
-      type: String,
-      default: void 0
-    },
-    link: {
-      type: Boolean,
-      default: !1
-    },
-    severity: {
-      type: String,
-      default: null
-    },
-    raised: {
-      type: Boolean,
-      default: !1
-    },
-    rounded: {
-      type: Boolean,
-      default: !1
-    },
-    text: {
-      type: Boolean,
-      default: !1
-    },
-    outlined: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      type: String,
-      default: null
-    },
-    plain: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  style: h,
-  provide: function() {
-    return {
-      $parentInstance: this
-    };
-  }
-}, C = {
-  name: "Button",
-  extends: k,
-  inheritAttrs: !1,
-  methods: {
-    getPTOptions: function(l) {
-      var s = l === "root" ? this.ptmi : this.ptm;
-      return s(l, {
-        context: {
-          disabled: this.disabled
-        }
-      });
-    }
-  },
-  computed: {
-    disabled: function() {
-      return this.$attrs.disabled || this.$attrs.disabled === "" || this.loading;
-    },
-    defaultAriaLabel: function() {
-      return this.label ? this.label + (this.badge ? " " + this.badge : "") : this.$attrs.ariaLabel;
-    },
-    hasIcon: function() {
-      return this.icon || this.$slots.icon;
-    }
-  },
-  components: {
-    SpinnerIcon: m,
-    Badge: y
-  },
-  directives: {
-    ripple: b
-  }
-}, P = ["aria-label", "disabled", "data-p-severity"];
-function A(e, l, s, L, D, a) {
-  var c = r("SpinnerIcon"), f = r("Badge"), g = S("ripple");
-  return B((n(), i("button", t({
-    class: e.cx("root"),
-    type: "button",
-    "aria-label": a.defaultAriaLabel,
-    disabled: a.disabled
-  }, a.getPTOptions("root"), {
-    "data-p-severity": e.severity
-  }), [o(e.$slots, "default", {}, function() {
-    return [e.loading ? o(e.$slots, "loadingicon", {
-      key: 0,
-      class: u([e.cx("loadingIcon"), e.cx("icon")])
-    }, function() {
-      return [e.loadingIcon ? (n(), i("span", t({
-        key: 0,
-        class: [e.cx("loadingIcon"), e.cx("icon"), e.loadingIcon]
-      }, e.ptm("loadingIcon")), null, 16)) : (n(), d(c, t({
-        key: 1,
-        class: [e.cx("loadingIcon"), e.cx("icon")],
-        spin: ""
-      }, e.ptm("loadingIcon")), null, 16, ["class"]))];
-    }) : o(e.$slots, "icon", {
-      key: 1,
-      class: u([e.cx("icon")])
-    }, function() {
-      return [e.icon ? (n(), i("span", t({
-        key: 0,
-        class: [e.cx("icon"), e.icon, e.iconClass]
-      }, e.ptm("icon")), null, 16)) : p("", !0)];
-    }), I("span", t({
-      class: e.cx("label")
-    }, e.ptm("label")), $(e.label || " "), 17), e.badge ? (n(), d(f, t({
-      key: 2,
-      value: e.badge,
-      class: e.badgeClass,
-      severity: e.badgeSeverity,
-      unstyled: e.unstyled
-    }, e.ptm("badge")), null, 16, ["value", "class", "severity", "unstyled"])) : p("", !0)];
-  })], 16, P)), [[g]]);
+import r from "./index282.js";
+import { createElementBlock as t, openBlock as o, mergeProps as C, createElementVNode as n } from "vue";
+var i = {
+  name: "CheckIcon",
+  extends: r
+}, p = /* @__PURE__ */ n("path", {
+  d: "M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z",
+  fill: "currentColor"
+}, null, -1), l = [p];
+function s(e, a, c, d, h, m) {
+  return o(), t("svg", C({
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, e.pti()), l, 16);
 }
-C.render = A;
+i.render = s;
 export {
-  C as default
+  i as default
 };