@quoreadmin/ui 1.4.2 → 1.4.3

package/dist/index12.js

@@ -0,0 +1,74 @@
+import g from "./index78.js";
+import { resolveComponent as l, createElementBlock as n, openBlock as s, renderSlot as h, Fragment as b, renderList as k, createBlock as y, mergeProps as C, createElementVNode as i, toDisplayString as m, createVNode as a, withCtx as r } from "vue";
+/* empty css        */
+import V from "./index60.js";
+const q = { class: "comment-section" }, _ = {
+  key: 0,
+  class: "comments"
+}, $ = {
+  key: 1,
+  class: "no-comments text-center mb-6 mt-4"
+}, E = { class: "text-md mb-2 leading-6 font-bold text-inkwell-30" }, S = { class: "text-sm text-inkwell-0" };
+function T(e, t, N, v, A, O) {
+  const d = l("q-comment"), p = l("q-icon"), c = l("q-button"), u = l("q-wysiwyg");
+  return s(), n("div", q, [
+    e.comments && e.comments.length ? (s(), n("div", _, [
+      (s(!0), n(b, null, k(e.comments, (o, f) => (s(), y(d, C({ ref_for: !0 }, o, {
+        key: f,
+        "on-update-comment": (w) => e.onUpdateComment(o, w)
+      }), null, 16, ["on-update-comment"]))), 128))
+    ])) : (s(), n("div", $, [
+      i("h4", E, m(e.$t("HC_NO_COMMENTS_YET")), 1),
+      i("p", S, m(e.$t("HC_START_THE_CONVERSATION")), 1)
+    ])),
+    h(e.$slots, "default", {}, () => [
+      a(u, {
+        ref: "wysiwygRef",
+        modelValue: e.textareaValue,
+        "onUpdate:modelValue": [
+          t[0] || (t[0] = (o) => e.textareaValue = o),
+          t[2] || (t[2] = (o) => e.textareaValue = o)
+        ],
+        attachments: e.files,
+        disabled: e.disabled,
+        "is-stacked": !0,
+        "allow-attachments": e.allowAttachments,
+        "allow-emojis": e.allowEmojis,
+        "allow-formatting": e.allowFormatting,
+        "files-allowed": e.filesAllowed,
+        placeholder: e.placeholderText,
+        processing: e.processing,
+        "onUpdate:attachments": t[1] || (t[1] = (o) => e.files = o)
+      }, {
+        action: r(() => [
+          a(c, {
+            loading: e.processing,
+            disabled: e.processing || !e.files.length && !e.textareaValue || e.disabled,
+            "is-fab": "",
+            size: "sm",
+            status: "primary-blue",
+            class: "post-button",
+            onClick: e.onClickPost
+          }, {
+            default: r(() => [
+              a(p, {
+                icon: "arrow-up",
+                type: "line",
+                size: "md",
+                color: "white",
+                "custom-class": "!stroke-white",
+                class: "p-[0.1875rem]"
+              })
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attachments", "disabled", "allow-attachments", "allow-emojis", "allow-formatting", "files-allowed", "placeholder", "processing"])
+    ], !0)
+  ]);
+}
+const U = /* @__PURE__ */ V(g, [["render", T], ["__scopeId", "data-v-70f939a4"]]);
+export {
+  U as default
+};

package/dist/index121.js

@@ -0,0 +1,16 @@
+import { defineComponent as e } from "vue";
+const a = e({
+  name: "QPageNavigation",
+  props: {
+    fixedTopOffset: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  a as default
+};

package/dist/index123.js

@@ -0,0 +1,82 @@
+import { defineComponent as x, ref as s, onMounted as y, nextTick as P } from "vue";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index178.js";
+import D from "./index21.js";
+E.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${k}/legacy/build/pdf.worker.min.mjs`;
+const S = x({
+  name: "PdfViewer",
+  components: {
+    QErrorModal: D
+  },
+  props: {
+    url: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["pdf-error"],
+  setup(w, { emit: a }) {
+    let r = null;
+    const g = 2, v = 16, l = s([]), c = s(!0), t = s(!1), i = s(0), f = async () => {
+      try {
+        if (r = await C(w.url).promise, !r)
+          throw new Error("pdfDoc is null or undefined");
+        i.value = r.numPages, c.value = !1, await P(), l.value = Array.from(
+          document.querySelectorAll(".pdf-pages canvas")
+        ), await h();
+      } catch (e) {
+        t.value = !0, console.log(e), c.value = !1, a("pdf-error", !0);
+      }
+    }, h = async () => {
+      try {
+        for (let e = 1; e <= i.value; e++)
+          await u(e);
+      } catch (e) {
+        console.log(e), t.value = !0, a("pdf-error", !0);
+      }
+    }, u = async (e) => {
+      try {
+        const o = await r?.getPage(e);
+        if (!o)
+          throw new Error(
+            `Page ${e} does not exist in the PDF document`
+          );
+        const d = o.getViewport({ scale: 1 }), n = l.value[e - 1];
+        if (!n)
+          throw new Error(
+            `Canvas for page ${e} does not exist`
+          );
+        const p = n.getContext("2d");
+        if (!p)
+          throw new Error(
+            `Context for page ${e} does not exist`
+          );
+        n.height = d?.height, n.width = d?.width;
+        const m = {
+          canvasContext: p,
+          viewport: d
+        };
+        await o?.render(m);
+      } catch (o) {
+        console.log(o), t.value = !0, a("pdf-error", !0);
+      }
+    };
+    return y(() => {
+      f();
+    }), {
+      // Static
+      skeletonColumns: g,
+      skeletonRows: v,
+      // Refs
+      canvasRefs: l,
+      loadingMeta: c,
+      showErrorModal: t,
+      totalPages: i,
+      // Methods
+      loadPDF: f,
+      renderPage: u
+    };
+  }
+});
+export {
+  S as default
+};

package/dist/index125.js

@@ -0,0 +1,134 @@
+import { defineComponent as C, ref as g, computed as m } from "vue";
+import { onClickOutside as w } from "./index155.js";
+const R = C({
+  name: "QPopover",
+  props: {
+    /** Aligns the popover accordingly with the trigger.
+     * i.e. bottom, center, left, middle, right, top.
+     * Right, left or middle align goes with bottom or top position
+     * Top, bottom or center align goes with right or left position */
+    align: {
+      type: String,
+      default: "left"
+    },
+    /** Specifies whether to have a caret pointer or not. */
+    hasCaret: {
+      type: Boolean,
+      default: !0
+    },
+    /**  Toggles the content from the parent component. i.e. false, true. */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /** Positions the popover to the specified side of the trigger.
+     * i.e. bottom, left, right, top.
+     * Bottom or top position goes with right, left or middle align
+     * Right or left position goes with top, bottom or center align */
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    /** Should the popover be repositioned and realigned automatically if it is outside viewport.
+     *  Moving element position from left to right, and top to bottom
+     * and alignment from right to left or top to bottom.
+    */
+    reposition: {
+      type: Boolean,
+      default: !0
+    },
+    /** Specifies the size of the popover. i.e. sm, md, lg. */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** Trigger popover on click, hover or both */
+    trigger: {
+      type: String,
+      default: "click"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: c }) {
+    const l = g(!1), u = g(""), i = g(null), f = m(() => l.value === !0 && n.reposition === !0 ? s(n.align) : n.align), v = m(() => l.value === !0 && n.reposition === !0 ? h(n.position) : n.position), s = (e) => {
+      if (!i.value || d(i.value.children[1])) return e;
+      const t = i.value.children[0].getBoundingClientRect(), o = i.value.children[1].getBoundingClientRect();
+      if (e === "left" || e === "right" || e === "center") {
+        const r = t.left;
+        return window.innerWidth - r < o.width ? "right" : "left";
+      } else {
+        const r = t.top;
+        return window.innerHeight - r < o.height ? "bottom" : "top";
+      }
+    }, h = (e) => {
+      if (!i.value || d(i.value.children[1])) return e;
+      const t = i.value.children[0].getBoundingClientRect(), o = i.value.children[1].getBoundingClientRect();
+      if (e === "top" || e === "bottom") {
+        const r = t.top;
+        return window.innerHeight - r < o.height ? "top" : "bottom";
+      } else {
+        const r = t.left;
+        return window.innerWidth - r < o.width ? "left" : "right";
+      }
+    }, d = (e) => {
+      const t = e.getBoundingClientRect();
+      return t ? t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth) : !1;
+    }, p = () => {
+      (n.trigger === "click" || n.trigger === "both") && c("update:modelValue", !n.modelValue);
+    }, b = () => {
+      n.trigger !== "click" && c("update:modelValue", !1);
+    }, k = () => {
+      n.trigger !== "click" && c("update:modelValue", !0);
+    }, H = () => {
+      const e = i.value?.children[0];
+      if (e) {
+        const t = e.clientWidth, o = e.clientHeight;
+        switch (f.value) {
+          case "left":
+            u.value = `margin-left: ${t / 2 - 10}px;`;
+            break;
+          case "right":
+            u.value = `margin-right: ${t / 2 - 10}px;`;
+            break;
+          case "top":
+            u.value = `margin-top: ${o / 2 - 10}px;`;
+            break;
+          case "bottom":
+            u.value = `margin-bottom: ${o / 2 - 10}px;`;
+            break;
+        }
+      }
+    };
+    w(i, () => {
+      n.modelValue && c("update:modelValue", !1);
+    });
+    function W() {
+      l.value = !1;
+    }
+    function y() {
+      l.value = !0, !d(i.value?.children[1]) && n.reposition === !0 && H();
+    }
+    return {
+      // Refs
+      entered: l,
+      offsetStyle: u,
+      popover: i,
+      // Computed
+      alignment: f,
+      positioning: v,
+      // Methods
+      getAlignment: s,
+      getPositioning: h,
+      isElementInView: d,
+      onAfterLeave: W,
+      onClick: p,
+      onClickOutside: w,
+      onEnter: y,
+      onMouseLeave: b,
+      onMouseOver: k
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/index127.js

@@ -0,0 +1,56 @@
+import { defineComponent as n, computed as r } from "vue";
+const o = n({
+  name: "QProgressBar",
+  props: {
+    id: {
+      type: String,
+      default: "q-progress-bar"
+    },
+    bgClass: {
+      type: String
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    hasContainerBackground: {
+      type: Boolean,
+      default: !1
+    },
+    heightClass: {
+      type: String,
+      default: "h-[0.875rem]"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    labelClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    // Value between 0 and 100
+    percent: {
+      type: Number,
+      required: !0
+    },
+    showLabel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const a = r(() => e.bgClass || "bg-green-20"), s = r(() => {
+      const t = ["q-progress-bar relative flex items-center", e.customClass, e.heightClass];
+      return e.hasContainerBackground ? [...t, "bg-gray-00"] : t;
+    });
+    return {
+      // Computed
+      barColor: a,
+      containerClasses: s
+    };
+  }
+});
+export {
+  o as default
+};

package/dist/index129.js

@@ -0,0 +1,37 @@
+import { defineComponent as r } from "vue";
+import e from "./index38.js";
+const s = r({
+  name: "QProgressBarGroup",
+  components: {
+    QProgressBar: e
+  },
+  props: {
+    id: {
+      type: String,
+      default: "q-progress-bar-group"
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    barColor: {
+      type: String,
+      default: "bg-green-20"
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    heightClass: {
+      type: String,
+      default: "h-[0.875rem]"
+    },
+    showLabel: {
+      type: Boolean,
+      default: !0
+    }
+  }
+});
+export {
+  s as default
+};

package/dist/index13.js

@@ -0,0 +1,32 @@
+import i from "./index80.js";
+import { resolveComponent as c, createElementBlock as p, openBlock as m, createVNode as t, createElementVNode as u, mergeProps as r, toHandlerKey as s, toDisplayString as a } from "vue";
+import d from "./index60.js";
+const f = { class: "counter flex items-center" }, k = { class: "grow text-center" };
+function _(e, o, $, v, y, g) {
+  const n = c("q-icon");
+  return m(), p("div", f, [
+    t(n, r({
+      icon: "minus-circle",
+      type: "outline",
+      size: "sm",
+      color: "inkwell-30",
+      class: "cursor-pointer mr-1"
+    }, {
+      [s(!e.disabled && "click")]: o[0] || (o[0] = (l) => e.updateCount(-1))
+    }), null, 16),
+    u("span", k, a(e.modelValue), 1),
+    t(n, r({
+      icon: "circle-plus",
+      type: "outline",
+      size: "sm",
+      color: "inkwell-30",
+      class: "cursor-pointer ml-1"
+    }, {
+      [s(!e.disabled && "click")]: o[1] || (o[1] = (l) => e.updateCount(1))
+    }), null, 16)
+  ]);
+}
+const b = /* @__PURE__ */ d(i, [["render", _]]);
+export {
+  b as default
+};

package/dist/index131.js

@@ -0,0 +1,65 @@
+import { defineComponent as y, computed as g } from "vue";
+const C = y({
+  name: "QRadio",
+  props: {
+    id: {
+      type: String,
+      default: "radio"
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [String, Number, Object, Array],
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    inline: {
+      type: Boolean,
+      default: !1
+    },
+    labelClasses: {
+      type: [String, Array, Object, Function],
+      default: ""
+    }
+  },
+  emits: ["update:model-value", "change"],
+  setup(t, { emit: n }) {
+    const r = g(() => t.modelValue), f = (e) => {
+      const l = e.target;
+      if (l) {
+        const d = l.value, i = t.options.find(
+          (a) => String(a.value) === d
+        ), u = i ? i.value : d;
+        if (o(u)) {
+          let a;
+          Array.isArray(t.modelValue) ? a = [] : a = "", n("update:model-value", a), n("change", null);
+          return;
+        }
+        const c = t.options.find(
+          (a) => a.value === u
+        );
+        let s;
+        Array.isArray(t.modelValue) ? s = c ? [c] : [] : s = u, n("update:model-value", s), n("change", u);
+      }
+    }, o = (e) => Array.isArray(r.value) ? r.value.some((l) => typeof l == "object" && l !== null ? l.value === e : l === e) : r.value === e;
+    return {
+      selectedValue: r,
+      handleClick: f,
+      isSelected: o,
+      getOptionText: (e) => e.label || e.name || "",
+      getLabelClasses: (e, l) => typeof t.labelClasses == "function" ? t.labelClasses(e, l) : t.labelClasses
+    };
+  }
+});
+export {
+  C as default
+};