@quoreadmin/ui 1.10.18 → 1.10.20

package/dist/index253.js

@@ -1,822 +1,704 @@
-import { Slice as m, Fragment as B, Node as x, Mark as R } from "./index296.js";
-import { ReplaceStep as P, ReplaceAroundStep as K, Transform as $ } from "./index294.js";
-const O = /* @__PURE__ */ Object.create(null);
-class l {
-  /**
-  Initialize a selection with the head and anchor and ranges. If no
-  ranges are given, constructs a single range across `$anchor` and
-  `$head`.
-  */
-  constructor(e, t, r) {
-    this.$anchor = e, this.$head = t, this.ranges = r || [new q(e.min(t), e.max(t))];
-  }
-  /**
-  The selection's anchor, as an unresolved position.
-  */
-  get anchor() {
-    return this.$anchor.pos;
-  }
-  /**
-  The selection's head.
-  */
-  get head() {
-    return this.$head.pos;
-  }
-  /**
-  The lower bound of the selection's main range.
-  */
-  get from() {
-    return this.$from.pos;
-  }
-  /**
-  The upper bound of the selection's main range.
-  */
-  get to() {
-    return this.$to.pos;
-  }
-  /**
-  The resolved lower  bound of the selection's main range.
-  */
-  get $from() {
-    return this.ranges[0].$from;
-  }
-  /**
-  The resolved upper bound of the selection's main range.
-  */
-  get $to() {
-    return this.ranges[0].$to;
-  }
-  /**
-  Indicates whether the selection contains any content.
-  */
-  get empty() {
-    let e = this.ranges;
-    for (let t = 0; t < e.length; t++)
-      if (e[t].$from.pos != e[t].$to.pos)
-        return !1;
-    return !0;
-  }
-  /**
-  Get the content of this selection as a slice.
-  */
-  content() {
-    return this.$from.doc.slice(this.from, this.to, !0);
-  }
-  /**
-  Replace the selection with a slice or, if no slice is given,
-  delete the selection. Will append to the given transaction.
-  */
-  replace(e, t = m.empty) {
-    let r = t.content.lastChild, n = null;
-    for (let a = 0; a < t.openEnd; a++)
-      n = r, r = r.lastChild;
-    let s = e.steps.length, o = this.ranges;
-    for (let a = 0; a < o.length; a++) {
-      let { $from: c, $to: u } = o[a], h = e.mapping.slice(s);
-      e.replaceRange(h.map(c.pos), h.map(u.pos), a ? m.empty : t), a == 0 && E(e, s, (r ? r.isInline : n && n.isTextblock) ? -1 : 1);
-    }
-  }
-  /**
-  Replace the selection with the given node, appending the changes
-  to the given transaction.
-  */
-  replaceWith(e, t) {
-    let r = e.steps.length, n = this.ranges;
-    for (let s = 0; s < n.length; s++) {
-      let { $from: o, $to: a } = n[s], c = e.mapping.slice(r), u = c.map(o.pos), h = c.map(a.pos);
-      s ? e.deleteRange(u, h) : (e.replaceRangeWith(u, h, t), E(e, r, t.isInline ? -1 : 1));
-    }
-  }
-  /**
-  Find a valid cursor or leaf node selection starting at the given
-  position and searching back if `dir` is negative, and forward if
-  positive. When `textOnly` is true, only consider cursor
-  selections. Will return null when no valid selection position is
-  found.
-  */
-  static findFrom(e, t, r = !1) {
-    let n = e.parent.inlineContent ? new f(e) : g(e.node(0), e.parent, e.pos, e.index(), t, r);
-    if (n)
-      return n;
-    for (let s = e.depth - 1; s >= 0; s--) {
-      let o = t < 0 ? g(e.node(0), e.node(s), e.before(s + 1), e.index(s), t, r) : g(e.node(0), e.node(s), e.after(s + 1), e.index(s) + 1, t, r);
-      if (o)
-        return o;
-    }
-    return null;
-  }
-  /**
-  Find a valid cursor or leaf node selection near the given
-  position. Searches forward first by default, but if `bias` is
-  negative, it will search backwards first.
-  */
-  static near(e, t = 1) {
-    return this.findFrom(e, t) || this.findFrom(e, -t) || new d(e.node(0));
-  }
-  /**
-  Find the cursor or leaf node selection closest to the start of
-  the given document. Will return an
-  [`AllSelection`](https://prosemirror.net/docs/ref/#state.AllSelection) if no valid position
-  exists.
-  */
-  static atStart(e) {
-    return g(e, e, 0, 0, 1) || new d(e);
-  }
-  /**
-  Find the cursor or leaf node selection closest to the end of the
-  given document.
-  */
-  static atEnd(e) {
-    return g(e, e, e.content.size, e.childCount, -1) || new d(e);
-  }
-  /**
-  Deserialize the JSON representation of a selection. Must be
-  implemented for custom classes (as a static class method).
-  */
-  static fromJSON(e, t) {
-    if (!t || !t.type)
-      throw new RangeError("Invalid input for Selection.fromJSON");
-    let r = O[t.type];
-    if (!r)
-      throw new RangeError(`No selection type ${t.type} defined`);
-    return r.fromJSON(e, t);
-  }
-  /**
-  To be able to deserialize selections from JSON, custom selection
-  classes must register themselves with an ID string, so that they
-  can be disambiguated. Try to pick something that's unlikely to
-  clash with classes from other modules.
-  */
-  static jsonID(e, t) {
-    if (e in O)
-      throw new RangeError("Duplicate use of selection JSON ID " + e);
-    return O[e] = t, t.prototype.jsonID = e, t;
-  }
-  /**
-  Get a [bookmark](https://prosemirror.net/docs/ref/#state.SelectionBookmark) for this selection,
-  which is a value that can be mapped without having access to a
-  current document, and later resolved to a real selection for a
-  given document again. (This is used mostly by the history to
-  track and restore old selections.) The default implementation of
-  this method just converts the selection to a text selection and
-  returns the bookmark for that.
-  */
-  getBookmark() {
-    return f.between(this.$anchor, this.$head).getBookmark();
-  }
-}
-l.prototype.visible = !0;
-class q {
-  /**
-  Create a range.
-  */
-  constructor(e, t) {
-    this.$from = e, this.$to = t;
-  }
-}
-let I = !1;
-function T(i) {
-  !I && !i.parent.inlineContent && (I = !0, console.warn("TextSelection endpoint not pointing into a node with inline content (" + i.parent.type.name + ")"));
-}
-class f extends l {
-  /**
-  Construct a text selection between the given points.
-  */
-  constructor(e, t = e) {
-    T(e), T(t), super(e, t);
-  }
-  /**
-  Returns a resolved position if this is a cursor selection (an
-  empty text selection), and null otherwise.
-  */
-  get $cursor() {
-    return this.$anchor.pos == this.$head.pos ? this.$head : null;
-  }
-  map(e, t) {
-    let r = e.resolve(t.map(this.head));
-    if (!r.parent.inlineContent)
-      return l.near(r);
-    let n = e.resolve(t.map(this.anchor));
-    return new f(n.parent.inlineContent ? n : r, r);
-  }
-  replace(e, t = m.empty) {
-    if (super.replace(e, t), t == m.empty) {
-      let r = this.$from.marksAcross(this.$to);
-      r && e.ensureMarks(r);
-    }
-  }
-  eq(e) {
-    return e instanceof f && e.anchor == this.anchor && e.head == this.head;
-  }
-  getBookmark() {
-    return new y(this.anchor, this.head);
-  }
-  toJSON() {
-    return { type: "text", anchor: this.anchor, head: this.head };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(e, t) {
-    if (typeof t.anchor != "number" || typeof t.head != "number")
-      throw new RangeError("Invalid input for TextSelection.fromJSON");
-    return new f(e.resolve(t.anchor), e.resolve(t.head));
-  }
-  /**
-  Create a text selection from non-resolved positions.
-  */
-  static create(e, t, r = t) {
-    let n = e.resolve(t);
-    return new this(n, r == t ? n : e.resolve(r));
-  }
-  /**
-  Return a text selection that spans the given positions or, if
-  they aren't text positions, find a text selection near them.
-  `bias` determines whether the method searches forward (default)
-  or backwards (negative number) first. Will fall back to calling
-  [`Selection.near`](https://prosemirror.net/docs/ref/#state.Selection^near) when the document
-  doesn't contain a valid text position.
-  */
-  static between(e, t, r) {
-    let n = e.pos - t.pos;
-    if ((!r || n) && (r = n >= 0 ? 1 : -1), !t.parent.inlineContent) {
-      let s = l.findFrom(t, r, !0) || l.findFrom(t, -r, !0);
-      if (s)
-        t = s.$head;
-      else
-        return l.near(t, r);
+import Q from "./index251.js";
+import { DomHandler as p } from "./index180.js";
+import U from "./index228.js";
+import K from "./index334.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
     }
-    return e.parent.inlineContent || (n == 0 ? e = t : (e = (l.findFrom(e, -r, !0) || l.findFrom(e, r, !0)).$anchor, e.pos < t.pos != n < 0 && (e = t))), new f(e, t);
-  }
-}
-l.jsonID("text", f);
-class y {
-  constructor(e, t) {
-    this.anchor = e, this.head = t;
-  }
-  map(e) {
-    return new y(e.map(this.anchor), e.map(this.head));
-  }
-  resolve(e) {
-    return f.between(e.resolve(this.anchor), e.resolve(this.head));
-  }
-}
-class p extends l {
-  /**
-  Create a node selection. Does not verify the validity of its
-  argument.
-  */
-  constructor(e) {
-    let t = e.nodeAfter, r = e.node(0).resolve(e.pos + t.nodeSize);
-    super(e, r), this.node = t;
-  }
-  map(e, t) {
-    let { deleted: r, pos: n } = t.mapResult(this.anchor), s = e.resolve(n);
-    return r ? l.near(s) : new p(s);
-  }
-  content() {
-    return new m(B.from(this.node), 0, 0);
-  }
-  eq(e) {
-    return e instanceof p && e.anchor == this.anchor;
-  }
-  toJSON() {
-    return { type: "node", anchor: this.anchor };
-  }
-  getBookmark() {
-    return new J(this.anchor);
-  }
-  /**
-  @internal
-  */
-  static fromJSON(e, t) {
-    if (typeof t.anchor != "number")
-      throw new RangeError("Invalid input for NodeSelection.fromJSON");
-    return new p(e.resolve(t.anchor));
-  }
-  /**
-  Create a node selection from non-resolved positions.
-  */
-  static create(e, t) {
-    return new p(e.resolve(t));
-  }
-  /**
-  Determines whether the given node may be selected as a node
-  selection.
-  */
-  static isSelectable(e) {
-    return !e.isText && e.type.spec.selectable !== !1;
-  }
-}
-p.prototype.visible = !1;
-l.jsonID("node", p);
-class J {
-  constructor(e) {
-    this.anchor = e;
-  }
-  map(e) {
-    let { deleted: t, pos: r } = e.mapResult(this.anchor);
-    return t ? new y(r, r) : new J(r);
-  }
-  resolve(e) {
-    let t = e.resolve(this.anchor), r = t.nodeAfter;
-    return r && p.isSelectable(r) ? new p(t) : l.near(t);
-  }
-}
-class d extends l {
-  /**
-  Create an all-selection over the given document.
-  */
-  constructor(e) {
-    super(e.resolve(0), e.resolve(e.content.size));
-  }
-  replace(e, t = m.empty) {
-    if (t == m.empty) {
-      e.delete(0, e.doc.content.size);
-      let r = l.atStart(e.doc);
-      r.eq(e.selection) || e.setSelection(r);
-    } else
-      super.replace(e, t);
-  }
-  toJSON() {
-    return { type: "all" };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(e) {
-    return new d(e);
-  }
-  map(e) {
-    return new d(e);
-  }
-  eq(e) {
-    return e instanceof d;
-  }
-  getBookmark() {
-    return z;
-  }
-}
-l.jsonID("all", d);
-const z = {
-  map() {
-    return this;
   },
-  resolve(i) {
-    return new d(i);
+  style: K,
+  provide: function() {
+    return {
+      $parentInstance: this
+    };
+  },
+  beforeMount: function() {
+    var t;
+    K.loadStyle({
+      nonce: (t = this.$primevueConfig) === null || t === void 0 || (t = t.csp) === null || t === void 0 ? void 0 : t.nonce
+    });
   }
 };
-function g(i, e, t, r, n, s = !1) {
-  if (e.inlineContent)
-    return f.create(i, t);
-  for (let o = r - (n > 0 ? 0 : 1); n > 0 ? o < e.childCount : o >= 0; o += n) {
-    let a = e.child(o);
-    if (a.isAtom) {
-      if (!s && p.isSelectable(a))
-        return p.create(i, t - (n < 0 ? a.nodeSize : 0));
-    } else {
-      let c = g(i, a, t + n, n < 0 ? a.childCount : 0, n, s);
-      if (c)
-        return c;
-    }
-    t += a.nodeSize * n;
-  }
-  return null;
+function E(e) {
+  "@babel/helpers - typeof";
+  return E = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, E(e);
 }
-function E(i, e, t) {
-  let r = i.steps.length - 1;
-  if (r < e)
-    return;
-  let n = i.steps[r];
-  if (!(n instanceof P || n instanceof K))
-    return;
-  let s = i.mapping.maps[r], o;
-  s.forEach((a, c, u, h) => {
-    o == null && (o = h);
-  }), i.setSelection(l.near(i.doc.resolve(o), t));
+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;
 }
-const b = 1, k = 2, F = 4;
-class W extends $ {
-  /**
-  @internal
-  */
-  constructor(e) {
-    super(e.doc), this.curSelectionFor = 0, this.updated = 0, this.meta = /* @__PURE__ */ Object.create(null), this.time = Date.now(), this.curSelection = e.selection, this.storedMarks = e.storedMarks;
-  }
-  /**
-  The transaction's current selection. This defaults to the editor
-  selection [mapped](https://prosemirror.net/docs/ref/#state.Selection.map) through the steps in the
-  transaction, but can be overwritten with
-  [`setSelection`](https://prosemirror.net/docs/ref/#state.Transaction.setSelection).
-  */
-  get selection() {
-    return this.curSelectionFor < this.steps.length && (this.curSelection = this.curSelection.map(this.doc, this.mapping.slice(this.curSelectionFor)), this.curSelectionFor = this.steps.length), this.curSelection;
-  }
-  /**
-  Update the transaction's current selection. Will determine the
-  selection that the editor gets when the transaction is applied.
-  */
-  setSelection(e) {
-    if (e.$from.doc != this.doc)
-      throw new RangeError("Selection passed to setSelection must point at the current document");
-    return this.curSelection = e, this.curSelectionFor = this.steps.length, this.updated = (this.updated | b) & ~k, this.storedMarks = null, this;
-  }
-  /**
-  Whether the selection was explicitly updated by this transaction.
-  */
-  get selectionSet() {
-    return (this.updated & b) > 0;
-  }
-  /**
-  Set the current stored marks.
-  */
-  setStoredMarks(e) {
-    return this.storedMarks = e, this.updated |= k, this;
-  }
-  /**
-  Make sure the current stored marks or, if that is null, the marks
-  at the selection, match the given set of marks. Does nothing if
-  this is already the case.
-  */
-  ensureMarks(e) {
-    return R.sameSet(this.storedMarks || this.selection.$from.marks(), e) || this.setStoredMarks(e), this;
-  }
-  /**
-  Add a mark to the set of stored marks.
-  */
-  addStoredMark(e) {
-    return this.ensureMarks(e.addToSet(this.storedMarks || this.selection.$head.marks()));
-  }
-  /**
-  Remove a mark or mark type from the set of stored marks.
-  */
-  removeStoredMark(e) {
-    return this.ensureMarks(e.removeFromSet(this.storedMarks || this.selection.$head.marks()));
-  }
-  /**
-  Whether the stored marks were explicitly set for this transaction.
-  */
-  get storedMarksSet() {
-    return (this.updated & k) > 0;
-  }
-  /**
-  @internal
-  */
-  addStep(e, t) {
-    super.addStep(e, t), this.updated = this.updated & ~k, this.storedMarks = null;
-  }
-  /**
-  Update the timestamp for the transaction.
-  */
-  setTime(e) {
-    return this.time = e, this;
-  }
-  /**
-  Replace the current selection with the given slice.
-  */
-  replaceSelection(e) {
-    return this.selection.replace(this, e), this;
-  }
-  /**
-  Replace the selection with the given node. When `inheritMarks` is
-  true and the content is inline, it inherits the marks from the
-  place where it is inserted.
-  */
-  replaceSelectionWith(e, t = !0) {
-    let r = this.selection;
-    return t && (e = e.mark(this.storedMarks || (r.empty ? r.$from.marks() : r.$from.marksAcross(r.$to) || R.none))), r.replaceWith(this, e), this;
-  }
-  /**
-  Delete the selection.
-  */
-  deleteSelection() {
-    return this.selection.replace(this), this;
-  }
-  /**
-  Replace the given range, or the selection if no range is given,
-  with a text node containing the given string.
-  */
-  insertText(e, t, r) {
-    let n = this.doc.type.schema;
-    if (t == null)
-      return e ? this.replaceSelectionWith(n.text(e), !0) : this.deleteSelection();
-    {
-      if (r == null && (r = t), !e)
-        return this.deleteRange(t, r);
-      let s = this.storedMarks;
-      if (!s) {
-        let o = this.doc.resolve(t);
-        s = r == t ? o.marks() : o.marksAcross(this.doc.resolve(r));
-      }
-      return this.replaceRangeWith(t, r, n.text(e, s)), !this.selection.empty && this.selection.to == t + e.length && this.setSelection(l.near(this.selection.$to)), this;
-    }
-  }
-  /**
-  Store a metadata property in this transaction, keyed either by
-  name or by plugin.
-  */
-  setMeta(e, t) {
-    return this.meta[typeof e == "string" ? e : e.key] = t, this;
-  }
-  /**
-  Retrieve a metadata property for a given name or plugin.
-  */
-  getMeta(e) {
-    return this.meta[typeof e == "string" ? e : e.key];
-  }
-  /**
-  Returns true if this transaction doesn't contain any metadata,
-  and can thus safely be extended.
-  */
-  get isGeneric() {
-    for (let e in this.meta)
-      return !1;
-    return !0;
-  }
-  /**
-  Indicate that the editor should scroll the selection into view
-  when updated to the state produced by this transaction.
-  */
-  scrollIntoView() {
-    return this.updated |= F, this;
-  }
-  /**
-  True when this transaction has had `scrollIntoView` called on it.
-  */
-  get scrolledIntoView() {
-    return (this.updated & F) > 0;
+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 D(i, e) {
-  return !e || !i ? i : i.bind(e);
+function J(e, t, i) {
+  return t = x(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
 }
-class S {
-  constructor(e, t, r) {
-    this.name = e, this.init = D(t.init, r), this.apply = D(t.apply, r);
-  }
+function x(e) {
+  var t = tt(e, "string");
+  return E(t) == "symbol" ? t : String(t);
+}
+function tt(e, t) {
+  if (E(e) != "object" || !e) return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var n = i.call(e, t);
+    if (E(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
 }
-const L = [
-  new S("doc", {
-    init(i) {
-      return i.doc || i.schema.topNodeType.createAndFill();
+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;
     },
-    apply(i) {
-      return i.doc;
-    }
-  }),
-  new S("selection", {
-    init(i, e) {
-      return i.selection || l.atStart(e.doc);
+    loading: function(t, i) {
+      this.lazy && t !== i && t !== this.d_loading && (this.d_loading = t);
     },
-    apply(i) {
-      return i.selection;
-    }
-  }),
-  new S("storedMarks", {
-    init(i) {
-      return i.storedMarks || null;
+    items: function(t, i) {
+      (!i || i.length !== (t || []).length) && (this.init(), this.calculateAutoSize());
     },
-    apply(i, e, t, r) {
-      return r.selection.$cursor ? i.storedMarks : null;
-    }
-  }),
-  new S("scrollToSelection", {
-    init() {
-      return 0;
+    itemSize: function() {
+      this.init(), this.calculateAutoSize();
+    },
+    orientation: function() {
+      this.lastScrollPos = this.isBoth() ? {
+        top: 0,
+        left: 0
+      } : 0;
+    },
+    scrollHeight: function() {
+      this.init(), this.calculateAutoSize();
     },
-    apply(i, e) {
-      return i.scrolledIntoView ? e + 1 : e;
+    scrollWidth: function() {
+      this.init(), this.calculateAutoSize();
     }
-  })
-];
-class v {
-  constructor(e, t) {
-    this.schema = e, this.plugins = [], this.pluginsByKey = /* @__PURE__ */ Object.create(null), this.fields = L.slice(), t && t.forEach((r) => {
-      if (this.pluginsByKey[r.key])
-        throw new RangeError("Adding different instances of a keyed plugin (" + r.key + ")");
-      this.plugins.push(r), this.pluginsByKey[r.key] = r, r.spec.state && this.fields.push(new S(r.key, r.spec.state, r));
-    });
-  }
-}
-class w {
-  /**
-  @internal
-  */
-  constructor(e) {
-    this.config = e;
-  }
-  /**
-  The schema of the state's document.
-  */
-  get schema() {
-    return this.config.schema;
-  }
-  /**
-  The plugins that are active in this state.
-  */
-  get plugins() {
-    return this.config.plugins;
-  }
-  /**
-  Apply the given transaction to produce a new state.
-  */
-  apply(e) {
-    return this.applyTransaction(e).state;
-  }
-  /**
-  @internal
-  */
-  filterTransaction(e, t = -1) {
-    for (let r = 0; r < this.config.plugins.length; r++)
-      if (r != t) {
-        let n = this.config.plugins[r];
-        if (n.spec.filterTransaction && !n.spec.filterTransaction.call(n, e, this))
-          return !1;
+  },
+  mounted: function() {
+    this.viewInit(), this.lastScrollPos = this.isBoth() ? {
+      top: 0,
+      left: 0
+    } : 0, this.lazyLoadState = this.lazyLoadState || {};
+  },
+  updated: function() {
+    !this.initialized && this.viewInit();
+  },
+  unmounted: function() {
+    this.unbindResizeListener(), this.initialized = !1;
+  },
+  methods: {
+    viewInit: function() {
+      p.isVisible(this.element) && (this.setContentEl(this.content), this.init(), this.calculateAutoSize(), this.bindResizeListener(), this.defaultWidth = p.getWidth(this.element), this.defaultHeight = p.getHeight(this.element), this.defaultContentWidth = p.getWidth(this.content), this.defaultContentHeight = p.getHeight(this.content), this.initialized = !0);
+    },
+    init: function() {
+      this.disabled || (this.setSize(), this.calculateOptions(), this.setSpacerSize());
+    },
+    isVertical: function() {
+      return this.orientation === "vertical";
+    },
+    isHorizontal: function() {
+      return this.orientation === "horizontal";
+    },
+    isBoth: function() {
+      return this.orientation === "both";
+    },
+    scrollTo: function(t) {
+      this.element && this.element.scrollTo(t);
+    },
+    scrollToIndex: function(t) {
+      var i = this, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "auto", r = this.isBoth(), s = this.isHorizontal(), l = r ? t.every(function(P) {
+        return P > -1;
+      }) : t > -1;
+      if (l) {
+        var a = this.first, h = this.element, u = h.scrollTop, o = u === void 0 ? 0 : u, c = h.scrollLeft, m = c === void 0 ? 0 : c, y = this.calculateNumItems(), g = y.numToleratedItems, v = this.getContentPosition(), S = this.itemSize, b = function() {
+          var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, H = arguments.length > 1 ? arguments[1] : void 0;
+          return I <= H ? 0 : I;
+        }, w = function(I, H, V) {
+          return I * H + V;
+        }, L = function() {
+          var I = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, H = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+          return i.scrollTo({
+            left: I,
+            top: H,
+            behavior: n
+          });
+        }, d = r ? {
+          rows: 0,
+          cols: 0
+        } : 0, T = !1, B = !1;
+        r ? (d = {
+          rows: b(t[0], g[0]),
+          cols: b(t[1], g[1])
+        }, L(w(d.cols, S[1], v.left), w(d.rows, S[0], v.top)), B = this.lastScrollPos.top !== o || this.lastScrollPos.left !== m, T = d.rows !== a.rows || d.cols !== a.cols) : (d = b(t, g), s ? L(w(d, S, v.left), o) : L(m, w(d, S, v.top)), B = this.lastScrollPos !== (s ? m : o), T = d !== a), this.isRangeChanged = T, B && (this.first = d);
       }
-    return !0;
-  }
-  /**
-  Verbose variant of [`apply`](https://prosemirror.net/docs/ref/#state.EditorState.apply) that
-  returns the precise transactions that were applied (which might
-  be influenced by the [transaction
-  hooks](https://prosemirror.net/docs/ref/#state.PluginSpec.filterTransaction) of
-  plugins) along with the new state.
-  */
-  applyTransaction(e) {
-    if (!this.filterTransaction(e))
-      return { state: this, transactions: [] };
-    let t = [e], r = this.applyInner(e), n = null;
-    for (; ; ) {
-      let s = !1;
-      for (let o = 0; o < this.config.plugins.length; o++) {
-        let a = this.config.plugins[o];
-        if (a.spec.appendTransaction) {
-          let c = n ? n[o].n : 0, u = n ? n[o].state : this, h = c < t.length && a.spec.appendTransaction.call(a, c ? t.slice(c) : t, u, r);
-          if (h && r.filterTransaction(h, o)) {
-            if (h.setMeta("appendedTransaction", e), !n) {
-              n = [];
-              for (let M = 0; M < this.config.plugins.length; M++)
-                n.push(M < o ? { state: r, n: t.length } : { state: this, n: 0 });
+    },
+    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);
             }
-            t.push(h), r = r.applyInner(h), s = !0;
           }
-          n && (n[o] = { state: r, n: t.length });
+        }
+      } 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;
         }
       }
-      if (!s)
-        return { state: r, transactions: t };
-    }
-  }
-  /**
-  @internal
-  */
-  applyInner(e) {
-    if (!e.before.eq(this.doc))
-      throw new RangeError("Applying a mismatched transaction");
-    let t = new w(this.config), r = this.config.fields;
-    for (let n = 0; n < r.length; n++) {
-      let s = r[n];
-      t[s.name] = s.apply(e, this[s.name], this, t);
-    }
-    return t;
-  }
-  /**
-  Accessor that constructs and returns a new [transaction](https://prosemirror.net/docs/ref/#state.Transaction) from this state.
-  */
-  get tr() {
-    return new W(this);
-  }
-  /**
-  Create a new state.
-  */
-  static create(e) {
-    let t = new v(e.doc ? e.doc.type.schema : e.schema, e.plugins), r = new w(t);
-    for (let n = 0; n < t.fields.length; n++)
-      r[t.fields[n].name] = t.fields[n].init(e, r);
-    return r;
-  }
-  /**
-  Create a new state based on this one, but with an adjusted set
-  of active plugins. State fields that exist in both sets of
-  plugins are kept unchanged. Those that no longer exist are
-  dropped, and those that are new are initialized using their
-  [`init`](https://prosemirror.net/docs/ref/#state.StateField.init) method, passing in the new
-  configuration object..
-  */
-  reconfigure(e) {
-    let t = new v(this.schema, e.plugins), r = t.fields, n = new w(t);
-    for (let s = 0; s < r.length; s++) {
-      let o = r[s].name;
-      n[o] = this.hasOwnProperty(o) ? this[o] : r[s].init(e, n);
-    }
-    return n;
-  }
-  /**
-  Serialize this state to JSON. If you want to serialize the state
-  of plugins, pass an object mapping property names to use in the
-  resulting JSON object to plugin objects. The argument may also be
-  a string or number, in which case it is ignored, to support the
-  way `JSON.stringify` calls `toString` methods.
-  */
-  toJSON(e) {
-    let t = { doc: this.doc.toJSON(), selection: this.selection.toJSON() };
-    if (this.storedMarks && (t.storedMarks = this.storedMarks.map((r) => r.toJSON())), e && typeof e == "object")
-      for (let r in e) {
-        if (r == "doc" || r == "selection")
-          throw new RangeError("The JSON fields `doc` and `selection` are reserved");
-        let n = e[r], s = n.spec.state;
-        s && s.toJSON && (t[r] = s.toJSON.call(n, this[n.key]));
+      return {
+        first: this.first,
+        last: this.last,
+        viewport: {
+          first: i,
+          last: n
+        }
+      };
+    },
+    calculateNumItems: function() {
+      var t = this.isBoth(), i = this.isHorizontal(), n = this.itemSize, r = this.getContentPosition(), s = this.element ? this.element.offsetWidth - r.left : 0, l = this.element ? this.element.offsetHeight - r.top : 0, a = function(m, y) {
+        return Math.ceil(m / (y || m));
+      }, h = function(m) {
+        return Math.ceil(m / 2);
+      }, u = t ? {
+        rows: a(l, n[0]),
+        cols: a(s, n[1])
+      } : a(i ? s : l, n), o = this.d_numToleratedItems || (t ? [h(u.rows), h(u.cols)] : h(u));
+      return {
+        numItemsInViewport: u,
+        numToleratedItems: o
+      };
+    },
+    calculateOptions: function() {
+      var t = this, i = this.isBoth(), n = this.first, r = this.calculateNumItems(), s = r.numItemsInViewport, l = r.numToleratedItems, a = function(o, c, m) {
+        var y = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
+        return t.getLast(o + c + (o < m ? 2 : 3) * m, y);
+      }, h = i ? {
+        rows: a(n.rows, s.rows, l[0]),
+        cols: a(n.cols, s.cols, l[1], !0)
+      } : a(n, s, l);
+      this.last = h, this.numItemsInViewport = s, this.d_numToleratedItems = l, this.$emit("update:numToleratedItems", this.d_numToleratedItems), this.showLoader && (this.loaderArr = i ? Array.from({
+        length: s.rows
+      }).map(function() {
+        return Array.from({
+          length: s.cols
+        });
+      }) : Array.from({
+        length: s
+      })), this.lazy && Promise.resolve().then(function() {
+        var u;
+        t.lazyLoadState = {
+          first: t.step ? i ? {
+            rows: 0,
+            cols: n.cols
+          } : 0 : n,
+          last: Math.min(t.step ? t.step : h, ((u = t.items) === null || u === void 0 ? void 0 : u.length) || 0)
+        }, t.$emit("lazy-load", t.lazyLoadState);
+      });
+    },
+    calculateAutoSize: function() {
+      var t = this;
+      this.autoSize && !this.d_loading && Promise.resolve().then(function() {
+        if (t.content) {
+          var i = t.isBoth(), n = t.isHorizontal(), r = t.isVertical();
+          t.content.style.minHeight = t.content.style.minWidth = "auto", t.content.style.position = "relative", t.element.style.contain = "none";
+          var s = [p.getWidth(t.element), p.getHeight(t.element)], l = s[0], a = s[1];
+          (i || n) && (t.element.style.width = l < t.defaultWidth ? l + "px" : t.scrollWidth || t.defaultWidth + "px"), (i || r) && (t.element.style.height = a < t.defaultHeight ? a + "px" : t.scrollHeight || t.defaultHeight + "px"), t.content.style.minHeight = t.content.style.minWidth = "", t.content.style.position = "", t.element.style.contain = "";
+        }
+      });
+    },
+    getLast: function() {
+      var t, i, n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, r = arguments.length > 1 ? arguments[1] : void 0;
+      return this.items ? Math.min(r ? ((t = this.columns || this.items[0]) === null || t === void 0 ? void 0 : t.length) || 0 : ((i = this.items) === null || i === void 0 ? void 0 : i.length) || 0, n) : 0;
+    },
+    getContentPosition: function() {
+      if (this.content) {
+        var t = getComputedStyle(this.content), i = parseFloat(t.paddingLeft) + Math.max(parseFloat(t.left) || 0, 0), n = parseFloat(t.paddingRight) + Math.max(parseFloat(t.right) || 0, 0), r = parseFloat(t.paddingTop) + Math.max(parseFloat(t.top) || 0, 0), s = parseFloat(t.paddingBottom) + Math.max(parseFloat(t.bottom) || 0, 0);
+        return {
+          left: i,
+          right: n,
+          top: r,
+          bottom: s,
+          x: i + n,
+          y: r + s
+        };
       }
-    return t;
-  }
-  /**
-  Deserialize a JSON representation of a state. `config` should
-  have at least a `schema` field, and should contain array of
-  plugins to initialize the state with. `pluginFields` can be used
-  to deserialize the state of plugins, by associating plugin
-  instances with the property names they use in the JSON object.
-  */
-  static fromJSON(e, t, r) {
-    if (!t)
-      throw new RangeError("Invalid input for EditorState.fromJSON");
-    if (!e.schema)
-      throw new RangeError("Required config field 'schema' missing");
-    let n = new v(e.schema, e.plugins), s = new w(n);
-    return n.fields.forEach((o) => {
-      if (o.name == "doc")
-        s.doc = x.fromJSON(e.schema, t.doc);
-      else if (o.name == "selection")
-        s.selection = l.fromJSON(s.doc, t.selection);
-      else if (o.name == "storedMarks")
-        t.storedMarks && (s.storedMarks = t.storedMarks.map(e.schema.markFromJSON));
-      else {
-        if (r)
-          for (let a in r) {
-            let c = r[a], u = c.spec.state;
-            if (c.key == o.name && u && u.fromJSON && Object.prototype.hasOwnProperty.call(t, a)) {
-              s[o.name] = u.fromJSON.call(c, e, t[a], s);
-              return;
-            }
+      return {
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+        x: 0,
+        y: 0
+      };
+    },
+    setSize: function() {
+      var t = this;
+      if (this.element) {
+        var i = this.isBoth(), n = this.isHorizontal(), r = this.element.parentElement, s = this.scrollWidth || "".concat(this.element.offsetWidth || r.offsetWidth, "px"), l = this.scrollHeight || "".concat(this.element.offsetHeight || r.offsetHeight, "px"), a = function(u, o) {
+          return t.element.style[u] = o;
+        };
+        i || n ? (a("height", l), a("width", s)) : a("height", l);
+      }
+    },
+    setSpacerSize: function() {
+      var t = this, i = this.items;
+      if (i) {
+        var n = this.isBoth(), r = this.isHorizontal(), s = this.getContentPosition(), l = function(h, u, o) {
+          var c = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+          return t.spacerStyle = j(j({}, t.spacerStyle), J({}, "".concat(h), (u || []).length * o + c + "px"));
+        };
+        n ? (l("height", i, this.itemSize[0], s.y), l("width", this.columns || i[1], this.itemSize[1], s.x)) : r ? l("width", this.columns || i, this.itemSize, s.x) : l("height", i, this.itemSize, s.y);
+      }
+    },
+    setContentPosition: function(t) {
+      var i = this;
+      if (this.content && !this.appendOnly) {
+        var n = this.isBoth(), r = this.isHorizontal(), s = t ? t.first : this.first, l = function(o, c) {
+          return o * c;
+        }, a = function() {
+          var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+          return i.contentStyle = j(j({}, i.contentStyle), {
+            transform: "translate3d(".concat(o, "px, ").concat(c, "px, 0)")
+          });
+        };
+        if (n)
+          a(l(s.cols, this.itemSize[1]), l(s.rows, this.itemSize[0]));
+        else {
+          var h = l(s, this.itemSize);
+          r ? a(h, 0) : a(0, h);
+        }
+      }
+    },
+    onScrollPositionChange: function(t) {
+      var i = this, n = t.target, r = this.isBoth(), s = this.isHorizontal(), l = this.getContentPosition(), a = function(f, z) {
+        return f ? f > z ? f - z : f : 0;
+      }, h = function(f, z) {
+        return Math.floor(f / (z || f));
+      }, u = function(f, z, N, F, C, O) {
+        return f <= C ? C : O ? N - F - C : z + C - 1;
+      }, o = function(f, z, N, F, C, O, _) {
+        return f <= O ? 0 : Math.max(0, _ ? f < z ? N : f - O : f > z ? N : f - 2 * O);
+      }, c = function(f, z, N, F, C, O) {
+        var _ = z + F + 2 * C;
+        return f >= C && (_ += C + 1), i.getLast(_, O);
+      }, m = a(n.scrollTop, l.top), y = a(n.scrollLeft, l.left), g = r ? {
+        rows: 0,
+        cols: 0
+      } : 0, v = this.last, S = !1, b = this.lastScrollPos;
+      if (r) {
+        var w = this.lastScrollPos.top <= m, L = this.lastScrollPos.left <= y;
+        if (!this.appendOnly || this.appendOnly && (w || L)) {
+          var d = {
+            rows: h(m, this.itemSize[0]),
+            cols: h(y, this.itemSize[1])
+          }, T = {
+            rows: u(d.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], w),
+            cols: u(d.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], L)
+          };
+          g = {
+            rows: o(d.rows, T.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], w),
+            cols: o(d.cols, T.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], L)
+          }, v = {
+            rows: c(d.rows, g.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
+            cols: c(d.cols, g.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], !0)
+          }, S = g.rows !== this.first.rows || v.rows !== this.last.rows || g.cols !== this.first.cols || v.cols !== this.last.cols || this.isRangeChanged, b = {
+            top: m,
+            left: y
+          };
+        }
+      } else {
+        var B = s ? y : m, P = this.lastScrollPos <= B;
+        if (!this.appendOnly || this.appendOnly && P) {
+          var I = h(B, this.itemSize), H = u(I, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, P);
+          g = o(I, H, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, P), v = c(I, g, this.last, this.numItemsInViewport, this.d_numToleratedItems), S = g !== this.first || v !== this.last || this.isRangeChanged, b = B;
+        }
+      }
+      return {
+        first: g,
+        last: v,
+        isRangeChanged: S,
+        scrollPos: b
+      };
+    },
+    onScrollChange: function(t) {
+      var i = this.onScrollPositionChange(t), n = i.first, r = i.last, s = i.isRangeChanged, l = i.scrollPos;
+      if (s) {
+        var a = {
+          first: n,
+          last: r
+        };
+        if (this.setContentPosition(a), this.first = n, this.last = r, this.lastScrollPos = l, this.$emit("scroll-index-change", a), this.lazy && this.isPageChanged(n)) {
+          var h, u, o = {
+            first: this.step ? Math.min(this.getPageByFirst(n) * this.step, (((h = this.items) === null || h === void 0 ? void 0 : h.length) || 0) - this.step) : n,
+            last: Math.min(this.step ? (this.getPageByFirst(n) + 1) * this.step : r, ((u = this.items) === null || u === void 0 ? void 0 : u.length) || 0)
+          }, c = this.lazyLoadState.first !== o.first || this.lazyLoadState.last !== o.last;
+          c && this.$emit("lazy-load", o), this.lazyLoadState = o;
+        }
+      }
+    },
+    onScroll: function(t) {
+      var i = this;
+      if (this.$emit("scroll", t), this.delay) {
+        if (this.scrollTimeout && clearTimeout(this.scrollTimeout), this.isPageChanged()) {
+          if (!this.d_loading && this.showLoader) {
+            var n = this.onScrollPositionChange(t), r = n.isRangeChanged, s = r || (this.step ? this.isPageChanged() : !1);
+            s && (this.d_loading = !0);
           }
-        s[o.name] = o.init(e, s);
+          this.scrollTimeout = setTimeout(function() {
+            i.onScrollChange(t), i.d_loading && i.showLoader && (!i.lazy || i.loading === void 0) && (i.d_loading = !1, i.page = i.getPageByFirst());
+          }, this.delay);
+        }
+      } else
+        this.onScrollChange(t);
+    },
+    onResize: function() {
+      var t = this;
+      this.resizeTimeout && clearTimeout(this.resizeTimeout), this.resizeTimeout = setTimeout(function() {
+        if (p.isVisible(t.element)) {
+          var i = t.isBoth(), n = t.isVertical(), r = t.isHorizontal(), s = [p.getWidth(t.element), p.getHeight(t.element)], l = s[0], a = s[1], h = l !== t.defaultWidth, u = a !== t.defaultHeight, o = i ? h || u : r ? h : n ? u : !1;
+          o && (t.d_numToleratedItems = t.numToleratedItems, t.defaultWidth = l, t.defaultHeight = a, t.defaultContentWidth = p.getWidth(t.content), t.defaultContentHeight = p.getHeight(t.content), t.init());
+        }
+      }, this.resizeDelay);
+    },
+    bindResizeListener: function() {
+      this.resizeListener || (this.resizeListener = this.onResize.bind(this), window.addEventListener("resize", this.resizeListener), window.addEventListener("orientationchange", this.resizeListener));
+    },
+    unbindResizeListener: function() {
+      this.resizeListener && (window.removeEventListener("resize", this.resizeListener), window.removeEventListener("orientationchange", this.resizeListener), this.resizeListener = null);
+    },
+    getOptions: function(t) {
+      var i = (this.items || []).length, n = this.isBoth() ? this.first.rows + t : this.first + t;
+      return {
+        index: n,
+        count: i,
+        first: n === 0,
+        last: n === i - 1,
+        even: n % 2 === 0,
+        odd: n % 2 !== 0
+      };
+    },
+    getLoaderOptions: function(t, i) {
+      var n = this.loaderArr.length;
+      return j({
+        index: t,
+        count: n,
+        first: t === 0,
+        last: t === n - 1,
+        even: t % 2 === 0,
+        odd: t % 2 !== 0
+      }, i);
+    },
+    getPageByFirst: function(t) {
+      return Math.floor(((t ?? this.first) + this.d_numToleratedItems * 4) / (this.step || 1));
+    },
+    isPageChanged: function(t) {
+      return this.step ? this.page !== this.getPageByFirst(t ?? this.first) : !0;
+    },
+    setContentEl: function(t) {
+      this.content = t || this.content || p.findSingle(this.element, '[data-pc-section="content"]');
+    },
+    elementRef: function(t) {
+      this.element = t;
+    },
+    contentRef: function(t) {
+      this.content = t;
+    }
+  },
+  computed: {
+    containerClass: function() {
+      return ["p-virtualscroller", this.class, {
+        "p-virtualscroller-inline": this.inline,
+        "p-virtualscroller-both p-both-scroll": this.isBoth(),
+        "p-virtualscroller-horizontal p-horizontal-scroll": this.isHorizontal()
+      }];
+    },
+    contentClass: function() {
+      return ["p-virtualscroller-content", {
+        "p-virtualscroller-loading": this.d_loading
+      }];
+    },
+    loaderClass: function() {
+      return ["p-virtualscroller-loader", {
+        "p-component-overlay": !this.$slots.loader
+      }];
+    },
+    loadedItems: function() {
+      var t = this;
+      return this.items && !this.d_loading ? this.isBoth() ? this.items.slice(this.appendOnly ? 0 : this.first.rows, this.last.rows).map(function(i) {
+        return t.columns ? i : i.slice(t.appendOnly ? 0 : t.first.cols, t.last.cols);
+      }) : this.isHorizontal() && this.columns ? this.items : this.items.slice(this.appendOnly ? 0 : this.first, this.last) : [];
+    },
+    loadedRows: function() {
+      return this.d_loading ? this.loaderDisabled ? this.loaderArr : [] : this.loadedItems;
+    },
+    loadedColumns: function() {
+      if (this.columns) {
+        var t = this.isBoth(), i = this.isHorizontal();
+        if (t || i)
+          return this.d_loading && this.loaderDisabled ? t ? this.loaderArr[0] : this.loaderArr : this.columns.slice(t ? this.first.cols : this.first, t ? this.last.cols : this.last);
       }
-    }), s;
-  }
-}
-function A(i, e, t) {
-  for (let r in i) {
-    let n = i[r];
-    n instanceof Function ? n = n.bind(e) : r == "handleDOMEvents" && (n = A(n, e, {})), t[r] = n;
-  }
-  return t;
-}
-class G {
-  /**
-  Create a plugin.
-  */
-  constructor(e) {
-    this.spec = e, this.props = {}, e.props && A(e.props, this, this.props), this.key = e.key ? e.key.key : C("plugin");
-  }
-  /**
-  Extract the plugin's state field from an editor state.
-  */
-  getState(e) {
-    return e[this.key];
-  }
-}
-const N = /* @__PURE__ */ Object.create(null);
-function C(i) {
-  return i in N ? i + "$" + ++N[i] : (N[i] = 0, i + "$");
-}
-class H {
-  /**
-  Create a plugin key.
-  */
-  constructor(e = "key") {
-    this.key = C(e);
-  }
-  /**
-  Get the active plugin with this key, if any, from an editor
-  state.
-  */
-  get(e) {
-    return e.config.pluginsByKey[this.key];
-  }
-  /**
-  Get the plugin's state from an editor state.
-  */
-  getState(e) {
-    return e[this.key];
-  }
+      return this.columns;
+    }
+  },
+  components: {
+    SpinnerIcon: Q
+  }
+}, it = ["tabindex"];
+function st(e, t, i, n, r, s) {
+  var l = X("SpinnerIcon");
+  return e.disabled ? (R(), W(k, {
+    key: 1
+  }, [A(e.$slots, "default"), A(e.$slots, "content", {
+    items: e.items,
+    rows: e.items,
+    columns: s.loadedColumns
+  })], 64)) : (R(), W("div", M({
+    key: 0,
+    ref: s.elementRef,
+    class: s.containerClass,
+    tabindex: e.tabindex,
+    style: e.style,
+    onScroll: t[0] || (t[0] = function() {
+      return s.onScroll && s.onScroll.apply(s, arguments);
+    })
+  }, e.ptmi("root")), [A(e.$slots, "content", {
+    styleClass: s.contentClass,
+    items: s.loadedItems,
+    getItemOptions: s.getOptions,
+    loading: r.d_loading,
+    getLoaderOptions: s.getLoaderOptions,
+    itemSize: e.itemSize,
+    rows: s.loadedRows,
+    columns: s.loadedColumns,
+    contentRef: s.contentRef,
+    spacerStyle: r.spacerStyle,
+    contentStyle: r.contentStyle,
+    vertical: s.isVertical(),
+    horizontal: s.isHorizontal(),
+    both: s.isBoth()
+  }, function() {
+    return [Y("div", M({
+      ref: s.contentRef,
+      class: s.contentClass,
+      style: r.contentStyle
+    }, e.ptm("content")), [(R(!0), W(k, null, q(s.loadedItems, function(a, h) {
+      return A(e.$slots, "item", {
+        key: h,
+        item: a,
+        options: s.getOptions(h)
+      });
+    }), 128))], 16)];
+  }), e.showSpacer ? (R(), W("div", M({
+    key: 0,
+    class: "p-virtualscroller-spacer",
+    style: r.spacerStyle
+  }, e.ptm("spacer")), null, 16)) : D("", !0), !e.loaderDisabled && e.showLoader && r.d_loading ? (R(), W("div", M({
+    key: 1,
+    class: s.loaderClass
+  }, e.ptm("loader")), [e.$slots && e.$slots.loader ? (R(!0), W(k, {
+    key: 0
+  }, q(r.loaderArr, function(a, h) {
+    return A(e.$slots, "loader", {
+      key: h,
+      options: s.getLoaderOptions(h, s.isBoth() && {
+        numCols: e.d_numItemsInViewport.cols
+      })
+    });
+  }), 128)) : D("", !0), A(e.$slots, "loadingicon", {}, function() {
+    return [Z(l, M({
+      spin: "",
+      class: "p-virtualscroller-loading-icon"
+    }, e.ptm("loadingIcon")), null, 16)];
+  })], 16)) : D("", !0)], 16, it));
 }
+et.render = st;
 export {
-  d as AllSelection,
-  w as EditorState,
-  p as NodeSelection,
-  G as Plugin,
-  H as PluginKey,
-  l as Selection,
-  q as SelectionRange,
-  f as TextSelection,
-  W as Transaction
+  et as default
 };