@quoreadmin/ui 1.4.2 → 1.4.3

package/dist/index109.js

@@ -0,0 +1,134 @@
+import { defineComponent as h, useSlots as b, ref as o, computed as u } from "vue";
+import w from "./index52.js";
+const f = "eye", v = "eye-slash", V = h({
+  name: "QInput",
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      // used for v-model (do not use directly as prop on component)
+      type: [Number, Object, String],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text",
+      // types that just render text boxes
+      validator: (e) => [
+        "email",
+        "number",
+        "password",
+        "phone",
+        "search",
+        "text"
+      ].includes(e)
+    },
+    /** Placeholder is shown if there is no value */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    maxlength: {
+      type: Number,
+      default: null
+    },
+    // md, sm (aka compact)
+    size: {
+      type: String,
+      default: "md"
+    },
+    status: {
+      type: String,
+      default: ""
+    },
+    controlClass: {
+      type: String,
+      default: ""
+    },
+    inputClass: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+    },
+    expands: {
+      type: Boolean,
+      default: !1
+    },
+    // Reports beta doesn't have this feature, but design might want this? Default to true when done with input component
+    hideClear: {
+      type: Boolean,
+      default: !1
+    },
+    iconPosition: {
+      type: String,
+      default: "right"
+    }
+  },
+  emits: ["update:model-value", "update-type"],
+  setup(e, { emit: d }) {
+    const y = b(), i = o(null), l = o(!1), n = o(e.type === "password" ? f : ""), a = o(!e.expands), s = u(() => !!e.disabled), m = u(() => {
+      const t = n.value;
+      return !!e.modelValue && !s.value && (c.value && e.iconPosition === "left" || !t);
+    }), S = u(() => [
+      "control flex items-center",
+      { focused: !!l.value },
+      { disabled: s.value },
+      { [e.status]: e.status && !s.value },
+      {
+        [`has-icon-${e.iconPosition}`]: !!e.iconPosition
+      },
+      e.controlClass,
+      { ["size-" + e.size]: e.size },
+      { collapsed: !a.value }
+    ]), p = u(() => [
+      "input",
+      { [e.status]: e.status && !s.value },
+      { [e.inputClass]: !!e.inputClass },
+      { populated: !!e.modelValue }
+    ]), c = u(() => !!y?.default), g = () => {
+      const t = e.type === "password", C = e.type === "text" && n.value === v;
+      (t || C) && r(), e.expands && i.value && !a.value && (a.value = !a.value, l.value = a.value, i.value.querySelector("input")?.focus());
+    }, x = () => {
+      l.value = !l.value, !e.modelValue && e.expands && (a.value = !1);
+    }, r = () => {
+      const t = e.type === "text" ? "password" : "text";
+      n.value = t === "text" ? v : f, d("update-type", t);
+    };
+    return {
+      // refs
+      currentInput: i,
+      focused: l,
+      icon: n,
+      isExpanded: a,
+      // computed
+      rootClasses: S,
+      inputClasses: p,
+      isDisabled: s,
+      showClearIcon: m,
+      isSlotAvailable: c,
+      // Methods
+      onClickIcon: g,
+      onFocusOut: x,
+      togglePasswordVisibility: r,
+      updateValue: (t) => {
+        d(
+          "update:model-value",
+          t.target.value
+        );
+      },
+      // composables
+      mq: w
+    };
+  }
+});
+export {
+  v as HIDE_PASSWORD_ICON,
+  f as SHOW_PASSWORD_ICON,
+  V as default
+};

package/dist/index11.js

@@ -0,0 +1,183 @@
+import M from "./index76.js";
+import { resolveComponent as i, createElementBlock as a, createCommentVNode as r, openBlock as l, normalizeClass as p, createElementVNode as d, createVNode as m, createBlock as u, toDisplayString as s, withCtx as t, Fragment as v, renderList as N, Transition as A, createTextVNode as C } from "vue";
+/* empty css        */
+import L from "./index60.js";
+const H = ["id"], b = { class: "flex items-start mb-1" }, q = { class: "grow" }, D = { class: "w-full block text-sm leading-4 font-bold" }, $ = { class: "text-inkwell-0 text-xs leading-4 flex gap-1 flex-wrap" }, V = { key: 0 }, O = { class: "w-full py-1" }, R = ["onClick"], I = { key: 2 }, U = { class: "translate wrap-anywhere" }, S = {
+  key: 1,
+  class: "pl-[3rem]"
+}, G = { class: "h-8 flex items-center" }, B = { key: 2 };
+function F(e, n, K, z, Q, W) {
+  const g = i("q-avatar"), E = i("q-icon"), k = i("q-popover"), T = i("q-menu"), c = i("q-button"), w = i("q-wysiwyg"), y = i("q-image-gallery"), f = i("q-warning-modal");
+  return e.comment || e.attachments.length ? (l(), a("div", {
+    key: 0,
+    id: `comment-${e.id}`,
+    class: p([
+      "comment-container flex flex-col mb-3 py-2",
+      { "-mx-2 px-2 rounded-lg bg-yellow-0": e.pinned }
+    ])
+  }, [
+    d("div", b, [
+      e.showAvatar ? (l(), u(g, {
+        key: 0,
+        src: e.user.profileImg,
+        text: e.userInitials,
+        class: "mr-4"
+      }, null, 8, ["src", "text"])) : r("", !0),
+      d("div", q, [
+        d("div", D, s(e.user.name), 1),
+        d("div", $, [
+          d("span", null, s(e.created?.dateLocal || e.dateLocal || e.formatDate), 1),
+          e.edited?.dateLocal ? (l(), a("span", V, s(`(${e.$t("HC_EDITED")} ${e.edited?.dateLocal})`), 1)) : r("", !0)
+        ])
+      ]),
+      e.allowedActions.length && e.mq.md ? (l(), u(k, {
+        key: 1,
+        modelValue: e.showControls,
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => e.showControls = o),
+        align: "right",
+        position: "bottom",
+        size: "sm"
+      }, {
+        trigger: t(() => [
+          m(E, {
+            icon: "ellipsis-h",
+            type: "fill",
+            class: p([
+              "shrink-0 cursor-pointer",
+              e.showControls && "!text-blue-20"
+            ]),
+            color: "gray-40",
+            onClick: e.onClickMenu
+          }, null, 8, ["class", "onClick"])
+        ]),
+        content: t(() => [
+          d("ul", O, [
+            (l(!0), a(v, null, N(e.allowedActions, (o, _) => (l(), a("li", {
+              key: _,
+              class: p(o.classes),
+              onClick: (h) => o.event(h)
+            }, s(o.text), 11, R))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : r("", !0),
+      e.allowedActions.length && !e.mq.md ? (l(), a("div", I, [
+        m(E, {
+          icon: "ellipsis-h",
+          type: "fill",
+          class: "shrink-0 cursor-pointer",
+          color: "gray-40",
+          onClick: e.onClickMenu
+        }, null, 8, ["onClick"]),
+        m(A, { name: "fade" }, {
+          default: t(() => [
+            e.showControls ? (l(), u(T, {
+              key: 0,
+              modelValue: e.showControls,
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => e.showControls = o),
+              actions: e.menuActions,
+              links: e.allowedActions,
+              "links-background": "light-gray",
+              "onClick:link": e.onClickMobileMenuLink,
+              "onClick:action": e.onClickMenu
+            }, null, 8, ["modelValue", "actions", "links", "onClick:link", "onClick:action"])) : r("", !0)
+          ]),
+          _: 1
+        })
+      ])) : r("", !0)
+    ]),
+    e.editMode ? r("", !0) : (l(), a("div", {
+      key: 0,
+      class: p(["leading-normal text-sm", { "ml-12": e.showAvatar }])
+    }, [
+      d("p", U, s(e.comment), 1)
+    ], 2)),
+    e.editMode ? (l(), a("div", S, [
+      m(w, {
+        ref: "wysiwygRef",
+        modelValue: e.editText,
+        "onUpdate:modelValue": n[2] || (n[2] = (o) => e.editText = o),
+        "is-stacked": !0
+      }, {
+        action: t(() => [
+          d("div", G, [
+            m(c, {
+              disabled: e.processing,
+              status: "link",
+              class: "!text-gray-40 mr-4 hover:!text-inkwell-0 hover:!no-underline",
+              onClick: e.onClickCancel
+            }, {
+              default: t(() => [
+                C(s(e.$t("HC_CANCEL")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"]),
+            m(c, {
+              disabled: e.processing,
+              loading: e.processing,
+              class: "text-xs hover:!text-blue-40 hover:!no-underline",
+              status: "link",
+              onClick: e.onClickSave
+            }, {
+              default: t(() => [
+                C(s(e.$t("HC_SAVE")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "loading", "onClick"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ])) : (l(), a("div", B, [
+      e.attachments.length ? (l(), u(y, {
+        key: 0,
+        class: p(["mt-3", { "ml-12": e.showAvatar }]),
+        files: e.attachments,
+        "onClick:file": e.attachmentClickEvent,
+        "onUpdate:modelValue": e.onClickDeleteAttachment
+      }, null, 8, ["class", "files", "onClick:file", "onUpdate:modelValue"])) : r("", !0)
+    ])),
+    m(f, {
+      id: "warning-modal",
+      action: e.onClickDeleteConfirm,
+      "onUpdate:action": n[3] || (n[3] = (o) => e.onClickDeleteConfirm = o),
+      toggle: e.warningModal,
+      "onUpdate:toggle": [
+        n[4] || (n[4] = (o) => e.warningModal = o),
+        n[5] || (n[5] = (o) => e.warningModal = !1)
+      ],
+      processing: e.processing
+    }, {
+      desktopHeader: t(() => [
+        C(s(e.$t(
+          e.warningType === "comment" ? "HC_WARNING_CONFIRM_DELETE_COMMENT" : "HC_ARE_YOU_SURE_DELETE_ATTACHMENT"
+        )), 1)
+      ]),
+      desktopMessage: t(() => [
+        C(s(e.$t(
+          e.warningType === "comment" ? "HC_CLICK_DELETE_COMMENT_NO_LONGER_SEE" : "HC_CLICK_DELETE_ATTACHMENT_NO_LONGER_SEE"
+        )), 1)
+      ]),
+      mobileHeader: t(() => [
+        C(s(e.$t(
+          e.warningType === "comment" ? "HC_DELETE_COMMENT" : "HC_ARE_YOU_SURE_DELETE_ATTACHMENT"
+        )), 1)
+      ]),
+      mobileMessage: t(() => [
+        C(s(e.$t(
+          e.warningType === "comment" ? "HC_WARNING_CONFIRM_DELETE_COMMENT" : "HC_CLICK_DELETE_ATTACHMENT_NO_LONGER_SEE"
+        )), 1)
+      ]),
+      buttonText: t(() => [
+        C(s(e.$t(
+          e.warningType === "comment" ? "HC_DELETE_COMMENT" : "HC_DELETE_ATTACHMENT"
+        )), 1)
+      ]),
+      _: 1
+    }, 8, ["action", "toggle", "processing"])
+  ], 10, H)) : r("", !0);
+}
+const X = /* @__PURE__ */ L(M, [["render", F], ["__scopeId", "data-v-ccf07453"]]);
+export {
+  X as default
+};

package/dist/index111.js

@@ -0,0 +1,154 @@
+import { defineComponent as E, ref as a, computed as m, onMounted as P, onUnmounted as Q, nextTick as V } from "vue";
+import { filterData as C } from "./index51.js";
+import F from "./index6.js";
+import { useDrag as H } from "./index163.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index164.js";
+import { useWindowScroll as q, useScroll as W } from "./index155.js";
+import T from "./index52.js";
+const X = E({
+  name: "QList",
+  components: {
+    QBadge: F
+  },
+  props: {
+    /** Pass in an ID unique to the list. */
+    id: {
+      type: String,
+      default: ""
+    },
+    /** Pass data for list */
+    data: {
+      type: Array,
+      default: () => []
+    },
+    /** Search can be dragged down - mobile screen size only */
+    hideSearch: {
+      type: Boolean,
+      default: !1
+    },
+    /** Exclude certain values from the list */
+    exclude: {
+      type: Array,
+      default: () => []
+    },
+    /** Pass filters for subsets of the list */
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    /** Pass in a count of active filters. */
+    filtersCount: {
+      type: Number,
+      default: 0
+    },
+    /** If the list should include the search */
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    /** If the loading state is enabled */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /** Ability to customize the no result message */
+    noResultMessage: {
+      type: String,
+      default: ""
+    },
+    /** Ability to manage search from parent component */
+    searchText: {
+      type: String,
+      default: ""
+    },
+    /** Ability to customize the search placeholder */
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    /** Pass in the number of skeleton rows that should show while loading */
+    skeletonRows: {
+      type: Number,
+      default: 6
+    },
+    /** Pass in the type of list to display */
+    type: {
+      type: String,
+      default: "row"
+      // row, ordered, unordered
+    }
+  },
+  emits: ["filters-action", "filters-updated", "click:list-item"],
+  setup(r, { emit: x }) {
+    const { y: t } = q(), { y: u } = W(window, { behavior: "smooth" }), c = a(0), o = a("down"), h = a(0), n = a(!1), y = a(!0), l = a(T.md ? !1 : r.hideSearch), d = a(!l.value), M = {
+      type: "keyframe",
+      ease: "linear",
+      duration: 0,
+      delay: 0
+    }, s = a(null), k = a(null), S = a(""), { motionProperties: B } = N(s), { push: b } = U(), L = m(() => {
+      const e = C(
+        r.data,
+        w.value,
+        r.filters,
+        void 0,
+        void 0,
+        r.exclude
+      );
+      return x("filters-updated", e), e;
+    }), w = m(() => r.searchText || S.value), f = m(() => t.value <= 0 ? 70 : t.value > 70 ? 0 : 70 - t.value), R = (e) => {
+      !e.dragging && t.value <= 24 && t.value >= 0 && (u.value = 0), !e.dragging && t.value > 24 && t.value < 70 && (u.value = 70), !(t.value > 0) && (n.value ? A(e) : Y(e));
+    };
+    l.value && H(R, {
+      domTarget: s,
+      filterTaps: !0,
+      useTouch: !0,
+      delay: 100
+    });
+    const Y = (e) => {
+      e.tap || e.axis === "x" || (n.value = !0);
+    }, A = (e) => {
+      if (e.tap || e.axis === "x")
+        return;
+      const i = e.direction[1], g = i >= 0, D = i <= 0 && t.value <= 0;
+      !d.value && (g || D) && v(!D, "drag"), n.value = !1;
+    }, v = async (e, i) => {
+      if (d.value = e, await V(), y.value && o.value === "up" && t.value <= 0 || i === "drag") {
+        const g = f.value ? f.value : 0;
+        b("y", g, B, M), y.value = !1;
+      }
+    }, p = () => {
+      const e = Math.max(0, t.value) > c.value ? "down" : "up";
+      e !== o.value && (o.value = e), t.value < 70 && v(!0, "scroll"), c.value = Math.max(0, t.value);
+    };
+    return P(() => {
+      l.value && (h.value = s.value.offsetTop - 16, window.addEventListener("scroll", p));
+    }), Q(() => {
+      l.value && window.removeEventListener("scroll", p);
+    }), {
+      // Refs
+      defaultSearchTop: h,
+      isDragging: n,
+      isSearchVisible: d,
+      hiddenSearch: l,
+      listRef: s,
+      prevScrollY: c,
+      scrollY: t,
+      scrollToY: u,
+      searchRef: k,
+      searchValue: S,
+      // Computed
+      direction: o,
+      filteredData: L,
+      searchBy: w,
+      searchHeight: f,
+      // Methods
+      onScroll: p,
+      toggleSearch: v,
+      // Composable
+      mq: T
+    };
+  }
+});
+export {
+  X as default
+};

package/dist/index113.js

@@ -0,0 +1,44 @@
+import { defineComponent as e, onUnmounted as t, onMounted as l } from "vue";
+const o = e({
+  name: "QMenu",
+  props: {
+    /** is menu visible */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /** Menu actions */
+    actions: {
+      type: Array
+    },
+    // Override dismissible click on overlay.
+    dismissibleOverlay: {
+      type: Boolean,
+      default: !0
+    },
+    /** Menu links */
+    links: {
+      type: Array,
+      required: !0
+    },
+    linksBackground: {
+      type: String,
+      default: "bg-white"
+    },
+    overlay: {
+      type: String,
+      default: "black-transparent"
+    }
+  },
+  emits: ["click:link", "click:action"],
+  setup() {
+    return t(() => {
+      document.body.classList.remove("scroll-disabled");
+    }), l(() => {
+      document.body.classList.add("scroll-disabled");
+    }), {};
+  }
+});
+export {
+  o as default
+};

package/dist/index115.js

@@ -0,0 +1,78 @@
+import { defineComponent as s, provide as l, onUnmounted as i, onMounted as a } from "vue";
+import n from "./index26.js";
+const u = s({
+  name: "QModal",
+  components: {
+    QIcon: n
+  },
+  props: {
+    id: {
+      type: String,
+      default: "q-modal"
+    },
+    closeButtonClass: {
+      type: String,
+      default: ""
+    },
+    // Potential to override if we need to change the styling for the container
+    containerClass: {
+      type: String,
+      default: "h-fit min-h-fit"
+    },
+    // Set whether modal is dismissible.
+    // Setting this to false will require additional action
+    // from parent component to dismiss modal.
+    // Modal will remain until parent tells it to close.
+    dismissible: {
+      type: Boolean,
+      default: !0
+    },
+    // Override dismissible click on overlay.
+    dismissibleOverlay: {
+      type: Boolean,
+      default: !0
+    },
+    // Override the dismiss link text.
+    dismissText: {
+      type: String,
+      default: ""
+    },
+    overlay: {
+      type: String,
+      default: "white-transparent"
+    },
+    // sm, md, fullscreen
+    size: {
+      type: String,
+      default: "md"
+    },
+    showCancelLink: {
+      type: Boolean,
+      default: !1
+    },
+    // Feedback modal has building background at the bottom of the modal
+    hasBuildingBg: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["close"],
+  // Instead of pulling in context, we are only using emit, so I deconstructed it to use
+  setup(e, { emit: t }) {
+    l("size", e.size);
+    const o = () => {
+      e.dismissible && t("close");
+    };
+    return i(() => {
+      document.body.classList.remove("scroll-disabled");
+    }), a(() => {
+      document.body.classList.add("scroll-disabled");
+    }), {
+      onCloseModal: o
+      // words,
+    };
+  }
+});
+export {
+  u as default
+};

package/dist/index117.js

@@ -0,0 +1,25 @@
+import { defineComponent as r, inject as s, computed as t } from "vue";
+const p = r({
+  name: "QModalContent",
+  props: {
+    useFlex: {
+      type: Boolean,
+      default: !1
+    },
+    contentClass: {
+      type: String,
+      default: ""
+    },
+    footerClass: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(d, { slots: e }) {
+    const o = s("size"), n = t(() => !!e.header), a = t(() => !!e.footer);
+    return { modalSize: o, hasHeader: n, hasFooter: a };
+  }
+});
+export {
+  p as default
+};

package/dist/index119.js

@@ -0,0 +1,84 @@
+import { defineComponent as w, ref as u, computed as p, onMounted as m, onUnmounted as g } from "vue";
+const x = w({
+  name: "QPageHeading",
+  props: {
+    // Pass in background color.
+    backgroundColor: {
+      type: String,
+      default: "green-20"
+    },
+    // Pass on text color.
+    color: {
+      type: String,
+      default: "white"
+    },
+    // Pass in the height of combined fixed elements while vertical scrolling.
+    fixedTopOffset: {
+      type: Number,
+      default: 0
+    },
+    // Enable hide-on-scroll behavior (slides up when scrolling down, slides down when scrolling up).
+    hideOnScroll: {
+      type: Boolean,
+      default: !0
+    },
+    // Minimum scroll threshold before hide behavior activates (in pixels).
+    hideScrollThreshold: {
+      type: Number,
+      default: 100
+    }
+  },
+  setup(n) {
+    const i = u(!1), t = u(!1), r = u(), l = u();
+    let d = 0, o = !1;
+    const v = p(() => {
+      if (!r.value) return !1;
+      if (i.value) return !0;
+      const e = (a) => {
+        if (!a) return !1;
+        const c = window.getComputedStyle(a).position;
+        return c === "fixed" || c === "sticky";
+      };
+      return e(l.value) || e(r.value);
+    }), f = () => {
+      o || (window.requestAnimationFrame(() => {
+        const e = window.scrollY;
+        if (!n.hideOnScroll) {
+          t.value = !1, o = !1;
+          return;
+        }
+        if (!v.value) {
+          t.value = !1, o = !1;
+          return;
+        }
+        if (e <= n.hideScrollThreshold) {
+          t.value = !1, d = e, o = !1;
+          return;
+        }
+        const a = e - d;
+        Math.abs(a) > 5 && (a > 0 ? t.value = !0 : t.value = !1, d = e), o = !1;
+      }), o = !0);
+    }, s = () => {
+      if (l.value) {
+        const e = l.value.offsetTop - n.fixedTopOffset;
+        i.value = !!n.fixedTopOffset && l.value && window.scrollY >= e, r.value.style.top = i.value ? `${n.fixedTopOffset}px` : "", r.value.style.width = i.value ? `${l.value.clientWidth}px` : "";
+      }
+    };
+    return m(() => {
+      window.addEventListener("resize", s), window.addEventListener("scroll", s), window.addEventListener("scroll", f, { passive: !0 }), d = window.scrollY;
+    }), g(() => {
+      window.removeEventListener("resize", s), window.removeEventListener("scroll", s), window.removeEventListener("scroll", f);
+    }), {
+      // Refs
+      isFixed: i,
+      isHidden: t,
+      pageHeading: r,
+      pageHeadingContainer: l,
+      // Methods
+      determineFixed: s
+    };
+  }
+});
+export {
+  x as default
+};