@quoreadmin/ui 1.10.9 → 1.10.10

package/dist/index395.js

@@ -1,63 +1,100 @@
-const f = function* (e, t) {
-  let n = e.byteLength;
-  if (n < t) {
-    yield e;
-    return;
-  }
-  let a = 0, r;
-  for (; a < n; )
-    r = a + t, yield e.slice(a, r), a = r;
-}, w = async function* (e, t) {
-  for await (const n of b(e))
-    yield* f(n, t);
-}, b = async function* (e) {
-  if (e[Symbol.asyncIterator]) {
-    yield* e;
-    return;
+var l = 200, p = function() {
+};
+p.prototype.append = function(t) {
+  return t.length ? (t = p.from(t), !this.length && t || t.length < l && this.leafAppend(t) || this.length < l && t.leafPrepend(this) || this.appendInner(t)) : this;
+};
+p.prototype.prepend = function(t) {
+  return t.length ? p.from(t).append(this) : this;
+};
+p.prototype.appendInner = function(t) {
+  return new u(this, t);
+};
+p.prototype.slice = function(t, r) {
+  return t === void 0 && (t = 0), r === void 0 && (r = this.length), t >= r ? p.empty : this.sliceInner(Math.max(0, t), Math.min(this.length, r));
+};
+p.prototype.get = function(t) {
+  if (!(t < 0 || t >= this.length))
+    return this.getInner(t);
+};
+p.prototype.forEach = function(t, r, e) {
+  r === void 0 && (r = 0), e === void 0 && (e = this.length), r <= e ? this.forEachInner(t, r, e, 0) : this.forEachInvertedInner(t, r, e, 0);
+};
+p.prototype.map = function(t, r, e) {
+  r === void 0 && (r = 0), e === void 0 && (e = this.length);
+  var n = [];
+  return this.forEach(function(i, s) {
+    return n.push(t(i, s));
+  }, r, e), n;
+};
+p.from = function(t) {
+  return t instanceof p ? t : t && t.length ? new o(t) : p.empty;
+};
+var o = /* @__PURE__ */ (function(h) {
+  function t(e) {
+    h.call(this), this.values = e;
   }
-  const t = e.getReader();
-  try {
-    for (; ; ) {
-      const { done: n, value: a } = await t.read();
-      if (n)
-        break;
-      yield a;
-    }
-  } finally {
-    await t.cancel();
+  h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t;
+  var r = { length: { configurable: !0 }, depth: { configurable: !0 } };
+  return t.prototype.flatten = function() {
+    return this.values;
+  }, t.prototype.sliceInner = function(n, i) {
+    return n == 0 && i == this.length ? this : new t(this.values.slice(n, i));
+  }, t.prototype.getInner = function(n) {
+    return this.values[n];
+  }, t.prototype.forEachInner = function(n, i, s, f) {
+    for (var a = i; a < s; a++)
+      if (n(this.values[a], f + a) === !1)
+        return !1;
+  }, t.prototype.forEachInvertedInner = function(n, i, s, f) {
+    for (var a = i - 1; a >= s; a--)
+      if (n(this.values[a], f + a) === !1)
+        return !1;
+  }, t.prototype.leafAppend = function(n) {
+    if (this.length + n.length <= l)
+      return new t(this.values.concat(n.flatten()));
+  }, t.prototype.leafPrepend = function(n) {
+    if (this.length + n.length <= l)
+      return new t(n.flatten().concat(this.values));
+  }, r.length.get = function() {
+    return this.values.length;
+  }, r.depth.get = function() {
+    return 0;
+  }, Object.defineProperties(t.prototype, r), t;
+})(p);
+p.empty = new o([]);
+var u = /* @__PURE__ */ (function(h) {
+  function t(r, e) {
+    h.call(this), this.left = r, this.right = e, this.length = r.length + e.length, this.depth = Math.max(r.depth, e.depth) + 1;
   }
-}, h = (e, t, n, a) => {
-  const r = w(e, t);
-  let d = 0, o, c = (l) => {
-    o || (o = !0, a && a(l));
-  };
-  return new ReadableStream({
-    async pull(l) {
-      try {
-        const { done: i, value: y } = await r.next();
-        if (i) {
-          c(), l.close();
-          return;
-        }
-        let s = y.byteLength;
-        if (n) {
-          let u = d += s;
-          n(u);
-        }
-        l.enqueue(new Uint8Array(y));
-      } catch (i) {
-        throw c(i), i;
-      }
-    },
-    cancel(l) {
-      return c(l), r.return();
-    }
-  }, {
-    highWaterMark: 2
-  });
-};
+  return h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t, t.prototype.flatten = function() {
+    return this.left.flatten().concat(this.right.flatten());
+  }, t.prototype.getInner = function(e) {
+    return e < this.left.length ? this.left.get(e) : this.right.get(e - this.left.length);
+  }, t.prototype.forEachInner = function(e, n, i, s) {
+    var f = this.left.length;
+    if (n < f && this.left.forEachInner(e, n, Math.min(i, f), s) === !1 || i > f && this.right.forEachInner(e, Math.max(n - f, 0), Math.min(this.length, i) - f, s + f) === !1)
+      return !1;
+  }, t.prototype.forEachInvertedInner = function(e, n, i, s) {
+    var f = this.left.length;
+    if (n > f && this.right.forEachInvertedInner(e, n - f, Math.max(i, f) - f, s + f) === !1 || i < f && this.left.forEachInvertedInner(e, Math.min(n, f), i, s) === !1)
+      return !1;
+  }, t.prototype.sliceInner = function(e, n) {
+    if (e == 0 && n == this.length)
+      return this;
+    var i = this.left.length;
+    return n <= i ? this.left.slice(e, n) : e >= i ? this.right.slice(e - i, n - i) : this.left.slice(e, i).append(this.right.slice(0, n - i));
+  }, t.prototype.leafAppend = function(e) {
+    var n = this.right.leafAppend(e);
+    if (n)
+      return new t(this.left, n);
+  }, t.prototype.leafPrepend = function(e) {
+    var n = this.left.leafPrepend(e);
+    if (n)
+      return new t(n, this.right);
+  }, t.prototype.appendInner = function(e) {
+    return this.left.depth >= Math.max(this.right.depth, e.depth) + 1 ? new t(this.left, new t(this.right, e)) : new t(this, e);
+  }, t;
+})(p);
 export {
-  w as readBytes,
-  f as streamChunk,
-  h as trackStream
+  p as default
 };

package/dist/index396.js

@@ -1,4 +1,4 @@
-import a from "./index384.js";
+import a from "./index380.js";
 const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
 export {
   e as default

package/dist/index401.js

@@ -1,4 +1,4 @@
-import o from "./index375.js";
+import o from "./index371.js";
 const n = o.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, o.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
   new URL(o.origin),
   o.navigator && /(msie|trident)/i.test(o.navigator.userAgent)

package/dist/index402.js

@@ -1,5 +1,5 @@
-import n from "./index323.js";
-import d from "./index375.js";
+import n from "./index301.js";
+import d from "./index371.js";
 const p = d.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {

package/dist/index90.js

@@ -1,16 +1,16 @@
-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 "./index181.js";
-import { useMotionProperties as G, useMotionTransitions as I } from "./index182.js";
-import { useWindowScroll as J, useScroll as K } from "./index173.js";
-import H from "./index57.js";
-import X from "./index58.js";
-const ne = U({
+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";
+const de = G({
   name: "QDataList",
   components: {
-    QBadge: C,
-    QDataFilter: O
+    QBadge: K,
+    QDataFilter: X
   },
   props: {
     /** Pass in an ID unique to the list. */
@@ -63,79 +63,113 @@ const ne = U({
       type: String,
       default: "row"
       // row, ordered, unordered
+    },
+    /** Scroll container: element ref, or CSS selector (e.g. '.page-layout__sidebar-inner') resolved via closest from list root. When null/undefined, uses window. */
+    scrollTarget: {
+      type: [Object, String],
+      default: null
     }
   },
   emits: ["filters-action", "page-updated", "click:list-item"],
-  setup(l, { emit: R }) {
-    const { deviceType: T } = X(), { y: t } = J(), { y: f } = K(window, { behavior: "smooth" }), g = a(0), n = a("down"), m = a(null), L = a(0), r = a(!1), P = a(!0), s = a(H.md ? !1 : l.hideSearch), p = a(!s.value), i = a(null), b = {
+  setup(n, { emit: R }) {
+    const { deviceType: E } = ae(), { y: P } = le(), { y: B } = Q(window, { behavior: "smooth" }), h = l(0), f = l("down"), a = l(null), { y: b } = Q(a), W = () => {
+      const e = n.scrollTarget;
+      if (e == null) {
+        a.value = null;
+        return;
+      }
+      if (typeof e == "string") {
+        const o = /^[.#\[a-zA-Z]/.test(e) ? e : `.${e}`, r = s.value?.closest(o) ?? null;
+        a.value = r;
+        return;
+      }
+      a.value = e;
+    }, w = i(() => a.value != null), t = i({
+      get: () => w.value ? b.value : P.value,
+      set: (e) => {
+        w.value ? b.value = e : B.value = e;
+      }
+    }), s = l(null), M = l(0), g = l(!1), k = l(!0), c = l(V.md ? !1 : n.hideSearch), y = l(!c.value), x = {
       type: "keyframe",
       ease: "linear",
       duration: 0,
       delay: 0
-    }, u = a(null), c = a(1), F = a(null), h = a(window.innerHeight), { motionProperties: Q } = G(u), { push: V } = I(), W = v(() => T.value === "desktop"), Y = v(() => c.value * l.itemsPerPage - 1), w = v(() => t.value <= 0 ? 70 : t.value > 70 ? 0 : 70 - t.value), k = v(() => Math.ceil(l.modelValue?.length / l.itemsPerPage) || 1), x = (e) => {
-      !e.dragging && t.value <= 24 && t.value >= 0 && (f.value = 0), !e.dragging && t.value > 24 && t.value < 70 && (f.value = 70), !(t.value > 0) && (r.value ? N(e) : z(e));
+    }, m = l(null), v = l(1), A = l(null), S = l(window.innerHeight), { motionProperties: N } = ee(m), { push: O } = te(), u = l(null), T = l(null), U = i(() => E.value === "desktop"), j = i(() => v.value * n.itemsPerPage - 1), D = i(() => t.value <= 0 ? 70 : t.value > 70 ? 0 : 70 - t.value), Y = i(() => Math.ceil(n.modelValue?.length / n.itemsPerPage) || 1), q = (e) => {
+      !e.dragging && t.value <= 24 && t.value >= 0 && (t.value = 0), !e.dragging && t.value > 24 && t.value < 70 && (t.value = 70), !(t.value > 0) && (g.value ? $(e) : Z(e));
     };
-    s.value && j(x, {
-      domTarget: u,
+    c.value && _(q, {
+      domTarget: m,
       filterTaps: !0,
       useTouch: !0,
       delay: 100
     });
-    const z = (e) => {
-      e.tap || e.axis === "x" || (r.value = !0);
-    }, N = (e) => {
+    const Z = (e) => {
+      e.tap || e.axis === "x" || (g.value = !0);
+    }, $ = (e) => {
       if (e.tap || e.axis === "x")
         return;
-      const o = e.direction[1], D = o >= 0, E = o <= 0 && t.value <= 0;
-      !p.value && (D || E) && y(!E, "drag"), r.value = !1;
-    }, d = async () => {
-      const e = t.value + h.value, o = m.value.offsetTop + m.value.offsetHeight;
-      e > o - 400 && c.value < k.value && (c.value++, R("page-updated"));
-    }, y = async (e, o) => {
-      if (p.value = e, await M(), P.value && n.value === "up" && t.value <= 0 || o === "drag") {
-        const D = w.value ? w.value : 0;
-        V("y", D, Q, b), P.value = !1;
+      const o = e.direction[1], r = o >= 0, z = o <= 0 && t.value <= 0;
+      !y.value && (r || z) && L(!z, "drag"), g.value = !1;
+    }, d = () => {
+      if (!(!s.value || v.value >= Y.value))
+        if (w.value && a.value) {
+          const e = a.value.getBoundingClientRect(), r = s.value.getBoundingClientRect().bottom - 400;
+          e.bottom > r && (v.value++, R("page-updated"));
+        } else {
+          const e = P.value + S.value, o = s.value.offsetTop + s.value.offsetHeight;
+          e > o - 400 && (v.value++, R("page-updated"));
+        }
+    }, L = async (e, o) => {
+      if (y.value = e, await F(), k.value && f.value === "up" && t.value <= 0 || o === "drag") {
+        const r = D.value ? D.value : 0;
+        O("y", r, N, x), k.value = !1;
       }
-    }, S = () => {
-      const e = Math.max(0, t.value) > g.value ? "down" : "up";
-      e !== n.value && (n.value = e), t.value < 70 && y(!0, "scroll"), g.value = Math.max(0, t.value), d();
-    }, B = async () => {
-      h.value = window.innerHeight, await M();
+    }, p = () => {
+      const e = Math.max(0, t.value) > h.value ? "down" : "up";
+      e !== f.value && (f.value = e), t.value < 70 && L(!0, "scroll"), h.value = Math.max(0, t.value), d();
+    }, H = async () => {
+      S.value = window.innerHeight, await F();
+    }, C = () => {
+      c.value ? p() : d();
     };
-    return q(() => {
-      s.value ? (L.value = u.value.offsetTop - 16, window.addEventListener("scroll", S), i.value = "onScroll") : (window.addEventListener("scroll", d), i.value = "scrollWatcher"), window.addEventListener("resize", B);
-    }), A(() => {
-      i.value === "onScroll" ? window.removeEventListener("scroll", S) : i.value === "scrollWatcher" && window.removeEventListener("scroll", d), window.removeEventListener("resize", B);
+    return I(() => {
+      if (c.value ? (M.value = m.value.offsetTop - 16, n.scrollTarget || (window.addEventListener("scroll", p), u.value = "onScroll")) : n.scrollTarget || (window.addEventListener("scroll", d), u.value = "scrollWatcher"), W(), n.scrollTarget && a.value) {
+        const e = a.value;
+        e.addEventListener("scroll", C), T.value = e, u.value = "custom";
+      }
+      window.addEventListener("resize", H);
+    }), J(() => {
+      u.value === "onScroll" ? window.removeEventListener("scroll", p) : u.value === "scrollWatcher" ? window.removeEventListener("scroll", d) : u.value === "custom" && T.value && T.value.removeEventListener("scroll", C), window.removeEventListener("resize", H);
     }), {
       // Refs
-      dataListRef: m,
-      defaultSearchTop: L,
-      isDragging: r,
-      isSearchVisible: p,
-      hiddenSearch: s,
-      listRef: u,
-      page: c,
-      prevScrollY: g,
+      dataListRef: s,
+      defaultSearchTop: M,
+      isDragging: g,
+      isSearchVisible: y,
+      hiddenSearch: c,
+      listRef: m,
+      page: v,
+      prevScrollY: h,
       scrollY: t,
-      scrollToY: f,
-      searchRef: F,
-      windowHeight: h,
+      scrollToY: B,
+      searchRef: A,
+      windowHeight: S,
       // Computed
-      direction: n,
-      isDesktop: W,
-      lastOnPage: Y,
-      searchHeight: w,
-      totalPages: k,
+      direction: f,
+      isDesktop: U,
+      lastOnPage: j,
+      searchHeight: D,
+      totalPages: Y,
       // Methods
-      onScroll: S,
+      onScroll: p,
       scrollWatcher: d,
-      toggleSearch: y,
+      toggleSearch: L,
       // Composable
-      deviceType: T,
-      mq: H
+      deviceType: E,
+      mq: V
     };
   }
 });
 export {
-  ne as default
+  de as default
 };

package/dist/src/components/data-list/data-list.d.ts

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 declare const QDataList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** Pass in an ID unique to the list. */
     id: {
@@ -47,6 +48,11 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
         type: StringConstructor;
         default: string;
     };
+    /** Scroll container: element ref, or CSS selector (e.g. '.page-layout__sidebar-inner') resolved via closest from list root. When null/undefined, uses window. */
+    scrollTarget: {
+        type: PropType<HTMLElement | string | null | undefined>;
+        default: null;
+    };
 }>, {
     dataListRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     defaultSearchTop: import('vue').Ref<number, number>;
@@ -66,7 +72,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
     searchHeight: import('vue').ComputedRef<number>;
     totalPages: import('vue').ComputedRef<number>;
     onScroll: () => void;
-    scrollWatcher: () => Promise<void>;
+    scrollWatcher: () => void;
     toggleSearch: (value: any, type: any) => Promise<void>;
     deviceType: import('vue').Ref<string, string>;
     mq: {
@@ -129,6 +135,11 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
         type: StringConstructor;
         default: string;
     };
+    /** Scroll container: element ref, or CSS selector (e.g. '.page-layout__sidebar-inner') resolved via closest from list root. When null/undefined, uses window. */
+    scrollTarget: {
+        type: PropType<HTMLElement | string | null | undefined>;
+        default: null;
+    };
 }>> & Readonly<{
     "onFilters-action"?: ((...args: any[]) => any) | undefined;
     "onPage-updated"?: ((...args: any[]) => any) | undefined;
@@ -144,6 +155,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
     isFixed: boolean;
     itemsPerPage: number;
     noResultMessage: string;
+    scrollTarget: string | HTMLElement | null | undefined;
 }, {}, {
     QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         color: {
@@ -172,7 +184,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     QDataFilter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         data: {
-            type: import('vue').PropType<any[]>;
+            type: PropType<any[]>;
             default: () => never[];
         };
         id: {
@@ -180,11 +192,11 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             default: string;
         };
         excludedFields: {
-            type: import('vue').PropType<string[]>;
+            type: PropType<string[]>;
             default: () => never[];
         };
         filters: {
-            type: import('vue').PropType<any[]>;
+            type: PropType<any[]>;
             default: () => never[];
         };
         hasSearch: {
@@ -257,7 +269,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
         };
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:data" | "update:search" | "click:filters" | "popover:close" | "bottom-sheet:close")[], "update:data" | "update:search" | "click:filters" | "popover:close" | "bottom-sheet:close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         data: {
-            type: import('vue').PropType<any[]>;
+            type: PropType<any[]>;
             default: () => never[];
         };
         id: {
@@ -265,11 +277,11 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             default: string;
         };
         excludedFields: {
-            type: import('vue').PropType<string[]>;
+            type: PropType<string[]>;
             default: () => never[];
         };
         filters: {
-            type: import('vue').PropType<any[]>;
+            type: PropType<any[]>;
             default: () => never[];
         };
         hasSearch: {

package/dist/src/views/lists.vue.d.ts

@@ -1258,6 +1258,10 @@ declare const _default: import('vue').DefineComponent<{}, {
             type: StringConstructor;
             default: string;
         };
+        scrollTarget: {
+            type: import('vue').PropType<HTMLElement | string | null | undefined>;
+            default: null;
+        };
     }>, {
         dataListRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         defaultSearchTop: import('vue').Ref<number, number>;
@@ -1277,7 +1281,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         searchHeight: import('vue').ComputedRef<number>;
         totalPages: import('vue').ComputedRef<number>;
         onScroll: () => void;
-        scrollWatcher: () => Promise<void>;
+        scrollWatcher: () => void;
         toggleSearch: (value: any, type: any) => Promise<void>;
         deviceType: import('vue').Ref<string, string>;
         mq: {
@@ -1332,6 +1336,10 @@ declare const _default: import('vue').DefineComponent<{}, {
             type: StringConstructor;
             default: string;
         };
+        scrollTarget: {
+            type: import('vue').PropType<HTMLElement | string | null | undefined>;
+            default: null;
+        };
     }>> & Readonly<{
         "onFilters-action"?: ((...args: any[]) => any) | undefined;
         "onPage-updated"?: ((...args: any[]) => any) | undefined;
@@ -1347,6 +1355,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         isFixed: boolean;
         itemsPerPage: number;
         noResultMessage: string;
+        scrollTarget: string | HTMLElement | null | undefined;
     }, {}, {
         QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             color: {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@quoreadmin/ui",
     "private": false,
-    "version": "1.10.9",
+    "version": "1.10.10",
     "type": "module",
     "sideEffects": [
         "**/*.css",