@quoreadmin/ui 1.4.7 → 1.5.0

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,323 @@
+import { defineComponent as ee, ref as O, computed as f, watch as te } from "vue";
+const B = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], E = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], M = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+], ne = ee({
+  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
+    },
+    /** Number of months to display (for multi-view) */
+    numberOfMonths: {
+      type: Number,
+      default: 1
+    },
+    /** 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 indicator dot */
+    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"
+    },
+    /** 
+     * Display multiple months in a single continuous vertical grid 
+     * instead of side-by-side. Works with numberOfMonths > 1.
+     */
+    continuous: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Number of months to consider as "primary" (not greyed out) in continuous mode.
+     * Defaults to 1, meaning only the first month is highlighted.
+     * Set to same as numberOfMonths to highlight all visible months.
+     */
+    primaryMonthCount: {
+      type: Number,
+      default: 1
+    }
+  },
+  emits: ["update:modelValue", "date-click", "month-change", "view-change"],
+  setup(n, { emit: c }) {
+    const i = O("days"), o = O(/* @__PURE__ */ new Date()), y = O(null), d = O(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), x = f(() => n.firstDayOfWeek === 0 ? ["Sun", ...B.slice(0, 6)] : B), H = f(() => E), J = f(() => M), w = f(() => {
+      const e = [], t = new Date(o.value);
+      for (let l = 0; l < n.numberOfMonths; l++) {
+        const u = new Date(t.getFullYear(), t.getMonth() + l, 1);
+        e.push(W(u));
+      }
+      return e;
+    }), _ = f(() => {
+      if (n.numberOfMonths === 1)
+        return `${E[o.value.getMonth()]} ${o.value.getFullYear()}`;
+      const e = w.value[0], t = w.value[w.value.length - 1];
+      return e.year === t.year ? `${M[e.month]}/${M[t.month]} ${e.year}` : `${M[e.month]} ${e.year} - ${M[t.month]} ${t.year}`;
+    }), j = f(() => {
+      const e = [];
+      for (let t = 0; t < 12; t++)
+        e.push(d.value + t);
+      return e;
+    }), a = f(() => n.modelValue ? Array.isArray(n.modelValue) ? n.modelValue.filter((e) => e instanceof Date) : [n.modelValue] : []), S = f(() => {
+      const e = /* @__PURE__ */ new Set(), t = new Date(o.value), l = n.continuous ? n.primaryMonthCount : n.numberOfMonths;
+      for (let u = 0; u < l; u++) {
+        const s = new Date(t.getFullYear(), t.getMonth() + u, 1);
+        e.add(`${s.getFullYear()}-${s.getMonth()}`);
+      }
+      return e;
+    }), L = f(() => {
+      if (!n.continuous || n.numberOfMonths <= 1)
+        return { dates: [], primaryMonths: [] };
+      const e = [], t = new Date(o.value), l = new Date(t.getFullYear(), t.getMonth(), 1), u = new Date(t.getFullYear(), t.getMonth() + n.numberOfMonths, 0);
+      let s = l.getDay() - n.firstDayOfWeek;
+      s < 0 && (s += 7);
+      const v = new Date(l);
+      v.setDate(v.getDate() - s);
+      let h = u.getDay() - n.firstDayOfWeek;
+      h < 0 && (h += 7);
+      const N = 6 - h, m = new Date(u);
+      m.setDate(m.getDate() + N);
+      const r = new Date(v);
+      for (; r <= m; ) {
+        const D = S.value.has(
+          `${r.getFullYear()}-${r.getMonth()}`
+        );
+        e.push(I(new Date(r), D)), r.setDate(r.getDate() + 1);
+      }
+      return {
+        dates: e,
+        primaryMonths: Array.from(S.value).map((D) => {
+          const [, T] = D.split("-");
+          return parseInt(T, 10);
+        })
+      };
+    }), g = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), F = (e) => g(e, /* @__PURE__ */ new Date()), Y = (e) => a.value.some((t) => g(t, e)), k = (e) => {
+      if (!n.range || a.value.length < 2) {
+        if (n.range && a.value.length === 1 && y.value) {
+          const u = a.value[0], s = y.value, [v, h] = u < s ? [u, s] : [s, u];
+          return e > v && e < h;
+        }
+        return !1;
+      }
+      const [t, l] = a.value[0] < a.value[1] ? [a.value[0], a.value[1]] : [a.value[1], a.value[0]];
+      return e > t && e < l;
+    }, C = (e) => {
+      if (!n.range || a.value.length === 0) return !1;
+      if (a.value.length === 1) return g(e, a.value[0]);
+      const [t] = a.value[0] < a.value[1] ? [a.value[0], a.value[1]] : [a.value[1], a.value[0]];
+      return g(e, t);
+    }, R = (e) => {
+      if (!n.range || a.value.length < 2) return !1;
+      const [, t] = a.value[0] < a.value[1] ? [a.value[0], a.value[1]] : [a.value[1], a.value[0]];
+      return g(e, t);
+    }, A = (e) => !!(n.disabledDate(e) || n.minDate && e < n.minDate || n.maxDate && e > n.maxDate), $ = (e) => n.indicatorDates.some((t) => g(t, e)), W = (e) => {
+      const t = e.getMonth(), l = e.getFullYear(), u = [], s = new Date(l, t, 1), v = new Date(l, t + 1, 0);
+      let h = s.getDay() - n.firstDayOfWeek;
+      h < 0 && (h += 7);
+      const N = new Date(l, t, 0).getDate();
+      for (let r = h - 1; r >= 0; r--) {
+        const D = N - r, T = new Date(l, t - 1, D);
+        u.push(b(T, !1));
+      }
+      for (let r = 1; r <= v.getDate(); r++) {
+        const D = new Date(l, t, r);
+        u.push(b(D, !0));
+      }
+      const m = 42 - u.length;
+      for (let r = 1; r <= m; r++) {
+        const D = new Date(l, t + 1, r);
+        u.push(b(D, !1));
+      }
+      return { month: t, year: l, dates: u };
+    }, b = (e, t) => ({
+      date: e,
+      day: e.getDate(),
+      month: e.getMonth(),
+      year: e.getFullYear(),
+      isCurrentMonth: t,
+      isToday: F(e),
+      isSelected: Y(e),
+      isInRange: k(e),
+      isRangeStart: C(e),
+      isRangeEnd: R(e),
+      isDisabled: A(e),
+      hasIndicator: $(e)
+    }), I = (e, t) => ({
+      date: e,
+      day: e.getDate(),
+      month: e.getMonth(),
+      year: e.getFullYear(),
+      isCurrentMonth: t,
+      // In continuous mode, "current month" means primary months
+      isToday: F(e),
+      isSelected: Y(e),
+      isInRange: k(e),
+      isRangeStart: C(e),
+      isRangeEnd: R(e),
+      isDisabled: A(e),
+      hasIndicator: $(e)
+    }), Q = () => {
+      const e = new Date(o.value);
+      e.setMonth(e.getMonth() - 1), o.value = e, c("month-change", e);
+    }, K = () => {
+      const e = new Date(o.value);
+      e.setMonth(e.getMonth() + 1), o.value = e, c("month-change", e);
+    }, P = () => {
+      d.value -= 12;
+    }, q = () => {
+      d.value += 12;
+    }, z = () => {
+      n.headerClickable && (i.value === "days" ? i.value = "months" : i.value === "months" && (i.value = "years"), c("view-change", i.value));
+    }, G = (e) => {
+      const t = new Date(o.value);
+      t.setMonth(e), o.value = t, i.value = "days", c("view-change", i.value), c("month-change", t);
+    }, U = (e) => {
+      const t = new Date(o.value);
+      t.setFullYear(e), o.value = t, d.value = Math.floor(e / 12) * 12, i.value = "months", c("view-change", i.value);
+    }, X = (e) => {
+      if (e.isDisabled) return;
+      const t = e.date;
+      if (c("date-click", t), n.range)
+        if (a.value.length === 0 || a.value.length === 2)
+          c("update:modelValue", [t]);
+        else {
+          const l = a.value[0], [u, s] = l < t ? [l, t] : [t, l];
+          c("update:modelValue", [u, s]);
+        }
+      else
+        c("update:modelValue", t);
+    }, Z = (e) => {
+      n.range && a.value.length === 1 && (y.value = e.date);
+    }, p = () => {
+      y.value = null;
+    }, V = (e) => {
+      o.value = new Date(e.getFullYear(), e.getMonth(), 1);
+    };
+    return te(() => n.modelValue, (e) => {
+      if (e) {
+        const t = Array.isArray(e) ? e[0] : e;
+        t && V(t);
+      }
+    }, { immediate: !0 }), {
+      // Refs
+      currentView: i,
+      viewDate: o,
+      hoverDate: y,
+      yearRangeStart: d,
+      // Computed
+      daysOfWeek: x,
+      monthNames: H,
+      monthNamesShort: J,
+      displayedMonths: w,
+      headerTitle: _,
+      yearsInRange: j,
+      selectedDates: a,
+      primaryMonths: S,
+      continuousCalendarData: L,
+      // Methods
+      isSameDay: g,
+      isToday: F,
+      isSelected: Y,
+      isInRange: k,
+      isRangeStart: C,
+      isRangeEnd: R,
+      isDisabled: A,
+      hasIndicator: $,
+      generateMonthData: W,
+      createDateObject: b,
+      createDateObjectForContinuous: I,
+      prevMonth: Q,
+      nextMonth: K,
+      prevYearRange: P,
+      nextYearRange: q,
+      onHeaderClick: z,
+      selectMonth: G,
+      selectYear: U,
+      onDateClick: X,
+      onDateHover: Z,
+      onDateLeave: p,
+      goToDate: V
+    };
+  }
+});
+export {
+  ne 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",