@quoreadmin/ui 1.4.8 → 1.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { default as a } from "./index2.js";
+import { default as o } from "./index2.js";
 import { default as r } from "./index3.js";
 import { default as l } from "./index4.js";
-import { default as u } from "./index5.js";
+import { default as m } from "./index5.js";
 import { default as s } from "./index6.js";
 import { default as x } from "./index7.js";
 import { default as i } from "./index8.js";
@@ -25,10 +25,10 @@ import { default as O } from "./index25.js";
 import { default as Y } from "./index26.js";
 import { default as _ } from "./index27.js";
 import { default as ee } from "./index28.js";
-import { default as ae } from "./index29.js";
+import { default as oe } from "./index29.js";
 import { default as re } from "./index30.js";
 import { default as le } from "./index31.js";
-import { default as ue } from "./index32.js";
+import { default as me } from "./index32.js";
 import { default as se } from "./index33.js";
 import { default as xe } from "./index34.js";
 import { default as ie } from "./index35.js";
@@ -47,66 +47,68 @@ import { default as Re } from "./index47.js";
 import { default as qe } from "./index48.js";
 import { default as Ne } from "./index49.js";
 import { default as je } from "./index50.js";
-import { filterData as Je } from "./index51.js";
-import { default as Oe } from "./index52.js";
+import { default as Je } from "./index51.js";
+import { filterData as Oe } from "./index52.js";
 import { default as Ye } from "./index53.js";
 import { default as _e } from "./index54.js";
-import { default as eo } from "./index55.js";
-import { default as ao } from "./index56.js";
+import { default as ea } from "./index55.js";
+import { default as oa } from "./index56.js";
+import { default as ra } from "./index57.js";
 export {
-  _e as DateTimePlugin,
-  eo as PrimeVue,
-  ao as PrimeVuePresets,
-  a as QAccordion,
+  ea as DateTimePlugin,
+  oa as PrimeVue,
+  ra as PrimeVuePresets,
+  o as QAccordion,
   r as QActivityItem,
   l as QAvatar,
   s as QBadge,
-  u as QBanner,
+  m as QBanner,
   x as QBottomSheet,
   i as QButton,
   c as QButtonGroup,
-  P as QCheckbox,
-  T as QComment,
-  B as QCommentSection,
-  G as QCounter,
-  y as QDataFilter,
-  I as QDataList,
-  F as QDataTable,
-  V as QDataTableCell,
-  k as QDataTableHead,
-  H as QDatePicker,
-  R as QDivider,
-  q as QErrorModal,
-  N as QFileUpload,
-  j as QFooterActions,
-  J as QFormGroup,
-  O as QGrid,
-  Y as QIcon,
-  _ as QIconActionGroup,
-  ee as QImageGallery,
-  ae as QInput,
-  re as QList,
-  le as QMenu,
-  ue as QModal,
-  se as QModalContent,
-  xe as QPageHeading,
-  ie as QPageNavigation,
-  ce as QPdfViewer,
-  Pe as QPopover,
-  Te as QProgressBar,
-  Be as QProgressBarGroup,
-  Ge as QRadio,
-  ye as QRoomDetailsPopover,
-  Ie as QSelect,
-  Fe as QTable,
-  Ve as QTag,
-  ke as QTextarea,
-  He as QToast,
-  Re as QTooltip,
-  qe as QTour,
-  Ne as QWarningModal,
-  je as QWysiwyg,
-  Je as filterData,
-  Oe as mq,
-  Ye as useDeviceType
+  P as QCalendar,
+  T as QCheckbox,
+  B as QComment,
+  G as QCommentSection,
+  y as QCounter,
+  I as QDataFilter,
+  F as QDataList,
+  V as QDataTable,
+  k as QDataTableCell,
+  H as QDataTableHead,
+  R as QDatePicker,
+  q as QDivider,
+  N as QErrorModal,
+  j as QFileUpload,
+  J as QFooterActions,
+  O as QFormGroup,
+  Y as QGrid,
+  _ as QIcon,
+  ee as QIconActionGroup,
+  oe as QImageGallery,
+  re as QInput,
+  le as QList,
+  me as QMenu,
+  se as QModal,
+  xe as QModalContent,
+  ie as QPageHeading,
+  ce as QPageNavigation,
+  Pe as QPdfViewer,
+  Te as QPopover,
+  Be as QProgressBar,
+  Ge as QProgressBarGroup,
+  ye as QRadio,
+  Ie as QRoomDetailsPopover,
+  Fe as QSelect,
+  Ve as QTable,
+  ke as QTag,
+  He as QTextarea,
+  Re as QToast,
+  qe as QTooltip,
+  Ne as QTour,
+  je as QWarningModal,
+  Je as QWysiwyg,
+  Oe as filterData,
+  Ye as mq,
+  _e as useDeviceType
 };

package/dist/index10.js

@@ -1,55 +1,244 @@
-import t from "./index74.js";
-import { resolveComponent as d, createElementBlock as i, openBlock as o, createElementVNode as s, normalizeClass as l, createCommentVNode as a, createBlock as h, toDisplayString as m } from "vue";
+import w from "./index75.js";
+import { resolveComponent as g, createElementBlock as o, openBlock as s, createCommentVNode as i, createElementVNode as c, renderSlot as t, createVNode as p, normalizeClass as h, createBlock as C, toDisplayString as r, Fragment as d, renderList as u, createTextVNode as k } from "vue";
 /* empty css        */
-import p from "./index60.js";
-const k = { class: "control" }, b = ["id", "value", "checked", "disabled", "name"], f = {
+import $ from "./index61.js";
+const f = { class: "q-calendar" }, M = {
   key: 0,
-  class: "checkbox-label"
+  class: "calendar-header"
+}, V = {
+  key: 1,
+  class: "nav-spacer"
+}, N = ["disabled"], D = {
+  key: 0,
+  class: "header-text"
+}, R = {
+  key: 1,
+  class: "header-text"
+}, b = {
+  key: 2,
+  class: "header-text"
+}, S = {
+  key: 3,
+  class: "nav-spacer"
+}, I = {
+  key: 1,
+  class: "calendar-body"
+}, H = {
+  key: 0,
+  class: "month-label"
+}, L = {
+  key: 1,
+  class: "calendar-weekdays"
+}, T = { class: "calendar-grid" }, Y = ["onClick", "onMouseenter"], z = { class: "day-number" }, E = {
+  key: 0,
+  class: "day-indicator"
+}, W = {
+  key: 2,
+  class: "calendar-body calendar-body-continuous"
+}, q = { class: "calendar-month calendar-month-continuous" }, B = {
+  key: 0,
+  class: "calendar-weekdays"
+}, F = { class: "calendar-grid calendar-grid-continuous" }, P = ["onClick", "onMouseenter"], Q = { class: "day-number" }, A = {
+  key: 0,
+  class: "day-indicator"
+}, G = {
+  key: 3,
+  class: "calendar-months-view"
+}, J = ["onClick"], K = {
+  key: 4,
+  class: "calendar-years-view"
+}, U = ["onClick"], X = {
+  key: 5,
+  class: "calendar-footer"
 };
-function u(e, n, g, C, y, v) {
-  const c = d("q-icon");
-  return o(), i("div", k, [
-    s("label", {
-      class: l([
-        "checkbox",
-        "flex",
-        e.toggle ? "items-center" : "items-start",
-        { disabled: e.disabled },
-        { toggle: e.toggle }
-      ])
-    }, [
-      s("input", {
-        id: e.id,
-        value: e.value,
-        checked: e.isChecked,
-        disabled: e.disabled,
-        name: e.name,
-        class: l([e.size, "checkbox-input flex-shrink-0"]),
-        ref: "checkboxElement",
-        type: "checkbox",
-        onChange: n[0] || (n[0] = (...r) => e.handleChange && e.handleChange(...r))
-      }, null, 42, b),
-      s("span", {
-        class: l([
-          "checkbox-display flex flex-shrink-0",
-          "items-center justify-center",
-          e.size,
-          { [`bg-${e.color}`]: e.color && e.isChecked }
-        ])
+function Z(e, l, _, O, j, x) {
+  const v = g("q-icon");
+  return s(), o("div", f, [
+    e.showHeader ? (s(), o("div", M, [
+      e.showNavigation ? (s(), o("button", {
+        key: 0,
+        type: "button",
+        class: "nav-button nav-prev",
+        onClick: l[0] || (l[0] = (n) => e.currentView === "years" ? e.prevYearRange() : e.prevMonth()),
+        "aria-label": "Previous"
+      }, [
+        t(e.$slots, "prev-icon", {}, () => [
+          p(v, {
+            icon: "chevron-left",
+            type: "line",
+            size: "sm",
+            color: "inkwell-20"
+          })
+        ], !0)
+      ])) : (s(), o("span", V)),
+      c("button", {
+        type: "button",
+        class: h([
+          "header-title",
+          { "header-clickable": e.headerClickable && e.currentView !== "years" }
+        ]),
+        disabled: !e.headerClickable || e.currentView === "years",
+        onClick: l[1] || (l[1] = (...n) => e.onHeaderClick && e.onHeaderClick(...n))
       }, [
-        e.isChecked ? (o(), h(c, {
+        t(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", b, r(e.yearRangeStart) + " - " + r(e.yearRangeStart + 11), 1))
+        ], !0),
+        e.headerClickable && e.numberOfMonths > 1 ? (s(), C(v, {
           key: 0,
-          icon: e.icon,
+          icon: "chevron-down",
+          type: "line",
           size: "sm",
-          color: "white",
-          type: ""
-        }, null, 8, ["icon"])) : a("", !0)
-      ], 2),
-      e.label ? (o(), i("span", f, m(e.label), 1)) : a("", !0)
-    ], 2)
+          color: "inkwell-20",
+          class: "header-dropdown-icon"
+        })) : i("", !0)
+      ], 10, N),
+      e.showNavigation ? (s(), o("button", {
+        key: 2,
+        type: "button",
+        class: "nav-button nav-next",
+        onClick: l[2] || (l[2] = (n) => e.currentView === "years" ? e.nextYearRange() : e.nextMonth()),
+        "aria-label": "Next"
+      }, [
+        t(e.$slots, "next-icon", {}, () => [
+          p(v, {
+            icon: "chevron-right",
+            type: "line",
+            size: "sm",
+            color: "inkwell-20"
+          })
+        ], !0)
+      ])) : (s(), o("span", S))
+    ])) : i("", !0),
+    e.currentView === "days" && !e.continuous ? (s(), o("div", I, [
+      (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.numberOfMonths > 1 }])
+      }, [
+        e.numberOfMonths > 1 ? (s(), o("div", H, [
+          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", L, [
+          (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", T, [
+          (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.hasIndicator ? (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.hasIndicator ? (s(), o("span", A)) : i("", !0)
+            ], !0)
+          ], 42, P))), 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)
   ]);
 }
-const q = /* @__PURE__ */ p(t, [["render", u], ["__scopeId", "data-v-fc6ee34f"]]);
+const ae = /* @__PURE__ */ $(w, [["render", Z], ["__scopeId", "data-v-12f78127"]]);
 export {
-  q as default
+  ae as default
 };

package/dist/index100.js

@@ -0,0 +1,10 @@
+import { defineComponent as o } from "vue";
+const n = o({
+  name: "QIcon",
+  props: {},
+  setup() {
+  }
+});
+export {
+  n as default
+};

package/dist/index102.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as t } from "vue";
+const n = r({
+  name: "QFormGroup",
+  props: {
+    labelFor: {
+      type: String,
+      required: !0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    status: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return {
+      statusColor: t(() => {
+        switch (e.status) {
+          case "error":
+            return "red-30";
+          case "info":
+            return "blue-40";
+          case "success":
+            return "green-20";
+          case "warning":
+            return "yellow-30";
+          default:
+            return "inkwell-0";
+        }
+      })
+    };
+  }
+});
+export {
+  n as default
+};

package/dist/{index101.js → index104.js}

@@ -1,8 +1,8 @@
 import { defineComponent as w, ref as B, computed as r } from "vue";
-import { filterData as O } from "./index51.js";
+import { filterData as O } from "./index52.js";
 import { useI18n as D } from "vue-i18n";
 import F from "./index6.js";
-import y from "./index52.js";
+import y from "./index53.js";
 const M = w({
   name: "QGrid",
   components: {

package/dist/{index103.js → index106.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, onMounted as l, computed as n } from "vue";
-import s from "./index176.js";
+import s from "./index179.js";
 let t = !1;
 const i = "quore-svg-sprite-container";
 function o() {

package/dist/{index105.js → index108.js}

@@ -1,9 +1,9 @@
 import { defineComponent as f, ref as l, computed as o, watch as p } from "vue";
 import C from "./index8.js";
-import b from "./index26.js";
-import S from "./index47.js";
-import v from "./index53.js";
-import n from "./index52.js";
+import b from "./index27.js";
+import S from "./index48.js";
+import v from "./index54.js";
+import n from "./index53.js";
 import { useI18n as A } from "vue-i18n";
 const H = f({
   name: "QIconActionGroup",