@quoreadmin/ui 1.9.2 → 1.10.0

package/dist/index79.js

@@ -0,0 +1,330 @@
+import { defineComponent as ae, ref as $, computed as h, watch as b } from "vue";
+import { useI18n as ne } from "vue-i18n";
+const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"], R = [
+  "HC_JANUARY",
+  "HC_FEBRUARY",
+  "HC_MARCH",
+  "HC_APRIL",
+  "HC_MAY",
+  "HC_JUNE",
+  "HC_JULY",
+  "HC_AUGUST",
+  "HC_SEPTEMBER",
+  "HC_OCTOBER",
+  "HC_NOVEMBER",
+  "HC_DECEMBER"
+], E = [
+  "HC_JAN",
+  "HC_FEB",
+  "HC_MAR",
+  "HC_APR",
+  "HC_MAY",
+  "HC_JUN",
+  "HC_JUL",
+  "HC_AUG",
+  "HC_SEP",
+  "HC_OCT",
+  "HC_NOV",
+  "HC_DEC"
+], se = ae({
+  name: "QCalendar",
+  props: {
+    /** Currently selected date(s) - single Date or array for range */
+    modelValue: {
+      type: [Date, Array],
+      default: null
+    },
+    /** Enable range selection mode */
+    range: {
+      type: Boolean,
+      default: !1
+    },
+    /** 
+     * Start date of the calendar view. 
+     * When provided with endDate, enables multi-month display.
+     * The calendar will show all weeks from startDate to endDate.
+     */
+    startDate: {
+      type: Date,
+      default: null
+    },
+    /**
+     * End date of the calendar view.
+     * When provided with startDate, enables multi-month display.
+     */
+    endDate: {
+      type: Date,
+      default: null
+    },
+    /**
+     * Which months to consider as "primary" (not greyed out).
+     * Array of {month, year} objects where month is 0-11.
+     * If not provided, derives from startDate/endDate range.
+     */
+    primaryMonths: {
+      type: Array,
+      default: null
+    },
+    /** Grey out dates that are not in the primary displayed month(s) */
+    greyOutNonCurrentMonth: {
+      type: Boolean,
+      default: !0
+    },
+    /** Show navigation chevrons */
+    showNavigation: {
+      type: Boolean,
+      default: !0
+    },
+    /** Show the month/year header */
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    /** Allow clicking header to select month/year */
+    headerClickable: {
+      type: Boolean,
+      default: !0
+    },
+    /** Show week day labels */
+    showWeekDays: {
+      type: Boolean,
+      default: !0
+    },
+    /** Function to determine disabled dates */
+    disabledDate: {
+      type: Function,
+      default: () => !1
+    },
+    /** Dates that should show an event indicator (green background) */
+    indicatorDates: {
+      type: Array,
+      default: () => []
+    },
+    /** Minimum selectable date */
+    minDate: {
+      type: Date,
+      default: null
+    },
+    /** Maximum selectable date */
+    maxDate: {
+      type: Date,
+      default: null
+    },
+    /** First day of week (0 = Sunday, 1 = Monday) */
+    firstDayOfWeek: {
+      type: Number,
+      default: 1
+      // Monday
+    },
+    /** Locale for month/day names */
+    locale: {
+      type: String,
+      default: "en"
+    },
+    /** 
+     * When true and startDate/endDate are provided, displays all months
+     * in a single continuous vertical grid instead of side-by-side.
+     */
+    continuous: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "date-click", "month-change", "view-change"],
+  setup(a, { emit: o }) {
+    const { t: c } = ne(), D = $("days"), r = $(/* @__PURE__ */ new Date()), C = $(null), w = $(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), g = h(() => !!(a.startDate && a.endDate)), V = h(() => {
+      const e = le.map((t) => c(t));
+      return a.firstDayOfWeek === 0 ? [c("HC_SUN"), ...e.slice(0, 6)] : e;
+    }), W = h(() => R.map((e) => c(e))), I = h(() => E.map((e) => c(e))), H = h(() => {
+      const e = /* @__PURE__ */ new Set();
+      if (a.primaryMonths && a.primaryMonths.length > 0)
+        a.primaryMonths.forEach((t) => {
+          e.add(`${t.year}-${t.month}`);
+        });
+      else if (g.value && a.startDate && a.endDate) {
+        const t = new Date(a.startDate.getFullYear(), a.startDate.getMonth(), 1), l = new Date(a.endDate.getFullYear(), a.endDate.getMonth(), 1);
+        for (; t <= l; )
+          e.add(`${t.getFullYear()}-${t.getMonth()}`), t.setMonth(t.getMonth() + 1);
+      } else
+        e.add(`${r.value.getFullYear()}-${r.value.getMonth()}`);
+      return e;
+    }), P = h(() => {
+      const e = [];
+      if (g.value && a.startDate && a.endDate && !a.continuous) {
+        const t = new Date(a.startDate.getFullYear(), a.startDate.getMonth(), 1), l = new Date(a.endDate.getFullYear(), a.endDate.getMonth(), 1);
+        for (; t <= l; )
+          e.push(F(new Date(t))), t.setMonth(t.getMonth() + 1);
+      } else a.continuous || e.push(F(new Date(r.value)));
+      return e;
+    }), x = h(() => {
+      if (!a.continuous || !g.value || !a.startDate || !a.endDate)
+        return { dates: [] };
+      const e = [], t = new Date(a.startDate);
+      let l = t.getDay() - a.firstDayOfWeek;
+      l < 0 && (l += 7);
+      const u = new Date(t);
+      u.setDate(u.getDate() - l);
+      const i = new Date(a.endDate);
+      let v = i.getDay() - a.firstDayOfWeek;
+      v < 0 && (v += 7);
+      const y = 6 - v, Y = new Date(i);
+      Y.setDate(Y.getDate() + y);
+      const d = new Date(u);
+      for (; d <= Y; ) {
+        const s = H.value.has(
+          `${d.getFullYear()}-${d.getMonth()}`
+        );
+        e.push(_(new Date(d), s)), d.setDate(d.getDate() + 1);
+      }
+      return { dates: e };
+    }), J = h(() => {
+      if (g.value && a.startDate && a.endDate) {
+        const e = a.startDate.getMonth(), t = a.startDate.getFullYear(), l = a.endDate.getMonth(), u = a.endDate.getFullYear();
+        return t === u ? e === l ? `${c(R[e])} ${t}` : `${c(E[e])}/${c(E[l])} ${t}` : `${c(E[e])} ${t} - ${c(E[l])} ${u}`;
+      }
+      return `${c(R[r.value.getMonth()])} ${r.value.getFullYear()}`;
+    }), L = h(() => {
+      const e = [];
+      for (let t = 0; t < 12; t++)
+        e.push(w.value + t);
+      return e;
+    }), n = h(() => a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue.filter((e) => e instanceof Date) : [a.modelValue] : []), f = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), A = (e) => f(e, /* @__PURE__ */ new Date()), O = (e) => n.value.some((t) => f(t, e)), N = (e) => {
+      if (!a.range || n.value.length < 2) {
+        if (a.range && n.value.length === 1 && C.value) {
+          const u = n.value[0], i = C.value, [v, y] = u < i ? [u, i] : [i, u];
+          return e > v && e < y;
+        }
+        return !1;
+      }
+      const [t, l] = n.value[0] < n.value[1] ? [n.value[0], n.value[1]] : [n.value[1], n.value[0]];
+      return e > t && e < l;
+    }, T = (e) => {
+      if (!a.range || n.value.length === 0) return !1;
+      if (n.value.length === 1) return f(e, n.value[0]);
+      const [t] = n.value[0] < n.value[1] ? [n.value[0], n.value[1]] : [n.value[1], n.value[0]];
+      return f(e, t);
+    }, k = (e) => {
+      if (!a.range || n.value.length < 2) return !1;
+      const [, t] = n.value[0] < n.value[1] ? [n.value[0], n.value[1]] : [n.value[1], n.value[0]];
+      return f(e, t);
+    }, B = (e) => !!(a.disabledDate(e) || a.minDate && e < a.minDate || a.maxDate && e > a.maxDate), U = (e) => a.indicatorDates.some((t) => f(t, e)), F = (e) => {
+      const t = e.getMonth(), l = e.getFullYear(), u = [], i = new Date(l, t, 1), v = new Date(l, t + 1, 0);
+      let y = i.getDay() - a.firstDayOfWeek;
+      y < 0 && (y += 7);
+      const Y = new Date(l, t, 0).getDate();
+      for (let s = y - 1; s >= 0; s--) {
+        const M = Y - s, m = new Date(l, t - 1, M), te = H.value.has(`${m.getFullYear()}-${m.getMonth()}`);
+        u.push(_(m, te));
+      }
+      for (let s = 1; s <= v.getDate(); s++) {
+        const M = new Date(l, t, s), m = H.value.has(`${l}-${t}`);
+        u.push(_(M, m));
+      }
+      const d = 42 - u.length;
+      for (let s = 1; s <= d; s++) {
+        const M = new Date(l, t + 1, s), m = H.value.has(`${M.getFullYear()}-${M.getMonth()}`);
+        u.push(_(M, m));
+      }
+      return { month: t, year: l, dates: u };
+    }, _ = (e, t) => ({
+      date: e,
+      day: e.getDate(),
+      month: e.getMonth(),
+      year: e.getFullYear(),
+      isCurrentMonth: t,
+      isToday: A(e),
+      isSelected: O(e),
+      isInRange: N(e),
+      isRangeStart: T(e),
+      isRangeEnd: k(e),
+      isDisabled: B(e),
+      hasIndicator: U(e)
+    }), G = () => {
+      const e = new Date(r.value);
+      e.setMonth(e.getMonth() - 1), r.value = e, o("month-change", e);
+    }, Q = () => {
+      const e = new Date(r.value);
+      e.setMonth(e.getMonth() + 1), r.value = e, o("month-change", e);
+    }, j = () => {
+      w.value -= 12;
+    }, K = () => {
+      w.value += 12;
+    }, q = () => {
+      a.headerClickable && (D.value === "days" ? D.value = "months" : D.value === "months" && (D.value = "years"), o("view-change", D.value));
+    }, z = (e) => {
+      const t = new Date(r.value);
+      t.setMonth(e), r.value = t, D.value = "days", o("view-change", D.value), o("month-change", t);
+    }, X = (e) => {
+      const t = new Date(r.value);
+      t.setFullYear(e), r.value = t, w.value = Math.floor(e / 12) * 12, D.value = "months", o("view-change", D.value);
+    }, Z = (e) => {
+      if (e.isDisabled) return;
+      const t = e.date;
+      if (o("date-click", t), a.range)
+        if (n.value.length === 0 || n.value.length === 2)
+          o("update:modelValue", [t]);
+        else {
+          const l = n.value[0], [u, i] = l < t ? [l, t] : [t, l];
+          o("update:modelValue", [u, i]);
+        }
+      else
+        o("update:modelValue", t);
+    }, p = (e) => {
+      a.range && n.value.length === 1 && (C.value = e.date);
+    }, ee = () => {
+      C.value = null;
+    }, S = (e) => {
+      r.value = new Date(e.getFullYear(), e.getMonth(), 1);
+    };
+    return b(() => a.modelValue, (e) => {
+      if (e && !g.value) {
+        const t = Array.isArray(e) ? e[0] : e;
+        t && S(t);
+      }
+    }, { immediate: !0 }), b(() => a.startDate, (e) => {
+      e && g.value && S(e);
+    }, { immediate: !0 }), {
+      // Refs
+      currentView: D,
+      viewDate: r,
+      hoverDate: C,
+      yearRangeStart: w,
+      // Computed
+      isMultiMonth: g,
+      daysOfWeek: V,
+      monthNames: W,
+      monthNamesShort: I,
+      displayedMonths: P,
+      headerTitle: J,
+      yearsInRange: L,
+      selectedDates: n,
+      primaryMonthsSet: H,
+      continuousCalendarData: x,
+      // Methods
+      isSameDay: f,
+      isToday: A,
+      isSelected: O,
+      isInRange: N,
+      isRangeStart: T,
+      isRangeEnd: k,
+      isDisabled: B,
+      hasIndicator: U,
+      generateMonthData: F,
+      createDateObject: _,
+      prevMonth: G,
+      nextMonth: Q,
+      prevYearRange: j,
+      nextYearRange: K,
+      onHeaderClick: q,
+      selectMonth: z,
+      selectYear: X,
+      onDateClick: Z,
+      onDateHover: p,
+      onDateLeave: ee,
+      goToDate: S
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/index8.js

@@ -1,8 +1,8 @@
-import r from "./index75.js";
-import { BTN_CLASS_PREFIX as v } from "./index75.js";
+import r from "./index76.js";
+import { BTN_CLASS_PREFIX as v } from "./index76.js";
 import { openBlock as t, createElementBlock as o, mergeProps as n, createElementVNode as i, renderSlot as a } from "vue";
 /* empty css        */
-import d from "./index64.js";
+import d from "./index65.js";
 const p = {
   key: 0,
   class: "circular",

package/dist/{index82.js → index83.js}

@@ -1,13 +1,13 @@
 import { defineComponent as B, ref as a, computed as f, nextTick as L, watch as Q } from "vue";
-import { DateTime as p } from "./index170.js";
-import h from "./index56.js";
+import { DateTime as p } from "./index173.js";
+import h from "./index57.js";
 import { useI18n as P } from "vue-i18n";
 import S from "./index4.js";
 import H from "./index30.js";
-import j from "./index53.js";
+import j from "./index54.js";
 import R from "./index33.js";
-import F from "./index40.js";
-import $ from "./index54.js";
+import F from "./index41.js";
+import $ from "./index55.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: {

package/dist/{index84.js → index85.js}

@@ -1,7 +1,7 @@
 import { defineComponent as i, ref as a, watch as c } from "vue";
 import { useI18n as p } from "vue-i18n";
 import r from "./index12.js";
-import y from "./index54.js";
+import y from "./index55.js";
 const h = i({
   name: "QCommentSection",
   components: {

package/dist/index87.js

@@ -1,144 +1,36 @@
-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 "./index28.js";
-import D from "./index31.js";
-import F from "./index51.js";
-import Q from "./index40.js";
-import b from "./index56.js";
-import A from "./index57.js";
-import { filterData as f } from "./index55.js";
-import { useDebounceFn as P } from "./index180.js";
-const j = h({
-  name: "QDataFilter",
-  components: {
-    QBadge: B,
-    QBottomSheet: g,
-    QIcon: S,
-    QInput: D,
-    QTooltip: F,
-    QPopover: Q
-  },
+import { defineComponent as n } from "vue";
+const o = n({
+  name: "QCounter",
   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: {
+    /** value of the counter */
+    modelValue: {
       type: Number,
-      default: 300
-    },
-    searchPlaceholder: {
-      type: String,
-      default: ""
-    },
-    showResultsCount: {
-      type: Boolean,
-      default: !1
+      default: 0
     },
-    sortBy: {
-      type: String,
-      default: "name"
+    /** Min value the user can decrement to */
+    min: {
+      type: Number,
+      default: 0
     },
-    noneEqualsAll: {
-      type: Boolean,
-      default: !0
+    /** Max value the user can increment to */
+    max: {
+      type: Number,
+      default: 100
     },
-    filtersActive: {
+    /** Disable the counter */
+    disabled: {
       type: Boolean,
       default: !1
-    },
-    filtersPopoverSize: {
-      type: String,
-      default: "lg"
     }
   },
-  emits: [
-    "update:data",
-    "update:search",
-    "click:filters",
-    "popover:close",
-    "bottom-sheet:close"
-  ],
-  setup(t, { emit: l }) {
-    const u = P((e) => {
-      l("update:search", e);
-    }, t.searchDelay), d = A(), n = s(0), r = s(!1), a = 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 = () => {
-      a.value = !1, l("bottom-sheet:close");
-    }, m = () => {
-      r.value = !1, l("popover:close");
-    }, y = (e) => {
-      e(), l("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, l("update:data", e);
-    }, { deep: !0 }), c(r, (e, o) => {
-      o === !0 && e === !1 && l("popover:close");
-    }), c(a, (e, o) => {
-      o === !0 && e === !1 && l("bottom-sheet:close");
-    }), {
-      // Plugins
-      debouncedSearch: u,
-      // Ref
-      filteredCount: n,
-      showFilterBottomSheet: a,
-      showFilterPopover: r,
-      // Methods
-      closeBottomSheet: p,
-      closePopover: m,
-      onFilterClick: y,
-      // Computed
-      filtersCount: i,
-      // Composables
-      deviceType: d,
-      filterData: f,
-      mq: b
-    };
+  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 {
-  j as default
+  o as default
 };

package/dist/index88.js

@@ -0,0 +1,144 @@
+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 "./index28.js";
+import D from "./index31.js";
+import F from "./index52.js";
+import Q from "./index41.js";
+import b from "./index57.js";
+import A from "./index58.js";
+import { filterData as f } from "./index56.js";
+import { useDebounceFn as P } from "./index183.js";
+const j = 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
+    },
+    filtersPopoverSize: {
+      type: String,
+      default: "lg"
+    }
+  },
+  emits: [
+    "update:data",
+    "update:search",
+    "click:filters",
+    "popover:close",
+    "bottom-sheet:close"
+  ],
+  setup(t, { emit: l }) {
+    const u = P((e) => {
+      l("update:search", e);
+    }, t.searchDelay), d = A(), n = s(0), r = s(!1), a = 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 = () => {
+      a.value = !1, l("bottom-sheet:close");
+    }, m = () => {
+      r.value = !1, l("popover:close");
+    }, y = (e) => {
+      e(), l("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, l("update:data", e);
+    }, { deep: !0 }), c(r, (e, o) => {
+      o === !0 && e === !1 && l("popover:close");
+    }), c(a, (e, o) => {
+      o === !0 && e === !1 && l("bottom-sheet:close");
+    }), {
+      // Plugins
+      debouncedSearch: u,
+      // Ref
+      filteredCount: n,
+      showFilterBottomSheet: a,
+      showFilterPopover: r,
+      // Methods
+      closeBottomSheet: p,
+      closePopover: m,
+      onFilterClick: y,
+      // Computed
+      filtersCount: i,
+      // Composables
+      deviceType: d,
+      filterData: f,
+      mq: b
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/index9.js

@@ -1,6 +1,6 @@
-import r from "./index77.js";
+import r from "./index78.js";
 import { resolveComponent as l, openBlock as n, createElementBlock as p, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
-import f from "./index64.js";
+import f from "./index65.js";
 const B = { class: "button-group flex justify-content-center" }, _ = { class: "flex align-items-center" }, y = { class: "option-label" };
 function V(e, t, k, D, $, g) {
   const s = l("q-icon"), a = l("SelectButton");