@quoreadmin/ui 1.4.8 → 1.5.1

package/dist/{index69.js → index70.js}

@@ -1,6 +1,6 @@
 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";
+import { useDrag as M } from "./index166.js";
+import { useMotionProperties as N, useMotionTransitions as P } from "./index167.js";
 const Q = L({
   name: "QSheet",
   props: {

package/dist/index74.js

@@ -1,105 +1,62 @@
-import { defineComponent as f, ref as i, watch as o } from "vue";
-import m from "./index26.js";
-const y = f({
-  name: "QCheckbox",
+import { defineComponent as a, computed as n } from "vue";
+import d from "./index168.js";
+const s = a({
+  name: "ButtonGroup",
   components: {
-    QIcon: m
+    SelectButton: d
   },
   props: {
-    // Id applied to the checkbox input.
-    id: {
+    // 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: ""
     },
-    // Label shown for the checkbox.
-    // i.e. 'Accept terms and conditions.'
-    label: {
+    /** Pass which option is disabled */
+    optionDisabled: {
       type: String,
       default: ""
     },
-    // Name field for form submission, if necessary.
-    name: {
+    labelBy: {
       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: {
+    /** Allow user to select multiple options */
+    allowMultiple: {
       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: {
+    /** Disable the button group */
+    disabled: {
       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: {
+    label: {
       type: String,
-      default: "md"
+      default: "label"
     }
   },
-  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);
-    };
+  emits: ["update:modelValue"],
+  setup(t, { emit: l }) {
     return {
-      // Refs
-      checkboxElement: u,
-      isChecked: a,
-      // Methods
-      handleChange: c
+      selected: n({
+        get: () => t.modelValue,
+        set: (e) => {
+          const o = !e || Array.isArray(e) && e.length === 0 ? t.modelValue : e;
+          l("update:modelValue", o);
+        }
+      })
     };
   }
 });
 export {
-  y as default
+  s as default
 };

package/dist/index75.js

@@ -0,0 +1,326 @@
+import { defineComponent as ae, ref as O, computed as D, watch as V } from "vue";
+const x = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], A = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], S = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+], le = 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 c = O("days"), r = O(/* @__PURE__ */ new Date()), m = O(null), w = O(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), g = D(() => !!(a.startDate && a.endDate)), H = D(() => a.firstDayOfWeek === 0 ? ["Sun", ...x.slice(0, 6)] : x), J = D(() => A), I = D(() => S), 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 (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 = D(() => {
+      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(b(new Date(t))), t.setMonth(t.getMonth() + 1);
+      } else a.continuous || e.push(b(new Date(r.value)));
+      return e;
+    }), _ = D(() => {
+      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 f = i.getDay() - a.firstDayOfWeek;
+      f < 0 && (f += 7);
+      const v = 6 - f, F = new Date(i);
+      F.setDate(F.getDate() + v);
+      const h = new Date(u);
+      for (; h <= F; ) {
+        const s = Y.value.has(
+          `${h.getFullYear()}-${h.getMonth()}`
+        );
+        e.push($(new Date(h), s)), h.setDate(h.getDate() + 1);
+      }
+      return { dates: e };
+    }), L = D(() => {
+      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 ? `${A[e]} ${t}` : `${S[e]}/${S[l]} ${t}` : `${S[e]} ${t} - ${S[l]} ${u}`;
+      }
+      return `${A[r.value.getMonth()]} ${r.value.getFullYear()}`;
+    }), Q = D(() => {
+      const e = [];
+      for (let t = 0; t < 12; t++)
+        e.push(w.value + t);
+      return e;
+    }), n = D(() => a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue.filter((e) => e instanceof Date) : [a.modelValue] : []), d = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), R = (e) => d(e, /* @__PURE__ */ new Date()), T = (e) => n.value.some((t) => d(t, e)), C = (e) => {
+      if (!a.range || n.value.length < 2) {
+        if (a.range && n.value.length === 1 && m.value) {
+          const u = n.value[0], i = m.value, [f, v] = u < i ? [u, i] : [i, u];
+          return e > f && e < v;
+        }
+        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;
+    }, E = (e) => {
+      if (!a.range || n.value.length === 0) return !1;
+      if (n.value.length === 1) return d(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 d(e, t);
+    }, N = (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 d(e, t);
+    }, W = (e) => !!(a.disabledDate(e) || a.minDate && e < a.minDate || a.maxDate && e > a.maxDate), B = (e) => a.indicatorDates.some((t) => d(t, e)), b = (e) => {
+      const t = e.getMonth(), l = e.getFullYear(), u = [], i = new Date(l, t, 1), f = new Date(l, t + 1, 0);
+      let v = i.getDay() - a.firstDayOfWeek;
+      v < 0 && (v += 7);
+      const F = new Date(l, t, 0).getDate();
+      for (let s = v - 1; s >= 0; s--) {
+        const y = F - s, M = new Date(l, t - 1, y), te = Y.value.has(`${M.getFullYear()}-${M.getMonth()}`);
+        u.push($(M, te));
+      }
+      for (let s = 1; s <= f.getDate(); s++) {
+        const y = new Date(l, t, s), M = Y.value.has(`${l}-${t}`);
+        u.push($(y, M));
+      }
+      const h = 42 - u.length;
+      for (let s = 1; s <= h; s++) {
+        const y = new Date(l, t + 1, s), M = Y.value.has(`${y.getFullYear()}-${y.getMonth()}`);
+        u.push($(y, M));
+      }
+      return { month: t, year: l, dates: u };
+    }, $ = (e, t) => ({
+      date: e,
+      day: e.getDate(),
+      month: e.getMonth(),
+      year: e.getFullYear(),
+      isCurrentMonth: t,
+      isToday: R(e),
+      isSelected: T(e),
+      isInRange: C(e),
+      isRangeStart: E(e),
+      isRangeEnd: N(e),
+      isDisabled: W(e),
+      hasIndicator: B(e)
+    }), j = () => {
+      const e = new Date(r.value);
+      e.setMonth(e.getMonth() - 1), r.value = e, o("month-change", e);
+    }, K = () => {
+      const e = new Date(r.value);
+      e.setMonth(e.getMonth() + 1), r.value = e, o("month-change", e);
+    }, q = () => {
+      w.value -= 12;
+    }, z = () => {
+      w.value += 12;
+    }, G = () => {
+      a.headerClickable && (c.value === "days" ? c.value = "months" : c.value === "months" && (c.value = "years"), o("view-change", c.value));
+    }, U = (e) => {
+      const t = new Date(r.value);
+      t.setMonth(e), r.value = t, c.value = "days", o("view-change", c.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, c.value = "months", o("view-change", c.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 && (m.value = e.date);
+    }, ee = () => {
+      m.value = null;
+    }, k = (e) => {
+      r.value = new Date(e.getFullYear(), e.getMonth(), 1);
+    };
+    return V(() => a.modelValue, (e) => {
+      if (e && !g.value) {
+        const t = Array.isArray(e) ? e[0] : e;
+        t && k(t);
+      }
+    }, { immediate: !0 }), V(() => a.startDate, (e) => {
+      e && g.value && k(e);
+    }, { immediate: !0 }), {
+      // Refs
+      currentView: c,
+      viewDate: r,
+      hoverDate: m,
+      yearRangeStart: w,
+      // Computed
+      isMultiMonth: g,
+      daysOfWeek: H,
+      monthNames: J,
+      monthNamesShort: I,
+      displayedMonths: P,
+      headerTitle: L,
+      yearsInRange: Q,
+      selectedDates: n,
+      primaryMonthsSet: Y,
+      continuousCalendarData: _,
+      // Methods
+      isSameDay: d,
+      isToday: R,
+      isSelected: T,
+      isInRange: C,
+      isRangeStart: E,
+      isRangeEnd: N,
+      isDisabled: W,
+      hasIndicator: B,
+      generateMonthData: b,
+      createDateObject: $,
+      prevMonth: j,
+      nextMonth: K,
+      prevYearRange: q,
+      nextYearRange: z,
+      onHeaderClick: G,
+      selectMonth: U,
+      selectYear: X,
+      onDateClick: Z,
+      onDateHover: p,
+      onDateLeave: ee,
+      goToDate: k
+    };
+  }
+});
+export {
+  le as default
+};

package/dist/index77.js

@@ -0,0 +1,105 @@
+import { defineComponent as f, ref as i, watch as o } from "vue";
+import m from "./index27.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 → index79.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 "./index156.js";
-import h from "./index52.js";
+import { DateTime as p } from "./index159.js";
+import h from "./index53.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";
+import H from "./index29.js";
+import j from "./index50.js";
+import R from "./index32.js";
+import F from "./index38.js";
+import $ from "./index51.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/index8.js

@@ -1,8 +1,8 @@
-import r from "./index71.js";
-import { BTN_CLASS_PREFIX as v } from "./index71.js";
+import r from "./index72.js";
+import { BTN_CLASS_PREFIX as v } from "./index72.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";
+import d from "./index61.js";
 const p = {
   key: 0,
   class: "circular",