@quoreadmin/ui 0.24.5 → 0.24.6

package/dist/index.js

@@ -3556,9 +3556,9 @@ const X9 = ue({
       handleDragEnd: A
     };
   }
-}), eC = (t) => (p2("data-v-e0400906"), t = t(), m2(), t), tC = ["value"], nC = {
+}), eC = (t) => (p2("data-v-f1851c91"), t = t(), m2(), t), tC = ["value"], nC = {
   key: 0,
-  class: "cursor-pointer pb-2.5"
+  class: "cursor-pointer pb-3"
 }, rC = /* @__PURE__ */ eC(() => /* @__PURE__ */ E("div", { class: "bg-gray-20 h-1 w-11 rounded cursor-pointer mx-auto z-[201]" }, null, -1)), iC = [
   rC
 ], oC = { class: "flex items-center h-6" }, sC = {
@@ -3624,7 +3624,7 @@ function lC(t, e, n, r, i, o) {
     ], 2)
   ], 8, tC);
 }
-const FU = /* @__PURE__ */ we(X9, [["render", lC], ["__scopeId", "data-v-e0400906"]]), vo = "button-", uC = ue({
+const FU = /* @__PURE__ */ we(X9, [["render", lC], ["__scopeId", "data-v-f1851c91"]]), vo = "button-", uC = ue({
   name: "QButton",
   props: {
     /** Determines the size (height) of the button */
@@ -14012,34 +14012,37 @@ const BE = /* @__PURE__ */ we($E, [["render", NE], ["__scopeId", "data-v-86f2575
   },
   props: FE,
   emits: ["edit:comment", "delete:comment"],
-  setup(t) {
-    const { t: e } = ds(), n = [{ text: e("HC_CANCEL") }], r = V(!1), i = z(() => {
-      const u = [];
-      return t.canEdit && u.push({
-        text: e("HC_EDIT_COMMENT"),
+  setup(t, { emit: e }) {
+    const { t: n } = ds(), r = [{ text: n("HC_CANCEL") }], i = V(!1), o = z(() => {
+      const d = [];
+      return t.canEdit && d.push({
+        text: n("HC_EDIT_COMMENT"),
         classes: "!text-blue-20 md:!text-inkwell-0",
         click: "edit:comment"
-      }), t.canDelete && u.push({
-        text: e("HC_DELETE_COMMENT"),
+      }), t.canDelete && d.push({
+        text: n("HC_DELETE_COMMENT"),
         classes: "!text-red-20",
         click: "delete:comment"
-      }), u;
-    }), o = z(() => t.user.firstName + " " + t.user.lastName.substring(0, 1)), s = z(() => je.fromISO(t.dateUtc).toLocaleString(
+      }), d;
+    }), s = z(() => t.user.firstName + " " + t.user.lastName.substring(0, 1)), a = z(() => je.fromISO(t.dateUtc).toLocaleString(
       je.DATETIME_MED
-    )), a = z(() => t.user.name.split(" ").map((u) => u.trim().charAt(0)).join("").toUpperCase());
+    )), l = z(() => t.user.name.split(" ").map((d) => d.trim().charAt(0)).join("").toUpperCase());
     return {
       // static
-      menuActions: n,
+      menuActions: r,
       // refs
-      showControls: r,
+      showControls: i,
       // computed
-      allowedActions: i,
-      displayName: o,
-      formatDate: s,
-      userInitials: a,
+      allowedActions: o,
+      displayName: s,
+      formatDate: a,
+      userInitials: l,
       // methods
       onClick: () => {
-        r.value = !r.value;
+        i.value = !i.value;
+      },
+      onClickLink: (d, f) => {
+        e(d.click, f), i.value = !i.value;
       },
       // composables
       mq: nr
@@ -14057,10 +14060,10 @@ function GE(t, e, n, r, i, o) {
         class: "mr-4"
       }, null, 8, ["src", "text"])) : M("", !0),
       E("div", zE, [
-        E("span", jE, q(t.user.name) + ". ", 1),
+        E("span", jE, q(t.user.name), 1),
         E("span", ZE, q(t.dateLocal || t.formatDate), 1)
       ]),
-      t.allowedActions.length && t.mq.md ? (g(), D(l, {
+      t.allowedActions.length && t.mq.md && t.comment ? (g(), D(l, {
         key: 1,
         modelValue: t.showControls,
         "onUpdate:modelValue": e[0] || (e[0] = (c) => t.showControls = c),
@@ -14091,7 +14094,7 @@ function GE(t, e, n, r, i, o) {
         ]),
         _: 1
       }, 8, ["modelValue"])) : M("", !0),
-      t.allowedActions.length && !t.mq.md ? (g(), C("div", KE, [
+      t.allowedActions.length && !t.mq.md && t.comment ? (g(), C("div", KE, [
         T(a, {
           icon: "ellipsis-h",
           type: "fill",
@@ -14108,7 +14111,7 @@ function GE(t, e, n, r, i, o) {
               actions: t.menuActions,
               links: t.allowedActions,
               "links-background": "light-gray",
-              "onClick:link": e[2] || (e[2] = (c) => t.$emit(c.click, t.id)),
+              "onClick:link": e[2] || (e[2] = (c) => t.onClickLink(c, t.id)),
               "onClick:action": t.onClick
             }, null, 8, ["modelValue", "actions", "links", "onClick:action"])) : M("", !0)
           ]),
@@ -14123,7 +14126,7 @@ function GE(t, e, n, r, i, o) {
     ], 2)
   ]);
 }
-const qE = /* @__PURE__ */ we(VE, [["render", GE], ["__scopeId", "data-v-4e3bb8a9"]]), YE = ue({
+const qE = /* @__PURE__ */ we(VE, [["render", GE], ["__scopeId", "data-v-488363db"]]), YE = ue({
   name: "QCommentSection",
   components: {
     QComment: qE
@@ -20583,21 +20586,23 @@ const YU = /* @__PURE__ */ we(oD, [["render", aD], ["__scopeId", "data-v-320db1d
       delay: 100
     });
     const v = (A) => {
-      A.tap || (o.value = !0);
+      A.tap || A.axis === "x" || (o.value = !0);
     }, b = (A) => {
-      if (A.tap)
+      if (A.tap || A.axis === "x")
         return;
       const k = A.direction[1], x = k >= 0, P = k <= 0 && n.value <= 0;
-      !a.value && (x || P) && S(!P), o.value = !1;
-    }, S = async (A) => {
-      a.value = A, await Jn();
-      const k = c.value ? c.value.offsetHeight : 0;
-      f("y", k, d, l);
+      !a.value && (x || P) && S(!P, "drag"), o.value = !1;
+    }, S = async (A, k) => {
+      if (a.value = A, k === "scroll")
+        return;
+      await Jn();
+      const x = c.value ? c.value.offsetHeight : 0;
+      f("y", x, d, l);
     }, w = c8(() => {
       const A = Math.max(0, n.value) > r.value ? "down" : "up";
       A !== i.value && (i.value = A);
       const k = window.innerHeight + n.value >= document.body.offsetHeight;
-      n.value < 0 || i.value === "up" && !a.value && !k ? S(!0) : i.value === "down" && a.value && S(!1), r.value = Math.max(0, n.value);
+      n.value < 0 || i.value === "up" && !a.value && !k ? S(!0, "scroll") : i.value === "down" && a.value && S(!1, "scroll"), r.value = Math.max(0, n.value);
     }, 50);
     return Ze(() => {
       s.value && window.addEventListener("scroll", w);