@quoreadmin/ui 1.10.24 → 1.10.26

package/dist/index10.js

@@ -1,244 +1,273 @@
-import w from "./index79.js";
-import { resolveComponent as g, openBlock as s, createElementBlock as o, renderSlot as t, createVNode as p, createElementVNode as c, normalizeClass as h, toDisplayString as r, createBlock as C, createCommentVNode as i, Fragment as d, renderList as u, createTextVNode as k } from "vue";
+import m from "./index79.js";
+import { resolveComponent as w, openBlock as n, createElementBlock as s, normalizeClass as t, renderSlot as d, createVNode as p, createElementVNode as v, toDisplayString as r, createBlock as b, createCommentVNode as l, Fragment as y, renderList as u, createTextVNode as c } from "vue";
 /* empty css        */
-import $ from "./index65.js";
-const M = { class: "q-calendar" }, V = {
-  key: 0,
-  class: "calendar-header"
-}, f = {
+import C from "./index65.js";
+const $ = ["disabled"], D = {
   key: 1,
   class: "nav-spacer"
-}, N = ["disabled"], D = {
+}, M = ["disabled"], f = {
   key: 0,
   class: "header-text"
-}, R = {
+}, N = {
   key: 1,
   class: "header-text"
-}, S = {
+}, V = {
   key: 2,
   class: "header-text"
-}, b = {
+}, R = ["disabled"], S = {
   key: 3,
   class: "nav-spacer"
-}, T = {
-  key: 1,
+}, P = {
+  key: 0,
   class: "calendar-body"
-}, I = {
+}, T = {
   key: 0,
   class: "month-label"
-}, H = {
+}, I = {
   key: 1,
   class: "calendar-weekdays"
-}, L = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
+}, H = { class: "calendar-grid" }, L = ["onClick", "onMouseenter"], Y = { class: "day-number" }, z = {
   key: 0,
   class: "today-indicator"
-}, W = {
-  key: 2,
+}, E = {
+  key: 1,
   class: "calendar-body calendar-body-continuous"
-}, q = { class: "calendar-month calendar-month-continuous" }, B = {
+}, W = { class: "calendar-month calendar-month-continuous" }, q = {
   key: 0,
   class: "calendar-weekdays"
-}, F = { class: "calendar-grid calendar-grid-continuous" }, P = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
+}, B = { class: "calendar-grid calendar-grid-continuous" }, F = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
   key: 0,
   class: "today-indicator"
 }, G = {
-  key: 3,
+  key: 2,
   class: "calendar-months-view"
 }, J = ["onClick"], K = {
-  key: 4,
+  key: 3,
   class: "calendar-years-view"
 }, U = ["onClick"], X = {
-  key: 5,
+  key: 4,
   class: "calendar-footer"
 };
-function Z(e, l, _, O, j, x) {
-  const v = g("q-icon");
-  return s(), o("div", M, [
-    e.showHeader ? (s(), o("div", V, [
-      e.showNavigation ? (s(), o("button", {
+function Z(e, i, O, j, _, x) {
+  const g = w("q-icon");
+  return n(), s("div", {
+    class: t(["q-calendar", { "paginated relative": e.paginated }])
+  }, [
+    e.showHeader ? (n(), s("div", {
+      key: 0,
+      class: t(["calendar-header", { "paginated-header": e.paginated }])
+    }, [
+      e.showNavigation ? (n(), s("button", {
         key: 0,
         type: "button",
-        class: "nav-button nav-prev",
-        onClick: l[0] || (l[0] = (n) => e.currentView === "years" ? e.prevYearRange() : e.prevMonth()),
+        class: t([
+          "nav-button",
+          "nav-prev",
+          {
+            "border !border-solid border-gray-10 hover:!bg-gray-0 mr-2": e.paginated,
+            "nav-prev-disabled !bg-gray-0": e.navPrevDisabled
+          }
+        ]),
+        disabled: e.navPrevDisabled,
+        onClick: i[0] || (i[0] = (a) => e.paginated && !e.showPaginatedCalendar && !e.navPrevDisabled ? e.prevDay() : e.currentView === "years" ? e.prevYearRange() : e.prevMonth()),
         "aria-label": "Previous"
       }, [
-        t(e.$slots, "prev-icon", {}, () => [
-          p(v, {
+        d(e.$slots, "prev-icon", {}, () => [
+          p(g, {
+            color: e.navPrevDisabled ? "gray-40" : "inkwell-20",
             icon: "chevron-left",
-            type: "line",
             size: "sm",
-            color: "inkwell-20"
-          })
+            type: "line"
+          }, null, 8, ["color"])
         ], !0)
-      ])) : (s(), o("span", f)),
-      c("button", {
+      ], 10, $)) : (n(), s("span", D)),
+      v("button", {
         type: "button",
-        class: h([
+        class: t([
           "header-title",
-          { "header-clickable": e.headerClickable && e.currentView !== "years" }
+          {
+            "header-clickable": e.headerClickable && e.currentView !== "years",
+            "border !border-solid border-gray-10 hover:!bg-gray-0 grow !text-sm !h-8": e.paginated
+          }
         ]),
         disabled: !e.headerClickable || e.currentView === "years",
-        onClick: l[1] || (l[1] = (...n) => e.onHeaderClick && e.onHeaderClick(...n))
+        onClick: i[1] || (i[1] = (...a) => e.onHeaderClick && e.onHeaderClick(...a))
       }, [
-        t(e.$slots, "header", {
+        d(e.$slots, "header", {
           title: e.headerTitle,
           view: e.currentView
         }, () => [
-          e.currentView === "days" ? (s(), o("span", D, r(e.headerTitle), 1)) : e.currentView === "months" ? (s(), o("span", R, r(e.viewDate.getFullYear()), 1)) : (s(), o("span", S, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
+          e.currentView === "days" ? (n(), s("span", f, r(e.headerTitle), 1)) : e.currentView === "months" ? (n(), s("span", N, r(e.viewDate.getFullYear()), 1)) : (n(), s("span", V, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
         ], !0),
-        e.headerClickable && e.isMultiMonth ? (s(), C(v, {
+        e.headerClickable && e.isMultiMonth ? (n(), b(g, {
           key: 0,
           icon: "chevron-down",
           type: "line",
           size: "sm",
           color: "inkwell-20",
           class: "header-dropdown-icon"
-        })) : i("", !0)
-      ], 10, N),
-      e.showNavigation ? (s(), o("button", {
+        })) : l("", !0)
+      ], 10, M),
+      e.showNavigation ? (n(), s("button", {
         key: 2,
         type: "button",
-        class: "nav-button nav-next",
-        onClick: l[2] || (l[2] = (n) => e.currentView === "years" ? e.nextYearRange() : e.nextMonth()),
+        class: t([
+          "nav-button",
+          "nav-next",
+          {
+            "border !border-solid border-gray-10 hover:!bg-gray-0 ml-2": e.paginated,
+            "nav-next-disabled !bg-gray-0": e.navNextDisabled
+          }
+        ]),
+        disabled: e.navNextDisabled,
+        onClick: i[2] || (i[2] = (a) => e.paginated && !e.showPaginatedCalendar && !e.navNextDisabled ? e.nextDay() : e.currentView === "years" ? e.nextYearRange() : e.nextMonth()),
         "aria-label": "Next"
       }, [
-        t(e.$slots, "next-icon", {}, () => [
-          p(v, {
+        d(e.$slots, "next-icon", {}, () => [
+          p(g, {
+            color: e.navNextDisabled ? "gray-40" : "inkwell-20",
             icon: "chevron-right",
-            type: "line",
             size: "sm",
-            color: "inkwell-20"
-          })
+            type: "line"
+          }, null, 8, ["color"])
         ], !0)
-      ])) : (s(), o("span", b))
-    ])) : i("", !0),
-    e.currentView === "days" && !e.continuous ? (s(), o("div", T, [
-      (s(!0), o(d, null, u(e.displayedMonths, (n) => (s(), o("div", {
-        key: `${n.year}-${n.month}`,
-        class: h(["calendar-month", { "calendar-month-multi": e.isMultiMonth }])
-      }, [
-        e.isMultiMonth ? (s(), o("div", I, [
-          t(e.$slots, "month-label", {
-            month: n.month,
-            year: n.year
-          }, () => [
-            k(r(e.monthNamesShort[n.month]) + " " + r(n.year), 1)
-          ], !0)
-        ])) : i("", !0),
-        e.showWeekDays ? (s(), o("div", H, [
-          (s(!0), o(d, null, u(e.daysOfWeek, (a) => (s(), o("div", {
-            key: a,
-            class: "weekday"
-          }, [
-            t(e.$slots, "weekday", { day: a }, () => [
-              k(r(a), 1)
-            ], !0)
-          ]))), 128))
-        ])) : i("", !0),
-        c("div", L, [
-          (s(!0), o(d, null, u(n.dates, (a, y) => (s(), o("div", {
-            key: y,
-            class: h([
-              "calendar-day",
-              {
-                "day-other-month": !a.isCurrentMonth && e.greyOutNonCurrentMonth,
-                "day-today": a.isToday,
-                "day-selected": a.isSelected,
-                "day-in-range": a.isInRange,
-                "day-range-start": a.isRangeStart,
-                "day-range-end": a.isRangeEnd,
-                "day-disabled": a.isDisabled,
-                "day-has-indicator": a.hasIndicator
-              }
-            ]),
-            onClick: (m) => e.onDateClick(a),
-            onMouseenter: (m) => e.onDateHover(a),
-            onMouseleave: l[3] || (l[3] = (...m) => e.onDateLeave && e.onDateLeave(...m))
-          }, [
-            t(e.$slots, "day", { date: a }, () => [
-              c("span", z, r(a.day), 1),
-              a.isToday ? (s(), o("span", E)) : i("", !0)
-            ], !0)
-          ], 42, Y))), 128))
-        ])
-      ], 2))), 128))
-    ])) : e.currentView === "days" && e.continuous ? (s(), o("div", W, [
-      c("div", q, [
-        e.showWeekDays ? (s(), o("div", B, [
-          (s(!0), o(d, null, u(e.daysOfWeek, (n) => (s(), o("div", {
-            key: n,
-            class: "weekday"
-          }, [
-            t(e.$slots, "weekday", { day: n }, () => [
-              k(r(n), 1)
-            ], !0)
-          ]))), 128))
-        ])) : i("", !0),
-        c("div", F, [
-          (s(!0), o(d, null, u(e.continuousCalendarData.dates, (n, a) => (s(), o("div", {
-            key: a,
-            class: h([
-              "calendar-day",
-              {
-                "day-other-month": !n.isCurrentMonth && e.greyOutNonCurrentMonth,
-                "day-today": n.isToday,
-                "day-selected": n.isSelected,
-                "day-in-range": n.isInRange,
-                "day-range-start": n.isRangeStart,
-                "day-range-end": n.isRangeEnd,
-                "day-disabled": n.isDisabled,
-                "day-has-indicator": n.hasIndicator
-              }
-            ]),
-            onClick: (y) => e.onDateClick(n),
-            onMouseenter: (y) => e.onDateHover(n),
-            onMouseleave: l[4] || (l[4] = (...y) => e.onDateLeave && e.onDateLeave(...y))
-          }, [
-            t(e.$slots, "day", { date: n }, () => [
-              c("span", Q, r(n.day), 1),
-              n.isToday ? (s(), o("span", A)) : i("", !0)
+      ], 10, R)) : (n(), s("span", S))
+    ], 2)) : l("", !0),
+    !e.paginated || e.paginated && e.showPaginatedCalendar ? (n(), s("div", {
+      key: 1,
+      class: t({ "paginated-content w-full": e.paginated })
+    }, [
+      e.currentView === "days" && !e.continuous ? (n(), s("div", P, [
+        (n(!0), s(y, null, u(e.displayedMonths, (a) => (n(), s("div", {
+          key: `${a.year}-${a.month}`,
+          class: t([
+            "calendar-month",
+            { "calendar-month-multi": e.isMultiMonth }
+          ])
+        }, [
+          e.isMultiMonth ? (n(), s("div", T, [
+            d(e.$slots, "month-label", {
+              month: a.month,
+              year: a.year
+            }, () => [
+              c(r(e.monthNamesShort[a.month]) + " " + r(a.year), 1)
             ], !0)
-          ], 42, P))), 128))
+          ])) : l("", !0),
+          e.showWeekDays ? (n(), s("div", I, [
+            (n(!0), s(y, null, u(e.daysOfWeek, (o) => (n(), s("div", {
+              key: o,
+              class: "weekday"
+            }, [
+              d(e.$slots, "weekday", { day: o }, () => [
+                c(r(o), 1)
+              ], !0)
+            ]))), 128))
+          ])) : l("", !0),
+          v("div", H, [
+            (n(!0), s(y, null, u(a.dates, (o, h) => (n(), s("div", {
+              key: h,
+              class: t([
+                "calendar-day",
+                {
+                  "day-other-month": !o.isCurrentMonth && e.greyOutNonCurrentMonth,
+                  "day-today": o.isToday,
+                  "day-selected": o.isSelected,
+                  "day-in-range": o.isInRange,
+                  "day-range-start": o.isRangeStart,
+                  "day-range-end": o.isRangeEnd,
+                  "day-disabled": o.isDisabled,
+                  "day-has-indicator": o.hasIndicator
+                }
+              ]),
+              onClick: (k) => e.onDateClick(o),
+              onMouseenter: (k) => e.onDateHover(o),
+              onMouseleave: i[3] || (i[3] = (...k) => e.onDateLeave && e.onDateLeave(...k))
+            }, [
+              d(e.$slots, "day", { date: o }, () => [
+                v("span", Y, r(o.day), 1),
+                o.isToday ? (n(), s("span", z)) : l("", !0)
+              ], !0)
+            ], 42, L))), 128))
+          ])
+        ], 2))), 128))
+      ])) : e.currentView === "days" && e.continuous ? (n(), s("div", E, [
+        v("div", W, [
+          e.showWeekDays ? (n(), s("div", q, [
+            (n(!0), s(y, null, u(e.daysOfWeek, (a) => (n(), s("div", {
+              key: a,
+              class: "weekday"
+            }, [
+              d(e.$slots, "weekday", { day: a }, () => [
+                c(r(a), 1)
+              ], !0)
+            ]))), 128))
+          ])) : l("", !0),
+          v("div", B, [
+            (n(!0), s(y, null, u(e.continuousCalendarData.dates, (a, o) => (n(), s("div", {
+              key: o,
+              class: t([
+                "calendar-day",
+                {
+                  "day-other-month": !a.isCurrentMonth && e.greyOutNonCurrentMonth,
+                  "day-today": a.isToday,
+                  "day-selected": a.isSelected,
+                  "day-in-range": a.isInRange,
+                  "day-range-start": a.isRangeStart,
+                  "day-range-end": a.isRangeEnd,
+                  "day-disabled": a.isDisabled,
+                  "day-has-indicator": a.hasIndicator
+                }
+              ]),
+              onClick: (h) => e.onDateClick(a),
+              onMouseenter: (h) => e.onDateHover(a),
+              onMouseleave: i[4] || (i[4] = (...h) => e.onDateLeave && e.onDateLeave(...h))
+            }, [
+              d(e.$slots, "day", { date: a }, () => [
+                v("span", Q, r(a.day), 1),
+                a.isToday ? (n(), s("span", A)) : l("", !0)
+              ], !0)
+            ], 42, F))), 128))
+          ])
         ])
-      ])
-    ])) : e.currentView === "months" ? (s(), o("div", G, [
-      (s(!0), o(d, null, u(e.monthNames, (n, a) => (s(), o("button", {
-        key: a,
-        type: "button",
-        class: h([
-          "month-cell",
-          { "month-selected": e.viewDate.getMonth() === a }
-        ]),
-        onClick: (y) => e.selectMonth(a)
-      }, [
-        t(e.$slots, "month-cell", {
-          month: n,
-          index: a
-        }, () => [
-          k(r(e.monthNamesShort[a]), 1)
-        ], !0)
-      ], 10, J))), 128))
-    ])) : e.currentView === "years" ? (s(), o("div", K, [
-      (s(!0), o(d, null, u(e.yearsInRange, (n) => (s(), o("button", {
-        key: n,
-        type: "button",
-        class: h([
-          "year-cell",
-          { "year-selected": e.viewDate.getFullYear() === n }
-        ]),
-        onClick: (a) => e.selectYear(n)
-      }, [
-        t(e.$slots, "year-cell", { year: n }, () => [
-          k(r(n), 1)
-        ], !0)
-      ], 10, U))), 128))
-    ])) : i("", !0),
-    e.$slots.footer ? (s(), o("div", X, [
-      t(e.$slots, "footer", {}, void 0, !0)
-    ])) : i("", !0)
-  ]);
+      ])) : e.currentView === "months" ? (n(), s("div", G, [
+        (n(!0), s(y, null, u(e.monthNames, (a, o) => (n(), s("button", {
+          key: o,
+          type: "button",
+          class: t([
+            "month-cell",
+            { "month-selected": e.viewDate.getMonth() === o }
+          ]),
+          onClick: (h) => e.selectMonth(o)
+        }, [
+          d(e.$slots, "month-cell", {
+            month: a,
+            index: o
+          }, () => [
+            c(r(e.monthNamesShort[o]), 1)
+          ], !0)
+        ], 10, J))), 128))
+      ])) : e.currentView === "years" ? (n(), s("div", K, [
+        (n(!0), s(y, null, u(e.yearsInRange, (a) => (n(), s("button", {
+          key: a,
+          type: "button",
+          class: t([
+            "year-cell",
+            { "year-selected": e.viewDate.getFullYear() === a }
+          ]),
+          onClick: (o) => e.selectYear(a)
+        }, [
+          d(e.$slots, "year-cell", { year: a }, () => [
+            c(r(a), 1)
+          ], !0)
+        ], 10, U))), 128))
+      ])) : l("", !0),
+      e.$slots.footer ? (n(), s("div", X, [
+        d(e.$slots, "footer", {}, void 0, !0)
+      ])) : l("", !0)
+    ], 2)) : l("", !0)
+  ], 2);
 }
-const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-5508e564"]]);
+const oe = /* @__PURE__ */ C(m, [["render", Z], ["__scopeId", "data-v-a0727fd6"]]);
 export {
-  ae as default
+  oe as default
 };