@quoreadmin/ui 1.10.32 → 1.11.0

package/dist/index67.js

@@ -0,0 +1,93 @@
+import { defineComponent as k, computed as c, resolveComponent as _, openBlock as t, createElementBlock as i, normalizeClass as a, createElementVNode as o, renderSlot as l, createVNode as w, toDisplayString as y, createCommentVNode as r } from "vue";
+const b = ["role"], T = { class: "shrink-0" }, C = { class: "activity-item__content-wrapper" }, g = { class: "activity-item__content-text" }, B = { key: 0 }, $ = {
+  key: 0,
+  class: "activity-item__time mb-1"
+}, q = { key: 0 }, x = {
+  key: 0,
+  class: "activity-item__time"
+}, A = { key: 0 }, z = /* @__PURE__ */ k({
+  __name: "activity-item",
+  props: {
+    type: { default: "history" },
+    text: { default: "" },
+    time: { default: "" },
+    isClickable: { type: Boolean, default: !1 },
+    wrapTime: { type: Boolean, default: !1 },
+    isActionType: { type: Boolean }
+  },
+  setup(e) {
+    const d = {
+      cleaning: { icon: "spray-bottle", type: "fill" },
+      complaint: { icon: "face-frown", type: "fill" },
+      fail: { icon: "close", type: "fill" },
+      history: { icon: "history", type: "fill" },
+      na: { icon: "na", type: "fill" },
+      pass: { icon: "check", type: "fill" },
+      repair: { icon: "minus", type: "fill" },
+      request: { icon: "concierge-bell", type: "fill" },
+      "satisfaction-call": { icon: "phone", type: "fill" },
+      task: { icon: "tasks", type: "" },
+      "work-order": { icon: "hammer", type: "fill" },
+      "due-in": { icon: "due-in", type: "fill" },
+      posted: { icon: "check", type: "" },
+      added: { icon: "plus", type: "" },
+      edited: { icon: "pencil", type: "fill" },
+      paused: { icon: "pause", type: "" },
+      resumed: { icon: "start", type: "fill" },
+      reported: { icon: "front-desk", type: "fill" },
+      assigned: { icon: "user", type: "fill" }
+    }, p = d.history, s = e, m = c(() => d[s.type] ?? p), f = c(() => m.value.icon), u = c(() => m.value.type), v = c(() => s.isActionType ?? s.type === "history");
+    return (n, N) => {
+      const h = _("q-icon");
+      return t(), i("div", {
+        role: e.isClickable ? "button" : void 0,
+        class: a(["activity-item", {
+          "bg-gray-0": !v.value,
+          "activity-item--clickable": e.isClickable,
+          "activity-item--wrap-time": e.wrapTime
+        }])
+      }, [
+        o("div", {
+          class: a([
+            "activity-item__content",
+            {
+              "items-center": !e.wrapTime
+            }
+          ])
+        }, [
+          o("div", T, [
+            l(n.$slots, "icon", {}, () => [
+              o("div", {
+                class: a([
+                  "activity-item__icon",
+                  "activity-item__content-icon-" + e.type
+                ])
+              }, [
+                w(h, {
+                  icon: f.value,
+                  type: u.value,
+                  size: "sm",
+                  color: "white"
+                }, null, 8, ["icon", "type"])
+              ], 2)
+            ], !0)
+          ]),
+          o("div", C, [
+            o("div", g, [
+              e.text ? (t(), i("span", B, y(e.text), 1)) : l(n.$slots, "text", { key: 1 }, void 0, !0)
+            ]),
+            e.wrapTime ? (t(), i("div", $, [
+              e.time ? (t(), i("span", q, y(e.time), 1)) : l(n.$slots, "time", { key: 1 }, void 0, !0)
+            ])) : r("", !0)
+          ])
+        ], 2),
+        e.wrapTime ? r("", !0) : (t(), i("div", x, [
+          e.time ? (t(), i("span", A, y(e.time), 1)) : l(n.$slots, "time", { key: 1 }, void 0, !0)
+        ]))
+      ], 10, b);
+    };
+  }
+});
+export {
+  z as default
+};

package/dist/index7.js

@@ -1,7 +1,7 @@
-import u from "./index74.js";
+import u from "./index75.js";
 import { resolveComponent as c, openBlock as t, createElementBlock as n, createElementVNode as o, normalizeClass as s, createCommentVNode as i, renderSlot as l, normalizeProps as p, guardReactiveProps as h, createVNode as f } from "vue";
 /* empty css        */
-import m from "./index65.js";
+import m from "./index66.js";
 const v = ["value"], C = {
   key: 0,
   class: "cursor-pointer pb-3"

package/dist/{index74.js → index75.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 "./index181.js";
-import { useMotionProperties as N, useMotionTransitions as P } from "./index182.js";
+import { useDrag as M } from "./index184.js";
+import { useMotionProperties as N, useMotionTransitions as P } from "./index185.js";
 const Q = L({
   name: "QSheet",
   props: {

package/dist/index79.js

@@ -1,419 +1,62 @@
-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",
+import { defineComponent as a, computed as n } from "vue";
+import d from "./index186.js";
+const s = a({
+  name: "ButtonGroup",
+  components: {
+    SelectButton: d
+  },
   props: {
-    /** Currently selected date(s) - single Date or array for range */
+    // Pass in a value for the v-model
     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,
+      type: [String, Object, Array],
       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: {
+    options: {
       type: Array,
       default: () => []
     },
-    /** Minimum selectable date */
-    minDate: {
-      type: Date,
-      default: null
-    },
-    /** Maximum selectable date */
-    maxDate: {
-      type: Date,
-      default: null
+    /** Needed when options are array of objects. optionLabel is what is visible to the user */
+    optionLabel: {
+      type: String,
+      default: ""
     },
-    /** First day of week (0 = Sunday, 1 = Monday) */
-    firstDayOfWeek: {
-      type: Number,
-      default: 1
-      // Monday
+    /** Pass which option is disabled */
+    optionDisabled: {
+      type: String,
+      default: ""
     },
-    /** Locale for month/day names */
-    locale: {
+    labelBy: {
       type: String,
-      default: "en"
+      default: ""
     },
-    /**
-     * When true and startDate/endDate are provided, displays all months
-     * in a single continuous vertical grid instead of side-by-side.
-     */
-    continuous: {
+    /** Allow user to select multiple options */
+    allowMultiple: {
       type: Boolean,
       default: !1
     },
-    /** Show as paginated date picker with popover calendar */
-    paginated: {
+    /** Disable the button group */
+    disabled: {
       type: Boolean,
       default: !1
+    },
+    label: {
+      type: String,
+      default: "label"
     }
   },
-  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);
+  emits: ["update:modelValue"],
+  setup(t, { emit: l }) {
+    return {
+      selected: n({
+        get: () => t.modelValue,
+        set: (e) => {
+          const o = !e || Array.isArray(e) && e.length === 0 ? t.modelValue : e;
+          l("update:modelValue", o);
         }
-      },
-      { 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
+  s as default
 };

package/dist/index8.js

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