@quoreadmin/ui 1.10.33 → 1.11.1

package/dist/index.js

@@ -2,7 +2,7 @@ import { default as o } from "./index2.js";
 import { default as r } from "./index3.js";
 import { default as l } from "./index4.js";
 import { default as m } from "./index5.js";
-import { default as s } from "./index6.js";
+import { default as p } from "./index6.js";
 import { default as x } from "./index7.js";
 import { default as i } from "./index8.js";
 import { default as P } from "./index9.js";
@@ -29,7 +29,7 @@ import { default as oe } from "./index29.js";
 import { default as re } from "./index30.js";
 import { default as le } from "./index31.js";
 import { default as me } from "./index32.js";
-import { default as se } from "./index33.js";
+import { default as pe } from "./index33.js";
 import { default as xe } from "./index34.js";
 import { default as ie } from "./index35.js";
 import { default as Pe } from "./index36.js";
@@ -52,20 +52,21 @@ import { default as Oe } from "./index52.js";
 import { default as Ye } from "./index53.js";
 import { default as _e } from "./index54.js";
 import { default as ea } from "./index55.js";
-import { filterData as oa } from "./index56.js";
-import { default as ra } from "./index57.js";
+import { default as oa } from "./index56.js";
+import { filterData as ra } from "./index57.js";
 import { default as la } from "./index58.js";
 import { default as ma } from "./index59.js";
-import { default as sa } from "./index60.js";
+import { default as pa } from "./index60.js";
 import { default as xa } from "./index61.js";
+import { default as ia } from "./index62.js";
 export {
-  ma as DateTimePlugin,
-  sa as PrimeVue,
-  xa as PrimeVuePresets,
+  pa as DateTimePlugin,
+  xa as PrimeVue,
+  ia as PrimeVuePresets,
   o as QAccordion,
   r as QActivityItem,
   l as QAvatar,
-  s as QBadge,
+  p as QBadge,
   m as QBanner,
   x as QBottomSheet,
   i as QButton,
@@ -93,7 +94,7 @@ export {
   re as QImageGallery,
   le as QInput,
   me as QList,
-  se as QMenu,
+  pe as QMenu,
   xe as QModal,
   ie as QModalContent,
   ce as QPageHeader,
@@ -102,21 +103,22 @@ export {
   Be as QPageNavigation,
   ye as QPdfViewer,
   be as QPopover,
-  Ie as QProgressBar,
-  Fe as QProgressBarGroup,
-  He as QRadio,
-  Se as QRoomDetailsPopover,
-  he as QSelect,
-  Ee as QTable,
-  We as QTag,
-  Ne as QTextarea,
-  je as QTimePicker,
-  Je as QToast,
-  Oe as QTooltip,
-  Ye as QTour,
-  _e as QWarningModal,
-  ea as QWysiwyg,
-  oa as filterData,
-  ra as mq,
-  la as useDeviceType
+  Ie as QPopper,
+  Fe as QProgressBar,
+  He as QProgressBarGroup,
+  Se as QRadio,
+  he as QRoomDetailsPopover,
+  Ee as QSelect,
+  We as QTable,
+  Ne as QTag,
+  je as QTextarea,
+  Je as QTimePicker,
+  Oe as QToast,
+  Ye as QTooltip,
+  _e as QTour,
+  ea as QWarningModal,
+  oa as QWysiwyg,
+  ra as filterData,
+  la as mq,
+  ma as useDeviceType
 };

package/dist/index10.js

@@ -1,7 +1,7 @@
-import m from "./index79.js";
+import m from "./index80.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 C from "./index65.js";
+import C from "./index66.js";
 const $ = ["disabled"], D = {
   key: 1,
   class: "nav-spacer"

package/dist/index101.js

@@ -1,34 +1,29 @@
-import { defineComponent as r, computed as l } from "vue";
-import a from "./index57.js";
-import g from "./index34.js";
-const s = r({
-  name: "QErrorModal",
-  components: {
-    QModal: g
-  },
+import { defineComponent as e, computed as o } from "vue";
+const a = e({
+  name: "QDivider",
   props: {
-    // Model value to hide show modal.
-    toggle: {
-      type: Boolean,
-      default: !1,
-      required: !0
+    /** Border style */
+    borderStyle: {
+      type: String,
+      default: "solid"
+    },
+    /** Border color */
+    borderColor: {
+      type: String,
+      default: "gray-20"
+    },
+    textClass: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["update:toggle"],
-  setup(o, { emit: e }) {
+  emits: ["update:modelValue"],
+  setup(r, { slots: t }) {
     return {
-      // Computed
-      toggleModal: l({
-        get: () => o.toggle,
-        set: (t) => {
-          e("update:toggle", t);
-        }
-      }),
-      // Composables
-      mq: a
+      hasSlotContent: o(() => !!t.default)
     };
   }
 });
 export {
-  s as default
+  a as default
 };

package/dist/index102.js

@@ -0,0 +1,34 @@
+import { defineComponent as r, computed as l } from "vue";
+import a from "./index58.js";
+import g from "./index34.js";
+const s = r({
+  name: "QErrorModal",
+  components: {
+    QModal: g
+  },
+  props: {
+    // Model value to hide show modal.
+    toggle: {
+      type: Boolean,
+      default: !1,
+      required: !0
+    }
+  },
+  emits: ["update:toggle"],
+  setup(o, { emit: e }) {
+    return {
+      // Computed
+      toggleModal: l({
+        get: () => o.toggle,
+        set: (t) => {
+          e("update:toggle", t);
+        }
+      }),
+      // Composables
+      mq: a
+    };
+  }
+});
+export {
+  s as default
+};

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

@@ -1,6 +1,6 @@
 import { defineComponent as S, computed as i } from "vue";
 import { useI18n as g } from "vue-i18n";
-import D from "./index52.js";
+import D from "./index53.js";
 import A from "./index28.js";
 const s = {
   event: { icon: "calendar", iconType: "fill", color: "purple-30" },

package/dist/index106.js

@@ -1,4 +1,149 @@
-import f from "./index25.js";
+import { defineComponent as S, ref as r, computed as v } from "vue";
+import { useDropZone as h } from "./index176.js";
+import z from "./index58.js";
+import M from "./index196.js";
+import T from "./index6.js";
+import I from "./index30.js";
+import L from "./index34.js";
+import O from "./index35.js";
+const W = S({
+  name: "QFileUpload",
+  components: {
+    FileUpload: M,
+    QBadge: T,
+    QImageGallery: I,
+    QModal: L,
+    QModalContent: O
+  },
+  props: {
+    /** 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,
+      default: ""
+    },
+    /** If we should allow multiple files */
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
+      type: String,
+      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
+    },
+    fileLimit: {
+      type: Number,
+      default: null
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    },
+    showGallery: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["file-list", "upload-error", "uploading"],
+  setup(s, { emit: n }) {
+    const t = r(null), p = r(), i = r([]), d = r([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), w = () => {
+      t.value && t.value.clear();
+    }, x = () => {
+      i.value = [], d.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 a of l)
+        a.size > s.maxFileSize && i.value.push(a.name), c(a) || d.value.push(a.name);
+    }, B = (e) => {
+      n("upload-error", e);
+    }, U = () => {
+      t.value && t.value.upload();
+    }, A = (e) => {
+      n("uploading", e);
+    }, b = (e) => {
+      const o = u.value, l = o.findIndex(
+        (a) => a.lastModified === e.lastModified
+      );
+      l !== -1 && (o.splice(l, 1), n("file-list", o)), t.value.messages = null;
+    }, C = (e) => {
+      g(e), n("file-list", e.files);
+    }, E = () => {
+      !s.processing && !s.disabled && t.value && t.value.choose();
+    }, { isOverDropZone: Q } = h(p);
+    return {
+      // ref elements - Needed this for triggering events in component
+      fileUpload: t,
+      dropZoneRef: p,
+      // refs
+      allFiles: u,
+      sizeErrors: i,
+      typeErrors: d,
+      isOverDropZone: Q,
+      // 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: b,
+      onSelectedFiles: C,
+      onAddFileClick: E,
+      // composables
+      mq: z
+    };
+  }
+});
 export {
-  f as default
+  W as default
 };

package/dist/index107.js

@@ -1,39 +1,4 @@
-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";
-        }
-      })
-    };
-  }
-});
+import f from "./index25.js";
 export {
-  n as default
+  f as default
 };

package/dist/index108.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/index11.js

@@ -1,7 +1,7 @@
-import t from "./index81.js";
+import t from "./index82.js";
 import { resolveComponent as d, openBlock as o, createElementBlock as i, createElementVNode as s, normalizeClass as l, createBlock as h, createCommentVNode as a, toDisplayString as m } from "vue";
 /* empty css        */
-import p from "./index65.js";
+import p from "./index66.js";
 const k = { class: "control" }, b = ["id", "value", "checked", "disabled", "name"], f = {
   key: 0,
   class: "checkbox-label"

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

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

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

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

package/dist/{index113.js → index114.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 "./index28.js";
-import S from "./index52.js";
-import v from "./index58.js";
-import n from "./index57.js";
+import S from "./index53.js";
+import v from "./index59.js";
+import n from "./index58.js";
 import { useI18n as A } from "vue-i18n";
 const H = f({
   name: "QIconActionGroup",

package/dist/{index115.js → index116.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 "./index173.js";
+import { useSwipe as K } from "./index176.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index195.js";
+import J from "./index198.js";
 import Y from "./index6.js";
 import ee from "./index7.js";
 import te from "./index33.js";
 import ne from "./index40.js";
-import ae from "./index52.js";
-import H from "./index57.js";
-import oe from "./index58.js";
+import ae from "./index53.js";
+import H from "./index58.js";
+import oe from "./index59.js";
 const ge = $({
   name: "ImageGallery",
   components: {

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

@@ -1,5 +1,5 @@
 import { defineComponent as I, useSlots as V, ref as o, computed as a } from "vue";
-import L from "./index57.js";
+import L from "./index58.js";
 const v = "eye", y = "eye-slash", z = I({
   name: "QInput",
   inheritAttrs: !1,

package/dist/index12.js

@@ -1,7 +1,7 @@
-import M from "./index83.js";
+import M from "./index84.js";
 import { resolveComponent as i, openBlock as l, createElementBlock as a, normalizeClass as p, createElementVNode as r, createBlock as u, createCommentVNode as d, toDisplayString as s, withCtx as t, Fragment as v, renderList as N, createVNode as m, Transition as A, createTextVNode as C } from "vue";
 /* empty css        */
-import L from "./index65.js";
+import L from "./index66.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/{index119.js → index120.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 "./index56.js";
+import { filterData as C } from "./index57.js";
 import F from "./index6.js";
-import { useDrag as H } from "./index181.js";
-import { useMotionProperties as N, useMotionTransitions as U } from "./index182.js";
-import { useWindowScroll as q, useScroll as W } from "./index173.js";
-import T from "./index57.js";
+import { useDrag as H } from "./index184.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index185.js";
+import { useWindowScroll as q, useScroll as W } from "./index176.js";
+import T from "./index58.js";
 const X = E({
   name: "QList",
   components: {

package/dist/index13.js

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

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

@@ -1,6 +1,6 @@
 import { defineComponent as ae, useSlots as re, ref as n, computed as c, watch as se, nextTick as q, onMounted as ne, onUnmounted as de, resolveComponent as ie, openBlock as C, createElementBlock as x, normalizeClass as s, createElementVNode as d, normalizeStyle as z, unref as B, renderSlot as m, createCommentVNode as L, createVNode as ue } from "vue";
-import u from "./index57.js";
-import ce from "./index58.js";
+import u from "./index58.js";
+import ce from "./index59.js";
 const ve = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, me = 100, fe = "4.5rem", he = "4.8125rem", A = 80, ge = 24, ye = /* @__PURE__ */ ae({
   __name: "page-layout",
   props: {

package/dist/{index136.js → index137.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 "./index196.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index199.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/{index138.js → index139.js}

@@ -1,6 +1,6 @@
 import { defineComponent as J, ref as d, computed as Y, onMounted as K, onUnmounted as Z, watch as ee, nextTick as N } from "vue";
-import { onClickOutside as k } from "./index173.js";
-import { useThrottleFn as L } from "./index184.js";
+import { onClickOutside as k } from "./index176.js";
+import { useThrottleFn as L } from "./index187.js";
 const ne = J({
   name: "QPopover",
   props: {

package/dist/index14.js

@@ -1,6 +1,6 @@
-import i from "./index87.js";
+import i from "./index88.js";
 import { resolveComponent as c, openBlock as p, createElementBlock as m, createVNode as t, mergeProps as r, toHandlerKey as s, createElementVNode as u, toDisplayString as a } from "vue";
-import d from "./index65.js";
+import d from "./index66.js";
 const f = { class: "counter flex items-center" }, k = { class: "grow text-center" };
 function _(e, o, $, v, y, g) {
   const n = c("q-icon");