@quoreadmin/ui 1.10.32 → 1.11.0

package/dist/index89.js

@@ -0,0 +1,156 @@
+import { defineComponent as h, ref as s, computed as v, watch as f } 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 "./index53.js";
+import P from "./index41.js";
+import Q from "./index58.js";
+import b from "./index59.js";
+import { filterData as n } from "./index57.js";
+import { useDebounceFn as A } from "./index187.js";
+const j = h({
+  name: "QDataFilter",
+  components: {
+    QBadge: B,
+    QBottomSheet: g,
+    QIcon: S,
+    QInput: D,
+    QTooltip: F,
+    QPopover: P
+  },
+  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
+    },
+    filtersPopoverSize: {
+      type: String,
+      default: "lg"
+    },
+    filtersPopoverTeleport: {
+      type: Boolean,
+      default: !1
+    },
+    filtersPopoverTeleportTo: {
+      type: String,
+      default: "body"
+    }
+  },
+  emits: [
+    "update:data",
+    "update:search",
+    "click:filters",
+    "popover:close",
+    "bottom-sheet:close"
+  ],
+  setup(t, { emit: l }) {
+    const d = A((e) => {
+      l("update:search", e);
+    }, t.searchDelay), u = b(), c = s(0), r = s(!1), a = 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 = () => {
+      a.value = !1, l("bottom-sheet:close");
+    }, y = () => {
+      r.value = !1, l("popover:close");
+    }, m = (e) => {
+      e(), l("click:filters");
+    };
+    return f(
+      t,
+      () => {
+        const e = n(
+          t.data,
+          t.search,
+          t.filters,
+          t.sortBy,
+          t.orderBy === "desc" ? -1 : 1,
+          t.excludedFields,
+          t.noneEqualsAll
+        );
+        c.value = e.length, l("update:data", e);
+      },
+      { deep: !0 }
+    ), f(r, (e, o) => {
+      o === !0 && e === !1 && l("popover:close");
+    }), f(a, (e, o) => {
+      o === !0 && e === !1 && l("bottom-sheet:close");
+    }), {
+      // Plugins
+      debouncedSearch: d,
+      // Ref
+      filteredCount: c,
+      showFilterBottomSheet: a,
+      showFilterPopover: r,
+      // Methods
+      closeBottomSheet: p,
+      closePopover: y,
+      onFilterClick: m,
+      // Computed
+      filtersCount: i,
+      // Composables
+      deviceType: u,
+      filterData: n,
+      mq: Q
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/index9.js

@@ -1,6 +1,6 @@
-import r from "./index78.js";
+import r from "./index79.js";
 import { resolveComponent as l, openBlock as n, createElementBlock as p, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
-import f from "./index65.js";
+import f from "./index66.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/{index90.js → index91.js}

@@ -1,11 +1,11 @@
 import { defineComponent as G, ref as l, computed as i, onMounted as I, onUnmounted as J, nextTick as F } from "vue";
 import K from "./index6.js";
 import X from "./index15.js";
-import { useDrag as _ } from "./index181.js";
-import { useMotionProperties as ee, useMotionTransitions as te } from "./index182.js";
-import { useWindowScroll as le, useScroll as Q } from "./index173.js";
-import V from "./index57.js";
-import ae from "./index58.js";
+import { useDrag as _ } from "./index184.js";
+import { useMotionProperties as ee, useMotionTransitions as te } from "./index185.js";
+import { useWindowScroll as le, useScroll as Q } from "./index176.js";
+import V from "./index58.js";
+import ae from "./index59.js";
 const de = G({
   name: "QDataList",
   components: {

package/dist/{index92.js → index93.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 "./index173.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index176.js";
 import ye from "./index18.js";
 import ge from "./index19.js";
-import be from "./index52.js";
-import we from "./index185.js";
-import Se from "./index57.js";
-import xe from "./index58.js";
+import be from "./index53.js";
+import we from "./index188.js";
+import Se from "./index58.js";
+import xe from "./index59.js";
 const Pe = de({
   name: "QDataTable",
   components: {

package/dist/index99.js

@@ -0,0 +1,204 @@
+import { defineComponent as w, ref as s, computed as m, watch as D, nextTick as h, onUnmounted as N } from "vue";
+import v from "./index189.js";
+/* empty css         */
+import "./index191.js";
+import "./index192.js";
+import "./index193.js";
+import "./index194.js";
+import "./index195.js";
+const B = (e) => {
+  if (!e || typeof e != "string") return;
+  const t = e.trim();
+  if (t)
+    try {
+      return new Intl.DateTimeFormat("en-US", { timeZone: t }).format(/* @__PURE__ */ new Date()), t;
+    } catch {
+      return;
+    }
+}, L = (e, t) => {
+  const n = B(t), r = new Intl.DateTimeFormat("sv-SE", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    ...n ? { timeZone: n } : {}
+  }).formatToParts(e), i = (f) => r.find((y) => y.type === f)?.value ?? "";
+  return {
+    year: Number(i("year")),
+    month: Number(i("month")),
+    day: Number(i("day"))
+  };
+}, c = (e, t) => {
+  const { year: n, month: o, day: r } = L(e, t);
+  return `${n}-${String(o).padStart(2, "0")}-${String(r).padStart(2, "0")}`;
+}, P = (e) => {
+  if (!e) return null;
+  if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+  const t = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (t)
+    return new Date(
+      Number(t[1]),
+      Number(t[2]) - 1,
+      Number(t[3]),
+      12,
+      0,
+      0,
+      0
+    );
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? null : n;
+}, E = w({
+  name: "QDatePicker",
+  components: {
+    DatePicker: v
+  },
+  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 dates before the property's current calendar day */
+    isTodayMin: {
+      type: Boolean,
+      default: !1
+    },
+    /** Disable all dates after today's date */
+    disabledAfterToday: {
+      type: Boolean,
+      default: !1
+    },
+    /** Minimum allowed date, compared as a calendar day in `propertyTimezone` when provided */
+    minimumDate: {
+      type: [Date, String],
+      default: null
+    },
+    /** IANA timezone used for date-only comparisons such as `isTodayMin` / `minimumDate` */
+    propertyTimezone: {
+      type: String,
+      default: ""
+    },
+    /** 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"
+    },
+    // Shows "*Required" indicator next to placeholder with different styling
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    // Enables floating label behavior - label floats to top when focused or has value
+    floatingLabel: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = s("bottom"), n = s(), o = s(!1), r = s(e.modelValue || ""), i = m(() => {
+      const a = P(e.minimumDate), d = typeof e.disabledDate == "function";
+      return (u) => {
+        if (e.disabledAfterToday && b(u) || e.disabledBeforeToday && p(u))
+          return !0;
+        if (e.isTodayMin) {
+          const g = c(/* @__PURE__ */ new Date(), e.propertyTimezone);
+          if (c(u, e.propertyTimezone) < g)
+            return !0;
+        }
+        if (a) {
+          const g = c(a, e.propertyTimezone);
+          if (c(u, e.propertyTimezone) < g)
+            return !0;
+        }
+        return d ? e.disabledDate(u) : !1;
+      };
+    }), f = m(() => e.required && !e.floatingLabel && !r.value), y = m(() => e.floatingLabel), S = m(() => e.floatingLabel && (!!r.value || o.value)), b = (a) => a > /* @__PURE__ */ new Date(), p = (a) => {
+      const d = /* @__PURE__ */ new Date();
+      return d.setHours(0, 0, 0, 0), a < d;
+    }, l = () => {
+      const a = document.querySelector(".mx-datepicker-main");
+      a && (t.value = parseInt(a.style.top) < 0 ? "top" : "bottom");
+    };
+    return D(() => e.modelValue, (a) => {
+      r.value = a || "";
+    }), D(o, async (a) => {
+      a ? window.addEventListener("scroll", l) : window.removeEventListener("scroll", l), await h(), l();
+    }), N(() => {
+      window.removeEventListener("scroll", l);
+    }), {
+      // Refs
+      calendarPosition: t,
+      datePicker: n,
+      isOpen: o,
+      value: r,
+      // Computed
+      disabledDates: i,
+      showCustomPlaceholder: f,
+      showFloatingLabel: y,
+      isLabelFloated: S,
+      // Methods
+      disableDatesAfterToday: b,
+      disableDatesBeforeToday: p,
+      getCalendarPosition: l
+    };
+  }
+});
+export {
+  E as default
+};

package/dist/src/components/date-picker/date-picker.d.ts

@@ -42,11 +42,26 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable dates before the property's current calendar day */
+    isTodayMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Disable all dates after today's date */
     disabledAfterToday: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Minimum allowed date, compared as a calendar day in `propertyTimezone` when provided */
+    minimumDate: {
+        type: (StringConstructor | DateConstructor)[];
+        default: null;
+    };
+    /** IANA timezone used for date-only comparisons such as `isTodayMin` / `minimumDate` */
+    propertyTimezone: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Date format for the date picker */
     format: {
         type: StringConstructor;
@@ -144,11 +159,26 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Disable dates before the property's current calendar day */
+    isTodayMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Disable all dates after today's date */
     disabledAfterToday: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Minimum allowed date, compared as a calendar day in `propertyTimezone` when provided */
+    minimumDate: {
+        type: (StringConstructor | DateConstructor)[];
+        default: null;
+    };
+    /** IANA timezone used for date-only comparisons such as `isTodayMin` / `minimumDate` */
+    propertyTimezone: {
+        type: StringConstructor;
+        default: string;
+    };
     /** Date format for the date picker */
     format: {
         type: StringConstructor;
@@ -206,7 +236,10 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
     floatingLabel: boolean;
     clearable: boolean;
     disabledBeforeToday: boolean;
+    isTodayMin: boolean;
     disabledAfterToday: boolean;
+    minimumDate: string | Date;
+    propertyTimezone: string;
     format: string;
 }, {}, {
     DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {

package/dist/src/components/date-picker/date-picker.stories.d.ts

@@ -44,10 +44,22 @@ export declare const DatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -130,10 +142,22 @@ export declare const DatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -182,7 +206,10 @@ export declare const DatePicker: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -719,10 +746,22 @@ export declare const RangedDatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -805,10 +844,22 @@ export declare const RangedDatePicker: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -857,7 +908,10 @@ export declare const RangedDatePicker: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -1398,10 +1452,22 @@ export declare const FloatingLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -1484,10 +1550,22 @@ export declare const FloatingLabel: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -1536,7 +1614,10 @@ export declare const FloatingLabel: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {
@@ -2075,10 +2156,22 @@ export declare const FloatingLabelWithValue: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -2161,10 +2254,22 @@ export declare const FloatingLabelWithValue: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                isTodayMin: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
                 disabledAfterToday: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                minimumDate: {
+                    type: (StringConstructor | DateConstructor)[];
+                    default: null;
+                };
+                propertyTimezone: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 format: {
                     type: StringConstructor;
                     default: string;
@@ -2213,7 +2318,10 @@ export declare const FloatingLabelWithValue: {
                 floatingLabel: boolean;
                 clearable: boolean;
                 disabledBeforeToday: boolean;
+                isTodayMin: boolean;
                 disabledAfterToday: boolean;
+                minimumDate: string | Date;
+                propertyTimezone: string;
                 format: string;
             }, {}, {
                 DatePicker: import('vue').FunctionalComponent<any, any, any, any> & {