@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/index78.js

@@ -0,0 +1,108 @@
+import { defineComponent as i, ref as a, watch as c } from "vue";
+import { useI18n as p } from "vue-i18n";
+import r from "./index11.js";
+import y from "./index50.js";
+const h = i({
+  name: "QCommentSection",
+  components: {
+    QComment: r,
+    QWysiwyg: y
+  },
+  props: {
+    /** Array of comment objects to loop through */
+    comments: {
+      type: Array,
+      default: () => []
+    },
+    allowAttachments: {
+      type: Boolean,
+      default: !1
+    },
+    allowEmojis: {
+      type: Boolean,
+      default: !1
+    },
+    allowFormatting: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * addCommentEvent handles the adding of a comment.
+     * Note: response object includes:
+     *  - text
+     *  - attachments
+     */
+    addCommentEvent: {
+      type: Function,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    filesAllowed: {
+      type: String,
+      default: "image/*,.pdf"
+    },
+    /**
+     * updateCommentEvent handles the following events:
+     *  - update-comment
+     *  - update-pin
+     *  - delete-comment
+     *  - delete-attachment
+     * Note: response object includes:
+     *  - comment (object) -- full comment object
+     *  - event (string) -- as listed above
+     *  - value (any) -- specific to event
+     */
+    updateCommentEvent: {
+      type: Function,
+      default: () => {
+      }
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    },
+    showRemoveButton: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(t) {
+    const { t: m } = p(), o = a([]), l = a(""), s = a(
+      t.placeholder || m("HC_ADD_A_COMMENT")
+    ), e = a(), f = async () => {
+      await t.addCommentEvent({
+        text: l.value,
+        attachments: o.value
+      });
+    }, d = async (n, u) => {
+      await t.updateCommentEvent({
+        comment: n,
+        ...u
+      });
+    };
+    return c(() => t.processing, (n) => {
+      n || (o.value = [], l.value = "", e.value && e.value.allowAttachments && (e.value.fileUploadRef?.fileUpload?.clear(), e.value.uploadedfiles = []));
+    }), {
+      //refs
+      files: o,
+      placeholderText: s,
+      textareaValue: l,
+      wysiwygRef: e,
+      // methods
+      onClickPost: f,
+      onUpdateComment: d
+    };
+  }
+});
+export {
+  h as default
+};

package/dist/index8.js

@@ -0,0 +1,31 @@
+import r from "./index71.js";
+import { BTN_CLASS_PREFIX as v } from "./index71.js";
+import { createElementBlock as t, openBlock as o, mergeProps as n, createElementVNode as i, renderSlot as a } from "vue";
+/* empty css        */
+import d from "./index60.js";
+const p = {
+  key: 0,
+  class: "circular",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24"
+}, l = {
+  key: 1,
+  class: "flex items-center justify-center"
+};
+function u(e, s, c, f, m, _) {
+  return o(), t("button", n({
+    class: ["button", ...e.propsClasses]
+  }, e.disabledAttributes), [
+    e.loading && e.useLoadingSpinner ? (o(), t("svg", p, [...s[0] || (s[0] = [
+      i("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" }, null, -1)
+    ])])) : (o(), t("span", l, [
+      a(e.$slots, "default", {}, void 0, !0)
+    ]))
+  ], 16);
+}
+const h = /* @__PURE__ */ d(r, [["render", u], ["__scopeId", "data-v-fb3c7830"]]);
+export {
+  v as BTN_CLASS_PREFIX,
+  h as default
+};

package/dist/index80.js

@@ -0,0 +1,36 @@
+import { defineComponent as n } from "vue";
+const o = n({
+  name: "QCounter",
+  props: {
+    /** value of the counter */
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    /** Min value the user can decrement to */
+    min: {
+      type: Number,
+      default: 0
+    },
+    /** Max value the user can increment to */
+    max: {
+      type: Number,
+      default: 100
+    },
+    /** Disable the counter */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: a }) {
+    return { updateCount: (u) => {
+      let e = t.modelValue + u;
+      return e > t.max ? e = t.max : e < t.min && (e = t.min), a("update:modelValue", e), e;
+    } };
+  }
+});
+export {
+  o as default
+};

package/dist/index81.js

@@ -0,0 +1,140 @@
+import { defineComponent as h, ref as s, computed as v, watch as c } from "vue";
+import B from "./index6.js";
+import g from "./index7.js";
+import S from "./index26.js";
+import D from "./index29.js";
+import F from "./index47.js";
+import Q from "./index37.js";
+import b from "./index52.js";
+import A from "./index53.js";
+import { filterData as f } from "./index51.js";
+import { useDebounceFn as w } from "./index166.js";
+const z = h({
+  name: "QDataFilter",
+  components: {
+    QBadge: B,
+    QBottomSheet: g,
+    QIcon: S,
+    QInput: D,
+    QTooltip: F,
+    QPopover: Q
+  },
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    excludedFields: {
+      type: Array,
+      default: () => []
+    },
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    orderBy: {
+      type: String,
+      default: "asc"
+    },
+    // Should the built in popover be repositioned and realigned automatically if it is outside viewport.
+    repositionPopover: {
+      type: Boolean,
+      default: !0
+    },
+    search: {
+      type: String,
+      default: ""
+    },
+    searchDelay: {
+      type: Number,
+      default: 300
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    showResultsCount: {
+      type: Boolean,
+      default: !1
+    },
+    sortBy: {
+      type: String,
+      default: "name"
+    },
+    noneEqualsAll: {
+      type: Boolean,
+      default: !0
+    },
+    filtersActive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:data",
+    "update:search",
+    "click:filters",
+    "popover:close",
+    "bottom-sheet:close"
+  ],
+  setup(t, { emit: a }) {
+    const u = w((e) => {
+      a("update:search", e);
+    }, t.searchDelay), d = A(), n = s(0), l = s(!1), r = s(!1), i = v(() => {
+      let e = 0;
+      return t.filters.forEach((o) => {
+        (typeof o.selected == "string" && o.selected || typeof o.selected != "string" && o.selected.length) && e++;
+      }), e;
+    }), p = () => {
+      r.value = !1, a("bottom-sheet:close");
+    }, m = () => {
+      l.value = !1, a("popover:close");
+    }, y = (e) => {
+      e(), a("click:filters");
+    };
+    return c(t, () => {
+      const e = f(
+        t.data,
+        t.search,
+        t.filters,
+        t.sortBy,
+        t.orderBy === "desc" ? -1 : 1,
+        t.excludedFields,
+        t.noneEqualsAll
+      );
+      n.value = e.length, a("update:data", e);
+    }, { deep: !0 }), c(l, (e, o) => {
+      o === !0 && e === !1 && a("popover:close");
+    }), c(r, (e, o) => {
+      o === !0 && e === !1 && a("bottom-sheet:close");
+    }), {
+      // Plugins
+      debouncedSearch: u,
+      // Ref
+      filteredCount: n,
+      showFilterBottomSheet: r,
+      showFilterPopover: l,
+      // Methods
+      closeBottomSheet: p,
+      closePopover: m,
+      onFilterClick: y,
+      // Computed
+      filtersCount: i,
+      // Composables
+      deviceType: d,
+      filterData: f,
+      mq: b
+    };
+  }
+});
+export {
+  z as default
+};

package/dist/index83.js

@@ -0,0 +1,141 @@
+import { defineComponent as U, ref as a, computed as v, onMounted as q, onUnmounted as A, nextTick as M } from "vue";
+import C from "./index6.js";
+import O from "./index14.js";
+import { useDrag as j } from "./index163.js";
+import { useMotionProperties as G, useMotionTransitions as I } from "./index164.js";
+import { useWindowScroll as J, useScroll as K } from "./index155.js";
+import H from "./index52.js";
+import X from "./index53.js";
+const ne = U({
+  name: "QDataList",
+  components: {
+    QBadge: C,
+    QDataFilter: O
+  },
+  props: {
+    /** Pass in an ID unique to the list. */
+    id: {
+      type: String,
+      default: "data-list"
+    },
+    /** Pass data for list */
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    /** Search can be dragged down - mobile screen size only */
+    hideSearch: {
+      type: Boolean,
+      default: !1
+    },
+    /** If the list should include the search and filters */
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    // Pass in if header will need to become fixed while vertical scrolling.
+    isFixed: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in the items per page to display.
+    itemsPerPage: {
+      type: Number,
+      default: 50
+    },
+    /** If the loading state is enabled */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /** Ability to customize the no result message */
+    noResultMessage: {
+      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", "page-updated", "click:list-item"],
+  setup(l, { emit: R }) {
+    const { deviceType: T } = X(), { y: t } = J(), { y: f } = K(window, { behavior: "smooth" }), g = a(0), n = a("down"), m = a(null), L = a(0), r = a(!1), P = a(!0), s = a(H.md ? !1 : l.hideSearch), p = a(!s.value), i = a(null), b = {
+      type: "keyframe",
+      ease: "linear",
+      duration: 0,
+      delay: 0
+    }, u = a(null), c = a(1), F = a(null), h = a(window.innerHeight), { motionProperties: Q } = G(u), { push: V } = I(), W = v(() => T.value === "desktop"), Y = v(() => c.value * l.itemsPerPage - 1), w = v(() => t.value <= 0 ? 70 : t.value > 70 ? 0 : 70 - t.value), k = v(() => Math.ceil(l.modelValue?.length / l.itemsPerPage) || 1), x = (e) => {
+      !e.dragging && t.value <= 24 && t.value >= 0 && (f.value = 0), !e.dragging && t.value > 24 && t.value < 70 && (f.value = 70), !(t.value > 0) && (r.value ? N(e) : z(e));
+    };
+    s.value && j(x, {
+      domTarget: u,
+      filterTaps: !0,
+      useTouch: !0,
+      delay: 100
+    });
+    const z = (e) => {
+      e.tap || e.axis === "x" || (r.value = !0);
+    }, N = (e) => {
+      if (e.tap || e.axis === "x")
+        return;
+      const o = e.direction[1], D = o >= 0, E = o <= 0 && t.value <= 0;
+      !p.value && (D || E) && y(!E, "drag"), r.value = !1;
+    }, d = async () => {
+      const e = t.value + h.value, o = m.value.offsetTop + m.value.offsetHeight;
+      e > o - 400 && c.value < k.value && (c.value++, R("page-updated"));
+    }, y = async (e, o) => {
+      if (p.value = e, await M(), P.value && n.value === "up" && t.value <= 0 || o === "drag") {
+        const D = w.value ? w.value : 0;
+        V("y", D, Q, b), P.value = !1;
+      }
+    }, S = () => {
+      const e = Math.max(0, t.value) > g.value ? "down" : "up";
+      e !== n.value && (n.value = e), t.value < 70 && y(!0, "scroll"), g.value = Math.max(0, t.value), d();
+    }, B = async () => {
+      h.value = window.innerHeight, await M();
+    };
+    return q(() => {
+      s.value ? (L.value = u.value.offsetTop - 16, window.addEventListener("scroll", S), i.value = "onScroll") : (window.addEventListener("scroll", d), i.value = "scrollWatcher"), window.addEventListener("resize", B);
+    }), A(() => {
+      i.value === "onScroll" ? window.removeEventListener("scroll", S) : i.value === "scrollWatcher" && window.removeEventListener("scroll", d), window.removeEventListener("resize", B);
+    }), {
+      // Refs
+      dataListRef: m,
+      defaultSearchTop: L,
+      isDragging: r,
+      isSearchVisible: p,
+      hiddenSearch: s,
+      listRef: u,
+      page: c,
+      prevScrollY: g,
+      scrollY: t,
+      scrollToY: f,
+      searchRef: F,
+      windowHeight: h,
+      // Computed
+      direction: n,
+      isDesktop: W,
+      lastOnPage: Y,
+      searchHeight: w,
+      totalPages: k,
+      // Methods
+      onScroll: S,
+      scrollWatcher: d,
+      toggleSearch: y,
+      // Composable
+      deviceType: T,
+      mq: H
+    };
+  }
+});
+export {
+  ne as default
+};