@quoreadmin/ui 1.5.0 → 1.6.0

package/dist/{index77.js → index78.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, ref as i, watch as o } from "vue";
-import m from "./index27.js";
+import m from "./index28.js";
 const y = f({
   name: "QCheckbox",
   components: {

package/dist/index8.js

@@ -1,8 +1,8 @@
-import r from "./index72.js";
-import { BTN_CLASS_PREFIX as v } from "./index72.js";
+import r from "./index73.js";
+import { BTN_CLASS_PREFIX as v } from "./index73.js";
 import { createElementBlock as t, openBlock as o, mergeProps as n, createElementVNode as i, renderSlot as a } from "vue";
 /* empty css        */
-import d from "./index61.js";
+import d from "./index62.js";
 const p = {
   key: 0,
   class: "circular",

package/dist/{index79.js → index80.js}

@@ -1,13 +1,13 @@
 import { defineComponent as B, ref as a, computed as f, nextTick as L, watch as Q } from "vue";
-import { DateTime as p } from "./index159.js";
-import h from "./index53.js";
+import { DateTime as p } from "./index162.js";
+import h from "./index54.js";
 import { useI18n as P } from "vue-i18n";
 import S from "./index4.js";
-import H from "./index29.js";
-import j from "./index50.js";
-import R from "./index32.js";
-import F from "./index38.js";
-import $ from "./index51.js";
+import H from "./index30.js";
+import j from "./index51.js";
+import R from "./index33.js";
+import F from "./index39.js";
+import $ from "./index52.js";
 const W = {
   /** ID of the comment - maybe this will be in the data. We will need this for taking action on a comment */
   id: {

package/dist/{index81.js → index82.js}

@@ -1,7 +1,7 @@
 import { defineComponent as i, ref as a, watch as c } from "vue";
 import { useI18n as p } from "vue-i18n";
 import r from "./index12.js";
-import y from "./index51.js";
+import y from "./index52.js";
 const h = i({
   name: "QCommentSection",
   components: {

package/dist/index84.js

@@ -1,140 +1,36 @@
-import { defineComponent as h, ref as s, computed as v, watch as c } from "vue";
-import B from "./index6.js";
-import g from "./index7.js";
-import S from "./index27.js";
-import D from "./index30.js";
-import F from "./index48.js";
-import Q from "./index38.js";
-import b from "./index53.js";
-import A from "./index54.js";
-import { filterData as f } from "./index52.js";
-import { useDebounceFn as w } from "./index169.js";
-const z = h({
-  name: "QDataFilter",
-  components: {
-    QBadge: B,
-    QBottomSheet: g,
-    QIcon: S,
-    QInput: D,
-    QTooltip: F,
-    QPopover: Q
-  },
+import { defineComponent as n } from "vue";
+const o = n({
+  name: "QCounter",
   props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    id: {
-      type: String,
-      default: ""
-    },
-    excludedFields: {
-      type: Array,
-      default: () => []
-    },
-    filters: {
-      type: Array,
-      default: () => []
-    },
-    hasSearch: {
-      type: Boolean,
-      default: !0
-    },
-    orderBy: {
-      type: String,
-      default: "asc"
-    },
-    // Should the built in popover be repositioned and realigned automatically if it is outside viewport.
-    repositionPopover: {
-      type: Boolean,
-      default: !0
-    },
-    search: {
-      type: String,
-      default: ""
-    },
-    searchDelay: {
+    /** value of the counter */
+    modelValue: {
       type: Number,
-      default: 300
-    },
-    searchPlaceholder: {
-      type: String,
-      default: ""
+      default: 0
     },
-    showResultsCount: {
-      type: Boolean,
-      default: !1
-    },
-    sortBy: {
-      type: String,
-      default: "name"
+    /** Min value the user can decrement to */
+    min: {
+      type: Number,
+      default: 0
     },
-    noneEqualsAll: {
-      type: Boolean,
-      default: !0
+    /** Max value the user can increment to */
+    max: {
+      type: Number,
+      default: 100
     },
-    filtersActive: {
+    /** Disable the counter */
+    disabled: {
       type: Boolean,
       default: !1
     }
   },
-  emits: [
-    "update:data",
-    "update:search",
-    "click:filters",
-    "popover:close",
-    "bottom-sheet:close"
-  ],
+  emits: ["update:modelValue"],
   setup(t, { emit: a }) {
-    const u = w((e) => {
-      a("update:search", e);
-    }, t.searchDelay), d = A(), n = s(0), l = s(!1), r = s(!1), i = v(() => {
-      let e = 0;
-      return t.filters.forEach((o) => {
-        (typeof o.selected == "string" && o.selected || typeof o.selected != "string" && o.selected.length) && e++;
-      }), e;
-    }), p = () => {
-      r.value = !1, a("bottom-sheet:close");
-    }, m = () => {
-      l.value = !1, a("popover:close");
-    }, y = (e) => {
-      e(), a("click:filters");
-    };
-    return c(t, () => {
-      const e = f(
-        t.data,
-        t.search,
-        t.filters,
-        t.sortBy,
-        t.orderBy === "desc" ? -1 : 1,
-        t.excludedFields,
-        t.noneEqualsAll
-      );
-      n.value = e.length, a("update:data", e);
-    }, { deep: !0 }), c(l, (e, o) => {
-      o === !0 && e === !1 && a("popover:close");
-    }), c(r, (e, o) => {
-      o === !0 && e === !1 && a("bottom-sheet:close");
-    }), {
-      // Plugins
-      debouncedSearch: u,
-      // Ref
-      filteredCount: n,
-      showFilterBottomSheet: r,
-      showFilterPopover: l,
-      // Methods
-      closeBottomSheet: p,
-      closePopover: m,
-      onFilterClick: y,
-      // Computed
-      filtersCount: i,
-      // Composables
-      deviceType: d,
-      filterData: f,
-      mq: b
-    };
+    return { updateCount: (u) => {
+      let e = t.modelValue + u;
+      return e > t.max ? e = t.max : e < t.min && (e = t.min), a("update:modelValue", e), e;
+    } };
   }
 });
 export {
-  z as default
+  o as default
 };

package/dist/index85.js

@@ -0,0 +1,140 @@
+import { defineComponent as h, ref as s, computed as v, watch as c } from "vue";
+import B from "./index6.js";
+import g from "./index7.js";
+import S from "./index28.js";
+import D from "./index31.js";
+import F from "./index49.js";
+import Q from "./index39.js";
+import b from "./index54.js";
+import A from "./index55.js";
+import { filterData as f } from "./index53.js";
+import { useDebounceFn as w } from "./index172.js";
+const z = h({
+  name: "QDataFilter",
+  components: {
+    QBadge: B,
+    QBottomSheet: g,
+    QIcon: S,
+    QInput: D,
+    QTooltip: F,
+    QPopover: Q
+  },
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    excludedFields: {
+      type: Array,
+      default: () => []
+    },
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    orderBy: {
+      type: String,
+      default: "asc"
+    },
+    // Should the built in popover be repositioned and realigned automatically if it is outside viewport.
+    repositionPopover: {
+      type: Boolean,
+      default: !0
+    },
+    search: {
+      type: String,
+      default: ""
+    },
+    searchDelay: {
+      type: Number,
+      default: 300
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    showResultsCount: {
+      type: Boolean,
+      default: !1
+    },
+    sortBy: {
+      type: String,
+      default: "name"
+    },
+    noneEqualsAll: {
+      type: Boolean,
+      default: !0
+    },
+    filtersActive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:data",
+    "update:search",
+    "click:filters",
+    "popover:close",
+    "bottom-sheet:close"
+  ],
+  setup(t, { emit: a }) {
+    const u = w((e) => {
+      a("update:search", e);
+    }, t.searchDelay), d = A(), n = s(0), l = s(!1), r = s(!1), i = v(() => {
+      let e = 0;
+      return t.filters.forEach((o) => {
+        (typeof o.selected == "string" && o.selected || typeof o.selected != "string" && o.selected.length) && e++;
+      }), e;
+    }), p = () => {
+      r.value = !1, a("bottom-sheet:close");
+    }, m = () => {
+      l.value = !1, a("popover:close");
+    }, y = (e) => {
+      e(), a("click:filters");
+    };
+    return c(t, () => {
+      const e = f(
+        t.data,
+        t.search,
+        t.filters,
+        t.sortBy,
+        t.orderBy === "desc" ? -1 : 1,
+        t.excludedFields,
+        t.noneEqualsAll
+      );
+      n.value = e.length, a("update:data", e);
+    }, { deep: !0 }), c(l, (e, o) => {
+      o === !0 && e === !1 && a("popover:close");
+    }), c(r, (e, o) => {
+      o === !0 && e === !1 && a("bottom-sheet:close");
+    }), {
+      // Plugins
+      debouncedSearch: u,
+      // Ref
+      filteredCount: n,
+      showFilterBottomSheet: r,
+      showFilterPopover: l,
+      // Methods
+      closeBottomSheet: p,
+      closePopover: m,
+      onFilterClick: y,
+      // Computed
+      filtersCount: i,
+      // Composables
+      deviceType: d,
+      filterData: f,
+      mq: b
+    };
+  }
+});
+export {
+  z as default
+};

package/dist/{index86.js → index87.js}

@@ -1,11 +1,11 @@
 import { defineComponent as U, ref as a, computed as v, onMounted as q, onUnmounted as A, nextTick as M } from "vue";
 import C from "./index6.js";
 import O from "./index15.js";
-import { useDrag as j } from "./index166.js";
-import { useMotionProperties as G, useMotionTransitions as I } from "./index167.js";
-import { useWindowScroll as J, useScroll as K } from "./index158.js";
-import H from "./index53.js";
-import X from "./index54.js";
+import { useDrag as j } from "./index169.js";
+import { useMotionProperties as G, useMotionTransitions as I } from "./index170.js";
+import { useWindowScroll as J, useScroll as K } from "./index161.js";
+import H from "./index54.js";
+import X from "./index55.js";
 const ne = U({
   name: "QDataList",
   components: {

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

@@ -1,11 +1,11 @@
 import { defineComponent as de, ref as o, computed as r, watch as H, nextTick as j, onMounted as fe, onUnmounted as ve } from "vue";
-import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index158.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index161.js";
 import ye from "./index18.js";
 import ge from "./index19.js";
-import be from "./index48.js";
-import we from "./index170.js";
-import Se from "./index53.js";
-import xe from "./index54.js";
+import be from "./index49.js";
+import we from "./index173.js";
+import Se from "./index54.js";
+import xe from "./index55.js";
 const Pe = de({
   name: "QDataTable",
   components: {

package/dist/index9.js

@@ -1,6 +1,6 @@
-import r from "./index74.js";
+import r from "./index75.js";
 import { resolveComponent as l, createElementBlock as p, openBlock as n, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
-import f from "./index61.js";
+import f from "./index62.js";
 const B = { class: "button-group flex justify-content-center" }, _ = { class: "flex align-items-center" }, y = { class: "option-label" };
 function V(e, t, k, D, $, g) {
   const s = l("q-icon"), a = l("SelectButton");

package/dist/index95.js

@@ -0,0 +1,117 @@
+import { defineComponent as c, ref as o, computed as p, watch as m, nextTick as y, onUnmounted as b } from "vue";
+import D from "./index174.js";
+/* empty css         */
+import "./index176.js";
+import "./index177.js";
+import "./index178.js";
+import "./index179.js";
+import "./index180.js";
+const x = c({
+  name: "QDatePicker",
+  components: {
+    DatePicker: D
+  },
+  props: {
+    /** 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: !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: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
+      disabledDates: u,
+      // Methods
+      disableDatesAfterToday: l,
+      disableDatesBeforeToday: i,
+      getCalendarPosition: t
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/index97.js

@@ -1,34 +1,29 @@
-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
-  },
+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/index98.js

@@ -0,0 +1,34 @@
+import { defineComponent as r, computed as l } from "vue";
+import a from "./index54.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
+};