@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/index69.js

@@ -0,0 +1,141 @@
+import { defineComponent as L, useSlots as z, ref as a, computed as d, onUnmounted as E, onMounted as H, nextTick as T } from "vue";
+import { useDrag as M } from "./index163.js";
+import { useMotionProperties as N, useMotionTransitions as P } from "./index164.js";
+const Q = L({
+  name: "QSheet",
+  props: {
+    /** is card visible */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /** If user clicks outside of the bottom sheet it closes */
+    allowOnClickOutside: {
+      type: Boolean,
+      default: !0
+    },
+    allowDrag: {
+      type: Boolean,
+      default: !0
+    },
+    /** Background of the sheet */
+    backgroundColor: {
+      type: String,
+      default: "white"
+    },
+    setNoScroll: {
+      type: Boolean,
+      default: !0
+    },
+    showCloseButton: {
+      type: Boolean,
+      default: !0
+    },
+    topPosition: {
+      type: String,
+      default: "top-6"
+    },
+    headerClass: {
+      type: String,
+      default: ""
+    },
+    titleClass: {
+      type: String,
+      default: "text-center text-base font-semibold leading-normal"
+    },
+    contentClass: {
+      type: String,
+      default: "p-4"
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: p }) {
+    const h = z(), f = a(), m = a(), n = a(window.innerHeight), s = a(!1), r = a(0), { motionProperties: C } = N(f), { push: b } = P(), k = {
+      type: "keyframe",
+      ease: "linear",
+      duration: 0,
+      delay: 0
+    }, S = d(function() {
+      return t.backgroundColor ? `bg-${t.backgroundColor}` : "";
+    }), i = d({
+      get: () => t.modelValue,
+      set: (e) => p("update:model-value", e)
+    }), O = d(() => t.modelValue ? "z-[201]" : "-z-40"), B = d(() => !!h?.headerAction), g = () => {
+      n.value = window.innerHeight;
+    }, D = () => {
+      t.allowOnClickOutside && l({ clickOutside: !0 });
+    }, u = () => {
+      i.value = !0;
+    }, l = async (e = { clickOutside: !1 }) => {
+      if (i.value = !1, await T(), e.clickOutside) {
+        i.value = !1;
+        return;
+      }
+    }, v = (e) => {
+      if (!t.allowDrag) return;
+      s.value = !1;
+      const { dragging: o } = e;
+      o ? y(e) : w(e);
+    }, y = (e) => {
+      if (e.tap) return;
+      s.value = !0;
+      const {
+        movement: [, o]
+      } = e, c = r.value + o;
+      o < -Math.abs(n.value) + n.value / 3 || b("y", c, C, k);
+    }, w = (e) => {
+      if (e.tap || e.direction[0] === 1 || e.direction[0] === -1) return;
+      s.value = !1;
+      const {
+        swipe: [, o],
+        movement: [, c]
+      } = e;
+      if (o > 0) {
+        l();
+        return;
+      } else if (o < 0) {
+        u();
+        return;
+      }
+      if (r.value = r.value + c, n.value - r.value > n.value / 3 && e.direction[1] < 0) {
+        u();
+        return;
+      } else if (e.direction[1] > 0) {
+        l();
+        return;
+      }
+    };
+    return E(() => {
+      t.setNoScroll && (document.body.classList.remove("scroll-disabled"), document.documentElement.classList.remove("overscroll-none")), l(), window.removeEventListener("resize", g);
+    }), H(() => {
+      u(), t.setNoScroll && (document.body.classList.add("scroll-disabled"), document.documentElement.classList.add("overscroll-none")), window.addEventListener("resize", g);
+    }), M(v, {
+      // domTarget: sheetRef,
+      domTarget: m,
+      // top portion should be the only part that is draggable
+      filterTaps: !0,
+      useTouch: !0,
+      delay: 100
+    }), {
+      sheetRef: f,
+      headerRef: m,
+      windowHeight: n,
+      isDragging: s,
+      // computed
+      bgColor: S,
+      containerClasses: O,
+      show: i,
+      hasHeaderAction: B,
+      // methods
+      onClickOutside: D,
+      onClose: l,
+      onOpen: u,
+      dragHandler: v,
+      handleDrag: y,
+      handleDragEnd: w
+    };
+  }
+});
+export {
+  Q as default
+};

package/dist/index7.js

@@ -0,0 +1,76 @@
+import u from "./index69.js";
+import { resolveComponent as c, createElementBlock as t, openBlock as n, createElementVNode as o, normalizeClass as s, createCommentVNode as i, renderSlot as r, normalizeProps as p, guardReactiveProps as h, createVNode as f } from "vue";
+/* empty css        */
+import m from "./index60.js";
+const v = ["value"], C = {
+  key: 0,
+  class: "cursor-pointer pb-3"
+}, g = { class: "flex items-center h-6" }, k = {
+  key: 0,
+  class: "w-auto"
+}, w = { class: "w-10 text-right" };
+function y(e, l, $, b, z, B) {
+  const a = c("q-icon");
+  return n(), t("div", {
+    class: "sheet-container",
+    value: e.modelValue
+  }, [
+    o("div", {
+      class: s([
+        "sheet-overlay",
+        { "cursor-pointer": e.allowOnClickOutside }
+      ]),
+      onClick: l[0] || (l[0] = (...d) => e.onClickOutside && e.onClickOutside(...d))
+    }, null, 2),
+    o("div", {
+      ref: "sheetRef",
+      class: s(["sheet flex flex-col", [
+        { "card-draggable": e.allowDrag },
+        e.bgColor,
+        e.topPosition
+      ]])
+    }, [
+      o("div", {
+        class: s(["sheet-header", e.headerClass]),
+        ref: "headerRef"
+      }, [
+        e.allowDrag ? (n(), t("div", C, [...l[1] || (l[1] = [
+          o("div", { class: "bg-gray-20 h-1 w-11 rounded cursor-pointer mx-auto z-[201]" }, null, -1)
+        ])])) : i("", !0),
+        o("div", g, [
+          e.showCloseButton ? (n(), t("div", k, [
+            r(e.$slots, "backAction", p(h({ onClose: e.onClose })), () => [
+              f(a, {
+                icon: "close",
+                type: "line",
+                size: "md",
+                class: "cursor-pointer shrink",
+                onClick: e.onClose
+              }, null, 8, ["onClick"])
+            ], !0)
+          ])) : i("", !0),
+          o("h5", {
+            class: s(["grow text-inkwell-40", e.titleClass])
+          }, [
+            r(e.$slots, "header", {}, void 0, !0)
+          ], 2),
+          o("div", w, [
+            r(e.$slots, "headerAction", {}, void 0, !0)
+          ])
+        ])
+      ], 2),
+      o("div", {
+        class: s(["sheet-body grow", [
+          e.isDragging ? "overflow-y-hidden" : "overflow-y-auto",
+          e.contentClass
+        ]])
+      }, [
+        r(e.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 2)
+  ], 8, v);
+}
+const P = /* @__PURE__ */ m(u, [["render", y], ["__scopeId", "data-v-91ada41d"]]);
+export {
+  P as default
+};

package/dist/index71.js

@@ -0,0 +1,78 @@
+import { defineComponent as l, computed as a } from "vue";
+const t = "button-", s = l({
+  name: "QButton",
+  props: {
+    /** Determines the size (height) of the button */
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** Determines is the button will be a wide button */
+    isWide: {
+      type: Boolean,
+      default: !1
+    },
+    /** Determines the variant of the button */
+    status: {
+      type: String,
+      default: "primary"
+    },
+    hasOutline: {
+      type: Boolean,
+      default: !1
+    },
+    /** Determines if the user can take action or not */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** if loading spinner should be visible */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    useLoadingSpinner: {
+      type: Boolean,
+      default: !0
+    },
+    isFab: {
+      type: Boolean,
+      default: !1
+    },
+    /** Should this be rounded or pill shape */
+    shape: {
+      type: String,
+      default: ""
+    },
+    noMinWidth: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const n = a(() => [
+      t + e.size,
+      {
+        [t + e.status]: e.status
+      },
+      { "min-w-min": !!e.noMinWidth },
+      { [t + "wide"]: !!e.isWide },
+      { [t + e.shape]: !!e.shape },
+      { [t + "fab"]: !!e.isFab },
+      {
+        [t + "outline"]: !!e.hasOutline || e.status === "secondary"
+      }
+    ]), i = a(() => ({
+      disabled: !!e.disabled,
+      "aria-disabled": !!e.disabled
+    }));
+    return {
+      propsClasses: n,
+      disabledAttributes: i
+    };
+  }
+});
+export {
+  t as BTN_CLASS_PREFIX,
+  s as default
+};

package/dist/index73.js

@@ -0,0 +1,62 @@
+import { defineComponent as a, computed as n } from "vue";
+import d from "./index165.js";
+const s = a({
+  name: "ButtonGroup",
+  components: {
+    SelectButton: d
+  },
+  props: {
+    // Pass in a value for the v-model
+    modelValue: {
+      type: [String, Object, Array],
+      default: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    /** Needed when options are array of objects. optionLabel is what is visible to the user */
+    optionLabel: {
+      type: String,
+      default: ""
+    },
+    /** Pass which option is disabled */
+    optionDisabled: {
+      type: String,
+      default: ""
+    },
+    labelBy: {
+      type: String,
+      default: ""
+    },
+    /** Allow user to select multiple options */
+    allowMultiple: {
+      type: Boolean,
+      default: !1
+    },
+    /** Disable the button group */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: "label"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: l }) {
+    return {
+      selected: n({
+        get: () => t.modelValue,
+        set: (e) => {
+          const o = !e || Array.isArray(e) && e.length === 0 ? t.modelValue : e;
+          l("update:modelValue", o);
+        }
+      })
+    };
+  }
+});
+export {
+  s as default
+};

package/dist/index74.js

@@ -0,0 +1,105 @@
+import { defineComponent as f, ref as i, watch as o } from "vue";
+import m from "./index26.js";
+const y = f({
+  name: "QCheckbox",
+  components: {
+    QIcon: m
+  },
+  props: {
+    // Id applied to the checkbox input.
+    id: {
+      type: String,
+      default: ""
+    },
+    // Label shown for the checkbox.
+    // i.e. 'Accept terms and conditions.'
+    label: {
+      type: String,
+      default: ""
+    },
+    // Name field for form submission, if necessary.
+    name: {
+      type: String,
+      default: ""
+    },
+    // Contains the v-model sent through from the parent component.
+    // If an array, value would need to be part of modelValue to be checked.
+    // If anything else, value would need to match modelValue to be checked.
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array],
+      default: !1
+    },
+    // Value of checkbox to send in form submission when checked.
+    // i.e. 'Yes'
+    value: {
+      type: [Boolean, String, Number, Object],
+      default: !0
+    },
+    // Value of checkbox to send in form submission when NOT checked.
+    // i.e. 'No'
+    uncheckedValue: {
+      type: [Boolean, String, Number],
+      default: !1
+    },
+    // Disables the checkbox.
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // Specifies the icon to show in the checkbox when checked.
+    // Default is a checkmark.
+    icon: {
+      type: String,
+      default: "check"
+    },
+    // Specifies the background color of the checked checkbox.
+    color: {
+      type: String,
+      default: "blue-20"
+    },
+    // Converts the normal checkbox into a sliding toggle button.
+    toggle: {
+      type: Boolean,
+      default: !1
+    },
+    // Allows for different sizes of checkboxes or toggles.
+    // We haven't necessarily set up size styling in the scss file
+    // but this gives us flexibility that we have for inputs and selects.
+    size: {
+      type: String,
+      default: "md"
+    }
+  },
+  emits: ["change", "update:modelValue", "update:checked"],
+  setup(e, n) {
+    let t = !1;
+    e.modelValue instanceof Array ? t = !!e.modelValue.find((l) => e.value === l) : e.value && (t = e.modelValue === e.value);
+    const u = i(), a = i(t);
+    o(() => e.modelValue, () => {
+      let l = !1;
+      e.modelValue instanceof Array ? l = !!e.modelValue.find((d) => e.value === d) : e.value && (l = e.modelValue === e.value), a.value !== l && (u.value.checked = l, c());
+    });
+    const c = () => {
+      a.value = u.value.checked;
+      let l = a.value ? e.value : e.uncheckedValue;
+      if (e.modelValue instanceof Array)
+        if (l = [...e.modelValue], a.value)
+          l.push(e.value);
+        else {
+          const d = l.indexOf(e.value);
+          l.splice(d, 1);
+        }
+      n.emit("update:modelValue", l), n.emit("update:checked", a.value);
+    };
+    return {
+      // Refs
+      checkboxElement: u,
+      isChecked: a,
+      // Methods
+      handleChange: c
+    };
+  }
+});
+export {
+  y as default
+};

package/dist/index76.js

@@ -0,0 +1,217 @@
+import { defineComponent as B, ref as a, computed as f, nextTick as L, watch as Q } from "vue";
+import { DateTime as p } from "./index156.js";
+import h from "./index52.js";
+import { useI18n as P } from "vue-i18n";
+import S from "./index4.js";
+import H from "./index28.js";
+import j from "./index49.js";
+import R from "./index31.js";
+import F from "./index37.js";
+import $ from "./index50.js";
+const W = {
+  /** ID of the comment - maybe this will be in the data. We will need this for taking action on a comment */
+  id: {
+    type: [Number, String],
+    default: null
+  },
+  attachments: {
+    type: Array,
+    default: []
+  },
+  attachmentClickEvent: {
+    type: Function,
+    default: () => {
+    }
+  },
+  attachmentRemoveEvent: {
+    type: Function,
+    default: () => {
+    }
+  },
+  /** Copy link option */
+  canCopyLink: {
+    type: Boolean,
+    default: !1
+  },
+  /** Delete option */
+  canDelete: {
+    type: [Boolean, Number],
+    default: !1
+  },
+  /** Edit option */
+  canEdit: {
+    type: [Boolean, Number],
+    default: !1
+  },
+  /** Pin option */
+  canPin: {
+    type: Boolean,
+    default: !1
+  },
+  /** User object to populate user related information */
+  user: {
+    type: Object,
+    default: null
+  },
+  comment: {
+    type: String,
+    default: ""
+  },
+  /** Comment timestamp  OLD: timestamp */
+  dateUtc: {
+    type: String,
+    default: null
+  },
+  dateLocal: {
+    type: String,
+    default: ""
+  },
+  created: {
+    type: Object,
+    default: null
+  },
+  edited: {
+    type: Object,
+    default: null
+  },
+  onUpdateComment: {
+    type: Function,
+    default: () => {
+    }
+  },
+  pinned: {
+    type: Boolean,
+    default: !1
+  },
+  processing: {
+    type: Boolean,
+    default: !1
+  },
+  showAvatar: {
+    type: Boolean,
+    default: !0
+  },
+  showRemoveButton: {
+    type: Object,
+    default: () => {
+    }
+  }
+}, ne = B({
+  name: "QComment",
+  components: {
+    QAvatar: S,
+    QImageGallery: H,
+    QMenu: R,
+    QPopover: F,
+    QWarningModal: j,
+    QWysiwyg: $
+  },
+  props: W,
+  emits: ["update:model-value"],
+  setup(e) {
+    const { t: c } = P(), w = [{ text: c("HC_CANCEL") }], u = a(null), m = a(!1), i = a(""), n = a(!1), k = a(!1), l = a(!1), s = a(""), o = a(), E = f(() => {
+      const t = [];
+      return e.canCopyLink && t.push({
+        text: c("HC_COPY_LINK"),
+        classes: "!text-blue-20 md:!text-inkwell-0",
+        event: d
+      }), e.canPin && t.push({
+        text: c(
+          e.pinned ? "HC_UNPIN_COMMENT" : "HC_PIN_COMMENT"
+        ),
+        classes: "!text-blue-20 md:!text-inkwell-0",
+        event: _
+      }), e.canEdit && t.push({
+        text: c("HC_EDIT_COMMENT"),
+        classes: "!text-blue-20 md:!text-inkwell-0",
+        event: y
+      }), e.canDelete && t.push({
+        text: c("HC_DELETE_COMMENT"),
+        classes: "!text-red-20",
+        event: v
+      }), t;
+    }), g = f(() => e.user.firstName + " " + e.user.lastName.substring(0, 1)), M = f(() => p.fromISO(e.dateUtc).toLocaleString(
+      p.DATETIME_MED
+    )), x = f(() => {
+      const t = e.user.name.split(" "), U = t[0]?.charAt(0) || "", O = t[1]?.charAt(0) || "";
+      return (U + O).toUpperCase();
+    }), N = () => {
+      m.value = !1, i.value = "";
+    }, d = () => {
+      navigator.clipboard.writeText(
+        `${window.location.href}#comment-${e.id}`
+      ), n.value = !1;
+    }, b = (t) => {
+      u.value = t, s.value = "attachment", l.value = !0, n.value = !1;
+    }, r = async () => {
+      u.value && await e.onUpdateComment({
+        event: "delete-attachment",
+        value: u.value.id
+      }), l.value = !1;
+    }, v = () => {
+      s.value = "comment", l.value = !0, n.value = !1;
+    }, C = async () => {
+      await e.onUpdateComment({
+        event: "delete-comment",
+        value: e.id
+      }), l.value = !1;
+    }, A = () => {
+      s.value === "comment" ? C() : r();
+    }, y = async () => {
+      m.value = !0, i.value = e.comment, await L(), o.value?.editor?.chain().focus("end").run(), n.value = !1;
+      const t = document.getElementById(`comment-${e.id}`);
+      t && !h.md && t.scrollIntoView({ block: "center", behavior: "smooth" });
+    }, D = () => {
+      n.value = !n.value;
+    }, T = (t) => {
+      t.event();
+    }, _ = async () => {
+      n.value = !1, await e.onUpdateComment({
+        event: "update-pin",
+        value: !e.pinned
+      });
+    }, I = async () => {
+      await e.onUpdateComment({
+        event: "update-comment",
+        value: i.value
+      });
+    };
+    return Q(() => e.processing, (t) => {
+      t || (m.value = !1, i.value = "", l.value = !1, o.value && o.value.allowAttachments && (o.value?.fileUploadRef?.fileUpload?.clear(), o.value.uploadedfiles = []));
+    }), {
+      // static
+      menuActions: w,
+      // refs
+      activeAttachment: u,
+      editMode: m,
+      editText: i,
+      showControls: n,
+      warningAction: k,
+      warningModal: l,
+      warningType: s,
+      wysiwygRef: o,
+      // computed
+      allowedActions: E,
+      displayName: g,
+      formatDate: M,
+      userInitials: x,
+      // methods
+      onClickCancel: N,
+      onClickCopyLink: d,
+      onClickDeleteAttachment: b,
+      onClickDeleteAttachmentConfirm: r,
+      onClickDeleteComment: v,
+      onClickDeleteCommentConfirm: C,
+      onClickDeleteConfirm: A,
+      onClickEditComment: y,
+      onClickMenu: D,
+      onClickMobileMenuLink: T,
+      onClickSave: I,
+      // composables
+      mq: h
+    };
+  }
+});
+export {
+  ne as default
+};