@quoreadmin/ui 1.5.1 → 1.6.1

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,24 +1,24 @@
-import t from "./index279.js";
-import { createElementBlock as r, openBlock as o, mergeProps as i, createElementVNode as n } from "vue";
-var l = {
-  name: "BlankIcon",
-  extends: t
-}, p = /* @__PURE__ */ n("rect", {
-  width: "1",
-  height: "1",
-  fill: "currentColor",
-  "fill-opacity": "0"
-}, null, -1), a = [p];
-function c(e, s, d, h, m, f) {
-  return o(), r("svg", i({
+import r from "./index282.js";
+import { createElementBlock as t, openBlock as o, mergeProps as C, createElementVNode as l } from "vue";
+var n = {
+  name: "AngleDoubleLeftIcon",
+  extends: r
+}, i = /* @__PURE__ */ l("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M5.71602 11.164C5.80782 11.2021 5.9063 11.2215 6.00569 11.221C6.20216 11.2301 6.39427 11.1612 6.54025 11.0294C6.68191 10.8875 6.76148 10.6953 6.76148 10.4948C6.76148 10.2943 6.68191 10.1021 6.54025 9.96024L3.51441 6.9344L6.54025 3.90855C6.624 3.76126 6.65587 3.59011 6.63076 3.42254C6.60564 3.25498 6.525 3.10069 6.40175 2.98442C6.2785 2.86815 6.11978 2.79662 5.95104 2.7813C5.78229 2.76598 5.61329 2.80776 5.47112 2.89994L1.97123 6.39983C1.82957 6.54167 1.75 6.73393 1.75 6.9344C1.75 7.13486 1.82957 7.32712 1.97123 7.46896L5.47112 10.9991C5.54096 11.0698 5.62422 11.1259 5.71602 11.164ZM11.0488 10.9689C11.1775 11.1156 11.3585 11.2061 11.5531 11.221C11.7477 11.2061 11.9288 11.1156 12.0574 10.9689C12.1815 10.8302 12.25 10.6506 12.25 10.4645C12.25 10.2785 12.1815 10.0989 12.0574 9.96024L9.03158 6.93439L12.0574 3.90855C12.1248 3.76739 12.1468 3.60881 12.1204 3.45463C12.0939 3.30045 12.0203 3.15826 11.9097 3.04765C11.7991 2.93703 11.6569 2.86343 11.5027 2.83698C11.3486 2.81053 11.19 2.83252 11.0488 2.89994L7.51865 6.36957C7.37699 6.51141 7.29742 6.70367 7.29742 6.90414C7.29742 7.1046 7.37699 7.29686 7.51865 7.4387L11.0488 10.9689Z",
+  fill: "currentColor"
+}, null, -1), p = [i];
+function d(e, s, a, c, m, u) {
+  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()), a, 16);
+  }, e.pti()), p, 16);
 }
-l.render = c;
+n.render = d;
 export {
-  l as default
+  n as default
 };