@quoreadmin/ui 1.5.1 → 1.6.0

package/dist/index.js

@@ -15,9 +15,9 @@ import { default as I } from "./index15.js";
 import { default as F } from "./index16.js";
 import { default as V } from "./index17.js";
 import { default as k } from "./index18.js";
-import { default as H } from "./index19.js";
-import { default as R } from "./index20.js";
-import { default as q } from "./index21.js";
+import { default as E } from "./index19.js";
+import { default as L } from "./index20.js";
+import { default as W } from "./index21.js";
 import { default as N } from "./index22.js";
 import { default as j } from "./index23.js";
 import { default as J } from "./index24.js";
@@ -42,22 +42,23 @@ import { default as Ie } from "./index42.js";
 import { default as Fe } from "./index43.js";
 import { default as Ve } from "./index44.js";
 import { default as ke } from "./index45.js";
-import { default as He } from "./index46.js";
-import { default as Re } from "./index47.js";
-import { default as qe } from "./index48.js";
+import { default as Ee } from "./index46.js";
+import { default as Le } from "./index47.js";
+import { default as We } from "./index48.js";
 import { default as Ne } from "./index49.js";
 import { default as je } from "./index50.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 Oe } from "./index52.js";
+import { filterData as Ye } from "./index53.js";
 import { default as _e } from "./index54.js";
 import { default as ea } from "./index55.js";
 import { default as oa } from "./index56.js";
 import { default as ra } from "./index57.js";
+import { default as la } from "./index58.js";
 export {
-  ea as DateTimePlugin,
-  oa as PrimeVue,
-  ra as PrimeVuePresets,
+  oa as DateTimePlugin,
+  ra as PrimeVue,
+  la as PrimeVuePresets,
   o as QAccordion,
   r as QActivityItem,
   l as QAvatar,
@@ -75,40 +76,41 @@ export {
   F as QDataList,
   V as QDataTable,
   k as QDataTableCell,
-  H as QDataTableHead,
-  R as QDatePicker,
-  q as QDivider,
+  E as QDataTableHead,
+  L as QDatePicker,
+  W 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
+  j as QEvent,
+  J as QFileUpload,
+  O as QFooterActions,
+  Y as QFormGroup,
+  _ as QGrid,
+  ee as QIcon,
+  oe as QIconActionGroup,
+  re as QImageGallery,
+  le as QInput,
+  me as QList,
+  se as QMenu,
+  xe as QModal,
+  ie as QModalContent,
+  ce as QPageHeading,
+  Pe as QPageNavigation,
+  Te as QPdfViewer,
+  Be as QPopover,
+  Ge as QProgressBar,
+  ye as QProgressBarGroup,
+  Ie as QRadio,
+  Fe as QRoomDetailsPopover,
+  Ve as QSelect,
+  ke as QTable,
+  Ee as QTag,
+  Le as QTextarea,
+  We as QToast,
+  Ne as QTooltip,
+  je as QTour,
+  Je as QWarningModal,
+  Oe as QWysiwyg,
+  Ye as filterData,
+  _e as mq,
+  ea as useDeviceType
 };

package/dist/index10.js

@@ -1,7 +1,7 @@
-import w from "./index75.js";
+import w from "./index76.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 $ from "./index61.js";
+import $ from "./index62.js";
 const M = { class: "q-calendar" }, V = {
   key: 0,
   class: "calendar-header"

package/dist/index100.js

@@ -1,10 +1,123 @@
-import { defineComponent as o } from "vue";
-const n = o({
-  name: "QIcon",
-  props: {},
-  setup() {
+import { defineComponent as h, computed as i } from "vue";
+import p from "./index49.js";
+import g from "./index28.js";
+const m = {
+  event: { icon: "calendar", iconType: "fill", color: "purple-30" },
+  vendor: { icon: "shop", iconType: "outline", color: "maroon-30" },
+  holiday: { icon: "star", iconType: "outline", color: "teal-20" },
+  birthday: { icon: "cake", iconType: "outline", color: "blue-20" },
+  inspection: { icon: "tasks", iconType: "", color: "orange-30" },
+  other: { icon: "announcement", iconType: "outline", color: "inkwell-30" }
+}, D = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], N = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], w = h({
+  name: "QEvent",
+  components: {
+    QIcon: g,
+    QTooltip: p
+  },
+  props: {
+    /** Event data object */
+    event: {
+      type: Object,
+      required: !0
+    },
+    /** 
+     * Override the event type for icon/color.
+     * If not provided, derives from event.typeName or event.eventType
+     */
+    type: {
+      type: String,
+      default: ""
+    },
+    /** Use long date format (e.g., "January 25" instead of "Jan 25") */
+    longDateFormat: {
+      type: Boolean,
+      default: !1
+    },
+    /** Show year in the date */
+    showYear: {
+      type: Boolean,
+      default: !1
+    },
+    /** Use 24-hour time format */
+    use24HourFormat: {
+      type: Boolean,
+      default: !1
+    },
+    /** Hide the time, show only the date */
+    hideTime: {
+      type: Boolean,
+      default: !1
+    },
+    /** Custom date format function - overrides built-in formatting */
+    dateFormatter: {
+      type: Function,
+      default: null
+    },
+    /** Show the event as compact (icon only, no text) */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /** Position of the tooltip */
+    tooltipPosition: {
+      type: String,
+      default: "bottom"
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    const s = i(() => {
+      const t = e.type?.toLowerCase();
+      if (t && m[t])
+        return t;
+      const n = e.event.typeName?.toLowerCase();
+      if (n && m[n])
+        return n;
+      const a = e.event.eventType?.toLowerCase();
+      return a && m[a] ? a : "other";
+    }), d = i(() => m[s.value] || m.other), T = i(() => e.event.typeName ? e.event.typeName : s.value.charAt(0).toUpperCase() + s.value.slice(1)), o = i(() => {
+      const t = new Date(e.event.startDate);
+      if (e.event.startTime) {
+        const [n, a, u] = e.event.startTime.split(":").map(Number);
+        t.setHours(n || 0, a || 0, u || 0);
+      }
+      return t;
+    }), l = i(() => {
+      const t = new Date(e.event.endDate);
+      if (e.event.endTime) {
+        const [n, a, u] = e.event.endTime.split(":").map(Number);
+        t.setHours(n || 0, a || 0, u || 0);
+      }
+      return t;
+    }), v = i(() => o.value.toDateString() === l.value.toDateString()), r = (t, n = !1) => {
+      const u = (e.longDateFormat ? N : D)[t.getMonth()], f = t.getDate();
+      return n || e.showYear ? `${u} ${f}, ${t.getFullYear()}` : `${u} ${f}`;
+    }, c = (t) => {
+      let n = t.getHours();
+      const a = t.getMinutes();
+      if (e.use24HourFormat)
+        return `${n.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
+      const u = n >= 12 ? "pm" : "am";
+      return n = n % 12 || 12, a === 0 ? `${n}:00${u}` : `${n}:${a.toString().padStart(2, "0")}${u}`;
+    }, $ = i(() => e.dateFormatter ? e.dateFormatter(o.value, l.value, e.event) : e.event.allDay ? v.value ? r(o.value) : `${r(o.value)} - ${r(l.value)}` : v.value ? e.hideTime ? r(o.value) : `${r(o.value)} ${c(o.value)} - ${c(l.value)}` : e.hideTime ? `${r(o.value)} - ${r(l.value)}` : `${r(o.value)} ${c(o.value)} - ${r(l.value)} ${c(l.value)}`);
+    return {
+      // Computed
+      eventTypeKey: s,
+      eventTypeConfig: d,
+      eventTypeName: T,
+      startDate: o,
+      endDate: l,
+      isSameDay: v,
+      formattedDateTime: $,
+      // Methods
+      formatDate: r,
+      formatTime: c,
+      handleClick: () => {
+        y("click", e.event);
+      }
+    };
   }
 });
 export {
-  n as default
+  w as default
 };

package/dist/index102.js

@@ -1,39 +1,142 @@
-import { defineComponent as r, computed as t } from "vue";
-const n = r({
-  name: "QFormGroup",
+import { defineComponent as C, ref as n, computed as v } from "vue";
+import { useDropZone as b } from "./index161.js";
+import z from "./index54.js";
+import M from "./index181.js";
+import T from "./index6.js";
+import h from "./index30.js";
+import I from "./index34.js";
+import O from "./index35.js";
+const W = C({
+  name: "QFileUpload",
+  components: {
+    FileUpload: M,
+    QBadge: T,
+    QImageGallery: h,
+    QModal: I,
+    QModalContent: O
+  },
   props: {
-    labelFor: {
+    /** Name of the request parameter to identify the files at backend. */
+    name: {
+      type: Array,
+      default: null
+    },
+    files: {
+      type: Array,
+      default: () => []
+    },
+    /** Upload url */
+    url: {
       type: String,
-      required: !0
+      default: ""
     },
-    required: {
+    /** If we should allow multiple files */
+    multiple: {
       type: Boolean,
-      default: !1
+      default: !0
     },
-    status: {
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
       type: String,
-      default: ""
+      default: "image/*,.pdf"
+    },
+    /** Specify file types allowed */
+    // Added any because type: null as unknown as PropType<number | null>, doesn't work
+    maxFileSize: {
+      type: Number,
+      default: 33554432
+      // 32MB - updated from 8MB standard in quorev2
+    },
+    /** Auto upload files */
+    autoUpload: {
+      type: Boolean,
+      default: !1
+    },
+    /** Override uploading by enabling customUpload and defining a custom uploader handler event. */
+    // https://primevue.org/fileupload/#custom-upload
+    customUpload: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    expands: {
+      type: Boolean,
+      default: !1
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    },
+    showGallery: {
+      type: Boolean,
+      default: !1
     }
   },
-  setup(e) {
+  emits: ["file-list", "upload-error", "uploading"],
+  setup(s, { emit: r }) {
+    const a = n(null), d = n(), i = n([]), p = n([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), w = () => {
+      a.value && a.value.clear();
+    }, x = () => {
+      i.value = [], p.value = [];
+    }, c = (e) => {
+      const o = s.filesAllowed.split(",").map((l) => l.trim());
+      for (const l of o)
+        if (m(l) ? f(e.type) === f(l) : e.type == l || y(e).toLowerCase() === l.toLowerCase())
+          return !0;
+      return !1;
+    }, m = (e) => e.indexOf("*") !== -1, y = (e) => "." + e.name.split(".").pop(), f = (e) => e.substring(0, e.indexOf("/")), g = (e) => {
+      const o = e.originalEvent;
+      let l = [];
+      o.type === "drop" ? l = o.dataTransfer?.files : l = o.target.files;
+      for (const t of l)
+        t.size > s.maxFileSize && i.value.push(t.name), c(t) || p.value.push(t.name);
+    }, B = (e) => {
+      r("upload-error", e);
+    }, U = () => {
+      a.value && a.value.upload();
+    }, A = (e) => {
+      r("uploading", e);
+    }, E = (e) => {
+      const o = u.value, l = o.findIndex(
+        (t) => t.lastModified === e.lastModified
+      );
+      l !== -1 && (o.splice(l, 1), r("file-list", o)), a.value.messages = null;
+    }, Q = (e) => {
+      g(e), r("file-list", e.files);
+    }, { isOverDropZone: S } = b(d);
     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";
-        }
-      })
+      // ref elements - Needed this for triggering events in component
+      fileUpload: a,
+      dropZoneRef: d,
+      // refs
+      allFiles: u,
+      sizeErrors: i,
+      typeErrors: p,
+      isOverDropZone: S,
+      // computed
+      displayAllowedTypes: F,
+      // methods
+      clear: w,
+      clearErrors: x,
+      getFileExtension: y,
+      getTypeClass: f,
+      isValidFileType: c,
+      isWildcard: m,
+      onBeforeSelect: g,
+      onUpload: U,
+      onUploadError: B,
+      onUploading: A,
+      onRemoveFile: E,
+      onSelectedFiles: Q,
+      // composables
+      mq: z
     };
   }
 });
 export {
-  n as default
+  W as default
 };

package/dist/index103.js

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

package/dist/index105.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/{index104.js → index107.js}

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

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

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

package/dist/index11.js

@@ -1,7 +1,7 @@
-import t from "./index77.js";
+import t from "./index78.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";
 /* empty css        */
-import p from "./index61.js";
+import p from "./index62.js";
 const k = { class: "control" }, b = ["id", "value", "checked", "disabled", "name"], f = {
   key: 0,
   class: "checkbox-label"

package/dist/{index108.js → index111.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 "./index27.js";
-import S from "./index48.js";
-import v from "./index54.js";
-import n from "./index53.js";
+import b from "./index28.js";
+import S from "./index49.js";
+import v from "./index55.js";
+import n from "./index54.js";
 import { useI18n as A } from "vue-i18n";
 const H = f({
   name: "QIconActionGroup",

package/dist/{index110.js → index113.js}

@@ -1,14 +1,14 @@
 import { defineComponent as $, ref as a, computed as s, onMounted as Z, onUnmounted as q } from "vue";
-import { useSwipe as K } from "./index158.js";
+import { useSwipe as K } from "./index161.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index180.js";
+import J from "./index183.js";
 import Y from "./index6.js";
 import ee from "./index7.js";
-import te from "./index32.js";
-import ne from "./index37.js";
-import ae from "./index48.js";
-import H from "./index53.js";
-import oe from "./index54.js";
+import te from "./index33.js";
+import ne from "./index38.js";
+import ae from "./index49.js";
+import H from "./index54.js";
+import oe from "./index55.js";
 const ge = $({
   name: "ImageGallery",
   components: {

package/dist/{index112.js → index115.js}

@@ -1,5 +1,5 @@
 import { defineComponent as h, useSlots as b, ref as o, computed as u } from "vue";
-import w from "./index53.js";
+import w from "./index54.js";
 const f = "eye", v = "eye-slash", V = h({
   name: "QInput",
   inheritAttrs: !1,

package/dist/{index114.js → index117.js}

@@ -1,10 +1,10 @@
 import { defineComponent as E, ref as a, computed as m, onMounted as P, onUnmounted as Q, nextTick as V } from "vue";
-import { filterData as C } from "./index52.js";
+import { filterData as C } from "./index53.js";
 import F from "./index6.js";
-import { useDrag as H } from "./index166.js";
-import { useMotionProperties as N, useMotionTransitions as U } from "./index167.js";
-import { useWindowScroll as q, useScroll as W } from "./index158.js";
-import T from "./index53.js";
+import { useDrag as H } from "./index169.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index170.js";
+import { useWindowScroll as q, useScroll as W } from "./index161.js";
+import T from "./index54.js";
 const X = E({
   name: "QList",
   components: {

package/dist/index12.js

@@ -1,7 +1,7 @@
-import M from "./index79.js";
+import M from "./index80.js";
 import { resolveComponent as i, createElementBlock as a, createCommentVNode as r, openBlock as l, normalizeClass as p, createElementVNode as d, createVNode as m, createBlock as u, toDisplayString as s, withCtx as t, Fragment as v, renderList as N, Transition as A, createTextVNode as C } from "vue";
 /* empty css        */
-import L from "./index61.js";
+import L from "./index62.js";
 const H = ["id"], b = { class: "flex items-start mb-1" }, q = { class: "grow" }, D = { class: "w-full block text-sm leading-4 font-bold" }, $ = { class: "text-inkwell-0 text-xs leading-4 flex gap-1 flex-wrap" }, V = { key: 0 }, O = { class: "w-full py-1" }, R = ["onClick"], I = { key: 2 }, U = { class: "translate wrap-anywhere" }, S = {
   key: 1,
   class: "pl-[3rem]"

package/dist/{index118.js → index121.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, provide as l, onUnmounted as i, onMounted as a } from "vue";
-import n from "./index27.js";
+import n from "./index28.js";
 const u = s({
   name: "QModal",
   components: {

package/dist/{index126.js → index129.js}

@@ -1,5 +1,5 @@
 import { defineComponent as x, ref as s, onMounted as y, nextTick as P } from "vue";
-import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index181.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index184.js";
 import D from "./index22.js";
 E.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${k}/legacy/build/pdf.worker.min.mjs`;
 const S = x({

package/dist/index13.js

@@ -1,7 +1,7 @@
-import g from "./index81.js";
+import g from "./index82.js";
 import { resolveComponent as l, createElementBlock as n, openBlock as s, renderSlot as h, Fragment as b, renderList as k, createBlock as y, mergeProps as C, createElementVNode as i, toDisplayString as m, createVNode as a, withCtx as r } from "vue";
 /* empty css        */
-import V from "./index61.js";
+import V from "./index62.js";
 const q = { class: "comment-section" }, _ = {
   key: 0,
   class: "comments"

package/dist/{index128.js → index131.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as g, computed as m } from "vue";
-import { onClickOutside as w } from "./index158.js";
+import { onClickOutside as w } from "./index161.js";
 const R = C({
   name: "QPopover",
   props: {

package/dist/{index132.js → index135.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r } from "vue";
-import e from "./index39.js";
+import e from "./index40.js";
 const s = r({
   name: "QProgressBarGroup",
   components: {

package/dist/{index136.js → index139.js}

@@ -1,17 +1,17 @@
 import { defineComponent as Fe, ref as s, computed as p, watch as G, onMounted as je, onUnmounted as $e } from "vue";
 import { useI18n as ze } from "vue-i18n";
-import { DateTime as h } from "./index159.js";
-import "./index182.js";
+import { DateTime as h } from "./index162.js";
+import "./index185.js";
 import We from "./index2.js";
 import Xe from "./index3.js";
 import Je from "./index13.js";
 import Ke from "./index21.js";
-import Ve from "./index27.js";
-import Ze from "./index38.js";
-import et from "./index183.js";
-import tt from "./index45.js";
-import at from "./index48.js";
-import Q from "./index184.js";
+import Ve from "./index28.js";
+import Ze from "./index39.js";
+import et from "./index186.js";
+import tt from "./index46.js";
+import at from "./index49.js";
+import Q from "./index187.js";
 const ht = Fe({
   name: "QRoomDetailsPopover",
   components: {