@quoreadmin/ui 1.4.7 → 1.5.0

package/dist/{index89.js → index92.js}

@@ -1,5 +1,5 @@
 import { defineComponent as e } from "vue";
-import t from "./index17.js";
+import t from "./index18.js";
 const o = e({
   name: "QTableHead",
   components: {

package/dist/index94.js

@@ -1,34 +1,117 @@
-import { defineComponent as r, computed as l } from "vue";
-import a from "./index52.js";
-import g from "./index32.js";
-const s = r({
-  name: "QErrorModal",
+import { defineComponent as c, ref as o, computed as p, watch as m, nextTick as y, onUnmounted as b } from "vue";
+import D from "./index171.js";
+/* empty css         */
+import "./index173.js";
+import "./index174.js";
+import "./index175.js";
+import "./index176.js";
+import "./index177.js";
+const x = c({
+  name: "QDatePicker",
   components: {
-    QModal: g
+    DatePicker: D
   },
   props: {
-    // Model value to hide show modal.
-    toggle: {
+    /** Id for this specific date picker */
+    id: {
+      type: String,
+      default: ""
+    },
+    /** Value of the date picker */
+    modelValue: {
+      type: [Date, String, Array],
+      default: ""
+    },
+    /** Can the datepicker be cleared */
+    clearable: {
       type: Boolean,
-      default: !1,
-      required: !0
+      default: !0
+    },
+    /** Is date picker disabled */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Function to determine disabled dates */
+    disabledDate: {
+      type: Function,
+      default: () => {
+      }
+    },
+    /** Disable all dates before today's date */
+    disabledBeforeToday: {
+      type: Boolean,
+      default: !1
+    },
+    /** Disable all dates after today's date */
+    disabledAfterToday: {
+      type: Boolean,
+      default: !1
+    },
+    /** Date format for the date picker */
+    format: {
+      type: String,
+      default: ""
+      // TODO: Set to what Quore wants.
+    },
+    /** Locale for the date picker */
+    locale: {
+      type: String,
+      default: "en"
+    },
+    /** Placeholder for the date picker */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Is date picker a date range */
+    range: {
+      type: Boolean,
+      default: !1
+    },
+    /** Size of the date picker */
+    size: {
+      type: String,
+      default: "lg"
+      // sm, md, lg
+    },
+    /**
+     * Type of date picker
+     * i.e. date, datetime, year, month, time, week
+     */
+    type: {
+      type: String,
+      default: "date"
     }
   },
-  emits: ["update:toggle"],
-  setup(o, { emit: e }) {
-    return {
+  emits: ["update:modelValue"],
+  setup(a) {
+    const d = o("bottom"), s = o(), r = o(!1), f = o(a.modelValue || ""), u = p(() => a.disabledAfterToday ? l : a.disabledBeforeToday ? i : a.disabledDate), l = (e) => e > /* @__PURE__ */ new Date(), i = (e) => {
+      const n = /* @__PURE__ */ new Date();
+      return n.setHours(0, 0, 0, 0), e < n;
+    }, t = () => {
+      const e = document.querySelector(".mx-datepicker-main");
+      e && (d.value = parseInt(e.style.top) < 0 ? "top" : "bottom");
+    };
+    return m(r, async (e) => {
+      e ? window.addEventListener("scroll", t) : window.removeEventListener("scroll", t), await y(), t();
+    }), b(() => {
+      window.removeEventListener("scroll", t);
+    }), {
+      // Refs
+      calendarPosition: d,
+      datePicker: s,
+      isOpen: r,
+      value: f,
       // Computed
-      toggleModal: l({
-        get: () => o.toggle,
-        set: (t) => {
-          e("update:toggle", t);
-        }
-      }),
-      // Composables
-      mq: a
+      disabledDates: u,
+      // Methods
+      disableDatesAfterToday: l,
+      disableDatesBeforeToday: i,
+      getCalendarPosition: t
     };
   }
 });
 export {
-  s as default
+  x as default
 };

package/dist/index96.js

@@ -1,138 +1,29 @@
-import { defineComponent as C, ref as n, computed as v } from "vue";
-import { useDropZone as b } from "./index155.js";
-import z from "./index52.js";
-import M from "./index175.js";
-import T from "./index6.js";
-import I from "./index28.js";
-import O from "./index32.js";
-import Z from "./index33.js";
-const W = C({
-  name: "QFileUpload",
-  components: {
-    FileUpload: M,
-    QBadge: T,
-    QImageGallery: I,
-    QModal: O,
-    QModalContent: Z
-  },
+import { defineComponent as e, computed as o } from "vue";
+const a = e({
+  name: "QDivider",
   props: {
-    /** Name of the request parameter to identify the files at backend. */
-    name: {
-      type: Array,
-      default: null
-    },
-    files: {
-      type: Array,
-      default: () => []
-    },
-    /** Upload url */
-    url: {
+    /** Border style */
+    borderStyle: {
       type: String,
-      default: ""
-    },
-    /** If we should allow multiple files */
-    multiple: {
-      type: Boolean,
-      default: !0
+      default: "solid"
     },
-    /** Specify file types allowed */
-    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
-    filesAllowed: {
+    /** Border color */
+    borderColor: {
       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
+      default: "gray-20"
     },
-    /** 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
+    textClass: {
+      type: String,
+      default: ""
     }
   },
-  emits: ["file-list", "upload-error", "uploading"],
-  setup(s, { emit: r }) {
-    const a = n(null), f = n(), i = n([]), p = n([]), u = v(() => s.files), F = v(() => s.filesAllowed.replace(/,/g, ", ")), x = () => {
-      a.value && a.value.clear();
-    }, U = () => {
-      i.value = [], p.value = [];
-    }, c = (e) => {
-      const o = s.filesAllowed.split(",").map((l) => l.trim());
-      for (const l of o)
-        if (m(l) ? d(e.type) === d(l) : e.type == l || y(e).toLowerCase() === l.toLowerCase())
-          return !0;
-      return !1;
-    }, m = (e) => e.indexOf("*") !== -1, y = (e) => "." + e.name.split(".").pop(), d = (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);
-    }, w = (e) => {
-      r("upload-error", e);
-    }, B = () => {
-      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(f);
+  emits: ["update:modelValue"],
+  setup(r, { slots: t }) {
     return {
-      // ref elements - Needed this for triggering events in component
-      fileUpload: a,
-      dropZoneRef: f,
-      // refs
-      allFiles: u,
-      sizeErrors: i,
-      typeErrors: p,
-      isOverDropZone: S,
-      // computed
-      displayAllowedTypes: F,
-      // methods
-      clear: x,
-      clearErrors: U,
-      getFileExtension: y,
-      getTypeClass: d,
-      isValidFileType: c,
-      isWildcard: m,
-      onBeforeSelect: g,
-      onUpload: B,
-      onUploadError: w,
-      onUploading: A,
-      onRemoveFile: E,
-      onSelectedFiles: Q,
-      // composables
-      mq: z
+      hasSlotContent: o(() => !!t.default)
     };
   }
 });
 export {
-  W as default
+  a as default
 };

package/dist/index97.js

@@ -1,10 +1,34 @@
-import { defineComponent as o } from "vue";
-const n = o({
-  name: "QIcon",
-  props: {},
-  setup() {
+import { defineComponent as r, computed as l } from "vue";
+import a from "./index53.js";
+import g from "./index33.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 {
-  n as default
+  s as default
 };

package/dist/index99.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 "./index158.js";
+import z from "./index53.js";
+import M from "./index178.js";
+import T from "./index6.js";
+import h from "./index29.js";
+import I from "./index33.js";
+import O from "./index34.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
 };