@quoreadmin/ui 1.9.0 → 1.9.2

package/dist/index208.js

@@ -1,90 +1,297 @@
-import { DomHandler as r } from "./index175.js";
-import p from "./index281.js";
-import c from "./index282.js";
-var f = p.extend({
-  style: c
+import { Extension as l, isNodeEmpty as v, callOrReturn as P, getExtensionField as S, isNodeSelection as z } from "./index266.js";
+import { Plugin as p, PluginKey as m } from "./index281.js";
+import { dropCursor as E } from "./index333.js";
+import { Decoration as y, DecorationSet as f } from "./index330.js";
+import { gapCursor as N } from "./index334.js";
+import { history as A, redo as M, undo as O } from "./index335.js";
+l.create({
+  name: "characterCount",
+  addOptions() {
+    return {
+      limit: null,
+      mode: "textSize",
+      textCounter: (e) => e.length,
+      wordCounter: (e) => e.split(" ").filter((t) => t !== "").length
+    };
+  },
+  addStorage() {
+    return {
+      characters: () => 0,
+      words: () => 0
+    };
+  },
+  onBeforeCreate() {
+    this.storage.characters = (e) => {
+      const t = e?.node || this.editor.state.doc;
+      if ((e?.mode || this.options.mode) === "textSize") {
+        const r = t.textBetween(0, t.content.size, void 0, " ");
+        return this.options.textCounter(r);
+      }
+      return t.nodeSize;
+    }, this.storage.words = (e) => {
+      const t = e?.node || this.editor.state.doc, s = t.textBetween(0, t.content.size, " ", " ");
+      return this.options.wordCounter(s);
+    };
+  },
+  addProseMirrorPlugins() {
+    let e = !1;
+    return [
+      new p({
+        key: new m("characterCount"),
+        appendTransaction: (t, s, r) => {
+          if (e)
+            return;
+          const o = this.options.limit;
+          if (o == null || o === 0) {
+            e = !0;
+            return;
+          }
+          const n = this.storage.characters({ node: r.doc });
+          if (n > o) {
+            const c = n - o, a = 0, i = c;
+            console.warn(
+              `[CharacterCount] Initial content exceeded limit of ${o} characters. Content was automatically trimmed.`
+            );
+            const d = r.tr.deleteRange(a, i);
+            return e = !0, d;
+          }
+          e = !0;
+        },
+        filterTransaction: (t, s) => {
+          const r = this.options.limit;
+          if (!t.docChanged || r === 0 || r === null || r === void 0)
+            return !0;
+          const o = this.storage.characters({ node: s.doc }), n = this.storage.characters({ node: t.doc });
+          if (n <= r || o > r && n > r && n <= o)
+            return !0;
+          if (o > r && n > r && n > o || !t.getMeta("paste"))
+            return !1;
+          const a = t.selection.$head.pos, i = n - r, d = a - i, u = a;
+          return t.deleteRange(d, u), !(this.storage.characters({ node: t.doc }) > r);
+        }
+      })
+    ];
+  }
 });
-function m(e) {
-  return b(e) || y(e) || v(e) || h();
-}
-function h() {
-  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 v(e, t) {
-  if (e) {
-    if (typeof e == "string") return a(e, t);
-    var n = Object.prototype.toString.call(e).slice(8, -1);
-    if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return a(e, t);
+var k = l.create({
+  name: "dropCursor",
+  addOptions() {
+    return {
+      color: "currentColor",
+      width: 1,
+      class: void 0
+    };
+  },
+  addProseMirrorPlugins() {
+    return [E(this.options)];
   }
+});
+l.create({
+  name: "focus",
+  addOptions() {
+    return {
+      className: "has-focus",
+      mode: "all"
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      new p({
+        key: new m("focus"),
+        props: {
+          decorations: ({ doc: e, selection: t }) => {
+            const { isEditable: s, isFocused: r } = this.editor, { anchor: o } = t, n = [];
+            if (!s || !r)
+              return f.create(e, []);
+            let c = 0;
+            this.options.mode === "deepest" && e.descendants((i, d) => {
+              if (i.isText)
+                return;
+              if (!(o >= d && o <= d + i.nodeSize - 1))
+                return !1;
+              c += 1;
+            });
+            let a = 0;
+            return e.descendants((i, d) => {
+              if (i.isText || !(o >= d && o <= d + i.nodeSize - 1))
+                return !1;
+              if (a += 1, this.options.mode === "deepest" && c - a > 0 || this.options.mode === "shallowest" && a > 1)
+                return this.options.mode === "deepest";
+              n.push(
+                y.node(d, d + i.nodeSize, {
+                  class: this.options.className
+                })
+              );
+            }), f.create(e, n);
+          }
+        }
+      })
+    ];
+  }
+});
+var L = l.create({
+  name: "gapCursor",
+  addProseMirrorPlugins() {
+    return [N()];
+  },
+  extendNodeSchema(e) {
+    var t;
+    const s = {
+      name: e.name,
+      options: e.options,
+      storage: e.storage
+    };
+    return {
+      allowGapCursor: (t = P(S(e, "allowGapCursor", s))) != null ? t : null
+    };
+  }
+}), C = "placeholder";
+function T(e) {
+  return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
 }
-function y(e) {
-  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
-}
-function b(e) {
-  if (Array.isArray(e)) return a(e);
-}
-function a(e, t) {
-  (t == null || t > e.length) && (t = e.length);
-  for (var n = 0, o = new Array(t); n < t; n++) o[n] = e[n];
-  return o;
-}
-var E = f.extend("ripple", {
-  mounted: function(t) {
-    var n, o = t == null || (n = t.$instance) === null || n === void 0 ? void 0 : n.$primevueConfig;
-    o && o.ripple && (this.create(t), this.bindEvents(t), t.setAttribute("data-pd-ripple", !0));
+var B = l.create({
+  name: "placeholder",
+  addOptions() {
+    return {
+      emptyEditorClass: "is-editor-empty",
+      emptyNodeClass: "is-empty",
+      dataAttribute: C,
+      placeholder: "Write something …",
+      showOnlyWhenEditable: !0,
+      showOnlyCurrent: !0,
+      includeChildren: !1
+    };
   },
-  unmounted: function(t) {
-    this.remove(t);
+  addProseMirrorPlugins() {
+    const e = this.options.dataAttribute ? `data-${T(this.options.dataAttribute)}` : `data-${C}`;
+    return [
+      new p({
+        key: new m("placeholder"),
+        props: {
+          decorations: ({ doc: t, selection: s }) => {
+            const r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: o } = s, n = [];
+            if (!r)
+              return null;
+            const c = this.editor.isEmpty;
+            return t.descendants((a, i) => {
+              const d = o >= i && o <= i + a.nodeSize, u = !a.isLeaf && v(a);
+              if ((d || !this.options.showOnlyCurrent) && u) {
+                const h = [this.options.emptyNodeClass];
+                c && h.push(this.options.emptyEditorClass);
+                const g = y.node(i, i + a.nodeSize, {
+                  class: h.join(" "),
+                  [e]: typeof this.options.placeholder == "function" ? this.options.placeholder({
+                    editor: this.editor,
+                    node: a,
+                    pos: i,
+                    hasAnchor: d
+                  }) : this.options.placeholder
+                });
+                n.push(g);
+              }
+              return this.options.includeChildren;
+            }), f.create(t, n);
+          }
+        }
+      })
+    ];
+  }
+});
+l.create({
+  name: "selection",
+  addOptions() {
+    return {
+      className: "selection"
+    };
   },
-  timeout: void 0,
-  methods: {
-    bindEvents: function(t) {
-      t.addEventListener("mousedown", this.onMouseDown.bind(this));
-    },
-    unbindEvents: function(t) {
-      t.removeEventListener("mousedown", this.onMouseDown.bind(this));
-    },
-    create: function(t) {
-      var n = r.createElement("span", {
-        role: "presentation",
-        "aria-hidden": !0,
-        "data-p-ink": !0,
-        "data-p-ink-active": !1,
-        class: !this.isUnstyled() && this.cx("root"),
-        onAnimationEnd: this.onAnimationEnd.bind(this),
-        "p-bind": this.ptm("root")
-      });
-      t.appendChild(n), this.$el = n;
-    },
-    remove: function(t) {
-      var n = this.getInk(t);
-      n && (this.unbindEvents(t), n.removeEventListener("animationend", this.onAnimationEnd), n.remove());
-    },
-    onMouseDown: function(t) {
-      var n = this, o = t.currentTarget, i = this.getInk(o);
-      if (!(!i || getComputedStyle(i, null).display === "none")) {
-        if (!this.isUnstyled() && r.removeClass(i, "p-ink-active"), i.setAttribute("data-p-ink-active", "false"), !r.getHeight(i) && !r.getWidth(i)) {
-          var s = Math.max(r.getOuterWidth(o), r.getOuterHeight(o));
-          i.style.height = s + "px", i.style.width = s + "px";
+  addProseMirrorPlugins() {
+    const { editor: e, options: t } = this;
+    return [
+      new p({
+        key: new m("selection"),
+        props: {
+          decorations(s) {
+            return s.selection.empty || e.isFocused || !e.isEditable || z(s.selection) || e.view.dragging ? null : f.create(s.doc, [
+              y.inline(s.selection.from, s.selection.to, {
+                class: t.className
+              })
+            ]);
+          }
         }
-        var u = r.getOffset(o), d = t.pageX - u.left + document.body.scrollTop - r.getWidth(i) / 2, l = t.pageY - u.top + document.body.scrollLeft - r.getHeight(i) / 2;
-        i.style.top = l + "px", i.style.left = d + "px", !this.isUnstyled() && r.addClass(i, "p-ink-active"), i.setAttribute("data-p-ink-active", "true"), this.timeout = setTimeout(function() {
-          i && (!n.isUnstyled() && r.removeClass(i, "p-ink-active"), i.setAttribute("data-p-ink-active", "false"));
-        }, 401);
-      }
-    },
-    onAnimationEnd: function(t) {
-      this.timeout && clearTimeout(this.timeout), !this.isUnstyled() && r.removeClass(t.currentTarget, "p-ink-active"), t.currentTarget.setAttribute("data-p-ink-active", "false");
-    },
-    getInk: function(t) {
-      return t && t.children ? m(t.children).find(function(n) {
-        return r.getAttribute(n, "data-pc-name") === "ripple";
-      }) : void 0;
-    }
+      })
+    ];
+  }
+});
+function w({ types: e, node: t }) {
+  return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
+}
+var G = l.create({
+  name: "trailingNode",
+  addOptions() {
+    return {
+      node: void 0,
+      notAfter: []
+    };
+  },
+  addProseMirrorPlugins() {
+    var e;
+    const t = new m(this.name), s = this.options.node || ((e = this.editor.schema.topNodeType.contentMatch.defaultType) == null ? void 0 : e.name) || "paragraph", r = Object.entries(this.editor.schema.nodes).map(([, o]) => o).filter((o) => (this.options.notAfter || []).concat(s).includes(o.name));
+    return [
+      new p({
+        key: t,
+        appendTransaction: (o, n, c) => {
+          const { doc: a, tr: i, schema: d } = c, u = t.getState(c), h = a.content.size, g = d.nodes[s];
+          if (u)
+            return i.insert(h, g.create());
+        },
+        state: {
+          init: (o, n) => {
+            const c = n.tr.doc.lastChild;
+            return !w({ node: c, types: r });
+          },
+          apply: (o, n) => {
+            if (!o.docChanged || o.getMeta("__uniqueIDTransaction"))
+              return n;
+            const c = o.doc.lastChild;
+            return !w({ node: c, types: r });
+          }
+        }
+      })
+    ];
+  }
+}), I = l.create({
+  name: "undoRedo",
+  addOptions() {
+    return {
+      depth: 100,
+      newGroupDelay: 500
+    };
+  },
+  addCommands() {
+    return {
+      undo: () => ({ state: e, dispatch: t }) => O(e, t),
+      redo: () => ({ state: e, dispatch: t }) => M(e, t)
+    };
+  },
+  addProseMirrorPlugins() {
+    return [A(this.options)];
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-z": () => this.editor.commands.undo(),
+      "Shift-Mod-z": () => this.editor.commands.redo(),
+      "Mod-y": () => this.editor.commands.redo(),
+      // Russian keyboard layouts
+      "Mod-я": () => this.editor.commands.undo(),
+      "Shift-Mod-я": () => this.editor.commands.redo()
+    };
   }
 });
 export {
-  E as default
+  k as Dropcursor,
+  L as Gapcursor,
+  B as Placeholder,
+  G as TrailingNode,
+  I as UndoRedo,
+  T as preparePlaceholderAttribute
 };