@quoreadmin/ui 1.10.33 → 1.11.0

package/dist/index80.js

@@ -0,0 +1,419 @@
+import { defineComponent as se, ref as F, computed as D, watch as U } from "vue";
+import { useI18n as oe } from "vue-i18n";
+const ce = [
+  "HC_MON",
+  "HC_TUE",
+  "HC_WED",
+  "HC_THU",
+  "HC_FRI",
+  "HC_SAT",
+  "HC_SUN"
+], A = [
+  "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"
+], de = se({
+  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
+    },
+    /** Show as paginated date picker with popover calendar */
+    paginated: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "date-click",
+    "date-change",
+    "month-change",
+    "view-change"
+  ],
+  setup(a, { emit: c }) {
+    const { t: i } = oe(), h = F("days"), r = F(/* @__PURE__ */ new Date()), H = F(null), $ = F(
+      Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12
+    ), y = F(!1), m = D(() => !!(a.startDate && a.endDate)), b = D(() => {
+      const e = ce.map((t) => i(t));
+      return a.firstDayOfWeek === 0 ? [i("HC_SUN"), ...e.slice(0, 6)] : e;
+    }), P = D(
+      () => A.map((e) => i(e))
+    ), W = D(
+      () => E.map((e) => i(e))
+    ), I = D(() => {
+      if (!a.minDate) return !1;
+      const e = new Date(a.modelValue), t = new Date(a.minDate), l = ("0" + (e.getMonth() + 1)).slice(
+        -2
+      ), u = ("0" + (t.getMonth() + 1)).slice(-2), s = ("0" + e.getDate()).slice(-2), d = ("0" + t.getDate()).slice(-2), g = `${e.getFullYear()}-${l}-${s}`, f = `${t.getFullYear()}-${u}-${d}`;
+      return !!a.paginated && !y.value && g <= f;
+    }), J = D(() => {
+      if (!a.maxDate) return !1;
+      const e = new Date(a.modelValue), t = new Date(a.maxDate), l = ("0" + (e.getMonth() + 1)).slice(
+        -2
+      ), u = ("0" + (t.getMonth() + 1)).slice(-2), s = ("0" + e.getDate()).slice(-2), d = ("0" + t.getDate()).slice(-2), g = `${e.getFullYear()}-${l}-${s}`, f = `${t.getFullYear()}-${u}-${d}`;
+      return !!a.paginated && !y.value && g >= f;
+    }), Y = D(() => {
+      const e = /* @__PURE__ */ new Set();
+      if (a.primaryMonths && a.primaryMonths.length > 0)
+        a.primaryMonths.forEach((t) => {
+          e.add(`${t.year}-${t.month}`);
+        });
+      else if (m.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;
+    }), L = D(() => {
+      const e = [];
+      if (m.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(S(new Date(t))), t.setMonth(t.getMonth() + 1);
+      } else a.continuous || e.push(S(new Date(r.value)));
+      return e;
+    }), G = D(() => {
+      if (!a.continuous || !m.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 s = new Date(a.endDate);
+      let d = s.getDay() - a.firstDayOfWeek;
+      d < 0 && (d += 7);
+      const g = 6 - d, f = new Date(s);
+      f.setDate(f.getDate() + g);
+      const v = new Date(u);
+      for (; v <= f; ) {
+        const o = Y.value.has(
+          `${v.getFullYear()}-${v.getMonth()}`
+        );
+        e.push(
+          _(new Date(v), o)
+        ), v.setDate(v.getDate() + 1);
+      }
+      return { dates: e };
+    }), Q = D(() => {
+      if (m.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 ? `${i(A[e])} ${t}` : `${i(E[e])}/${i(E[l])} ${t}` : `${i(E[e])} ${t} - ${i(E[l])} ${u}`;
+      }
+      if (a.paginated && !y.value) {
+        const e = a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue[0] : a.modelValue : r.value, t = e instanceof Date ? e : r.value;
+        return `${i(A[t.getMonth()])} ${t.getDate()}, ${t.getFullYear()}`;
+      }
+      return `${i(A[r.value.getMonth()])} ${r.value.getFullYear()}`;
+    }), j = D(() => {
+      const e = [];
+      for (let t = 0; t < 12; t++)
+        e.push($.value + t);
+      return e;
+    }), n = D(() => a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue.filter((e) => e instanceof Date) : [a.modelValue] : []), M = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), O = (e) => M(e, /* @__PURE__ */ new Date()), V = (e) => n.value.some((t) => M(t, e)), N = (e) => {
+      if (!a.range || n.value.length < 2) {
+        if (a.range && n.value.length === 1 && H.value) {
+          const u = n.value[0], s = H.value, [d, g] = u < s ? [u, s] : [s, u];
+          return e > d && e < g;
+        }
+        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 M(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 M(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 M(e, t);
+    }, x = (e) => !!(a.disabledDate(e) || a.minDate && e < a.minDate || a.maxDate && e > a.maxDate), B = (e) => a.indicatorDates.some((t) => M(t, e)), S = (e) => {
+      const t = e.getMonth(), l = e.getFullYear(), u = [], s = new Date(l, t, 1), d = new Date(l, t + 1, 0);
+      let g = s.getDay() - a.firstDayOfWeek;
+      g < 0 && (g += 7);
+      const f = new Date(l, t, 0).getDate();
+      for (let o = g - 1; o >= 0; o--) {
+        const w = f - o, C = new Date(l, t - 1, w), re = Y.value.has(
+          `${C.getFullYear()}-${C.getMonth()}`
+        );
+        u.push(_(C, re));
+      }
+      for (let o = 1; o <= d.getDate(); o++) {
+        const w = new Date(l, t, o), C = Y.value.has(
+          `${l}-${t}`
+        );
+        u.push(_(w, C));
+      }
+      const v = 42 - u.length;
+      for (let o = 1; o <= v; o++) {
+        const w = new Date(l, t + 1, o), C = Y.value.has(
+          `${w.getFullYear()}-${w.getMonth()}`
+        );
+        u.push(_(w, C));
+      }
+      return { month: t, year: l, dates: u };
+    }, _ = (e, t) => ({
+      date: e,
+      day: e.getDate(),
+      month: e.getMonth(),
+      year: e.getFullYear(),
+      isCurrentMonth: t,
+      isToday: O(e),
+      isSelected: V(e),
+      isInRange: N(e),
+      isRangeStart: T(e),
+      isRangeEnd: k(e),
+      isDisabled: x(e),
+      hasIndicator: B(e)
+    }), K = () => {
+      const e = new Date(a.modelValue);
+      e.setDate(e.getDate() - 1), r.value = e, c("update:modelValue", r.value);
+    }, q = () => {
+      const e = new Date(a.modelValue);
+      e.setDate(e.getDate() + 1), r.value = e, c("update:modelValue", e);
+    }, z = () => {
+      const e = new Date(r.value);
+      e.setMonth(e.getMonth() - 1), r.value = e, c("month-change", e);
+    }, X = () => {
+      const e = new Date(r.value);
+      e.setMonth(e.getMonth() + 1), r.value = e, c("month-change", e);
+    }, Z = () => {
+      $.value -= 12;
+    }, p = () => {
+      $.value += 12;
+    }, ee = () => {
+      a.headerClickable && (a.paginated && !y.value ? y.value = !0 : h.value === "days" ? h.value = "months" : h.value === "months" && (h.value = "years"), c("view-change", h.value));
+    }, te = (e) => {
+      const t = new Date(r.value);
+      t.setMonth(e), r.value = t, h.value = "days", c("view-change", h.value), c("month-change", t);
+    }, ae = (e) => {
+      const t = new Date(r.value);
+      t.setFullYear(e), r.value = t, $.value = Math.floor(e / 12) * 12, h.value = "months", c("view-change", h.value);
+    }, ne = (e) => {
+      if (e.isDisabled) return;
+      const t = e.date;
+      if (y.value = !1, c("date-click", t), a.range)
+        if (n.value.length === 0 || n.value.length === 2)
+          c("update:modelValue", [t]);
+        else {
+          const l = n.value[0], [u, s] = l < t ? [l, t] : [t, l];
+          c("update:modelValue", [u, s]);
+        }
+      else
+        c("update:modelValue", t);
+    }, le = (e) => {
+      a.range && n.value.length === 1 && (H.value = e.date);
+    }, ue = () => {
+      H.value = null;
+    }, R = (e) => {
+      r.value = new Date(e.getFullYear(), e.getMonth(), 1);
+    };
+    return U(
+      () => a.modelValue,
+      (e) => {
+        if (e && !m.value) {
+          const t = Array.isArray(e) ? e[0] : e;
+          t && R(t);
+        }
+      },
+      { immediate: !0 }
+    ), U(
+      () => a.startDate,
+      (e) => {
+        e && m.value && R(e);
+      },
+      { immediate: !0 }
+    ), {
+      // Refs
+      currentView: h,
+      viewDate: r,
+      hoverDate: H,
+      yearRangeStart: $,
+      showPaginatedCalendar: y,
+      // Computed
+      isMultiMonth: m,
+      daysOfWeek: b,
+      monthNames: P,
+      monthNamesShort: W,
+      navPrevDisabled: I,
+      navNextDisabled: J,
+      displayedMonths: L,
+      headerTitle: Q,
+      yearsInRange: j,
+      selectedDates: n,
+      primaryMonthsSet: Y,
+      continuousCalendarData: G,
+      // Methods
+      isSameDay: M,
+      isToday: O,
+      isSelected: V,
+      isInRange: N,
+      isRangeStart: T,
+      isRangeEnd: k,
+      isDisabled: x,
+      hasIndicator: B,
+      generateMonthData: S,
+      createDateObject: _,
+      prevDay: K,
+      nextDay: q,
+      prevMonth: z,
+      nextMonth: X,
+      prevYearRange: Z,
+      nextYearRange: p,
+      onHeaderClick: ee,
+      selectMonth: te,
+      selectYear: ae,
+      onDateClick: ne,
+      onDateHover: le,
+      onDateLeave: ue,
+      goToDate: R
+    };
+  }
+});
+export {
+  de as default
+};

package/dist/{index83.js → index84.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 "./index174.js";
-import h from "./index57.js";
+import { DateTime as p } from "./index177.js";
+import h from "./index58.js";
 import { useI18n as P } from "vue-i18n";
 import S from "./index4.js";
 import H from "./index30.js";
-import j from "./index54.js";
+import j from "./index55.js";
 import R from "./index33.js";
 import F from "./index41.js";
-import $ from "./index55.js";
+import $ from "./index56.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/{index85.js → index86.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 "./index55.js";
+import y from "./index56.js";
 const h = i({
   name: "QCommentSection",
   components: {

package/dist/index88.js

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