@quoreadmin/ui 1.5.0 → 1.6.0

package/dist/index29.js

@@ -1,286 +1,163 @@
-import C from "./index110.js";
-import { resolveComponent as c, createElementBlock as n, openBlock as t, createVNode as s, createCommentVNode as d, withCtx as l, createBlock as m, createElementVNode as a, normalizeStyle as V, normalizeClass as p, renderSlot as $, Fragment as q, renderList as I, createTextVNode as v, toDisplayString as u, withModifiers as T, Transition as y } from "vue";
+import w from "./index111.js";
+import { resolveComponent as u, createElementBlock as l, openBlock as t, Fragment as r, createVNode as a, renderList as d, createElementVNode as m, normalizeClass as i, toDisplayString as p, createBlock as h, mergeProps as y, toHandlerKey as f, withCtx as c, createTextVNode as k, Transition as v, createCommentVNode as C } from "vue";
 /* empty css         */
-import N from "./index61.js";
-const F = ["id"], M = ["id"], P = ["src", "alt"], S = ["id", "alt", "src"], H = ["id", "onMouseover", "onClick"], j = ["alt", "src"], B = {
-  key: 1,
-  class: "bg-gray-00 hover:bg-gray-10 cursor-pointer p-3 h-16 md:h-20 max-w-[14rem] rounded-lg border border-gray-20 flex items-center"
-}, G = { class: "grow text-ellipsis overflow-hidden" }, U = { class: "text-inkwell-30 bold leading-normal text-nowrap text-ellipsis text-sm overflow-hidden -mt-1" }, R = { class: "uppercase text-xxs" }, D = {
-  key: 2,
-  class: "image-overlay absolute top-0 left-0 w-full h-full cursor-pointer"
-}, E = {
+import S from "./index62.js";
+const q = {
   key: 0,
-  class: "absolute top-0 left-0 z-1 w-full h-full cursor-pointer bg-black/50 rounded-lg flex items-center justify-center"
-}, L = {
+  class: "q-icon-action-group flex items-center justify-between actions content-between py-6 px-4"
+}, O = { class: "text-sm text-black leading-5" }, T = { class: "flex items-center justify-center" }, z = {
   key: 1,
-  width: "100%",
-  height: "auto",
-  controls: "",
-  class: "bg-black"
-}, Q = ["src"], O = { class: "flex items-center flex-col p-12" }, Z = ["src"], J = ["data", "type"], K = { class: "flex items-center flex-col p-12" };
-function W(e, i, X, Y, _, x) {
-  const r = c("q-icon"), k = c("Galleria"), b = c("q-badge"), w = c("q-tooltip"), f = c("q-menu"), z = c("q-pdf-viewer"), A = c("q-bottom-sheet");
-  return t(), n("div", {
-    id: e.id,
-    class: "q-image-gallery flex",
-    ref: "container"
-  }, [
-    s(k, {
-      activeIndex: e.active,
-      "onUpdate:activeIndex": i[0] || (i[0] = (o) => e.active = o),
-      visible: e.showCarousel,
-      "onUpdate:visible": i[1] || (i[1] = (o) => e.showCarousel = o),
-      value: e.images,
-      numVisible: e.thumbnailsVisible,
-      circular: !0,
-      fullScreen: !0,
-      showItemNavigators: e.mq.md,
-      showThumbnailNavigators: !0,
-      showThumbnails: e.showThumbnails && e.mq.md,
-      showIndicators: !e.mq.md,
-      containerStyle: [{ height: "100vh" }],
-      "base-z-index": e.baseZIndex
-    }, {
-      closeicon: l(() => [
-        s(r, {
-          class: p(e.closeIconClasses),
-          icon: "times-circle",
-          type: "outline",
-          size: "lg",
-          color: "white"
-        }, null, 8, ["class"])
-      ]),
-      item: l(({ item: o }) => [
-        a("div", {
-          id: `gallery-featured${o.id ? "-" + o.id : ""}`,
-          ref: "featuredPhoto",
-          class: "featured-image h-[80vh] overflow-hidden flex max-w-screen relative md:h-full w-screen items-center"
+  class: "status-text text-white"
+};
+function I(e, j, D, A, B, $) {
+  const n = u("q-icon"), g = u("q-button"), b = u("q-tooltip");
+  return t(), l(r, null, [
+    e.isColorKey ? (t(), l("div", q, [
+      (t(!0), l(r, null, d(e.options, (s) => (t(), l("div", {
+        key: s.state,
+        class: "flex flex-col items-center gap-1.5"
+      }, [
+        m("div", {
+          class: i([
+            "flex items-center justify-center w-[3.5rem] h-[3.5rem] rounded",
+            s.activeClass
+          ])
         }, [
-          a("img", {
-            src: o?.url,
-            alt: o?.alt,
-            class: p(e.itemClasses),
-            style: V([
-              { left: e.left, opacity: e.opacity },
-              `transform: scale(${e.scale})`
-            ])
-          }, null, 14, P)
-        ], 8, M)
-      ]),
-      thumbnail: l(({ item: o }) => [
-        a("img", {
-          id: `gallery-image-thumbnail${o.id ? "-" + o.id : ""}`,
-          alt: o?.alt || "",
-          src: o?.url,
-          class: "rounded-lg block min-h-24 min-w-24 max-w-24 max-h-24 object-cover"
-        }, null, 8, S)
-      ]),
-      previousitemicon: l(() => [
-        s(r, {
-          icon: "chevron-circle-left",
-          type: "outline",
-          size: "md",
-          color: "white"
-        })
-      ]),
-      nextitemicon: l(() => [
-        s(r, {
-          icon: "chevron-circle-right",
-          type: "outline",
-          size: "md",
-          color: "white"
-        })
-      ]),
-      previousthumbnailicon: l(() => [
-        e.images.length > e.thumbnailsVisible ? (t(), m(r, {
-          key: 0,
-          icon: "chevron-left",
-          type: "line",
-          size: "sm",
-          color: "white"
-        })) : d("", !0)
-      ]),
-      nextthumbnailicon: l(() => [
-        e.images.length > e.thumbnailsVisible ? (t(), m(r, {
-          key: 0,
-          icon: "chevron-right",
-          type: "line",
-          size: "sm",
-          color: "white"
-        })) : d("", !0)
-      ]),
-      _: 1
-    }, 8, ["activeIndex", "visible", "value", "numVisible", "showItemNavigators", "showThumbnails", "showIndicators", "base-z-index"]),
-    e.normalizedFiles ? (t(), n("div", {
-      key: 0,
-      class: p(e.thumbnailContainerClasses)
+          a(n, {
+            icon: s.icon,
+            type: s.iconType || "line",
+            size: "lg",
+            color: "white",
+            class: i(s.mobileIconClass || "!p-[0.4rem]")
+          }, null, 8, ["icon", "type", "class"])
+        ], 2),
+        m("span", O, p(s.name), 1)
+      ]))), 128))
+    ])) : e.isActionItemBar ? (t(), l("div", {
+      key: 1,
+      class: i([
+        "q-icon-action-group flex items-center justify-between actions py-9 px-4",
+        e.isDisabled ? "pointer-events-none" : ""
+      ])
     }, [
-      $(e.$slots, "actions", {}, void 0, !0),
-      (t(!0), n(q, null, I(e.normalizedFiles, (o, h) => (t(), n("div", {
-        ref_for: !0,
-        ref: "longPressRef",
-        key: o.id || o.name || h,
-        id: `gallery-file-thumbnail-${o.id ? o.id : h}`,
-        class: p([
-          "p-0 relative rounded-lg",
-          { "shrink-0": e.deviceType !== "desktop" }
+      (t(!0), l(r, null, d(e.options, (s) => (t(), h(g, y({
+        key: s.state,
+        size: "sm",
+        class: [
+          "!w-14 !h-14 !min-w-fit !p-0",
+          s.state === e.selectedState || s.state === "pass" && e.selectedState === "defaultToPass" ? s.activeClass : s.mobileIdleClass || s.idleClass
+        ],
+        loading: e.loading === "default" && s.state === e.currentState || e.loading === s.state
+      }, {
+        [f(!e.isDisabled && "click")]: (o) => e.onSetState(o, s.state)
+      }), {
+        default: c(() => [
+          a(n, {
+            icon: s.icon,
+            type: s.iconType || "line",
+            size: "lg",
+            color: "white",
+            class: i(s.mobileIconClass || "!p-[0.4rem]")
+          }, null, 8, ["icon", "type", "class"])
         ]),
-        onMouseover: (g) => e.hoveredIndex = Number(h),
-        onMouseleave: i[2] || (i[2] = (g) => e.hoveredIndex = null),
-        onClick: (g) => e.onClickThumbnail(h, o)
+        _: 2
+      }, 1040, ["class", "loading"]))), 128))
+    ], 2)) : e.shouldUseSwipe ? (t(), l("div", {
+      key: 3,
+      class: i([
+        "q-icon-action-group flex justify-center actions z-20 inset-y-0 cursor-pointer border-white border-l-px",
+        e.singleOption ? "shrink-0" : "absolute right-0 w-0",
+        e.isDisabled ? "pointer-events-none" : ""
+      ])
+    }, [
+      (t(!0), l(r, null, d(e.options, (s) => (t(), l("div", y({
+        key: s.state,
+        class: [
+          "flex items-center justify-center shrink overflow-hidden max-w-[4.5rem]",
+          e.singleOption ? "w-full" : "w-1/4",
+          s.state !== e.selectedState && e.singleOption ? s.mobileIdleClass || s.idleClass : s.activeClass
+        ]
+      }, {
+        [f(!e.isDisabled && "click")]: (o) => e.onSetState(o, s.state)
+      }), [
+        a(n, {
+          icon: s.mobileIcon || s.icon,
+          class: "mx-4",
+          type: s.iconType || "line",
+          size: "lg",
+          color: "white"
+        }, null, 8, ["icon", "type"])
+      ], 16))), 128))
+    ], 2)) : (t(), l("div", {
+      key: 2,
+      class: i([
+        "q-icon-action-group desktop-states flex text-right gap-4 justify-end pr-4 py-4 shrink-0",
+        e.isDisabled ? "pointer-events-none" : ""
+      ])
+    }, [
+      (t(!0), l(r, null, d(e.showCompletedState ? e.options.filter((s) => s.state === e.selectedState) : e.options, (s) => (t(), l("div", {
+        key: s.state
       }, [
-        s(w, {
-          class: p(e.deviceType !== "desktop" && "!overflow-visible"),
-          controlled: e.deviceType !== "desktop",
-          position: "top"
+        a(b, {
+          disabled: !e.mq.md,
+          class: "h-6"
         }, {
-          trigger: l(() => [
-            o.type && o.type.includes("image") && !o.type.includes("tif") ? (t(), n("img", {
-              key: 0,
-              alt: o?.alt,
-              src: o?.url,
-              class: "rounded-lg cursor-pointer size-16 md:size-20 object-cover bg-gray-0 border-gray-20 border"
-            }, null, 8, j)) : (t(), n("div", B, [
-              s(r, {
-                icon: o.icon,
-                color: "inkwell-30",
-                class: "h-full -ml-1.5 mt-1 mr-1 rounded-lg shrink-0",
-                size: "xl"
-              }, null, 8, ["icon"]),
-              a("div", G, [
-                a("div", U, u(o.name), 1),
-                a("div", R, u(o.name.match(/([^.]+$)/)[0]), 1)
-              ])
-            ])),
-            e.deviceType !== "desktop" ? (t(), n("div", D)) : d("", !0),
-            e.showRemove && // user canRemove
-            (e.showOnHover && e.hoveredIndex === h && e.deviceType === "desktop" || e.deviceType !== "desktop") && !e.processing ? (t(), m(b, {
-              key: 3,
-              color: "inkwell-30",
-              shape: "circle",
-              class: "cursor-pointer absolute -top-2 -right-2 shadow-solid z-10",
-              onClick: T((g) => e.onRemoveFile(o), ["stop"])
+          trigger: c(() => [
+            a(g, y({
+              size: "sm",
+              class: [
+                s.state === e.selectedState || s.state === "pass" && e.selectedState === "defaultToPass" ? s.activeClass : s.idleClass,
+                s.classes
+              ],
+              loading: e.loading === "default" && s.state === e.currentState || e.loading === s.state,
+              "is-fab": ""
             }, {
-              icon: l(() => [
-                s(r, {
-                  icon: "close",
-                  size: "xs",
-                  type: "line",
+              [f(!e.isDisabled && "click")]: (o) => e.onSetState(o, s.state)
+            }), {
+              default: c(() => [
+                a(n, {
+                  icon: s.icon,
+                  class: i(s.iconClass || "!p-[0.3rem]"),
+                  type: s.iconType || "line",
+                  size: "sm",
                   color: "white"
-                })
+                }, null, 8, ["icon", "class", "type"])
               ]),
-              _: 1
-            }, 8, ["onClick"])) : d("", !0)
+              _: 2
+            }, 1040, ["class", "loading"])
           ]),
-          content: l(() => [
-            v(u(o.name), 1)
+          content: c(() => [
+            k(p(s.name), 1)
           ]),
           _: 2
-        }, 1032, ["class", "controlled"]),
-        s(y, { name: "fade" }, {
-          default: l(() => [
-            e.processing ? (t(), n("div", E, [...i[7] || (i[7] = [
-              a("svg", {
-                class: "animate-spin fill-white",
-                width: "20",
-                height: "20",
-                viewBox: "0 0 24 24"
-              }, [
-                a("path", { d: "M2 12a1 1 0 0 1 2 0 8 8 0 1 0 8-8 1 1 0 0 1 0-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z" })
-              ], -1)
-            ])])) : d("", !0)
-          ]),
-          _: 1
-        })
-      ], 42, H))), 128)),
-      s(y, { name: "fade" }, {
-        default: l(() => [
-          e.longPressedHook ? (t(), m(f, {
-            key: 0,
-            modelValue: e.longPressedHook,
-            "onUpdate:modelValue": i[3] || (i[3] = (o) => e.longPressedHook = o),
-            actions: e.menuActions,
-            links: e.linkActions,
-            "links-background": "light-gray",
-            "onClick:link": e.onClickMenuLink,
-            "onClick:action": i[4] || (i[4] = (o) => e.longPressedHook = !1)
-          }, null, 8, ["modelValue", "actions", "links", "onClick:link"])) : d("", !0)
-        ]),
-        _: 1
-      })
-    ], 2)) : d("", !0),
-    s(y, { name: "slide-up-fade" }, {
-      default: l(() => [
-        e.showFileViewer && e.activeAttachment ? (t(), m(A, {
+        }, 1032, ["disabled"])
+      ]))), 128))
+    ], 2)),
+    a(v, { name: "fade" }, {
+      default: c(() => [
+        !e.isColorKey && !e.isActionItemBar && e.selectedOption && e.loading === e.selectedOption?.state && e.shouldUseSwipe ? (t(), l("div", {
           key: 0,
-          id: "gallery-file-viewer",
-          modelValue: e.showFileViewer,
-          "onUpdate:modelValue": i[6] || (i[6] = (o) => e.showFileViewer = o),
-          "show-close-button": !1,
-          "content-class": "p-0",
-          "header-class": "border-b border-solid border-gray-20",
-          "title-class": "min-w-0 truncate"
-        }, {
-          header: l(() => [
-            v(u(e.activeAttachment.name), 1)
-          ]),
-          headerAction: l(() => [
-            !e.activeAttachment.type.includes("video") && e.activeAttachment.type !== "audio/mpeg" && e.activeAttachment.type !== "application/pdf" ? (t(), m(r, {
-              key: 0,
-              icon: "arrow-to-bottom",
-              type: "line",
-              size: "md",
-              color: "inkwell-40",
-              class: "shrink-0 cursor-pointer",
-              onClick: i[5] || (i[5] = (o) => e.downloadDocument(e.activeAttachment))
-            })) : d("", !0)
-          ]),
-          default: l(() => [
-            e.activeAttachment.type === "application/pdf" ? (t(), m(z, {
+          class: i([
+            "absolute flex items-center justify-center inset-0 text-white z-30",
+            e.selectedOption?.activeClass
+          ])
+        }, [
+          m("div", T, [
+            e.showStatusText ? (t(), l("div", z, p(e.selectedOption?.state === "default" ? e.$t("HC_CLEARED") : e.selectedOption?.statusText), 1)) : (t(), h(n, {
               key: 0,
-              url: e.activeAttachment.url
-            }, null, 8, ["url"])) : e.activeAttachment.type.includes("video") ? (t(), n("video", L, [
-              a("source", {
-                src: e.activeAttachment.url,
-                type: "video/mp4"
-              }, null, 8, Q),
-              a("div", O, [
-                s(r, {
-                  color: "inkwell-30",
-                  icon: "mp4",
-                  size: "xl"
-                }),
-                v(" " + u(e.activeAttachment.extension), 1)
-              ])
-            ])) : e.activeAttachment.type === "audio/mpeg" ? (t(), n("audio", {
-              key: 2,
-              controls: "",
-              src: e.activeAttachment.url,
-              class: "mx-auto my-6"
-            }, null, 8, Z)) : (t(), n("object", {
-              key: 3,
-              data: e.activeAttachment.url,
-              type: e.activeAttachment.type,
-              class: "w-full h-auto"
-            }, [
-              a("div", K, [
-                s(r, {
-                  icon: e.activeAttachment.icon,
-                  size: "xl",
-                  color: "inkwell-30"
-                }, null, 8, ["icon"]),
-                v(" " + u(e.activeAttachment.extension), 1)
-              ])
-            ], 8, J))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : d("", !0)
+              icon: e.selectedOption?.mobileIcon || e.selectedOption?.icon,
+              type: e.selectedOption?.iconType || "line",
+              size: "lg",
+              color: "white"
+            }, null, 8, ["icon", "type"]))
+          ])
+        ], 2)) : C("", !0)
       ]),
       _: 1
     })
-  ], 8, F);
+  ], 64);
 }
-const le = /* @__PURE__ */ N(C, [["render", W], ["__scopeId", "data-v-ba42d8cf"]]);
+const P = /* @__PURE__ */ S(w, [["render", I], ["__scopeId", "data-v-fdf14d8a"]]);
 export {
-  le as default
+  P as default
 };

package/dist/index290.js

@@ -1,8 +1,4 @@
-function u(n) {
-  return function(r) {
-    return n.apply(null, r);
-  };
-}
+const o = "1.13.2";
 export {
-  u as default
+  o as VERSION
 };

package/dist/index291.js

@@ -1,7 +1,85 @@
-import i from "./index278.js";
-function o(r) {
-  return i.isObject(r) && r.isAxiosError === !0;
+import t from "./index281.js";
+import E from "./index292.js";
+function B(i) {
+  return t.isPlainObject(i) || t.isArray(i);
+}
+function h(i) {
+  return t.endsWith(i, "[]") ? i.slice(0, -2) : i;
+}
+function O(i, e, s) {
+  return i ? i.concat(e).map(function(o, d) {
+    return o = h(o), !s && d ? "[" + o + "]" : o;
+  }).join(s ? "." : "") : e;
+}
+function T(i) {
+  return t.isArray(i) && !i.some(B);
+}
+const S = t.toFlatObject(t, {}, null, function(e) {
+  return /^is[A-Z]/.test(e);
+});
+function W(i, e, s) {
+  if (!t.isObject(i))
+    throw new TypeError("target must be an object");
+  e = e || new FormData(), s = t.toFlatObject(s, {
+    metaTokens: !0,
+    dots: !1,
+    indexes: !1
+  }, !1, function(n, u) {
+    return !t.isUndefined(u[n]);
+  });
+  const p = s.metaTokens, o = s.visitor || j, d = s.dots, m = s.indexes, w = (s.Blob || typeof Blob < "u" && Blob) && t.isSpecCompliantForm(e);
+  if (!t.isFunction(o))
+    throw new TypeError("visitor must be a function");
+  function l(r) {
+    if (r === null) return "";
+    if (t.isDate(r))
+      return r.toISOString();
+    if (t.isBoolean(r))
+      return r.toString();
+    if (!w && t.isBlob(r))
+      throw new E("Blob is not supported. Use a Buffer instead.");
+    return t.isArrayBuffer(r) || t.isTypedArray(r) ? w && typeof Blob == "function" ? new Blob([r]) : Buffer.from(r) : r;
+  }
+  function j(r, n, u) {
+    let f = r;
+    if (r && !u && typeof r == "object") {
+      if (t.endsWith(n, "{}"))
+        n = p ? n : n.slice(0, -2), r = JSON.stringify(r);
+      else if (t.isArray(r) && T(r) || (t.isFileList(r) || t.endsWith(n, "[]")) && (f = t.toArray(r)))
+        return n = h(n), f.forEach(function(b, x) {
+          !(t.isUndefined(b) || b === null) && e.append(
+            // eslint-disable-next-line no-nested-ternary
+            m === !0 ? O([n], x, d) : m === null ? n : n + "[]",
+            l(b)
+          );
+        }), !1;
+    }
+    return B(r) ? !0 : (e.append(O(u, n, d), l(r)), !1);
+  }
+  const a = [], F = Object.assign(S, {
+    defaultVisitor: j,
+    convertValue: l,
+    isVisitable: B
+  });
+  function A(r, n) {
+    if (!t.isUndefined(r)) {
+      if (a.indexOf(r) !== -1)
+        throw Error("Circular reference detected in " + n.join("."));
+      a.push(r), t.forEach(r, function(f, c) {
+        (!(t.isUndefined(f) || f === null) && o.call(
+          e,
+          f,
+          t.isString(c) ? c.trim() : c,
+          n,
+          F
+        )) === !0 && A(f, n ? n.concat(c) : [c]);
+      }), a.pop();
+    }
+  }
+  if (!t.isObject(i))
+    throw new TypeError("data must be an object");
+  return A(i), e;
 }
 export {
-  o as default
+  W as default
 };