@quoreadmin/ui 1.4.8 → 1.5.0

package/dist/index303.js

@@ -1,86 +1,204 @@
-import { Plugin as w } from "./index261.js";
-import { dropPoint as v } from "./index283.js";
-function y(m = {}) {
-  return new w({
-    view(e) {
-      return new C(e, m);
-    }
-  });
-}
-class C {
-  constructor(e, t) {
-    var i;
-    this.editorView = e, this.cursorPos = null, this.element = null, this.timeout = -1, this.width = (i = t.width) !== null && i !== void 0 ? i : 1, this.color = t.color === !1 ? void 0 : t.color || "black", this.class = t.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((s) => {
-      let d = (r) => {
-        this[s](r);
-      };
-      return e.dom.addEventListener(s, d), { name: s, handler: d };
-    });
+import { keydownHandler as v } from "./index300.js";
+import { Plugin as w, TextSelection as m, NodeSelection as x, Selection as u } from "./index231.js";
+import { Fragment as h, Slice as g } from "./index297.js";
+import { DecorationSet as S, Decoration as A } from "./index299.js";
+class i extends u {
+  /**
+  Create a gap cursor.
+  */
+  constructor(e) {
+    super(e, e);
+  }
+  map(e, t) {
+    let o = e.resolve(t.map(this.head));
+    return i.valid(o) ? new i(o) : u.near(o);
+  }
+  content() {
+    return g.empty;
+  }
+  eq(e) {
+    return e instanceof i && e.head == this.head;
+  }
+  toJSON() {
+    return { type: "gapcursor", pos: this.head };
   }
-  destroy() {
-    this.handlers.forEach(({ name: e, handler: t }) => this.editorView.dom.removeEventListener(e, t));
+  /**
+  @internal
+  */
+  static fromJSON(e, t) {
+    if (typeof t.pos != "number")
+      throw new RangeError("Invalid input for GapCursor.fromJSON");
+    return new i(e.resolve(t.pos));
   }
-  update(e, t) {
-    this.cursorPos != null && t.doc != e.state.doc && (this.cursorPos > e.state.doc.content.size ? this.setCursor(null) : this.updateOverlay());
+  /**
+  @internal
+  */
+  getBookmark() {
+    return new d(this.anchor);
   }
-  setCursor(e) {
-    e != this.cursorPos && (this.cursorPos = e, e == null ? (this.element.parentNode.removeChild(this.element), this.element = null) : this.updateOverlay());
+  /**
+  @internal
+  */
+  static valid(e) {
+    let t = e.parent;
+    if (t.isTextblock || !b(e) || !y(e))
+      return !1;
+    let o = t.type.spec.allowGapCursor;
+    if (o != null)
+      return o;
+    let r = t.contentMatchAt(e.index()).defaultType;
+    return r && r.isTextblock;
   }
-  updateOverlay() {
-    let e = this.editorView.state.doc.resolve(this.cursorPos), t = !e.parent.inlineContent, i, s = this.editorView.dom, d = s.getBoundingClientRect(), r = d.width / s.offsetWidth, h = d.height / s.offsetHeight;
-    if (t) {
-      let o = e.nodeBefore, n = e.nodeAfter;
-      if (o || n) {
-        let a = this.editorView.nodeDOM(this.cursorPos - (o ? o.nodeSize : 0));
-        if (a) {
-          let c = a.getBoundingClientRect(), u = o ? c.bottom : c.top;
-          o && n && (u = (u + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2);
-          let g = this.width / 2 * h;
-          i = { left: c.left, right: c.right, top: u - g, bottom: u + g };
+  /**
+  @internal
+  */
+  static findGapCursorFrom(e, t, o = !1) {
+    e: for (; ; ) {
+      if (!o && i.valid(e))
+        return e;
+      let r = e.pos, s = null;
+      for (let l = e.depth; ; l--) {
+        let a = e.node(l);
+        if (t > 0 ? e.indexAfter(l) < a.childCount : e.index(l) > 0) {
+          s = a.child(t > 0 ? e.indexAfter(l) : e.index(l) - 1);
+          break;
+        } else if (l == 0)
+          return null;
+        r += t;
+        let f = e.doc.resolve(r);
+        if (i.valid(f))
+          return f;
+      }
+      for (; ; ) {
+        let l = t > 0 ? s.firstChild : s.lastChild;
+        if (!l) {
+          if (s.isAtom && !s.isText && !x.isSelectable(s)) {
+            e = e.doc.resolve(r + s.nodeSize * t), o = !1;
+            continue e;
+          }
+          break;
         }
+        s = l, r += t;
+        let a = e.doc.resolve(r);
+        if (i.valid(a))
+          return a;
       }
+      return null;
     }
-    if (!i) {
-      let o = this.editorView.coordsAtPos(this.cursorPos), n = this.width / 2 * r;
-      i = { left: o.left - n, right: o.left + n, top: o.top, bottom: o.bottom };
-    }
-    let l = this.editorView.dom.offsetParent;
-    this.element || (this.element = l.appendChild(document.createElement("div")), this.class && (this.element.className = this.class), this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;", this.color && (this.element.style.backgroundColor = this.color)), this.element.classList.toggle("prosemirror-dropcursor-block", t), this.element.classList.toggle("prosemirror-dropcursor-inline", !t);
-    let f, p;
-    if (!l || l == document.body && getComputedStyle(l).position == "static")
-      f = -pageXOffset, p = -pageYOffset;
-    else {
-      let o = l.getBoundingClientRect(), n = o.width / l.offsetWidth, a = o.height / l.offsetHeight;
-      f = o.left - l.scrollLeft * n, p = o.top - l.scrollTop * a;
-    }
-    this.element.style.left = (i.left - f) / r + "px", this.element.style.top = (i.top - p) / h + "px", this.element.style.width = (i.right - i.left) / r + "px", this.element.style.height = (i.bottom - i.top) / h + "px";
   }
-  scheduleRemoval(e) {
-    clearTimeout(this.timeout), this.timeout = setTimeout(() => this.setCursor(null), e);
+}
+i.prototype.visible = !1;
+i.findFrom = i.findGapCursorFrom;
+u.jsonID("gapcursor", i);
+class d {
+  constructor(e) {
+    this.pos = e;
   }
-  dragover(e) {
-    if (!this.editorView.editable)
-      return;
-    let t = this.editorView.posAtCoords({ left: e.clientX, top: e.clientY }), i = t && t.inside >= 0 && this.editorView.state.doc.nodeAt(t.inside), s = i && i.type.spec.disableDropCursor, d = typeof s == "function" ? s(this.editorView, t, e) : s;
-    if (t && !d) {
-      let r = t.pos;
-      if (this.editorView.dragging && this.editorView.dragging.slice) {
-        let h = v(this.editorView.state.doc, r, this.editorView.dragging.slice);
-        h != null && (r = h);
-      }
-      this.setCursor(r), this.scheduleRemoval(5e3);
-    }
+  map(e) {
+    return new d(e.map(this.pos));
   }
-  dragend() {
-    this.scheduleRemoval(20);
+  resolve(e) {
+    let t = e.resolve(this.pos);
+    return i.valid(t) ? new i(t) : u.near(t);
   }
-  drop() {
-    this.scheduleRemoval(20);
+}
+function C(n) {
+  return n.isAtom || n.spec.isolating || n.spec.createGapCursor;
+}
+function b(n) {
+  for (let e = n.depth; e >= 0; e--) {
+    let t = n.index(e), o = n.node(e);
+    if (t == 0) {
+      if (o.type.spec.isolating)
+        return !0;
+      continue;
+    }
+    for (let r = o.child(t - 1); ; r = r.lastChild) {
+      if (r.childCount == 0 && !r.inlineContent || C(r.type))
+        return !0;
+      if (r.inlineContent)
+        return !1;
+    }
   }
-  dragleave(e) {
-    this.editorView.dom.contains(e.relatedTarget) || this.setCursor(null);
+  return !0;
+}
+function y(n) {
+  for (let e = n.depth; e >= 0; e--) {
+    let t = n.indexAfter(e), o = n.node(e);
+    if (t == o.childCount) {
+      if (o.type.spec.isolating)
+        return !0;
+      continue;
+    }
+    for (let r = o.child(t); ; r = r.firstChild) {
+      if (r.childCount == 0 && !r.inlineContent || C(r.type))
+        return !0;
+      if (r.inlineContent)
+        return !1;
+    }
   }
+  return !0;
+}
+function B() {
+  return new w({
+    props: {
+      decorations: F,
+      createSelectionBetween(n, e, t) {
+        return e.pos == t.pos && i.valid(t) ? new i(t) : null;
+      },
+      handleClick: T,
+      handleKeyDown: k,
+      handleDOMEvents: { beforeinput: D }
+    }
+  });
+}
+const k = v({
+  ArrowLeft: c("horiz", -1),
+  ArrowRight: c("horiz", 1),
+  ArrowUp: c("vert", -1),
+  ArrowDown: c("vert", 1)
+});
+function c(n, e) {
+  const t = n == "vert" ? e > 0 ? "down" : "up" : e > 0 ? "right" : "left";
+  return function(o, r, s) {
+    let l = o.selection, a = e > 0 ? l.$to : l.$from, f = l.empty;
+    if (l instanceof m) {
+      if (!s.endOfTextblock(t) || a.depth == 0)
+        return !1;
+      f = !1, a = o.doc.resolve(e > 0 ? a.after() : a.before());
+    }
+    let p = i.findGapCursorFrom(a, e, f);
+    return p ? (r && r(o.tr.setSelection(new i(p))), !0) : !1;
+  };
+}
+function T(n, e, t) {
+  if (!n || !n.editable)
+    return !1;
+  let o = n.state.doc.resolve(e);
+  if (!i.valid(o))
+    return !1;
+  let r = n.posAtCoords({ left: t.clientX, top: t.clientY });
+  return r && r.inside > -1 && x.isSelectable(n.state.doc.nodeAt(r.inside)) ? !1 : (n.dispatch(n.state.tr.setSelection(new i(o))), !0);
+}
+function D(n, e) {
+  if (e.inputType != "insertCompositionText" || !(n.state.selection instanceof i))
+    return !1;
+  let { $from: t } = n.state.selection, o = t.parent.contentMatchAt(t.index()).findWrapping(n.state.schema.nodes.text);
+  if (!o)
+    return !1;
+  let r = h.empty;
+  for (let l = o.length - 1; l >= 0; l--)
+    r = h.from(o[l].createAndFill(null, r));
+  let s = n.state.tr.replace(t.pos, t.pos, new g(r, 0, 0));
+  return s.setSelection(m.near(s.doc.resolve(t.pos + 1))), n.dispatch(s), !1;
+}
+function F(n) {
+  if (!(n.selection instanceof i))
+    return null;
+  let e = document.createElement("div");
+  return e.className = "ProseMirror-gapcursor", S.create(n.doc, [A.widget(n.selection.head, e, { key: "gapcursor" })]);
 }
 export {
-  y as dropCursor
+  i as GapCursor,
+  B as gapCursor
 };