@quoreadmin/ui 1.8.11 → 1.9.1

package/dist/index244.js

@@ -1,838 +1,704 @@
-import { UniqueComponentId as X, DomHandler as Y } from "./index172.js";
-import h from "./index220.js";
-import Z from "./index316.js";
-import { openBlock as o, createElementBlock as g, mergeProps as d, toDisplayString as E, resolveDirective as T, withDirectives as A, createBlock as p, resolveDynamicComponent as v, resolveComponent as c, normalizeClass as C, createSlots as x, withCtx as V, Fragment as O, renderList as R, createTextVNode as ee, normalizeProps as te, renderSlot as F, createCommentVNode as S } from "vue";
-import ae from "./index317.js";
-import I from "./index219.js";
-import U from "./index253.js";
-import ne from "./index318.js";
-import re from "./index319.js";
-import oe from "./index320.js";
-import ie from "./index321.js";
-var se = {
-  name: "BasePaginator",
-  extends: h,
+import Q from "./index242.js";
+import { DomHandler as p } from "./index175.js";
+import U from "./index209.js";
+import K from "./index319.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: {
-    totalRecords: {
-      type: Number,
+    id: {
+      type: String,
+      default: null
+    },
+    style: null,
+    class: null,
+    items: {
+      type: Array,
+      default: null
+    },
+    itemSize: {
+      type: [Number, Array],
       default: 0
     },
-    rows: {
+    scrollHeight: null,
+    scrollWidth: null,
+    orientation: {
+      type: String,
+      default: "vertical"
+    },
+    numToleratedItems: {
       type: Number,
-      default: 0
+      default: null
     },
-    first: {
+    delay: {
       type: Number,
       default: 0
     },
-    pageLinkSize: {
+    resizeDelay: {
       type: Number,
-      default: 5
+      default: 10
+    },
+    lazy: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loaderDisabled: {
+      type: Boolean,
+      default: !1
     },
-    rowsPerPageOptions: {
+    columns: {
       type: Array,
       default: null
     },
-    template: {
-      type: [Object, String],
-      default: "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"
-    },
-    currentPageReportTemplate: {
-      type: null,
-      default: "({currentPage} of {totalPages})"
+    loading: {
+      type: Boolean,
+      default: !1
     },
-    alwaysShow: {
+    showSpacer: {
       type: Boolean,
       default: !0
-    }
-  },
-  style: Z,
-  provide: function() {
-    return {
-      $parentInstance: this
-    };
-  }
-}, M = {
-  name: "CurrentPageReport",
-  hostName: "Paginator",
-  extends: h,
-  props: {
-    pageCount: {
-      type: Number,
-      default: 0
     },
-    currentPage: {
-      type: Number,
-      default: 0
+    showLoader: {
+      type: Boolean,
+      default: !1
     },
-    page: {
+    tabindex: {
       type: Number,
       default: 0
     },
-    first: {
-      type: Number,
-      default: 0
+    inline: {
+      type: Boolean,
+      default: !1
     },
-    rows: {
+    step: {
       type: Number,
       default: 0
     },
-    totalRecords: {
-      type: Number,
-      default: 0
+    appendOnly: {
+      type: Boolean,
+      default: !1
     },
-    template: {
-      type: String,
-      default: "({currentPage} of {totalPages})"
-    }
-  },
-  computed: {
-    text: function() {
-      var t = this.template.replace("{currentPage}", this.currentPage).replace("{totalPages}", this.pageCount).replace("{first}", this.pageCount > 0 ? this.first + 1 : 0).replace("{last}", Math.min(this.first + this.rows, this.totalRecords)).replace("{rows}", this.rows).replace("{totalRecords}", this.totalRecords);
-      return t;
-    }
-  }
-};
-function le(e, t, a, r, l, n) {
-  return o(), g("span", d({
-    class: e.cx("current")
-  }, e.ptm("current")), E(n.text), 17);
-}
-M.render = le;
-var z = {
-  name: "FirstPageLink",
-  hostName: "Paginator",
-  extends: h,
-  props: {
-    template: {
-      type: Function,
-      default: null
-    }
-  },
-  methods: {
-    getPTOptions: function(t) {
-      return this.ptm(t, {
-        context: {
-          disabled: this.$attrs.disabled
-        }
-      });
-    }
-  },
-  components: {
-    AngleDoubleLeftIcon: ae
-  },
-  directives: {
-    ripple: I
-  }
-};
-function pe(e, t, a, r, l, n) {
-  var i = T("ripple");
-  return A((o(), g("button", d({
-    class: e.cx("firstPageButton"),
-    type: "button"
-  }, n.getPTOptions("firstPageButton"), {
-    "data-pc-group-section": "pagebutton"
-  }), [(o(), p(v(a.template || "AngleDoubleLeftIcon"), d({
-    class: e.cx("firstPageIcon")
-  }, n.getPTOptions("firstPageIcon")), null, 16, ["class"]))], 16)), [[i]]);
-}
-z.render = pe;
-var W = {
-  name: "JumpToPageDropdown",
-  hostName: "Paginator",
-  extends: h,
-  emits: ["page-change"],
-  props: {
-    page: Number,
-    pageCount: Number,
-    disabled: Boolean,
-    templates: null
-  },
-  methods: {
-    onChange: function(t) {
-      this.$emit("page-change", t);
-    }
-  },
-  computed: {
-    pageOptions: function() {
-      for (var t = [], a = 0; a < this.pageCount; a++)
-        t.push({
-          label: String(a + 1),
-          value: a
-        });
-      return t;
+    autoSize: {
+      type: Boolean,
+      default: !1
     }
   },
-  components: {
-    JTPDropdown: U
-  }
-};
-function ue(e, t, a, r, l, n) {
-  var i = c("JTPDropdown");
-  return o(), p(i, {
-    modelValue: a.page,
-    options: n.pageOptions,
-    optionLabel: "label",
-    optionValue: "value",
-    "onUpdate:modelValue": t[0] || (t[0] = function(s) {
-      return n.onChange(s);
-    }),
-    class: C(e.cx("jumpToPageDropdown")),
-    disabled: a.disabled,
-    unstyled: e.unstyled,
-    pt: e.ptm("jumpToPageDropdown"),
-    "data-pc-group-section": "pagedropdown"
-  }, x({
-    _: 2
-  }, [a.templates.jumptopagedropdownicon ? {
-    name: "dropdownicon",
-    fn: V(function(s) {
-      return [(o(), p(v(a.templates.jumptopagedropdownicon), {
-        class: C(s.class)
-      }, null, 8, ["class"]))];
-    }),
-    key: "0"
-  } : void 0]), 1032, ["modelValue", "options", "class", "disabled", "unstyled", "pt"]);
-}
-W.render = ue;
-var $ = {
-  name: "JumpToPageInput",
-  hostName: "Paginator",
-  extends: h,
-  inheritAttrs: !1,
-  emits: ["page-change"],
-  props: {
-    page: Number,
-    pageCount: Number,
-    disabled: Boolean
-  },
-  data: function() {
+  style: K,
+  provide: function() {
     return {
-      d_page: this.page
+      $parentInstance: this
     };
   },
-  watch: {
-    page: function(t) {
-      this.d_page = t;
-    }
-  },
-  methods: {
-    onChange: function(t) {
-      t !== this.page && (this.d_page = t, this.$emit("page-change", t - 1));
-    }
-  },
-  computed: {
-    inputArialabel: function() {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.jumpToPageInputLabel : void 0;
-    }
-  },
-  components: {
-    JTPInput: ne
-  }
-};
-function ge(e, t, a, r, l, n) {
-  var i = c("JTPInput");
-  return o(), p(i, {
-    ref: "jtpInput",
-    modelValue: l.d_page,
-    class: C(e.cx("jumpToPageInput")),
-    "aria-label": n.inputArialabel,
-    disabled: a.disabled,
-    "onUpdate:modelValue": n.onChange,
-    unstyled: e.unstyled,
-    pt: e.ptm("jumpToPageInput")
-  }, null, 8, ["modelValue", "class", "aria-label", "disabled", "onUpdate:modelValue", "unstyled", "pt"]);
-}
-$.render = ge;
-var H = {
-  name: "LastPageLink",
-  hostName: "Paginator",
-  extends: h,
-  props: {
-    template: {
-      type: Function,
-      default: null
-    }
-  },
-  methods: {
-    getPTOptions: function(t) {
-      return this.ptm(t, {
-        context: {
-          disabled: this.$attrs.disabled
-        }
-      });
-    }
-  },
-  components: {
-    AngleDoubleRightIcon: re
-  },
-  directives: {
-    ripple: I
-  }
-};
-function de(e, t, a, r, l, n) {
-  var i = T("ripple");
-  return A((o(), g("button", d({
-    class: e.cx("lastPageButton"),
-    type: "button"
-  }, n.getPTOptions("lastPageButton"), {
-    "data-pc-group-section": "pagebutton"
-  }), [(o(), p(v(a.template || "AngleDoubleRightIcon"), d({
-    class: e.cx("lastPageIcon")
-  }, n.getPTOptions("lastPageIcon")), null, 16, ["class"]))], 16)), [[i]]);
-}
-H.render = de;
-var _ = {
-  name: "NextPageLink",
-  hostName: "Paginator",
-  extends: h,
-  props: {
-    template: {
-      type: Function,
-      default: null
-    }
-  },
-  methods: {
-    getPTOptions: function(t) {
-      return this.ptm(t, {
-        context: {
-          disabled: this.$attrs.disabled
-        }
-      });
-    }
-  },
-  components: {
-    AngleRightIcon: oe
-  },
-  directives: {
-    ripple: I
-  }
-};
-function ce(e, t, a, r, l, n) {
-  var i = T("ripple");
-  return A((o(), g("button", d({
-    class: e.cx("nextPageButton"),
-    type: "button"
-  }, n.getPTOptions("nextPageButton"), {
-    "data-pc-group-section": "pagebutton"
-  }), [(o(), p(v(a.template || "AngleRightIcon"), d({
-    class: e.cx("nextPageIcon")
-  }, n.getPTOptions("nextPageIcon")), null, 16, ["class"]))], 16)), [[i]]);
-}
-_.render = ce;
-var q = {
-  name: "PageLinks",
-  hostName: "Paginator",
-  extends: h,
-  inheritAttrs: !1,
-  emits: ["click"],
-  props: {
-    value: Array,
-    page: Number
-  },
-  methods: {
-    getPTOptions: function(t, a) {
-      return this.ptm(a, {
-        context: {
-          active: t === this.page
-        }
-      });
-    },
-    onPageLinkClick: function(t, a) {
-      this.$emit("click", {
-        originalEvent: t,
-        value: a
-      });
-    },
-    ariaPageLabel: function(t) {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g, t) : void 0;
-    }
-  },
-  directives: {
-    ripple: I
-  }
-}, me = ["aria-label", "aria-current", "onClick", "data-p-highlight"];
-function fe(e, t, a, r, l, n) {
-  var i = T("ripple");
-  return o(), g("span", d({
-    class: e.cx("pages")
-  }, e.ptm("pages")), [(o(!0), g(O, null, R(a.value, function(s) {
-    return A((o(), g("button", d({
-      key: s,
-      class: e.cx("pageButton", {
-        pageLink: s
-      }),
-      type: "button",
-      "aria-label": n.ariaPageLabel(s),
-      "aria-current": s - 1 === a.page ? "page" : void 0,
-      onClick: function(m) {
-        return n.onPageLinkClick(m, s);
-      }
-    }, n.getPTOptions(s - 1, "pageButton"), {
-      "data-p-highlight": s - 1 === a.page
-    }), [ee(E(s), 1)], 16, me)), [[i]]);
-  }), 128))], 16);
-}
-q.render = fe;
-var G = {
-  name: "PrevPageLink",
-  hostName: "Paginator",
-  extends: h,
-  props: {
-    template: {
-      type: Function,
-      default: null
-    }
-  },
-  methods: {
-    getPTOptions: function(t) {
-      return this.ptm(t, {
-        context: {
-          disabled: this.$attrs.disabled
-        }
-      });
-    }
-  },
-  components: {
-    AngleLeftIcon: ie
-  },
-  directives: {
-    ripple: I
+  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 Pe(e, t, a, r, l, n) {
-  var i = T("ripple");
-  return A((o(), g("button", d({
-    class: e.cx("previousPageButton"),
-    type: "button"
-  }, n.getPTOptions("previousPageButton"), {
-    "data-pc-group-section": "pagebutton"
-  }), [(o(), p(v(a.template || "AngleLeftIcon"), d({
-    class: e.cx("previousPageIcon")
-  }, n.getPTOptions("previousPageIcon")), null, 16, ["class"]))], 16)), [[i]]);
-}
-G.render = Pe;
-var K = {
-  name: "RowsPerPageDropdown",
-  hostName: "Paginator",
-  extends: h,
-  emits: ["rows-change"],
-  props: {
-    options: Array,
-    rows: Number,
-    disabled: Boolean,
-    templates: null
-  },
-  methods: {
-    onChange: function(t) {
-      this.$emit("rows-change", t);
-    }
-  },
-  computed: {
-    rowsOptions: function() {
-      var t = [];
-      if (this.options)
-        for (var a = 0; a < this.options.length; a++)
-          t.push({
-            label: String(this.options[a]),
-            value: this.options[a]
-          });
-      return t;
-    }
-  },
-  components: {
-    RPPDropdown: U
-  }
-};
-function he(e, t, a, r, l, n) {
-  var i = c("RPPDropdown");
-  return o(), p(i, {
-    modelValue: a.rows,
-    options: n.rowsOptions,
-    optionLabel: "label",
-    optionValue: "value",
-    "onUpdate:modelValue": t[0] || (t[0] = function(s) {
-      return n.onChange(s);
-    }),
-    class: C(e.cx("rowPerPageDropdown")),
-    disabled: a.disabled,
-    unstyled: e.unstyled,
-    pt: e.ptm("rowPerPageDropdown"),
-    "data-pc-group-section": "pagedropdown"
-  }, x({
-    _: 2
-  }, [a.templates.rowsperpagedropdownicon ? {
-    name: "dropdownicon",
-    fn: V(function(s) {
-      return [(o(), p(v(a.templates.rowsperpagedropdownicon), {
-        class: C(s.class)
-      }, null, 8, ["class"]))];
-    }),
-    key: "0"
-  } : void 0]), 1032, ["modelValue", "options", "class", "disabled", "unstyled", "pt"]);
-}
-K.render = he;
-function be(e) {
-  return we(e) || ve(e) || Q(e) || ye();
-}
-function ye() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function ve(e) {
-  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
-}
-function we(e) {
-  if (Array.isArray(e)) return j(e);
-}
-function D(e) {
+function E(e) {
   "@babel/helpers - typeof";
-  return D = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+  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;
-  }, D(e);
+  }, E(e);
 }
-function J(e, t) {
-  return Ce(e) || ke(e, t) || Q(e, t) || Le();
-}
-function Le() {
-  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 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 Q(e, t) {
-  if (e) {
-    if (typeof e == "string") return j(e, t);
-    var a = Object.prototype.toString.call(e).slice(8, -1);
-    if (a === "Object" && e.constructor && (a = e.constructor.name), a === "Map" || a === "Set") return Array.from(e);
-    if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return j(e, t);
+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) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var a = 0, r = new Array(t); a < t; a++) r[a] = e[a];
-  return r;
+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 ke(e, t) {
-  var a = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-  if (a != null) {
-    var r, l, n, i, s = [], f = !0, m = !1;
-    try {
-      if (n = (a = a.call(e)).next, t === 0) {
-        if (Object(a) !== a) return;
-        f = !1;
-      } else for (; !(f = (r = n.call(a)).done) && (s.push(r.value), s.length !== t); f = !0) ;
-    } catch (w) {
-      m = !0, l = w;
-    } finally {
-      try {
-        if (!f && a.return != null && (i = a.return(), Object(i) !== i)) return;
-      } finally {
-        if (m) throw l;
-      }
-    }
-    return s;
-  }
+function x(e) {
+  var t = tt(e, "string");
+  return E(t) == "symbol" ? t : String(t);
 }
-function Ce(e) {
-  if (Array.isArray(e)) return e;
+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 Te = {
-  name: "Paginator",
-  extends: se,
+var et = {
+  name: "VirtualScroller",
+  extends: $,
   inheritAttrs: !1,
-  emits: ["update:first", "update:rows", "page"],
+  emits: ["update:numToleratedItems", "scroll", "scroll-index-change", "lazy-load"],
   data: function() {
+    var t = this.isBoth();
     return {
-      d_first: this.first,
-      d_rows: this.rows
+      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: {
-    first: function(t) {
-      this.d_first = t;
+    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();
     },
-    rows: function(t) {
-      this.d_rows = t;
+    orientation: function() {
+      this.lastScrollPos = this.isBoth() ? {
+        top: 0,
+        left: 0
+      } : 0;
     },
-    totalRecords: function(t) {
-      this.page > 0 && t && this.d_first >= t && this.changePage(this.pageCount - 1);
+    scrollHeight: function() {
+      this.init(), this.calculateAutoSize();
+    },
+    scrollWidth: function() {
+      this.init(), this.calculateAutoSize();
     }
   },
   mounted: function() {
-    this.setPaginatorAttribute(), this.createStyle();
+    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: {
-    changePage: function(t) {
-      var a = this.pageCount;
-      if (t >= 0 && t < a) {
-        this.d_first = this.d_rows * t;
-        var r = {
-          page: t,
-          first: this.d_first,
-          rows: this.d_rows,
-          pageCount: a
-        };
-        this.$emit("update:first", this.d_first), this.$emit("update:rows", this.d_rows), this.$emit("page", r);
+    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);
       }
     },
-    changePageToFirst: function(t) {
-      this.isFirstPage || this.changePage(0), t.preventDefault();
-    },
-    changePageToPrev: function(t) {
-      this.changePage(this.page - 1), t.preventDefault();
-    },
-    changePageLink: function(t) {
-      this.changePage(t.value - 1), t.originalEvent.preventDefault();
-    },
-    changePageToNext: function(t) {
-      this.changePage(this.page + 1), t.preventDefault();
+    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
+        }
+      };
     },
-    changePageToLast: function(t) {
-      this.isLastPage || this.changePage(this.pageCount - 1), t.preventDefault();
+    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
+      };
     },
-    onRowChange: function(t) {
-      this.d_rows = t, this.changePage(this.page);
+    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);
+      });
     },
-    createStyle: function() {
+    calculateAutoSize: function() {
       var t = this;
-      if (this.hasBreakpoints() && !this.isUnstyled) {
-        var a;
-        this.styleElement = document.createElement("style"), this.styleElement.type = "text/css", Y.setAttribute(this.styleElement, "nonce", (a = this.$primevue) === null || a === void 0 || (a = a.config) === null || a === void 0 || (a = a.csp) === null || a === void 0 ? void 0 : a.nonce), document.head.appendChild(this.styleElement);
-        var r = "", l = Object.keys(this.template), n = {};
-        l.sort(function(y, N) {
-          return parseInt(y) - parseInt(N);
-        }).forEach(function(y) {
-          n[y] = t.template[y];
-        });
-        for (var i = 0, s = Object.entries(Object.entries(n)); i < s.length; i++) {
-          var f = J(s[i], 2), m = f[0], w = J(f[1], 1), b = w[0], L = void 0, k = void 0;
-          b !== "default" && typeof Object.keys(n)[m - 1] == "string" ? k = Number(Object.keys(n)[m - 1].slice(0, -2)) + 1 + "px" : k = Object.keys(n)[m - 1], L = Object.entries(n)[m - 1] ? "and (min-width:".concat(k, ")") : "", b === "default" ? r += `
-                            @media screen `.concat(L, ` {
-                                .paginator[`).concat(this.attributeSelector, `],
-                                    display: flex;
-                                }
-                            }
-                        `) : r += `
-.paginator[`.concat(this.attributeSelector, "], .p-paginator-").concat(b, ` {
-    display: none;
-}
-@media screen `).concat(L, " and (max-width: ").concat(b, `) {
-    .paginator[`).concat(this.attributeSelector, "], .p-paginator-").concat(b, ` {
-        display: flex;
-    }
-    .paginator[`).concat(this.attributeSelector, `],
-    .p-paginator-default{
-        display: none;
-    }
-}
-                    `);
+      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 = "";
         }
-        this.styleElement.innerHTML = r;
-      }
+      });
     },
-    hasBreakpoints: function() {
-      return D(this.template) === "object";
+    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
+      };
     },
-    setPaginatorAttribute: function() {
+    setSize: function() {
       var t = this;
-      this.$refs.paginator && this.$refs.paginator.length >= 0 && be(this.$refs.paginator).forEach(function(a) {
-        a.setAttribute(t.attributeSelector, "");
-      });
+      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);
+      }
     },
-    getAriaLabel: function(t) {
-      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria[t] : void 0;
-    }
-  },
-  computed: {
-    templateItems: function() {
-      var t = {};
-      if (this.hasBreakpoints()) {
-        t = this.template, t.default || (t.default = "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown");
-        for (var a in t)
-          t[a] = this.template[a].split(" ").map(function(r) {
-            return r.trim();
+    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)")
           });
-        return t;
+        };
+        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);
+        }
       }
-      return t.default = this.template.split(" ").map(function(r) {
-        return r.trim();
-      }), t;
     },
-    page: function() {
-      return Math.floor(this.d_first / this.d_rows);
+    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
+      };
     },
-    pageCount: function() {
-      return Math.ceil(this.totalRecords / this.d_rows);
+    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;
+        }
+      }
     },
-    isFirstPage: function() {
-      return this.page === 0;
+    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);
     },
-    isLastPage: function() {
-      return this.page === this.pageCount - 1;
+    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);
     },
-    calculatePageLinkBoundaries: function() {
-      var t = this.pageCount, a = Math.min(this.pageLinkSize, t), r = Math.max(0, Math.ceil(this.page - a / 2)), l = Math.min(t - 1, r + a - 1), n = this.pageLinkSize - (l - r + 1);
-      return r = Math.max(0, r - n), [r, l];
+    bindResizeListener: function() {
+      this.resizeListener || (this.resizeListener = this.onResize.bind(this), window.addEventListener("resize", this.resizeListener), window.addEventListener("orientationchange", this.resizeListener));
     },
-    pageLinks: function() {
-      for (var t = [], a = this.calculatePageLinkBoundaries, r = a[0], l = a[1], n = r; n <= l; n++)
-        t.push(n + 1);
-      return t;
+    unbindResizeListener: function() {
+      this.resizeListener && (window.removeEventListener("resize", this.resizeListener), window.removeEventListener("orientationchange", this.resizeListener), this.resizeListener = null);
     },
-    currentState: function() {
+    getOptions: function(t) {
+      var i = (this.items || []).length, n = this.isBoth() ? this.first.rows + t : this.first + t;
       return {
-        page: this.page,
-        first: this.d_first,
-        rows: this.d_rows
+        index: n,
+        count: i,
+        first: n === 0,
+        last: n === i - 1,
+        even: n % 2 === 0,
+        odd: n % 2 !== 0
       };
     },
-    empty: function() {
-      return this.pageCount === 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"]');
     },
-    currentPage: function() {
-      return this.pageCount > 0 ? this.page + 1 : 0;
+    elementRef: function(t) {
+      this.element = t;
     },
-    attributeSelector: function() {
-      return X();
+    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: {
-    CurrentPageReport: M,
-    FirstPageLink: z,
-    LastPageLink: H,
-    NextPageLink: _,
-    PageLinks: q,
-    PrevPageLink: G,
-    RowsPerPageDropdown: K,
-    JumpToPageDropdown: W,
-    JumpToPageInput: $
+    SpinnerIcon: Q
   }
-};
-function Ae(e, t, a, r, l, n) {
-  var i = c("FirstPageLink"), s = c("PrevPageLink"), f = c("NextPageLink"), m = c("LastPageLink"), w = c("PageLinks"), b = c("CurrentPageReport"), L = c("RowsPerPageDropdown"), k = c("JumpToPageDropdown"), y = c("JumpToPageInput");
-  return e.alwaysShow || n.pageLinks && n.pageLinks.length > 1 ? (o(), g("nav", te(d({
+}, 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
-  }, e.ptmi("paginatorWrapper"))), [(o(!0), g(O, null, R(n.templateItems, function(N, B) {
-    return o(), g("div", d({
-      key: B,
-      ref_for: !0,
-      ref: "paginator",
-      class: e.cx("paginator", {
-        key: B
+  }, q(r.loaderArr, function(a, h) {
+    return A(e.$slots, "loader", {
+      key: h,
+      options: s.getLoaderOptions(h, s.isBoth() && {
+        numCols: e.d_numItemsInViewport.cols
       })
-    }, e.ptm("root")), [e.$slots.start ? (o(), g("div", d({
-      key: 0,
-      class: e.cx("start")
-    }, e.ptm("start")), [F(e.$slots, "start", {
-      state: n.currentState
-    })], 16)) : S("", !0), (o(!0), g(O, null, R(N, function(P) {
-      return o(), g(O, {
-        key: P
-      }, [P === "FirstPageLink" ? (o(), p(i, {
-        key: 0,
-        "aria-label": n.getAriaLabel("firstPageLabel"),
-        template: e.$slots.firstpagelinkicon,
-        onClick: t[0] || (t[0] = function(u) {
-          return n.changePageToFirst(u);
-        }),
-        disabled: n.isFirstPage || n.empty,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : P === "PrevPageLink" ? (o(), p(s, {
-        key: 1,
-        "aria-label": n.getAriaLabel("prevPageLabel"),
-        template: e.$slots.prevpagelinkicon,
-        onClick: t[1] || (t[1] = function(u) {
-          return n.changePageToPrev(u);
-        }),
-        disabled: n.isFirstPage || n.empty,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : P === "NextPageLink" ? (o(), p(f, {
-        key: 2,
-        "aria-label": n.getAriaLabel("nextPageLabel"),
-        template: e.$slots.nextpagelinkicon,
-        onClick: t[2] || (t[2] = function(u) {
-          return n.changePageToNext(u);
-        }),
-        disabled: n.isLastPage || n.empty,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : P === "LastPageLink" ? (o(), p(m, {
-        key: 3,
-        "aria-label": n.getAriaLabel("lastPageLabel"),
-        template: e.$slots.lastpagelinkicon,
-        onClick: t[3] || (t[3] = function(u) {
-          return n.changePageToLast(u);
-        }),
-        disabled: n.isLastPage || n.empty,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["aria-label", "template", "disabled", "unstyled", "pt"])) : P === "PageLinks" ? (o(), p(w, {
-        key: 4,
-        "aria-label": n.getAriaLabel("pageLabel"),
-        value: n.pageLinks,
-        page: n.page,
-        onClick: t[4] || (t[4] = function(u) {
-          return n.changePageLink(u);
-        }),
-        pt: e.pt
-      }, null, 8, ["aria-label", "value", "page", "pt"])) : P === "CurrentPageReport" ? (o(), p(b, {
-        key: 5,
-        "aria-live": "polite",
-        template: e.currentPageReportTemplate,
-        currentPage: n.currentPage,
-        page: n.page,
-        pageCount: n.pageCount,
-        first: l.d_first,
-        rows: l.d_rows,
-        totalRecords: e.totalRecords,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["template", "currentPage", "page", "pageCount", "first", "rows", "totalRecords", "unstyled", "pt"])) : P === "RowsPerPageDropdown" && e.rowsPerPageOptions ? (o(), p(L, {
-        key: 6,
-        "aria-label": n.getAriaLabel("rowsPerPageLabel"),
-        rows: l.d_rows,
-        options: e.rowsPerPageOptions,
-        onRowsChange: t[5] || (t[5] = function(u) {
-          return n.onRowChange(u);
-        }),
-        disabled: n.empty,
-        templates: e.$slots,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["aria-label", "rows", "options", "disabled", "templates", "unstyled", "pt"])) : P === "JumpToPageDropdown" ? (o(), p(k, {
-        key: 7,
-        "aria-label": n.getAriaLabel("jumpToPageDropdownLabel"),
-        page: n.page,
-        pageCount: n.pageCount,
-        onPageChange: t[6] || (t[6] = function(u) {
-          return n.changePage(u);
-        }),
-        disabled: n.empty,
-        templates: e.$slots,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["aria-label", "page", "pageCount", "disabled", "templates", "unstyled", "pt"])) : P === "JumpToPageInput" ? (o(), p(y, {
-        key: 8,
-        page: n.currentPage,
-        onPageChange: t[7] || (t[7] = function(u) {
-          return n.changePage(u);
-        }),
-        disabled: n.empty,
-        unstyled: e.unstyled,
-        pt: e.pt
-      }, null, 8, ["page", "disabled", "unstyled", "pt"])) : S("", !0)], 64);
-    }), 128)), e.$slots.end ? (o(), g("div", d({
-      key: 1,
-      class: e.cx("end")
-    }, e.ptm("end")), [F(e.$slots, "end", {
-      state: n.currentState
-    })], 16)) : S("", !0)], 16);
-  }), 128))], 16)) : S("", !0);
+    });
+  }), 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));
 }
-Te.render = Ae;
+et.render = st;
 export {
-  Te as default
+  et as default
 };