@quoreadmin/ui 1.10.16 → 1.10.18

package/dist/index265.js

@@ -1,22 +1,704 @@
-import r from "./index293.js";
-import { openBlock as t, createElementBlock as o, mergeProps as n, createElementVNode as i } from "vue";
-var p = {
-  name: "ChevronRightIcon",
-  extends: r
-}, C = /* @__PURE__ */ i("path", {
-  d: "M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z",
-  fill: "currentColor"
-}, null, -1), l = [C];
-function s(e, a, c, d, h, m) {
-  return t(), o("svg", n({
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, e.pti()), l, 16);
+import Q from "./index263.js";
+import { DomHandler as p } from "./index180.js";
+import U from "./index228.js";
+import K from "./index317.js";
+import { resolveComponent as X, openBlock as R, createElementBlock as W, mergeProps as M, renderSlot as A, createElementVNode as Y, Fragment as k, renderList as q, createCommentVNode as D, createVNode as Z } from "vue";
+var $ = {
+  name: "BaseVirtualScroller",
+  extends: U,
+  props: {
+    id: {
+      type: String,
+      default: null
+    },
+    style: null,
+    class: null,
+    items: {
+      type: Array,
+      default: null
+    },
+    itemSize: {
+      type: [Number, Array],
+      default: 0
+    },
+    scrollHeight: null,
+    scrollWidth: null,
+    orientation: {
+      type: String,
+      default: "vertical"
+    },
+    numToleratedItems: {
+      type: Number,
+      default: null
+    },
+    delay: {
+      type: Number,
+      default: 0
+    },
+    resizeDelay: {
+      type: Number,
+      default: 10
+    },
+    lazy: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loaderDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    columns: {
+      type: Array,
+      default: null
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    showSpacer: {
+      type: Boolean,
+      default: !0
+    },
+    showLoader: {
+      type: Boolean,
+      default: !1
+    },
+    tabindex: {
+      type: Number,
+      default: 0
+    },
+    inline: {
+      type: Boolean,
+      default: !1
+    },
+    step: {
+      type: Number,
+      default: 0
+    },
+    appendOnly: {
+      type: Boolean,
+      default: !1
+    },
+    autoSize: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  style: K,
+  provide: function() {
+    return {
+      $parentInstance: this
+    };
+  },
+  beforeMount: function() {
+    var t;
+    K.loadStyle({
+      nonce: (t = this.$primevueConfig) === null || t === void 0 || (t = t.csp) === null || t === void 0 ? void 0 : t.nonce
+    });
+  }
+};
+function E(e) {
+  "@babel/helpers - typeof";
+  return E = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, E(e);
+}
+function G(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), i.push.apply(i, n);
+  }
+  return i;
+}
+function j(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? G(Object(i), !0).forEach(function(n) {
+      J(e, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : G(Object(i)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
+    });
+  }
+  return e;
+}
+function J(e, t, i) {
+  return t = x(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+}
+function x(e) {
+  var t = tt(e, "string");
+  return E(t) == "symbol" ? t : String(t);
+}
+function tt(e, t) {
+  if (E(e) != "object" || !e) return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var n = i.call(e, t);
+    if (E(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+var et = {
+  name: "VirtualScroller",
+  extends: $,
+  inheritAttrs: !1,
+  emits: ["update:numToleratedItems", "scroll", "scroll-index-change", "lazy-load"],
+  data: function() {
+    var t = this.isBoth();
+    return {
+      first: t ? {
+        rows: 0,
+        cols: 0
+      } : 0,
+      last: t ? {
+        rows: 0,
+        cols: 0
+      } : 0,
+      page: t ? {
+        rows: 0,
+        cols: 0
+      } : 0,
+      numItemsInViewport: t ? {
+        rows: 0,
+        cols: 0
+      } : 0,
+      lastScrollPos: t ? {
+        top: 0,
+        left: 0
+      } : 0,
+      d_numToleratedItems: this.numToleratedItems,
+      d_loading: this.loading,
+      loaderArr: [],
+      spacerStyle: {},
+      contentStyle: {}
+    };
+  },
+  element: null,
+  content: null,
+  lastScrollPos: null,
+  scrollTimeout: null,
+  resizeTimeout: null,
+  defaultWidth: 0,
+  defaultHeight: 0,
+  defaultContentWidth: 0,
+  defaultContentHeight: 0,
+  isRangeChanged: !1,
+  lazyLoadState: {},
+  resizeListener: null,
+  initialized: !1,
+  watch: {
+    numToleratedItems: function(t) {
+      this.d_numToleratedItems = t;
+    },
+    loading: function(t, i) {
+      this.lazy && t !== i && t !== this.d_loading && (this.d_loading = t);
+    },
+    items: function(t, i) {
+      (!i || i.length !== (t || []).length) && (this.init(), this.calculateAutoSize());
+    },
+    itemSize: function() {
+      this.init(), this.calculateAutoSize();
+    },
+    orientation: function() {
+      this.lastScrollPos = this.isBoth() ? {
+        top: 0,
+        left: 0
+      } : 0;
+    },
+    scrollHeight: function() {
+      this.init(), this.calculateAutoSize();
+    },
+    scrollWidth: function() {
+      this.init(), this.calculateAutoSize();
+    }
+  },
+  mounted: function() {
+    this.viewInit(), this.lastScrollPos = this.isBoth() ? {
+      top: 0,
+      left: 0
+    } : 0, this.lazyLoadState = this.lazyLoadState || {};
+  },
+  updated: function() {
+    !this.initialized && this.viewInit();
+  },
+  unmounted: function() {
+    this.unbindResizeListener(), this.initialized = !1;
+  },
+  methods: {
+    viewInit: function() {
+      p.isVisible(this.element) && (this.setContentEl(this.content), this.init(), this.calculateAutoSize(), this.bindResizeListener(), this.defaultWidth = p.getWidth(this.element), this.defaultHeight = p.getHeight(this.element), this.defaultContentWidth = p.getWidth(this.content), this.defaultContentHeight = p.getHeight(this.content), this.initialized = !0);
+    },
+    init: function() {
+      this.disabled || (this.setSize(), this.calculateOptions(), this.setSpacerSize());
+    },
+    isVertical: function() {
+      return this.orientation === "vertical";
+    },
+    isHorizontal: function() {
+      return this.orientation === "horizontal";
+    },
+    isBoth: function() {
+      return this.orientation === "both";
+    },
+    scrollTo: function(t) {
+      this.element && this.element.scrollTo(t);
+    },
+    scrollToIndex: function(t) {
+      var i = this, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "auto", r = this.isBoth(), s = this.isHorizontal(), l = r ? t.every(function(P) {
+        return P > -1;
+      }) : t > -1;
+      if (l) {
+        var a = this.first, h = this.element, u = h.scrollTop, o = u === void 0 ? 0 : u, c = h.scrollLeft, m = c === void 0 ? 0 : c, y = this.calculateNumItems(), g = y.numToleratedItems, v = this.getContentPosition(), S = this.itemSize, b = function() {
+          var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, H = arguments.length > 1 ? arguments[1] : void 0;
+          return I <= H ? 0 : I;
+        }, w = function(I, H, V) {
+          return I * H + V;
+        }, L = function() {
+          var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, H = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+          return i.scrollTo({
+            left: I,
+            top: H,
+            behavior: n
+          });
+        }, d = r ? {
+          rows: 0,
+          cols: 0
+        } : 0, T = !1, B = !1;
+        r ? (d = {
+          rows: b(t[0], g[0]),
+          cols: b(t[1], g[1])
+        }, L(w(d.cols, S[1], v.left), w(d.rows, S[0], v.top)), B = this.lastScrollPos.top !== o || this.lastScrollPos.left !== m, T = d.rows !== a.rows || d.cols !== a.cols) : (d = b(t, g), s ? L(w(d, S, v.left), o) : L(m, w(d, S, v.top)), B = this.lastScrollPos !== (s ? m : o), T = d !== a), this.isRangeChanged = T, B && (this.first = d);
+      }
+    },
+    scrollInView: function(t, i) {
+      var n = this, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "auto";
+      if (i) {
+        var s = this.isBoth(), l = this.isHorizontal(), a = s ? t.every(function(S) {
+          return S > -1;
+        }) : t > -1;
+        if (a) {
+          var h = this.getRenderedRange(), u = h.first, o = h.viewport, c = function() {
+            var b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, w = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+            return n.scrollTo({
+              left: b,
+              top: w,
+              behavior: r
+            });
+          }, m = i === "to-start", y = i === "to-end";
+          if (m) {
+            if (s)
+              o.first.rows - u.rows > t[0] ? c(o.first.cols * this.itemSize[1], (o.first.rows - 1) * this.itemSize[0]) : o.first.cols - u.cols > t[1] && c((o.first.cols - 1) * this.itemSize[1], o.first.rows * this.itemSize[0]);
+            else if (o.first - u > t) {
+              var g = (o.first - 1) * this.itemSize;
+              l ? c(g, 0) : c(0, g);
+            }
+          } else if (y) {
+            if (s)
+              o.last.rows - u.rows <= t[0] + 1 ? c(o.first.cols * this.itemSize[1], (o.first.rows + 1) * this.itemSize[0]) : o.last.cols - u.cols <= t[1] + 1 && c((o.first.cols + 1) * this.itemSize[1], o.first.rows * this.itemSize[0]);
+            else if (o.last - u <= t + 1) {
+              var v = (o.first + 1) * this.itemSize;
+              l ? c(v, 0) : c(0, v);
+            }
+          }
+        }
+      } else
+        this.scrollToIndex(t, r);
+    },
+    getRenderedRange: function() {
+      var t = function(c, m) {
+        return Math.floor(c / (m || c));
+      }, i = this.first, n = 0;
+      if (this.element) {
+        var r = this.isBoth(), s = this.isHorizontal(), l = this.element, a = l.scrollTop, h = l.scrollLeft;
+        if (r)
+          i = {
+            rows: t(a, this.itemSize[0]),
+            cols: t(h, this.itemSize[1])
+          }, n = {
+            rows: i.rows + this.numItemsInViewport.rows,
+            cols: i.cols + this.numItemsInViewport.cols
+          };
+        else {
+          var u = s ? h : a;
+          i = t(u, this.itemSize), n = i + this.numItemsInViewport;
+        }
+      }
+      return {
+        first: this.first,
+        last: this.last,
+        viewport: {
+          first: i,
+          last: n
+        }
+      };
+    },
+    calculateNumItems: function() {
+      var t = this.isBoth(), i = this.isHorizontal(), n = this.itemSize, r = this.getContentPosition(), s = this.element ? this.element.offsetWidth - r.left : 0, l = this.element ? this.element.offsetHeight - r.top : 0, a = function(m, y) {
+        return Math.ceil(m / (y || m));
+      }, h = function(m) {
+        return Math.ceil(m / 2);
+      }, u = t ? {
+        rows: a(l, n[0]),
+        cols: a(s, n[1])
+      } : a(i ? s : l, n), o = this.d_numToleratedItems || (t ? [h(u.rows), h(u.cols)] : h(u));
+      return {
+        numItemsInViewport: u,
+        numToleratedItems: o
+      };
+    },
+    calculateOptions: function() {
+      var t = this, i = this.isBoth(), n = this.first, r = this.calculateNumItems(), s = r.numItemsInViewport, l = r.numToleratedItems, a = function(o, c, m) {
+        var y = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
+        return t.getLast(o + c + (o < m ? 2 : 3) * m, y);
+      }, h = i ? {
+        rows: a(n.rows, s.rows, l[0]),
+        cols: a(n.cols, s.cols, l[1], !0)
+      } : a(n, s, l);
+      this.last = h, this.numItemsInViewport = s, this.d_numToleratedItems = l, this.$emit("update:numToleratedItems", this.d_numToleratedItems), this.showLoader && (this.loaderArr = i ? Array.from({
+        length: s.rows
+      }).map(function() {
+        return Array.from({
+          length: s.cols
+        });
+      }) : Array.from({
+        length: s
+      })), this.lazy && Promise.resolve().then(function() {
+        var u;
+        t.lazyLoadState = {
+          first: t.step ? i ? {
+            rows: 0,
+            cols: n.cols
+          } : 0 : n,
+          last: Math.min(t.step ? t.step : h, ((u = t.items) === null || u === void 0 ? void 0 : u.length) || 0)
+        }, t.$emit("lazy-load", t.lazyLoadState);
+      });
+    },
+    calculateAutoSize: function() {
+      var t = this;
+      this.autoSize && !this.d_loading && Promise.resolve().then(function() {
+        if (t.content) {
+          var i = t.isBoth(), n = t.isHorizontal(), r = t.isVertical();
+          t.content.style.minHeight = t.content.style.minWidth = "auto", t.content.style.position = "relative", t.element.style.contain = "none";
+          var s = [p.getWidth(t.element), p.getHeight(t.element)], l = s[0], a = s[1];
+          (i || n) && (t.element.style.width = l < t.defaultWidth ? l + "px" : t.scrollWidth || t.defaultWidth + "px"), (i || r) && (t.element.style.height = a < t.defaultHeight ? a + "px" : t.scrollHeight || t.defaultHeight + "px"), t.content.style.minHeight = t.content.style.minWidth = "", t.content.style.position = "", t.element.style.contain = "";
+        }
+      });
+    },
+    getLast: function() {
+      var t, i, n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, r = arguments.length > 1 ? arguments[1] : void 0;
+      return this.items ? Math.min(r ? ((t = this.columns || this.items[0]) === null || t === void 0 ? void 0 : t.length) || 0 : ((i = this.items) === null || i === void 0 ? void 0 : i.length) || 0, n) : 0;
+    },
+    getContentPosition: function() {
+      if (this.content) {
+        var t = getComputedStyle(this.content), i = parseFloat(t.paddingLeft) + Math.max(parseFloat(t.left) || 0, 0), n = parseFloat(t.paddingRight) + Math.max(parseFloat(t.right) || 0, 0), r = parseFloat(t.paddingTop) + Math.max(parseFloat(t.top) || 0, 0), s = parseFloat(t.paddingBottom) + Math.max(parseFloat(t.bottom) || 0, 0);
+        return {
+          left: i,
+          right: n,
+          top: r,
+          bottom: s,
+          x: i + n,
+          y: r + s
+        };
+      }
+      return {
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        x: 0,
+        y: 0
+      };
+    },
+    setSize: function() {
+      var t = this;
+      if (this.element) {
+        var i = this.isBoth(), n = this.isHorizontal(), r = this.element.parentElement, s = this.scrollWidth || "".concat(this.element.offsetWidth || r.offsetWidth, "px"), l = this.scrollHeight || "".concat(this.element.offsetHeight || r.offsetHeight, "px"), a = function(u, o) {
+          return t.element.style[u] = o;
+        };
+        i || n ? (a("height", l), a("width", s)) : a("height", l);
+      }
+    },
+    setSpacerSize: function() {
+      var t = this, i = this.items;
+      if (i) {
+        var n = this.isBoth(), r = this.isHorizontal(), s = this.getContentPosition(), l = function(h, u, o) {
+          var c = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+          return t.spacerStyle = j(j({}, t.spacerStyle), J({}, "".concat(h), (u || []).length * o + c + "px"));
+        };
+        n ? (l("height", i, this.itemSize[0], s.y), l("width", this.columns || i[1], this.itemSize[1], s.x)) : r ? l("width", this.columns || i, this.itemSize, s.x) : l("height", i, this.itemSize, s.y);
+      }
+    },
+    setContentPosition: function(t) {
+      var i = this;
+      if (this.content && !this.appendOnly) {
+        var n = this.isBoth(), r = this.isHorizontal(), s = t ? t.first : this.first, l = function(o, c) {
+          return o * c;
+        }, a = function() {
+          var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+          return i.contentStyle = j(j({}, i.contentStyle), {
+            transform: "translate3d(".concat(o, "px, ").concat(c, "px, 0)")
+          });
+        };
+        if (n)
+          a(l(s.cols, this.itemSize[1]), l(s.rows, this.itemSize[0]));
+        else {
+          var h = l(s, this.itemSize);
+          r ? a(h, 0) : a(0, h);
+        }
+      }
+    },
+    onScrollPositionChange: function(t) {
+      var i = this, n = t.target, r = this.isBoth(), s = this.isHorizontal(), l = this.getContentPosition(), a = function(f, z) {
+        return f ? f > z ? f - z : f : 0;
+      }, h = function(f, z) {
+        return Math.floor(f / (z || f));
+      }, u = function(f, z, N, F, C, O) {
+        return f <= C ? C : O ? N - F - C : z + C - 1;
+      }, o = function(f, z, N, F, C, O, _) {
+        return f <= O ? 0 : Math.max(0, _ ? f < z ? N : f - O : f > z ? N : f - 2 * O);
+      }, c = function(f, z, N, F, C, O) {
+        var _ = z + F + 2 * C;
+        return f >= C && (_ += C + 1), i.getLast(_, O);
+      }, m = a(n.scrollTop, l.top), y = a(n.scrollLeft, l.left), g = r ? {
+        rows: 0,
+        cols: 0
+      } : 0, v = this.last, S = !1, b = this.lastScrollPos;
+      if (r) {
+        var w = this.lastScrollPos.top <= m, L = this.lastScrollPos.left <= y;
+        if (!this.appendOnly || this.appendOnly && (w || L)) {
+          var d = {
+            rows: h(m, this.itemSize[0]),
+            cols: h(y, this.itemSize[1])
+          }, T = {
+            rows: u(d.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], w),
+            cols: u(d.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], L)
+          };
+          g = {
+            rows: o(d.rows, T.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], w),
+            cols: o(d.cols, T.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], L)
+          }, v = {
+            rows: c(d.rows, g.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
+            cols: c(d.cols, g.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], !0)
+          }, S = g.rows !== this.first.rows || v.rows !== this.last.rows || g.cols !== this.first.cols || v.cols !== this.last.cols || this.isRangeChanged, b = {
+            top: m,
+            left: y
+          };
+        }
+      } else {
+        var B = s ? y : m, P = this.lastScrollPos <= B;
+        if (!this.appendOnly || this.appendOnly && P) {
+          var I = h(B, this.itemSize), H = u(I, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, P);
+          g = o(I, H, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, P), v = c(I, g, this.last, this.numItemsInViewport, this.d_numToleratedItems), S = g !== this.first || v !== this.last || this.isRangeChanged, b = B;
+        }
+      }
+      return {
+        first: g,
+        last: v,
+        isRangeChanged: S,
+        scrollPos: b
+      };
+    },
+    onScrollChange: function(t) {
+      var i = this.onScrollPositionChange(t), n = i.first, r = i.last, s = i.isRangeChanged, l = i.scrollPos;
+      if (s) {
+        var a = {
+          first: n,
+          last: r
+        };
+        if (this.setContentPosition(a), this.first = n, this.last = r, this.lastScrollPos = l, this.$emit("scroll-index-change", a), this.lazy && this.isPageChanged(n)) {
+          var h, u, o = {
+            first: this.step ? Math.min(this.getPageByFirst(n) * this.step, (((h = this.items) === null || h === void 0 ? void 0 : h.length) || 0) - this.step) : n,
+            last: Math.min(this.step ? (this.getPageByFirst(n) + 1) * this.step : r, ((u = this.items) === null || u === void 0 ? void 0 : u.length) || 0)
+          }, c = this.lazyLoadState.first !== o.first || this.lazyLoadState.last !== o.last;
+          c && this.$emit("lazy-load", o), this.lazyLoadState = o;
+        }
+      }
+    },
+    onScroll: function(t) {
+      var i = this;
+      if (this.$emit("scroll", t), this.delay) {
+        if (this.scrollTimeout && clearTimeout(this.scrollTimeout), this.isPageChanged()) {
+          if (!this.d_loading && this.showLoader) {
+            var n = this.onScrollPositionChange(t), r = n.isRangeChanged, s = r || (this.step ? this.isPageChanged() : !1);
+            s && (this.d_loading = !0);
+          }
+          this.scrollTimeout = setTimeout(function() {
+            i.onScrollChange(t), i.d_loading && i.showLoader && (!i.lazy || i.loading === void 0) && (i.d_loading = !1, i.page = i.getPageByFirst());
+          }, this.delay);
+        }
+      } else
+        this.onScrollChange(t);
+    },
+    onResize: function() {
+      var t = this;
+      this.resizeTimeout && clearTimeout(this.resizeTimeout), this.resizeTimeout = setTimeout(function() {
+        if (p.isVisible(t.element)) {
+          var i = t.isBoth(), n = t.isVertical(), r = t.isHorizontal(), s = [p.getWidth(t.element), p.getHeight(t.element)], l = s[0], a = s[1], h = l !== t.defaultWidth, u = a !== t.defaultHeight, o = i ? h || u : r ? h : n ? u : !1;
+          o && (t.d_numToleratedItems = t.numToleratedItems, t.defaultWidth = l, t.defaultHeight = a, t.defaultContentWidth = p.getWidth(t.content), t.defaultContentHeight = p.getHeight(t.content), t.init());
+        }
+      }, this.resizeDelay);
+    },
+    bindResizeListener: function() {
+      this.resizeListener || (this.resizeListener = this.onResize.bind(this), window.addEventListener("resize", this.resizeListener), window.addEventListener("orientationchange", this.resizeListener));
+    },
+    unbindResizeListener: function() {
+      this.resizeListener && (window.removeEventListener("resize", this.resizeListener), window.removeEventListener("orientationchange", this.resizeListener), this.resizeListener = null);
+    },
+    getOptions: function(t) {
+      var i = (this.items || []).length, n = this.isBoth() ? this.first.rows + t : this.first + t;
+      return {
+        index: n,
+        count: i,
+        first: n === 0,
+        last: n === i - 1,
+        even: n % 2 === 0,
+        odd: n % 2 !== 0
+      };
+    },
+    getLoaderOptions: function(t, i) {
+      var n = this.loaderArr.length;
+      return j({
+        index: t,
+        count: n,
+        first: t === 0,
+        last: t === n - 1,
+        even: t % 2 === 0,
+        odd: t % 2 !== 0
+      }, i);
+    },
+    getPageByFirst: function(t) {
+      return Math.floor(((t ?? this.first) + this.d_numToleratedItems * 4) / (this.step || 1));
+    },
+    isPageChanged: function(t) {
+      return this.step ? this.page !== this.getPageByFirst(t ?? this.first) : !0;
+    },
+    setContentEl: function(t) {
+      this.content = t || this.content || p.findSingle(this.element, '[data-pc-section="content"]');
+    },
+    elementRef: function(t) {
+      this.element = t;
+    },
+    contentRef: function(t) {
+      this.content = t;
+    }
+  },
+  computed: {
+    containerClass: function() {
+      return ["p-virtualscroller", this.class, {
+        "p-virtualscroller-inline": this.inline,
+        "p-virtualscroller-both p-both-scroll": this.isBoth(),
+        "p-virtualscroller-horizontal p-horizontal-scroll": this.isHorizontal()
+      }];
+    },
+    contentClass: function() {
+      return ["p-virtualscroller-content", {
+        "p-virtualscroller-loading": this.d_loading
+      }];
+    },
+    loaderClass: function() {
+      return ["p-virtualscroller-loader", {
+        "p-component-overlay": !this.$slots.loader
+      }];
+    },
+    loadedItems: function() {
+      var t = this;
+      return this.items && !this.d_loading ? this.isBoth() ? this.items.slice(this.appendOnly ? 0 : this.first.rows, this.last.rows).map(function(i) {
+        return t.columns ? i : i.slice(t.appendOnly ? 0 : t.first.cols, t.last.cols);
+      }) : this.isHorizontal() && this.columns ? this.items : this.items.slice(this.appendOnly ? 0 : this.first, this.last) : [];
+    },
+    loadedRows: function() {
+      return this.d_loading ? this.loaderDisabled ? this.loaderArr : [] : this.loadedItems;
+    },
+    loadedColumns: function() {
+      if (this.columns) {
+        var t = this.isBoth(), i = this.isHorizontal();
+        if (t || i)
+          return this.d_loading && this.loaderDisabled ? t ? this.loaderArr[0] : this.loaderArr : this.columns.slice(t ? this.first.cols : this.first, t ? this.last.cols : this.last);
+      }
+      return this.columns;
+    }
+  },
+  components: {
+    SpinnerIcon: Q
+  }
+}, it = ["tabindex"];
+function st(e, t, i, n, r, s) {
+  var l = X("SpinnerIcon");
+  return e.disabled ? (R(), W(k, {
+    key: 1
+  }, [A(e.$slots, "default"), A(e.$slots, "content", {
+    items: e.items,
+    rows: e.items,
+    columns: s.loadedColumns
+  })], 64)) : (R(), W("div", M({
+    key: 0,
+    ref: s.elementRef,
+    class: s.containerClass,
+    tabindex: e.tabindex,
+    style: e.style,
+    onScroll: t[0] || (t[0] = function() {
+      return s.onScroll && s.onScroll.apply(s, arguments);
+    })
+  }, e.ptmi("root")), [A(e.$slots, "content", {
+    styleClass: s.contentClass,
+    items: s.loadedItems,
+    getItemOptions: s.getOptions,
+    loading: r.d_loading,
+    getLoaderOptions: s.getLoaderOptions,
+    itemSize: e.itemSize,
+    rows: s.loadedRows,
+    columns: s.loadedColumns,
+    contentRef: s.contentRef,
+    spacerStyle: r.spacerStyle,
+    contentStyle: r.contentStyle,
+    vertical: s.isVertical(),
+    horizontal: s.isHorizontal(),
+    both: s.isBoth()
+  }, function() {
+    return [Y("div", M({
+      ref: s.contentRef,
+      class: s.contentClass,
+      style: r.contentStyle
+    }, e.ptm("content")), [(R(!0), W(k, null, q(s.loadedItems, function(a, h) {
+      return A(e.$slots, "item", {
+        key: h,
+        item: a,
+        options: s.getOptions(h)
+      });
+    }), 128))], 16)];
+  }), e.showSpacer ? (R(), W("div", M({
+    key: 0,
+    class: "p-virtualscroller-spacer",
+    style: r.spacerStyle
+  }, e.ptm("spacer")), null, 16)) : D("", !0), !e.loaderDisabled && e.showLoader && r.d_loading ? (R(), W("div", M({
+    key: 1,
+    class: s.loaderClass
+  }, e.ptm("loader")), [e.$slots && e.$slots.loader ? (R(!0), W(k, {
+    key: 0
+  }, q(r.loaderArr, function(a, h) {
+    return A(e.$slots, "loader", {
+      key: h,
+      options: s.getLoaderOptions(h, s.isBoth() && {
+        numCols: e.d_numItemsInViewport.cols
+      })
+    });
+  }), 128)) : D("", !0), A(e.$slots, "loadingicon", {}, function() {
+    return [Z(l, M({
+      spin: "",
+      class: "p-virtualscroller-loading-icon"
+    }, e.ptm("loadingIcon")), null, 16)];
+  })], 16)) : D("", !0)], 16, it));
 }
-p.render = s;
+et.render = st;
 export {
-  p as default
+  et as default
 };