@quoreadmin/ui 1.10.6 → 1.10.7

package/dist/index234.js

@@ -1,704 +1,409 @@
-import Q from "./index232.js";
-import { DomHandler as p } from "./index180.js";
-import U from "./index214.js";
-import K from "./index307.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
+import C from "./index295.js";
+import { ObjectUtils as p } from "./index180.js";
+import { mergeProps as $ } from "vue";
+import { useStyle as D } from "./index296.js";
+function h(n) {
+  "@babel/helpers - typeof";
+  return h = 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;
+  }, h(n);
+}
+function S(n, t) {
+  var e = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(n);
+    t && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(n, i).enumerable;
+    })), e.push.apply(e, r);
+  }
+  return e;
+}
+function U(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var e = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? S(Object(e), !0).forEach(function(r) {
+      B(n, r, e[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(e)) : S(Object(e)).forEach(function(r) {
+      Object.defineProperty(n, r, Object.getOwnPropertyDescriptor(e, r));
     });
   }
-};
-function E(e) {
+  return n;
+}
+function B(n, t, e) {
+  return t = x(t), t in n ? Object.defineProperty(n, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : n[t] = e, n;
+}
+function x(n) {
+  var t = E(n, "string");
+  return h(t) == "symbol" ? t : String(t);
+}
+function E(n, t) {
+  if (h(n) != "object" || !n) return n;
+  var e = n[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var r = e.call(n, t);
+    if (h(r) != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(n);
+}
+var O = C.extend({
+  name: "common",
+  loadGlobalStyle: function(t) {
+    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    return D(t, U({
+      name: "global"
+    }, e));
+  }
+});
+function y(n) {
   "@babel/helpers - typeof";
-  return E = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  return y = 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);
+  }, y(n);
+}
+function G(n) {
+  return I(n) || N(n) || w(n) || V();
+}
+function N(n) {
+  if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
+}
+function b(n, t) {
+  return I(n) || F(n, t) || w(n, t) || V();
+}
+function V() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function w(n, t) {
+  if (n) {
+    if (typeof n == "string") return T(n, t);
+    var e = Object.prototype.toString.call(n).slice(8, -1);
+    if (e === "Object" && n.constructor && (e = n.constructor.name), e === "Map" || e === "Set") return Array.from(n);
+    if (e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)) return T(n, t);
+  }
+}
+function T(n, t) {
+  (t == null || t > n.length) && (t = n.length);
+  for (var e = 0, r = new Array(t); e < t; e++) r[e] = n[e];
+  return r;
+}
+function F(n, t) {
+  var e = n == null ? null : typeof Symbol < "u" && n[Symbol.iterator] || n["@@iterator"];
+  if (e != null) {
+    var r, i, u, f, l = [], a = !0, d = !1;
+    try {
+      if (u = (e = e.call(n)).next, t === 0) {
+        if (Object(e) !== e) return;
+        a = !1;
+      } else for (; !(a = (r = u.call(e)).done) && (l.push(r.value), l.length !== t); a = !0) ;
+    } catch (o) {
+      d = !0, i = o;
+    } finally {
+      try {
+        if (!a && e.return != null && (f = e.return(), Object(f) !== f)) return;
+      } finally {
+        if (d) throw i;
+      }
+    }
+    return l;
+  }
+}
+function I(n) {
+  if (Array.isArray(n)) return n;
 }
-function G(e, t) {
-  var i = Object.keys(e);
+function j(n, t) {
+  var e = Object.keys(n);
   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);
+    var r = Object.getOwnPropertySymbols(n);
+    t && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(n, i).enumerable;
+    })), e.push.apply(e, r);
   }
-  return i;
+  return e;
 }
-function j(e) {
+function s(n) {
   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));
+    var e = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? j(Object(e), !0).forEach(function(r) {
+      P(n, r, e[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(e)) : j(Object(e)).forEach(function(r) {
+      Object.defineProperty(n, r, Object.getOwnPropertyDescriptor(e, r));
     });
   }
-  return e;
+  return n;
 }
-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 P(n, t, e) {
+  return t = K(t), t in n ? Object.defineProperty(n, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : n[t] = e, n;
 }
-function x(e) {
-  var t = tt(e, "string");
-  return E(t) == "symbol" ? t : String(t);
+function K(n) {
+  var t = M(n, "string");
+  return y(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;
+function M(n, t) {
+  if (y(n) != "object" || !n) return n;
+  var e = n[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var r = e.call(n, t);
+    if (y(r) != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(n);
 }
-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;
+var q = {
+  name: "BaseComponent",
+  props: {
+    pt: {
+      type: Object,
+      default: void 0
     },
-    scrollHeight: function() {
-      this.init(), this.calculateAutoSize();
+    ptOptions: {
+      type: Object,
+      default: void 0
     },
-    scrollWidth: function() {
-      this.init(), this.calculateAutoSize();
+    unstyled: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  inject: {
+    $parentInstance: {
+      default: void 0
     }
   },
+  watch: {
+    isUnstyled: {
+      immediate: !0,
+      handler: function(t) {
+        if (!t) {
+          var e, r;
+          O.loadStyle({
+            nonce: (e = this.$primevueConfig) === null || e === void 0 || (e = e.csp) === null || e === void 0 ? void 0 : e.nonce
+          }), this.$options.style && this.$style.loadStyle({
+            nonce: (r = this.$primevueConfig) === null || r === void 0 || (r = r.csp) === null || r === void 0 ? void 0 : r.nonce
+          });
+        }
+      }
+    }
+  },
+  beforeCreate: function() {
+    var t, e, r, i, u, f, l, a, d, o, m, c = (t = this.pt) === null || t === void 0 ? void 0 : t._usept, g = c ? (e = this.pt) === null || e === void 0 || (e = e.originalValue) === null || e === void 0 ? void 0 : e[this.$.type.name] : void 0, v = c ? (r = this.pt) === null || r === void 0 || (r = r.value) === null || r === void 0 ? void 0 : r[this.$.type.name] : this.pt;
+    (i = v || g) === null || i === void 0 || (i = i.hooks) === null || i === void 0 || (u = i.onBeforeCreate) === null || u === void 0 || u.call(i);
+    var _ = (f = this.$primevueConfig) === null || f === void 0 || (f = f.pt) === null || f === void 0 ? void 0 : f._usept, k = _ ? (l = this.$primevue) === null || l === void 0 || (l = l.config) === null || l === void 0 || (l = l.pt) === null || l === void 0 ? void 0 : l.originalValue : void 0, A = _ ? (a = this.$primevue) === null || a === void 0 || (a = a.config) === null || a === void 0 || (a = a.pt) === null || a === void 0 ? void 0 : a.value : (d = this.$primevue) === null || d === void 0 || (d = d.config) === null || d === void 0 ? void 0 : d.pt;
+    (o = A || k) === null || o === void 0 || (o = o[this.$.type.name]) === null || o === void 0 || (o = o.hooks) === null || o === void 0 || (m = o.onBeforeCreate) === null || m === void 0 || m.call(o);
+  },
+  created: function() {
+    this._hook("onCreated");
+  },
+  beforeMount: function() {
+    var t;
+    C.loadStyle({
+      nonce: (t = this.$primevueConfig) === null || t === void 0 || (t = t.csp) === null || t === void 0 ? void 0 : t.nonce
+    }), this._loadGlobalStyles(), this._hook("onBeforeMount");
+  },
   mounted: function() {
-    this.viewInit(), this.lastScrollPos = this.isBoth() ? {
-      top: 0,
-      left: 0
-    } : 0, this.lazyLoadState = this.lazyLoadState || {};
+    this._hook("onMounted");
+  },
+  beforeUpdate: function() {
+    this._hook("onBeforeUpdate");
   },
   updated: function() {
-    !this.initialized && this.viewInit();
+    this._hook("onUpdated");
+  },
+  beforeUnmount: function() {
+    this._hook("onBeforeUnmount");
   },
   unmounted: function() {
-    this.unbindResizeListener(), this.initialized = !1;
+    this._hook("onUnmounted");
   },
   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);
+    _hook: function(t) {
+      if (!this.$options.hostName) {
+        var e = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, "hooks.".concat(t)), r = this._useDefaultPT(this._getOptionValue, "hooks.".concat(t));
+        e?.(), r?.();
       }
     },
-    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
-        }
-      };
+    _mergeProps: function(t) {
+      for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), i = 1; i < e; i++)
+        r[i - 1] = arguments[i];
+      return p.isFunction(t) ? t.apply(void 0, r) : $.apply(void 0, r);
     },
-    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);
+    _loadGlobalStyles: function() {
+      var t, e = this._useGlobalPT(this._getOptionValue, "global.css", this.$params);
+      p.isNotEmpty(e) && O.loadGlobalStyle(e, {
+        nonce: (t = this.$primevueConfig) === null || t === void 0 || (t = t.csp) === null || t === void 0 ? void 0 : t.nonce
       });
     },
-    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
+    _getHostInstance: function(t) {
+      return t ? this.$options.hostName ? t.$.type.name === this.$options.hostName ? t : this._getHostInstance(t.$parentInstance) : t.$parentInstance : void 0;
+    },
+    _getPropValue: function(t) {
+      var e;
+      return this[t] || ((e = this._getHostInstance(this)) === null || e === void 0 ? void 0 : e[t]);
+    },
+    _getOptionValue: function(t) {
+      var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = p.toFlatCase(e).split("."), u = i.shift();
+      return u ? p.isObject(t) ? this._getOptionValue(p.getItemValue(t[Object.keys(t).find(function(f) {
+        return p.toFlatCase(f) === u;
+      }) || ""], r), i.join("."), r) : void 0 : p.getItemValue(t, r);
+    },
+    _getPTValue: function() {
+      var t, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, u = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !0, f = /./g.test(r) && !!i[r.split(".")[0]], l = this._getPropValue("ptOptions") || ((t = this.$primevueConfig) === null || t === void 0 ? void 0 : t.ptOptions) || {}, a = l.mergeSections, d = a === void 0 ? !0 : a, o = l.mergeProps, m = o === void 0 ? !1 : o, c = u ? f ? this._useGlobalPT(this._getPTClassValue, r, i) : this._useDefaultPT(this._getPTClassValue, r, i) : void 0, g = f ? void 0 : this._getPTSelf(e, this._getPTClassValue, r, s(s({}, i), {}, {
+        global: c || {}
+      })), v = this._getPTDatasets(r);
+      return d || !d && g ? m ? this._mergeProps(m, c, g, v) : s(s(s({}, c), g), v) : s(s({}, g), v);
+    },
+    _getPTSelf: function() {
+      for (var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), i = 1; i < e; i++)
+        r[i - 1] = arguments[i];
+      return $(
+        this._usePT.apply(this, [this._getPT(t, this.$name)].concat(r)),
+        // Exp; <component :pt="{}"
+        this._usePT.apply(this, [this.$_attrsPT].concat(r))
+        // Exp; <component :pt:[passthrough_key]:[attribute]="{value}" or <component :pt:[passthrough_key]="() =>{value}"
+      );
+    },
+    _getPTDatasets: function() {
+      var t, e, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", i = "data-pc-", u = r === "root" && p.isNotEmpty((t = this.pt) === null || t === void 0 ? void 0 : t["data-pc-section"]);
+      return r !== "transition" && s(s({}, r === "root" && s(P({}, "".concat(i, "name"), p.toFlatCase(u ? (e = this.pt) === null || e === void 0 ? void 0 : e["data-pc-section"] : this.$.type.name)), u && P({}, "".concat(i, "extend"), p.toFlatCase(this.$.type.name)))), {}, P({}, "".concat(i, "section"), p.toFlatCase(r)));
+    },
+    _getPTClassValue: function() {
+      var t = this._getOptionValue.apply(this, arguments);
+      return p.isString(t) || p.isArray(t) ? {
+        class: t
+      } : t;
+    },
+    _getPT: function(t) {
+      var e = this, r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", i = arguments.length > 2 ? arguments[2] : void 0, u = function(l) {
+        var a, d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, o = i ? i(l) : l, m = p.toFlatCase(r), c = p.toFlatCase(e.$name);
+        return (a = d ? m !== c ? o?.[m] : void 0 : o?.[m]) !== null && a !== void 0 ? a : o;
       };
-    },
-    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
+      return t != null && t.hasOwnProperty("_usept") ? {
+        _usept: t._usept,
+        originalValue: u(t.originalValue),
+        value: u(t.value)
+      } : u(t, !0);
+    },
+    _usePT: function(t, e, r, i) {
+      var u = function(_) {
+        return e(_, r, i);
       };
-    },
-    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;
-        }
+      if (t != null && t.hasOwnProperty("_usept")) {
+        var f, l = t._usept || ((f = this.$primevueConfig) === null || f === void 0 ? void 0 : f.ptOptions) || {}, a = l.mergeSections, d = a === void 0 ? !0 : a, o = l.mergeProps, m = o === void 0 ? !1 : o, c = u(t.originalValue), g = u(t.value);
+        return c === void 0 && g === void 0 ? void 0 : p.isString(g) ? g : p.isString(c) ? c : d || !d && g ? m ? this._mergeProps(m, c, g) : s(s({}, c), g) : g;
       }
+      return u(t);
     },
-    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);
+    _useGlobalPT: function(t, e, r) {
+      return this._usePT(this.globalPT, t, e, r);
     },
-    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);
+    _useDefaultPT: function(t, e, r) {
+      return this._usePT(this.defaultPT, t, e, r);
     },
-    bindResizeListener: function() {
-      this.resizeListener || (this.resizeListener = this.onResize.bind(this), window.addEventListener("resize", this.resizeListener), window.addEventListener("orientationchange", this.resizeListener));
+    ptm: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      return this._getPTValue(this.pt, t, s(s({}, this.$params), e));
     },
-    unbindResizeListener: function() {
-      this.resizeListener && (window.removeEventListener("resize", this.resizeListener), window.removeEventListener("orientationchange", this.resizeListener), this.resizeListener = null);
+    ptmi: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      return $(this.$_attrsNoPT, this.ptm(t, e));
     },
-    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
-      };
+    ptmo: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+      return this._getPTValue(t, e, s({
+        instance: this
+      }, r), !1);
     },
-    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);
+    cx: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      return this.isUnstyled ? void 0 : this._getOptionValue(this.$style.classes, t, s(s({}, this.$params), e));
     },
-    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;
+    sx: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+      if (e) {
+        var i = this._getOptionValue(this.$style.inlineStyles, t, s(s({}, this.$params), r)), u = this._getOptionValue(O.inlineStyles, t, s(s({}, this.$params), r));
+        return [u, i];
+      }
     }
   },
   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
-      }];
+    globalPT: function() {
+      var t, e = this;
+      return this._getPT((t = this.$primevueConfig) === null || t === void 0 ? void 0 : t.pt, void 0, function(r) {
+        return p.getItemValue(r, {
+          instance: e
+        });
+      });
     },
-    loaderClass: function() {
-      return ["p-virtualscroller-loader", {
-        "p-component-overlay": !this.$slots.loader
-      }];
+    defaultPT: function() {
+      var t, e = this;
+      return this._getPT((t = this.$primevueConfig) === null || t === void 0 ? void 0 : t.pt, void 0, function(r) {
+        return e._getOptionValue(r, e.$name, s({}, e.$params)) || p.getItemValue(r, s({}, e.$params));
+      });
     },
-    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) : [];
+    isUnstyled: function() {
+      var t;
+      return this.unstyled !== void 0 ? this.unstyled : (t = this.$primevueConfig) === null || t === void 0 ? void 0 : t.unstyled;
     },
-    loadedRows: function() {
-      return this.d_loading ? this.loaderDisabled ? this.loaderArr : [] : this.loadedItems;
+    $params: function() {
+      var t = this._getHostInstance(this) || this.$parent;
+      return {
+        instance: this,
+        props: this.$props,
+        state: this.$data,
+        attrs: this.$attrs,
+        parent: {
+          instance: t,
+          props: t?.$props,
+          state: t?.$data,
+          attrs: t?.$attrs
+        },
+        /* @deprecated since v3.43.0. Use the `parent.instance` instead of the `parentInstance`.*/
+        parentInstance: t
+      };
     },
-    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;
+    $style: function() {
+      return s(s({
+        classes: void 0,
+        inlineStyles: void 0,
+        loadStyle: function() {
+        },
+        loadCustomStyle: function() {
+        }
+      }, (this._getHostInstance(this) || {}).$style), this.$options.style);
+    },
+    $primevueConfig: function() {
+      var t;
+      return (t = this.$primevue) === null || t === void 0 ? void 0 : t.config;
+    },
+    $name: function() {
+      return this.$options.hostName || this.$.type.name;
+    },
+    $_attrsPT: function() {
+      return Object.entries(this.$attrs || {}).filter(function(t) {
+        var e = b(t, 1), r = e[0];
+        return r?.startsWith("pt:");
+      }).reduce(function(t, e) {
+        var r = b(e, 2), i = r[0], u = r[1], f = i.split(":"), l = G(f), a = l.slice(1);
+        return a?.reduce(function(d, o, m, c) {
+          return !d[o] && (d[o] = m === c.length - 1 ? u : {}), d[o];
+        }, t), t;
+      }, {});
+    },
+    $_attrsNoPT: function() {
+      return Object.entries(this.$attrs || {}).filter(function(t) {
+        var e = b(t, 1), r = e[0];
+        return !(r != null && r.startsWith("pt:"));
+      }).reduce(function(t, e) {
+        var r = b(e, 2), i = r[0], u = r[1];
+        return t[i] = u, t;
+      }, {});
     }
-  },
-  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));
-}
-et.render = st;
+};
 export {
-  et as default
+  q as default
 };