@quoreadmin/ui 1.8.10 → 1.9.0

package/dist/index65.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 s, 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: "outline" },
+      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: "outline" },
+      "satisfaction-call": { icon: "phone-plus", type: "fill" },
+      task: { icon: "tasks", type: "" },
+      "work-order": { icon: "hammer", type: "outline" },
+      "due-in": { icon: "due-in", type: "fill" },
+      posted: { icon: "check", type: "" },
+      added: { icon: "plus", type: "" },
+      edited: { icon: "pencil", type: "fill" },
+      paused: { icon: "paused", type: "" },
+      resumed: { icon: "start", type: "" },
+      reported: { icon: "front-desk", type: "" },
+      assigned: { icon: "user", type: "outline" }
+    }, p = d.history, l = e, m = c(() => d[l.type] ?? p), u = c(() => m.value.icon), v = c(() => m.value.type), f = c(() => l.isActionType ?? l.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": !f.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, [
+            s(n.$slots, "icon", {}, () => [
+              o("div", {
+                class: a([
+                  "activity-item__icon",
+                  "activity-item__content-icon-" + e.type
+                ])
+              }, [
+                w(h, {
+                  icon: u.value,
+                  type: v.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)) : s(n.$slots, "text", { key: 1 }, void 0, !0)
+            ]),
+            e.wrapTime ? (t(), i("div", $, [
+              e.time ? (t(), i("span", q, y(e.time), 1)) : s(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)) : s(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 "./index72.js";
-import { resolveComponent as c, openBlock as t, createElementBlock as n, createElementVNode as o, normalizeClass as s, createCommentVNode as i, renderSlot as r, normalizeProps as p, guardReactiveProps as h, createVNode as f } from "vue";
+import u from "./index73.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 "./index63.js";
+import m from "./index64.js";
 const v = ["value"], C = {
   key: 0,
   class: "cursor-pointer pb-3"
@@ -9,7 +9,7 @@ const v = ["value"], C = {
   key: 0,
   class: "w-auto"
 }, w = { class: "w-10 text-right" };
-function y(e, l, $, b, z, B) {
+function y(e, r, $, b, z, B) {
   const a = c("q-icon");
   return t(), n("div", {
     class: "sheet-container",
@@ -20,7 +20,7 @@ function y(e, l, $, b, z, B) {
         "sheet-overlay",
         { "cursor-pointer": e.allowOnClickOutside }
       ]),
-      onClick: l[0] || (l[0] = (...d) => e.onClickOutside && e.onClickOutside(...d))
+      onClick: r[0] || (r[0] = (...d) => e.onClickOutside && e.onClickOutside(...d))
     }, null, 2),
     o("div", {
       ref: "sheetRef",
@@ -34,12 +34,12 @@ function y(e, l, $, b, z, B) {
         class: s(["sheet-header", e.headerClass]),
         ref: "headerRef"
       }, [
-        e.allowDrag ? (t(), n("div", C, [...l[1] || (l[1] = [
-          o("div", { class: "bg-gray-20 h-1 w-11 rounded cursor-pointer mx-auto z-[201]" }, null, -1)
+        e.allowDrag ? (t(), n("div", C, [...r[1] || (r[1] = [
+          o("div", { class: "bg-gray-20 h-1 w-[4.5rem] rounded cursor-pointer mx-auto z-[201]" }, null, -1)
         ])])) : i("", !0),
         o("div", g, [
           e.showCloseButton ? (t(), n("div", k, [
-            r(e.$slots, "backAction", p(h({ onClose: e.onClose })), () => [
+            l(e.$slots, "backAction", p(h({ onClose: e.onClose })), () => [
               f(a, {
                 icon: "close",
                 type: "line",
@@ -52,10 +52,10 @@ function y(e, l, $, b, z, B) {
           o("h5", {
             class: s(["grow text-inkwell-40", e.titleClass])
           }, [
-            r(e.$slots, "header", {}, void 0, !0)
+            l(e.$slots, "header", {}, void 0, !0)
           ], 2),
           o("div", w, [
-            r(e.$slots, "headerAction", {}, void 0, !0)
+            l(e.$slots, "headerAction", {}, void 0, !0)
           ])
         ])
       ], 2),
@@ -65,12 +65,12 @@ function y(e, l, $, b, z, B) {
           e.contentClass
         ]])
       }, [
-        r(e.$slots, "default", {}, void 0, !0)
+        l(e.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 2)
   ], 8, v);
 }
-const P = /* @__PURE__ */ m(u, [["render", y], ["__scopeId", "data-v-91ada41d"]]);
+const P = /* @__PURE__ */ m(u, [["render", y], ["__scopeId", "data-v-1d2f236e"]]);
 export {
   P as default
 };

package/dist/{index72.js → index73.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 "./index173.js";
-import { useMotionProperties as N, useMotionTransitions as P } from "./index174.js";
+import { useDrag as M } from "./index176.js";
+import { useMotionProperties as N, useMotionTransitions as P } from "./index177.js";
 const Q = L({
   name: "QSheet",
   props: {

package/dist/index77.js

@@ -1,330 +1,62 @@
-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",
+import { defineComponent as a, computed as n } from "vue";
+import d from "./index178.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: {
+    options: {
       type: Array,
-      default: null
+      default: () => []
     },
-    /** Grey out dates that are not in the primary displayed month(s) */
-    greyOutNonCurrentMonth: {
-      type: Boolean,
-      default: !0
+    /** Needed when options are array of objects. optionLabel is what is visible to the user */
+    optionLabel: {
+      type: String,
+      default: ""
     },
-    /** Show navigation chevrons */
-    showNavigation: {
-      type: Boolean,
-      default: !0
+    /** Pass which option is disabled */
+    optionDisabled: {
+      type: String,
+      default: ""
     },
-    /** Show the month/year header */
-    showHeader: {
-      type: Boolean,
-      default: !0
+    labelBy: {
+      type: String,
+      default: ""
     },
-    /** Allow clicking header to select month/year */
-    headerClickable: {
+    /** Allow user to select multiple options */
+    allowMultiple: {
       type: Boolean,
-      default: !0
+      default: !1
     },
-    /** Show week day labels */
-    showWeekDays: {
+    /** Disable the button group */
+    disabled: {
       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
+      default: !1
     },
-    /** Locale for month/day names */
-    locale: {
+    label: {
       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
+      default: "label"
     }
   },
-  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;
+  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);
         }
-        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
+  s as default
 };