@quoreadmin/ui 1.7.19 → 1.8.0

package/dist/index.js

@@ -5,17 +5,17 @@ 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";
-import { default as c } from "./index9.js";
-import { default as P } from "./index10.js";
+import { default as g } from "./index9.js";
+import { default as c } from "./index10.js";
 import { default as T } from "./index11.js";
 import { default as B } from "./index12.js";
 import { default as G } from "./index13.js";
 import { default as y } from "./index14.js";
 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 E } from "./index19.js";
+import { default as S } from "./index17.js";
+import { default as h } from "./index18.js";
+import { default as w } from "./index19.js";
 import { default as L } from "./index20.js";
 import { default as W } from "./index21.js";
 import { default as N } from "./index22.js";
@@ -32,33 +32,34 @@ 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";
-import { default as ce } from "./index36.js";
-import { default as Pe } from "./index37.js";
+import { default as ge } from "./index36.js";
+import { default as ce } from "./index37.js";
 import { default as Te } from "./index38.js";
 import { default as Be } from "./index39.js";
 import { default as Ge } from "./index40.js";
 import { default as ye } from "./index41.js";
 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 Ee } from "./index46.js";
+import { default as Se } from "./index44.js";
+import { default as he } from "./index45.js";
+import { default as we } 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 { default as Oe } from "./index52.js";
-import { filterData as Ye } from "./index53.js";
-import { default as _e } from "./index54.js";
+import { default as Ye } from "./index53.js";
+import { filterData 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";
+import { default as ma } from "./index59.js";
 export {
-  oa as DateTimePlugin,
-  ra as PrimeVue,
-  la as PrimeVuePresets,
+  ra as DateTimePlugin,
+  la as PrimeVue,
+  ma as PrimeVuePresets,
   o as QAccordion,
   r as QActivityItem,
   l as QAvatar,
@@ -66,17 +67,17 @@ export {
   m as QBanner,
   x as QBottomSheet,
   i as QButton,
-  c as QButtonGroup,
-  P as QCalendar,
+  g as QButtonGroup,
+  c 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,
-  E as QDataTableHead,
+  S as QDataTable,
+  h as QDataTableCell,
+  w as QDataTableHead,
   L as QDatePicker,
   W as QDivider,
   N as QErrorModal,
@@ -93,24 +94,25 @@ export {
   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
+  ce as QPageHeader,
+  ge as QPageHeading,
+  Te as QPageNavigation,
+  Be as QPdfViewer,
+  Ge as QPopover,
+  ye as QProgressBar,
+  Ie as QProgressBarGroup,
+  Fe as QRadio,
+  Se as QRoomDetailsPopover,
+  he as QSelect,
+  we as QTable,
+  Le as QTag,
+  We as QTextarea,
+  Ne as QToast,
+  je as QTooltip,
+  Je as QTour,
+  Oe as QWarningModal,
+  Ye as QWysiwyg,
+  _e as filterData,
+  ea as mq,
+  oa as useDeviceType
 };

package/dist/index10.js

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

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

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

package/dist/index103.js

@@ -1,10 +1,142 @@
-import { defineComponent as o } from "vue";
-const n = o({
-  name: "QIcon",
-  props: {},
-  setup() {
+import { defineComponent as C, ref as n, computed as v } from "vue";
+import { useDropZone as b } from "./index164.js";
+import z from "./index55.js";
+import M from "./index184.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: {
+    /** 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
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    },
+    showGallery: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  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 {
+      // 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/index104.js

@@ -0,0 +1,4 @@
+import f from "./index25.js";
+export {
+  f as default
+};

package/dist/index107.js

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

package/dist/index109.js

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

package/dist/index11.js

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

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

package/dist/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 "./index163.js";
+import { useSwipe as K } from "./index164.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index185.js";
+import J from "./index186.js";
 import Y from "./index6.js";
 import ee from "./index7.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";
+import ne from "./index39.js";
+import ae from "./index50.js";
+import H from "./index55.js";
+import oe from "./index56.js";
 const ge = $({
   name: "ImageGallery",
   components: {

package/dist/index115.js

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

package/dist/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 "./index53.js";
+import { filterData as C } from "./index54.js";
 import F from "./index6.js";
-import { useDrag as H } from "./index171.js";
-import { useMotionProperties as N, useMotionTransitions as U } from "./index172.js";
-import { useWindowScroll as q, useScroll as W } from "./index163.js";
-import T from "./index54.js";
+import { useDrag as H } from "./index172.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index173.js";
+import { useWindowScroll as q, useScroll as W } from "./index164.js";
+import T from "./index55.js";
 const X = E({
   name: "QList",
   components: {

package/dist/index12.js

@@ -1,7 +1,7 @@
-import M from "./index80.js";
+import M from "./index81.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 "./index62.js";
+import L from "./index63.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/index127.js

@@ -1,16 +1,4 @@
-import { defineComponent as e } from "vue";
-const a = e({
-  name: "QPageNavigation",
-  props: {
-    fixedTopOffset: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup() {
-    return {};
-  }
-});
+import f from "./index37.js";
 export {
-  a as default
+  f as default
 };

package/dist/index128.js

@@ -0,0 +1,16 @@
+import { defineComponent as e } from "vue";
+const a = e({
+  name: "QPageNavigation",
+  props: {
+    fixedTopOffset: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  a as default
+};

package/dist/index13.js

@@ -1,7 +1,7 @@
-import g from "./index82.js";
+import g from "./index83.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 "./index62.js";
+import V from "./index63.js";
 const q = { class: "comment-section" }, _ = {
   key: 0,
   class: "comments"

package/dist/{index129.js → index130.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 "./index186.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index187.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/{index131.js → index132.js}

@@ -1,6 +1,6 @@
 import { defineComponent as M, ref as h, computed as H, onMounted as A, onUnmounted as Q, watch as F, nextTick as O } from "vue";
-import { onClickOutside as W } from "./index163.js";
-import { useThrottleFn as k } from "./index174.js";
+import { onClickOutside as W } from "./index164.js";
+import { useThrottleFn as k } from "./index175.js";
 const G = M({
   name: "QPopover",
   props: {

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

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

package/dist/index14.js

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

package/dist/{index140.js → index141.js}

@@ -1,18 +1,18 @@
 import { defineComponent as ct, ref as i, computed as _, watch as B, onMounted as dt, onUnmounted as mt } from "vue";
 import { useI18n as vt } from "vue-i18n";
-import { DateTime as w } from "./index164.js";
-import "./index189.js";
+import { DateTime as w } from "./index165.js";
+import "./index188.js";
 import pt from "./index2.js";
 import ft from "./index3.js";
 import ht from "./index4.js";
 import yt from "./index21.js";
 import gt from "./index28.js";
-import _t from "./index39.js";
+import _t from "./index40.js";
 import wt from "./index20.js";
-import It from "./index46.js";
-import Dt from "./index47.js";
-import Tt from "./index49.js";
-import K from "./index190.js";
+import It from "./index47.js";
+import Dt from "./index48.js";
+import Tt from "./index50.js";
+import K from "./index189.js";
 const Ft = ct({
   name: "QRoomDetailsPopover",
   components: {

package/dist/{index142.js → index143.js}

@@ -1,5 +1,5 @@
 import { defineComponent as H, ref as n, computed as a, watch as g, nextTick as f } from "vue";
-import { Multiselect as I } from "./index187.js";
+import { Multiselect as I } from "./index190.js";
 import { useI18n as k } from "vue-i18n";
 /* empty css         */
 import q from "./index6.js";

package/dist/{index144.js → index145.js}

@@ -1,16 +1,16 @@
 import { defineComponent as te, ref as n, computed as w, onMounted as le, onUnmounted as oe, h as D, render as H } from "vue";
-import se from "./index191.js";
-import re from "./index192.js";
-import ae from "./index193.js";
-import ne from "./index194.js";
+import se from "./index192.js";
+import re from "./index193.js";
+import ae from "./index194.js";
+import ne from "./index195.js";
 import ce from "./index6.js";
-import ie from "./index49.js";
+import ie from "./index50.js";
 import N from "./index28.js";
-import ue from "./index175.js";
-import de from "./index54.js";
-import fe from "./index55.js";
-import { filterData as ve } from "./index53.js";
-import { useDebounceFn as he } from "./index174.js";
+import ue from "./index176.js";
+import de from "./index55.js";
+import fe from "./index56.js";
+import { filterData as ve } from "./index54.js";
+import { useDebounceFn as he } from "./index175.js";
 const ke = te({
   name: "QTable",
   components: {

package/dist/index15.js

@@ -1,7 +1,7 @@
-import y from "./index85.js";
+import y from "./index86.js";
 import { resolveComponent as d, createElementBlock as f, openBlock as t, createElementVNode as l, renderSlot as s, createCommentVNode as i, createVNode as a, toDisplayString as u, normalizeProps as m, guardReactiveProps as h, createBlock as c, withCtx as o, createTextVNode as k, normalizeClass as v, Transition as w } from "vue";
 /* empty css        */
-import q from "./index62.js";
+import q from "./index63.js";
 const B = ["id"], F = { class: "search grow" }, z = {
   class: "search-label flex items-center",
   for: "search"

package/dist/{index152.js → index153.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as u, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
-import { useThrottleFn as b } from "./index174.js";
+import { useThrottleFn as b } from "./index175.js";
 const T = c({
   name: "QTooltip",
   props: {

package/dist/{index155.js → index156.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ot, ref as H, computed as C, reactive as at, onMounted as it, onUnmounted as lt } from "vue";
-import { createPopper as st } from "./index195.js";
+import { createPopper as st } from "./index196.js";
 import { useI18n as ut } from "vue-i18n";
 const ht = ot({
   name: "QTour",

package/dist/{index157.js → index158.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, computed as n } from "vue";
-import l from "./index54.js";
+import l from "./index55.js";
 import p from "./index34.js";
 const i = a({
   name: "QWarningModal",

package/dist/index16.js

@@ -1,7 +1,7 @@
-import k from "./index87.js";
+import k from "./index88.js";
 import { createElementBlock as i, openBlock as s, normalizeClass as u, renderSlot as t, createCommentVNode as m, createElementVNode as d, normalizeStyle as y, Fragment as a, renderList as n, mergeProps as p, createTextVNode as $, toDisplayString as g } from "vue";
 /* empty css        */
-import P from "./index62.js";
+import P from "./index63.js";
 const v = ["id"], b = ["id"], S = ["id"], w = ["id"], V = ["id"], C = ["id"], F = ["id"], R = ["id", "onClick"], L = {
   key: 1,
   class: "list ordered-list"

package/dist/{index159.js → index160.js}

@@ -1,14 +1,14 @@
 import { defineComponent as q, ref as o, computed as c, watch as k, onBeforeUnmount as M, onMounted as z, onUnmounted as K, nextTick as Q } from "vue";
-import { useBreakpoints as W, onClickOutside as b, breakpointsTailwind as _ } from "./index163.js";
-import { EditorContent as $, useEditor as D } from "./index196.js";
-import G from "./index197.js";
-import I from "./index198.js";
-import { Underline as J } from "./index199.js";
-import { TextStyle as N, Color as X } from "./index200.js";
-import { Link as Y } from "./index201.js";
-import { Placeholder as Z } from "./index202.js";
+import { useBreakpoints as W, onClickOutside as b, breakpointsTailwind as _ } from "./index164.js";
+import { EditorContent as $, useEditor as D } from "./index197.js";
+import G from "./index198.js";
+import I from "./index199.js";
+import { Underline as J } from "./index200.js";
+import { TextStyle as N, Color as X } from "./index201.js";
+import { Link as Y } from "./index202.js";
+import { Placeholder as Z } from "./index203.js";
 import ee from "./index24.js";
-import te from "./index162.js";
+import te from "./index163.js";
 const ve = q({
   components: {
     EditorContent: $,