@contember/react-slate-editor-base 2.0.0-alpha.1

package/dist/development/plugins/element/paragraphs/withParagraphs.cjs

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const index = require("../../../editor/index.cjs");
+const ParagraphElement = require("./ParagraphElement.cjs");
+const ParagraphHtmlDeserializer = require("./ParagraphHtmlDeserializer.cjs");
+const withParagraphs = ({ render }) => (editor) => {
+  const {
+    canToggleElement,
+    deleteBackward
+  } = editor;
+  editor.registerElement(ParagraphElement.paragraphElementPlugin({ render }));
+  editor.canToggleElement = (elementType, suchThat) => {
+    if (elementType !== ParagraphElement.paragraphElementType || suchThat === void 0) {
+      return canToggleElement(elementType, suchThat);
+    }
+    const isNumbered = suchThat.isNumbered;
+    if (isNumbered !== true) {
+      return canToggleElement(elementType, suchThat);
+    }
+    if (!editor.selection) {
+      return false;
+    }
+    const closestBlockEntry = index.ContemberEditor.closestBlockEntry(editor);
+    if (closestBlockEntry === void 0) {
+      return true;
+    }
+    const [closestBlockElement, closestBlockPath] = closestBlockEntry;
+    return closestBlockPath.length === 1 && Slate.Element.isElement(closestBlockElement) && closestBlockElement.type === ParagraphElement.paragraphElementType;
+  };
+  editor.deleteBackward = (unit) => {
+    const selection = editor.selection;
+    if (unit !== "character" || !selection || !Slate.Range.isCollapsed(selection) || selection.focus.offset !== 0) {
+      return deleteBackward(unit);
+    }
+    const closestNumberedEntry = Slate.Editor.above(editor, {
+      match: (node) => Slate.Element.isElement(node) && ParagraphElement.isParagraphElement(node, { isNumbered: true })
+    });
+    if (closestNumberedEntry === void 0) {
+      return deleteBackward(unit);
+    }
+    const [, paragraphPath] = closestNumberedEntry;
+    const paragraphStartPoint = Slate.Editor.start(editor, paragraphPath);
+    if (!Slate.Point.equals(paragraphStartPoint, selection.focus)) {
+      return deleteBackward(unit);
+    }
+    Slate.Transforms.setNodes(
+      editor,
+      { isNumbered: null },
+      // null removes the key altogether
+      { at: paragraphPath }
+    );
+  };
+  editor.htmlDeserializer.registerPlugin(ParagraphHtmlDeserializer.paragraphHtmlDeserializer);
+  return editor;
+};
+exports.withParagraphs = withParagraphs;
+//# sourceMappingURL=withParagraphs.cjs.map

package/dist/development/plugins/element/paragraphs/withParagraphs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withParagraphs.cjs","sources":["../../../../../src/plugins/element/paragraphs/withParagraphs.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Point, Range as SlateRange, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { isParagraphElement, ParagraphElement, paragraphElementPlugin, paragraphElementType } from './ParagraphElement'\nimport { paragraphHtmlDeserializer } from './ParagraphHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withParagraphs = ({ render }: { render: ElementRenderer<ParagraphElement> }) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tcanToggleElement,\n\t\tdeleteBackward,\n\t} = editor\n\n\teditor.registerElement(paragraphElementPlugin({ render }))\n\n\n\teditor.canToggleElement = (elementType, suchThat) => {\n\t\t// This only allows numbered paragraphs at the top level.\n\t\t// TODO this is pretty bad but in order to fix this, we'd also have to fix toggleElement and there's no time now.\n\n\t\tif (elementType !== paragraphElementType || suchThat === undefined) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\t\tconst isNumbered = suchThat.isNumbered\n\n\t\tif (isNumbered !== true) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\n\t\tif (!editor.selection) {\n\t\t\treturn false\n\t\t}\n\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor)\n\t\tif (closestBlockEntry === undefined) {\n\t\t\treturn true\n\t\t}\n\t\tconst [closestBlockElement, closestBlockPath] = closestBlockEntry\n\n\t\treturn closestBlockPath.length === 1 &&  SlateElement.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType\n\t}\n\n\teditor.deleteBackward = unit => {\n\t\tconst selection = editor.selection\n\t\tif (unit !== 'character' || !selection || !SlateRange.isCollapsed(selection) || selection.focus.offset !== 0) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\t// The offset being zero doesn't necessarily imply that selection refers to the start of a paragraph.\n\t\t// It's just a way to early-exit.\n\n\t\tconst closestNumberedEntry = Editor.above<ParagraphElement>(editor, {\n\t\t\tmatch: node => SlateElement.isElement(node) && isParagraphElement(node, { isNumbered: true }),\n\t\t})\n\t\tif (closestNumberedEntry === undefined) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tconst [, paragraphPath] = closestNumberedEntry\n\t\tconst paragraphStartPoint = Editor.start(editor, paragraphPath)\n\n\t\tif (!Point.equals(paragraphStartPoint, selection.focus)) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tTransforms.setNodes(\n\t\t\teditor,\n\t\t\t{ isNumbered: null }, // null removes the key altogether\n\t\t\t{ at: paragraphPath },\n\t\t)\n\t}\n\teditor.htmlDeserializer.registerPlugin(paragraphHtmlDeserializer)\n\n\treturn editor\n}\n"],"names":["paragraphElementPlugin","paragraphElementType","ContemberEditor","SlateElement","SlateRange","Editor","isParagraphElement","Point","Transforms","paragraphHtmlDeserializer"],"mappings":";;;;;;AAMO,MAAM,iBAAiB,CAAC,EAAE,OAAO,MAAqD,CAAmB,WAAiB;AAC1H,QAAA;AAAA,IACL;AAAA,IACA;AAAA,EACG,IAAA;AAEJ,SAAO,gBAAgBA,iBAAAA,uBAAuB,EAAE,OAAA,CAAQ,CAAC;AAGlD,SAAA,mBAAmB,CAAC,aAAa,aAAa;AAIhD,QAAA,gBAAgBC,iBAAAA,wBAAwB,aAAa,QAAW;AAC5D,aAAA,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AACA,UAAM,aAAa,SAAS;AAE5B,QAAI,eAAe,MAAM;AACjB,aAAA,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AAEI,QAAA,CAAC,OAAO,WAAW;AACf,aAAA;AAAA,IACR;AACM,UAAA,oBAAoBC,MAAAA,gBAAgB,kBAAkB,MAAM;AAClE,QAAI,sBAAsB,QAAW;AAC7B,aAAA;AAAA,IACR;AACM,UAAA,CAAC,qBAAqB,gBAAgB,IAAI;AAEzC,WAAA,iBAAiB,WAAW,KAAMC,MAAA,QAAa,UAAU,mBAAmB,KAAK,oBAAoB,SAASF;EAAA;AAGtH,SAAO,iBAAiB,CAAQ,SAAA;AAC/B,UAAM,YAAY,OAAO;AACzB,QAAI,SAAS,eAAe,CAAC,aAAa,CAACG,MAAA,MAAW,YAAY,SAAS,KAAK,UAAU,MAAM,WAAW,GAAG;AAC7G,aAAO,eAAe,IAAI;AAAA,IAC3B;AAIM,UAAA,uBAAuBC,MAAAA,OAAO,MAAwB,QAAQ;AAAA,MACnE,OAAO,CAAQ,SAAAF,MAAA,QAAa,UAAU,IAAI,KAAKG,iBAAAA,mBAAmB,MAAM,EAAE,YAAY,KAAA,CAAM;AAAA,IAAA,CAC5F;AACD,QAAI,yBAAyB,QAAW;AACvC,aAAO,eAAe,IAAI;AAAA,IAC3B;AACM,UAAA,CAAG,EAAA,aAAa,IAAI;AAC1B,UAAM,sBAAsBD,MAAA,OAAO,MAAM,QAAQ,aAAa;AAE9D,QAAI,CAACE,MAAM,MAAA,OAAO,qBAAqB,UAAU,KAAK,GAAG;AACxD,aAAO,eAAe,IAAI;AAAA,IAC3B;AACWC,UAAAA,WAAA;AAAA,MACV;AAAA,MACA,EAAE,YAAY,KAAK;AAAA;AAAA,MACnB,EAAE,IAAI,cAAc;AAAA,IAAA;AAAA,EACrB;AAEM,SAAA,iBAAiB,eAAeC,0BAAAA,yBAAyB;AAEzD,SAAA;AACR;;"}

package/dist/development/plugins/element/paragraphs/withParagraphs.js

@@ -0,0 +1,58 @@
+import { Element, Range, Editor, Point, Transforms } from "slate";
+import { ContemberEditor } from "../../../editor/index.js";
+import { paragraphElementPlugin, paragraphElementType, isParagraphElement } from "./ParagraphElement.js";
+import { paragraphHtmlDeserializer } from "./ParagraphHtmlDeserializer.js";
+const withParagraphs = ({ render }) => (editor) => {
+  const {
+    canToggleElement,
+    deleteBackward
+  } = editor;
+  editor.registerElement(paragraphElementPlugin({ render }));
+  editor.canToggleElement = (elementType, suchThat) => {
+    if (elementType !== paragraphElementType || suchThat === void 0) {
+      return canToggleElement(elementType, suchThat);
+    }
+    const isNumbered = suchThat.isNumbered;
+    if (isNumbered !== true) {
+      return canToggleElement(elementType, suchThat);
+    }
+    if (!editor.selection) {
+      return false;
+    }
+    const closestBlockEntry = ContemberEditor.closestBlockEntry(editor);
+    if (closestBlockEntry === void 0) {
+      return true;
+    }
+    const [closestBlockElement, closestBlockPath] = closestBlockEntry;
+    return closestBlockPath.length === 1 && Element.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType;
+  };
+  editor.deleteBackward = (unit) => {
+    const selection = editor.selection;
+    if (unit !== "character" || !selection || !Range.isCollapsed(selection) || selection.focus.offset !== 0) {
+      return deleteBackward(unit);
+    }
+    const closestNumberedEntry = Editor.above(editor, {
+      match: (node) => Element.isElement(node) && isParagraphElement(node, { isNumbered: true })
+    });
+    if (closestNumberedEntry === void 0) {
+      return deleteBackward(unit);
+    }
+    const [, paragraphPath] = closestNumberedEntry;
+    const paragraphStartPoint = Editor.start(editor, paragraphPath);
+    if (!Point.equals(paragraphStartPoint, selection.focus)) {
+      return deleteBackward(unit);
+    }
+    Transforms.setNodes(
+      editor,
+      { isNumbered: null },
+      // null removes the key altogether
+      { at: paragraphPath }
+    );
+  };
+  editor.htmlDeserializer.registerPlugin(paragraphHtmlDeserializer);
+  return editor;
+};
+export {
+  withParagraphs
+};
+//# sourceMappingURL=withParagraphs.js.map

package/dist/development/plugins/element/paragraphs/withParagraphs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withParagraphs.js","sources":["../../../../../src/plugins/element/paragraphs/withParagraphs.ts"],"sourcesContent":["import { Editor, Element as SlateElement, Point, Range as SlateRange, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { isParagraphElement, ParagraphElement, paragraphElementPlugin, paragraphElementType } from './ParagraphElement'\nimport { paragraphHtmlDeserializer } from './ParagraphHtmlDeserializer'\nimport { ElementRenderer } from '../../../types'\n\nexport const withParagraphs = ({ render }: { render: ElementRenderer<ParagraphElement> }) => <E extends Editor>(editor: E): E => {\n\tconst {\n\t\tcanToggleElement,\n\t\tdeleteBackward,\n\t} = editor\n\n\teditor.registerElement(paragraphElementPlugin({ render }))\n\n\n\teditor.canToggleElement = (elementType, suchThat) => {\n\t\t// This only allows numbered paragraphs at the top level.\n\t\t// TODO this is pretty bad but in order to fix this, we'd also have to fix toggleElement and there's no time now.\n\n\t\tif (elementType !== paragraphElementType || suchThat === undefined) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\t\tconst isNumbered = suchThat.isNumbered\n\n\t\tif (isNumbered !== true) {\n\t\t\treturn canToggleElement(elementType, suchThat)\n\t\t}\n\n\t\tif (!editor.selection) {\n\t\t\treturn false\n\t\t}\n\t\tconst closestBlockEntry = ContemberEditor.closestBlockEntry(editor)\n\t\tif (closestBlockEntry === undefined) {\n\t\t\treturn true\n\t\t}\n\t\tconst [closestBlockElement, closestBlockPath] = closestBlockEntry\n\n\t\treturn closestBlockPath.length === 1 &&  SlateElement.isElement(closestBlockElement) && closestBlockElement.type === paragraphElementType\n\t}\n\n\teditor.deleteBackward = unit => {\n\t\tconst selection = editor.selection\n\t\tif (unit !== 'character' || !selection || !SlateRange.isCollapsed(selection) || selection.focus.offset !== 0) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\t// The offset being zero doesn't necessarily imply that selection refers to the start of a paragraph.\n\t\t// It's just a way to early-exit.\n\n\t\tconst closestNumberedEntry = Editor.above<ParagraphElement>(editor, {\n\t\t\tmatch: node => SlateElement.isElement(node) && isParagraphElement(node, { isNumbered: true }),\n\t\t})\n\t\tif (closestNumberedEntry === undefined) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tconst [, paragraphPath] = closestNumberedEntry\n\t\tconst paragraphStartPoint = Editor.start(editor, paragraphPath)\n\n\t\tif (!Point.equals(paragraphStartPoint, selection.focus)) {\n\t\t\treturn deleteBackward(unit)\n\t\t}\n\t\tTransforms.setNodes(\n\t\t\teditor,\n\t\t\t{ isNumbered: null }, // null removes the key altogether\n\t\t\t{ at: paragraphPath },\n\t\t)\n\t}\n\teditor.htmlDeserializer.registerPlugin(paragraphHtmlDeserializer)\n\n\treturn editor\n}\n"],"names":["SlateElement","SlateRange"],"mappings":";;;;AAMO,MAAM,iBAAiB,CAAC,EAAE,OAAO,MAAqD,CAAmB,WAAiB;AAC1H,QAAA;AAAA,IACL;AAAA,IACA;AAAA,EACG,IAAA;AAEJ,SAAO,gBAAgB,uBAAuB,EAAE,OAAA,CAAQ,CAAC;AAGlD,SAAA,mBAAmB,CAAC,aAAa,aAAa;AAIhD,QAAA,gBAAgB,wBAAwB,aAAa,QAAW;AAC5D,aAAA,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AACA,UAAM,aAAa,SAAS;AAE5B,QAAI,eAAe,MAAM;AACjB,aAAA,iBAAiB,aAAa,QAAQ;AAAA,IAC9C;AAEI,QAAA,CAAC,OAAO,WAAW;AACf,aAAA;AAAA,IACR;AACM,UAAA,oBAAoB,gBAAgB,kBAAkB,MAAM;AAClE,QAAI,sBAAsB,QAAW;AAC7B,aAAA;AAAA,IACR;AACM,UAAA,CAAC,qBAAqB,gBAAgB,IAAI;AAEzC,WAAA,iBAAiB,WAAW,KAAMA,QAAa,UAAU,mBAAmB,KAAK,oBAAoB,SAAS;AAAA,EAAA;AAGtH,SAAO,iBAAiB,CAAQ,SAAA;AAC/B,UAAM,YAAY,OAAO;AACzB,QAAI,SAAS,eAAe,CAAC,aAAa,CAACC,MAAW,YAAY,SAAS,KAAK,UAAU,MAAM,WAAW,GAAG;AAC7G,aAAO,eAAe,IAAI;AAAA,IAC3B;AAIM,UAAA,uBAAuB,OAAO,MAAwB,QAAQ;AAAA,MACnE,OAAO,CAAQ,SAAAD,QAAa,UAAU,IAAI,KAAK,mBAAmB,MAAM,EAAE,YAAY,KAAA,CAAM;AAAA,IAAA,CAC5F;AACD,QAAI,yBAAyB,QAAW;AACvC,aAAO,eAAe,IAAI;AAAA,IAC3B;AACM,UAAA,CAAG,EAAA,aAAa,IAAI;AAC1B,UAAM,sBAAsB,OAAO,MAAM,QAAQ,aAAa;AAE9D,QAAI,CAAC,MAAM,OAAO,qBAAqB,UAAU,KAAK,GAAG;AACxD,aAAO,eAAe,IAAI;AAAA,IAC3B;AACW,eAAA;AAAA,MACV;AAAA,MACA,EAAE,YAAY,KAAK;AAAA;AAAA,MACnB,EAAE,IAAI,cAAc;AAAA,IAAA;AAAA,EACrB;AAEM,SAAA,iBAAiB,eAAe,yBAAyB;AAEzD,SAAA;AACR;"}

package/dist/development/plugins/element/scrollTargets/ScrollTargetElement.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const scrollTargetElementType = "scrollTarget";
+const isScrollTargetElement = (element) => Slate.Element.isElement(element) && element.type === scrollTargetElementType;
+const isScrollTargetElementActive = (editor) => {
+  const [link] = Slate.Editor.nodes(editor, { match: isScrollTargetElement });
+  return !!link;
+};
+const scrollTargetElementPlugin = ({ render }) => ({
+  type: scrollTargetElementType,
+  render,
+  isActive: ({ editor }) => isScrollTargetElementActive(editor),
+  isInline: true,
+  isVoid: true,
+  toggleElement: ({ editor, suchThat }) => {
+    if (isScrollTargetElementActive(editor)) {
+      unwrapScrollTarget(editor);
+    } else {
+      let identifier = suchThat?.identifier ?? prompt("Insert the identifier:");
+      if (!identifier) {
+        return;
+      }
+      wrapScrollTarget(editor, identifier);
+    }
+  }
+});
+const unwrapScrollTarget = (editor) => {
+  Slate.Transforms.removeNodes(editor, { match: isScrollTargetElement });
+};
+const wrapScrollTarget = (editor, identifier) => {
+  if (isScrollTargetElementActive(editor)) {
+    unwrapScrollTarget(editor);
+  }
+  const selection = editor.selection;
+  const isCollapsed = selection ? Slate.Range.isCollapsed(selection) : false;
+  const ScrollTarget = {
+    type: scrollTargetElementType,
+    identifier,
+    children: [{ text: "" }]
+  };
+  if (!isCollapsed) {
+    Slate.Transforms.collapse(editor, { edge: "start" });
+  }
+  Slate.Transforms.insertNodes(editor, ScrollTarget);
+};
+exports.isScrollTargetElement = isScrollTargetElement;
+exports.isScrollTargetElementActive = isScrollTargetElementActive;
+exports.scrollTargetElementPlugin = scrollTargetElementPlugin;
+exports.scrollTargetElementType = scrollTargetElementType;
+//# sourceMappingURL=ScrollTargetElement.cjs.map

package/dist/development/plugins/element/scrollTargets/ScrollTargetElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTargetElement.cjs","sources":["../../../../../src/plugins/element/scrollTargets/ScrollTargetElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Editor, Element as SlateElement, Node as SlateNode, Range as SlateRange, Transforms } from 'slate'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const scrollTargetElementType = 'scrollTarget' as const\n\nexport interface ScrollTargetElement extends SlateElement {\n\ttype: typeof scrollTargetElementType\n\tidentifier: string\n\tchildren: SlateEditor['children']\n}\n\nexport const isScrollTargetElement = (element: SlateNode): element is ScrollTargetElement =>\n\tSlateElement.isElement(element) && element.type === scrollTargetElementType\n\nexport const isScrollTargetElementActive = (editor: Editor) => {\n\tconst [link] = Editor.nodes(editor, { match: isScrollTargetElement })\n\treturn !!link\n}\n\nexport const scrollTargetElementPlugin = ({ render }: { render: ElementRenderer<ScrollTargetElement> }): EditorElementPlugin<ScrollTargetElement> => ({\n\ttype: scrollTargetElementType,\n\trender,\n\tisActive: ({ editor }) => isScrollTargetElementActive(editor),\n\tisInline: true,\n\tisVoid: true,\n\ttoggleElement: ({ editor, suchThat }) => {\n\t\tif (isScrollTargetElementActive(editor)) {\n\t\t\tunwrapScrollTarget(editor)\n\t\t} else {\n\t\t\tlet identifier =\n\t\t\t\tsuchThat?.identifier ??\n\t\t\t\tprompt('Insert the identifier:')\n\n\t\t\tif (!identifier) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\twrapScrollTarget(editor, identifier)\n\t\t}\n\t},\n})\nconst unwrapScrollTarget = (editor: Editor) => {\n\tTransforms.removeNodes(editor, { match: isScrollTargetElement })\n}\nconst wrapScrollTarget = (editor: Editor, identifier: string) => {\n\tif (isScrollTargetElementActive(editor)) {\n\t\tunwrapScrollTarget(editor)\n\t}\n\n\tconst selection = editor.selection\n\tconst isCollapsed = selection ? SlateRange.isCollapsed(selection!) : false\n\tconst ScrollTarget: ScrollTargetElement = {\n\t\ttype: scrollTargetElementType,\n\t\tidentifier,\n\t\tchildren: [{ text: '' }],\n\t}\n\n\tif (!isCollapsed) {\n\t\tTransforms.collapse(editor, { edge: 'start' })\n\t}\n\tTransforms.insertNodes(editor, ScrollTarget)\n}\n"],"names":["SlateElement","Editor","Transforms","SlateRange"],"mappings":";;;AAGO,MAAM,0BAA0B;AAQ1B,MAAA,wBAAwB,CAAC,YACrCA,cAAa,UAAU,OAAO,KAAK,QAAQ,SAAS;AAExC,MAAA,8BAA8B,CAAC,WAAmB;AACxD,QAAA,CAAC,IAAI,IAAIC,aAAO,MAAM,QAAQ,EAAE,OAAO,sBAAA,CAAuB;AACpE,SAAO,CAAC,CAAC;AACV;AAEO,MAAM,4BAA4B,CAAC,EAAE,cAA0G;AAAA,EACrJ,MAAM;AAAA,EACN;AAAA,EACA,UAAU,CAAC,EAAE,aAAa,4BAA4B,MAAM;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,eAAe,CAAC,EAAE,QAAQ,eAAe;AACpC,QAAA,4BAA4B,MAAM,GAAG;AACxC,yBAAmB,MAAM;AAAA,IAAA,OACnB;AACN,UAAI,aACH,UAAU,cACV,OAAO,wBAAwB;AAEhC,UAAI,CAAC,YAAY;AAChB;AAAA,MACD;AACA,uBAAiB,QAAQ,UAAU;AAAA,IACpC;AAAA,EACD;AACD;AACA,MAAM,qBAAqB,CAAC,WAAmB;AAC9CC,QAAA,WAAW,YAAY,QAAQ,EAAE,OAAO,sBAAuB,CAAA;AAChE;AACA,MAAM,mBAAmB,CAAC,QAAgB,eAAuB;AAC5D,MAAA,4BAA4B,MAAM,GAAG;AACxC,uBAAmB,MAAM;AAAA,EAC1B;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,YAAYC,MAAAA,MAAW,YAAY,SAAU,IAAI;AACrE,QAAM,eAAoC;AAAA,IACzC,MAAM;AAAA,IACN;AAAA,IACA,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,EAAA;AAGxB,MAAI,CAAC,aAAa;AACjBD,UAAA,WAAW,SAAS,QAAQ,EAAE,MAAM,QAAS,CAAA;AAAA,EAC9C;AACWA,QAAAA,WAAA,YAAY,QAAQ,YAAY;AAC5C;;;;;"}

package/dist/development/plugins/element/scrollTargets/ScrollTargetElement.js

@@ -0,0 +1,51 @@
+import { Element, Editor, Transforms, Range } from "slate";
+const scrollTargetElementType = "scrollTarget";
+const isScrollTargetElement = (element) => Element.isElement(element) && element.type === scrollTargetElementType;
+const isScrollTargetElementActive = (editor) => {
+  const [link] = Editor.nodes(editor, { match: isScrollTargetElement });
+  return !!link;
+};
+const scrollTargetElementPlugin = ({ render }) => ({
+  type: scrollTargetElementType,
+  render,
+  isActive: ({ editor }) => isScrollTargetElementActive(editor),
+  isInline: true,
+  isVoid: true,
+  toggleElement: ({ editor, suchThat }) => {
+    if (isScrollTargetElementActive(editor)) {
+      unwrapScrollTarget(editor);
+    } else {
+      let identifier = suchThat?.identifier ?? prompt("Insert the identifier:");
+      if (!identifier) {
+        return;
+      }
+      wrapScrollTarget(editor, identifier);
+    }
+  }
+});
+const unwrapScrollTarget = (editor) => {
+  Transforms.removeNodes(editor, { match: isScrollTargetElement });
+};
+const wrapScrollTarget = (editor, identifier) => {
+  if (isScrollTargetElementActive(editor)) {
+    unwrapScrollTarget(editor);
+  }
+  const selection = editor.selection;
+  const isCollapsed = selection ? Range.isCollapsed(selection) : false;
+  const ScrollTarget = {
+    type: scrollTargetElementType,
+    identifier,
+    children: [{ text: "" }]
+  };
+  if (!isCollapsed) {
+    Transforms.collapse(editor, { edge: "start" });
+  }
+  Transforms.insertNodes(editor, ScrollTarget);
+};
+export {
+  isScrollTargetElement,
+  isScrollTargetElementActive,
+  scrollTargetElementPlugin,
+  scrollTargetElementType
+};
+//# sourceMappingURL=ScrollTargetElement.js.map

package/dist/development/plugins/element/scrollTargets/ScrollTargetElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTargetElement.js","sources":["../../../../../src/plugins/element/scrollTargets/ScrollTargetElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Editor, Element as SlateElement, Node as SlateNode, Range as SlateRange, Transforms } from 'slate'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const scrollTargetElementType = 'scrollTarget' as const\n\nexport interface ScrollTargetElement extends SlateElement {\n\ttype: typeof scrollTargetElementType\n\tidentifier: string\n\tchildren: SlateEditor['children']\n}\n\nexport const isScrollTargetElement = (element: SlateNode): element is ScrollTargetElement =>\n\tSlateElement.isElement(element) && element.type === scrollTargetElementType\n\nexport const isScrollTargetElementActive = (editor: Editor) => {\n\tconst [link] = Editor.nodes(editor, { match: isScrollTargetElement })\n\treturn !!link\n}\n\nexport const scrollTargetElementPlugin = ({ render }: { render: ElementRenderer<ScrollTargetElement> }): EditorElementPlugin<ScrollTargetElement> => ({\n\ttype: scrollTargetElementType,\n\trender,\n\tisActive: ({ editor }) => isScrollTargetElementActive(editor),\n\tisInline: true,\n\tisVoid: true,\n\ttoggleElement: ({ editor, suchThat }) => {\n\t\tif (isScrollTargetElementActive(editor)) {\n\t\t\tunwrapScrollTarget(editor)\n\t\t} else {\n\t\t\tlet identifier =\n\t\t\t\tsuchThat?.identifier ??\n\t\t\t\tprompt('Insert the identifier:')\n\n\t\t\tif (!identifier) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\twrapScrollTarget(editor, identifier)\n\t\t}\n\t},\n})\nconst unwrapScrollTarget = (editor: Editor) => {\n\tTransforms.removeNodes(editor, { match: isScrollTargetElement })\n}\nconst wrapScrollTarget = (editor: Editor, identifier: string) => {\n\tif (isScrollTargetElementActive(editor)) {\n\t\tunwrapScrollTarget(editor)\n\t}\n\n\tconst selection = editor.selection\n\tconst isCollapsed = selection ? SlateRange.isCollapsed(selection!) : false\n\tconst ScrollTarget: ScrollTargetElement = {\n\t\ttype: scrollTargetElementType,\n\t\tidentifier,\n\t\tchildren: [{ text: '' }],\n\t}\n\n\tif (!isCollapsed) {\n\t\tTransforms.collapse(editor, { edge: 'start' })\n\t}\n\tTransforms.insertNodes(editor, ScrollTarget)\n}\n"],"names":["SlateElement","SlateRange"],"mappings":";AAGO,MAAM,0BAA0B;AAQ1B,MAAA,wBAAwB,CAAC,YACrCA,QAAa,UAAU,OAAO,KAAK,QAAQ,SAAS;AAExC,MAAA,8BAA8B,CAAC,WAAmB;AACxD,QAAA,CAAC,IAAI,IAAI,OAAO,MAAM,QAAQ,EAAE,OAAO,sBAAA,CAAuB;AACpE,SAAO,CAAC,CAAC;AACV;AAEO,MAAM,4BAA4B,CAAC,EAAE,cAA0G;AAAA,EACrJ,MAAM;AAAA,EACN;AAAA,EACA,UAAU,CAAC,EAAE,aAAa,4BAA4B,MAAM;AAAA,EAC5D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,eAAe,CAAC,EAAE,QAAQ,eAAe;AACpC,QAAA,4BAA4B,MAAM,GAAG;AACxC,yBAAmB,MAAM;AAAA,IAAA,OACnB;AACN,UAAI,aACH,UAAU,cACV,OAAO,wBAAwB;AAEhC,UAAI,CAAC,YAAY;AAChB;AAAA,MACD;AACA,uBAAiB,QAAQ,UAAU;AAAA,IACpC;AAAA,EACD;AACD;AACA,MAAM,qBAAqB,CAAC,WAAmB;AAC9C,aAAW,YAAY,QAAQ,EAAE,OAAO,sBAAuB,CAAA;AAChE;AACA,MAAM,mBAAmB,CAAC,QAAgB,eAAuB;AAC5D,MAAA,4BAA4B,MAAM,GAAG;AACxC,uBAAmB,MAAM;AAAA,EAC1B;AAEA,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,YAAYC,MAAW,YAAY,SAAU,IAAI;AACrE,QAAM,eAAoC;AAAA,IACzC,MAAM;AAAA,IACN;AAAA,IACA,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,EAAA;AAGxB,MAAI,CAAC,aAAa;AACjB,eAAW,SAAS,QAAQ,EAAE,MAAM,QAAS,CAAA;AAAA,EAC9C;AACW,aAAA,YAAY,QAAQ,YAAY;AAC5C;"}

package/dist/development/plugins/element/scrollTargets/withScrollTargets.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ScrollTargetElement = require("./ScrollTargetElement.cjs");
+const withScrollTargets = ({ render }) => (editor) => {
+  editor.registerElement(ScrollTargetElement.scrollTargetElementPlugin({ render }));
+  return editor;
+};
+exports.withScrollTargets = withScrollTargets;
+//# sourceMappingURL=withScrollTargets.cjs.map

package/dist/development/plugins/element/scrollTargets/withScrollTargets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withScrollTargets.cjs","sources":["../../../../../src/plugins/element/scrollTargets/withScrollTargets.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { ScrollTargetElement, scrollTargetElementPlugin } from './ScrollTargetElement'\nimport { ElementRenderer } from '../../../types'\n\nexport const withScrollTargets = ({ render }: { render: ElementRenderer<ScrollTargetElement> }) => <E extends Editor>(editor: E): E => {\n\teditor.registerElement(scrollTargetElementPlugin({ render }))\n\treturn editor\n}\n"],"names":["scrollTargetElementPlugin"],"mappings":";;;AAIO,MAAM,oBAAoB,CAAC,EAAE,OAAO,MAAwD,CAAmB,WAAiB;AACtI,SAAO,gBAAgBA,oBAAAA,0BAA0B,EAAE,OAAA,CAAQ,CAAC;AACrD,SAAA;AACR;;"}

package/dist/development/plugins/element/scrollTargets/withScrollTargets.js

@@ -0,0 +1,9 @@
+import { scrollTargetElementPlugin } from "./ScrollTargetElement.js";
+const withScrollTargets = ({ render }) => (editor) => {
+  editor.registerElement(scrollTargetElementPlugin({ render }));
+  return editor;
+};
+export {
+  withScrollTargets
+};
+//# sourceMappingURL=withScrollTargets.js.map

package/dist/development/plugins/element/scrollTargets/withScrollTargets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withScrollTargets.js","sources":["../../../../../src/plugins/element/scrollTargets/withScrollTargets.ts"],"sourcesContent":["import { Editor } from 'slate'\nimport { ScrollTargetElement, scrollTargetElementPlugin } from './ScrollTargetElement'\nimport { ElementRenderer } from '../../../types'\n\nexport const withScrollTargets = ({ render }: { render: ElementRenderer<ScrollTargetElement> }) => <E extends Editor>(editor: E): E => {\n\teditor.registerElement(scrollTargetElementPlugin({ render }))\n\treturn editor\n}\n"],"names":[],"mappings":";AAIO,MAAM,oBAAoB,CAAC,EAAE,OAAO,MAAwD,CAAmB,WAAiB;AACtI,SAAO,gBAAgB,0BAA0B,EAAE,OAAA,CAAQ,CAAC;AACrD,SAAA;AACR;"}

package/dist/development/plugins/element/tables/TableCellElement.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const index = require("../../../editor/index.cjs");
+const TableRowElement = require("./TableRowElement.cjs");
+const tableCellElementType = "tableCell";
+const isTableCellElement = (element) => Slate.Element.isElement(element) && element.type === tableCellElementType;
+const createEmptyTableCellElement = () => ({
+  type: tableCellElementType,
+  children: [{ text: "" }]
+});
+const tableCellElementPlugin = ({ render }) => ({
+  type: tableCellElementType,
+  render,
+  normalizeNode: ({ element, editor, path, preventDefault }) => {
+    if (element.children.length === 1) {
+      const onlyChild = element.children[0];
+      if (Slate.Element.isElement(onlyChild) && editor.isDefaultElement(onlyChild)) {
+        Slate.Transforms.unwrapNodes(editor, {
+          at: [...path, 0]
+        });
+      }
+    }
+    if (!index.ContemberEditor.hasParentOfType(editor, [element, path], TableRowElement.tableRowElementType)) {
+      Slate.Transforms.unwrapNodes(editor, { at: path });
+      return preventDefault();
+    }
+    if (path[path.length - 1] > 0 && element.headerScope) {
+      Slate.Transforms.setNodes(editor, { headerScope: null }, { at: path });
+      return preventDefault();
+    }
+  },
+  canContainAnyBlocks: true
+});
+exports.createEmptyTableCellElement = createEmptyTableCellElement;
+exports.isTableCellElement = isTableCellElement;
+exports.tableCellElementPlugin = tableCellElementPlugin;
+exports.tableCellElementType = tableCellElementType;
+//# sourceMappingURL=TableCellElement.cjs.map

package/dist/development/plugins/element/tables/TableCellElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellElement.cjs","sources":["../../../../../src/plugins/element/tables/TableCellElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Element, Element as SlateElement, Node, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { tableRowElementType } from './TableRowElement'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const tableCellElementType = 'tableCell' as const\n\nexport interface TableCellElement extends SlateElement {\n\ttype: typeof tableCellElementType\n\tchildren: SlateEditor['children']\n\theaderScope?: 'row'\n\tjustify?: 'start' | 'center' | 'end'\n}\n\nexport const isTableCellElement = (element: Node): element is TableCellElement => Element.isElement(element) && element.type === tableCellElementType\n\nexport const createEmptyTableCellElement = () => ({\n\ttype: tableCellElementType,\n\tchildren: [{ text: '' }],\n})\n\n\nexport const tableCellElementPlugin = ({ render }: {render: ElementRenderer<TableCellElement>}): EditorElementPlugin<TableCellElement> => ({\n\ttype: tableCellElementType,\n\trender,\n\tnormalizeNode: ({ element, editor, path, preventDefault }) => {\n\t\tif (element.children.length === 1) {\n\t\t\tconst onlyChild = element.children[0]\n\t\t\tif (SlateElement.isElement(onlyChild) && editor.isDefaultElement(onlyChild)) {\n\t\t\t\tTransforms.unwrapNodes(editor, {\n\t\t\t\t\tat: [...path, 0],\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\tif (!ContemberEditor.hasParentOfType(editor, [element, path], tableRowElementType)) {\n\t\t\tTransforms.unwrapNodes(editor, { at: path })\n\t\t\treturn preventDefault()\n\t\t}\n\t\tif (path[path.length - 1] > 0 && element.headerScope) {\n\t\t\tTransforms.setNodes(editor, { headerScope: null }, { at: path })\n\t\t\treturn preventDefault()\n\t\t}\n\t},\n\tcanContainAnyBlocks: true,\n})\n"],"names":["Element","SlateElement","Transforms","ContemberEditor","tableRowElementType"],"mappings":";;;;;AAKO,MAAM,uBAAuB;AASvB,MAAA,qBAAqB,CAAC,YAA+CA,cAAQ,UAAU,OAAO,KAAK,QAAQ,SAAS;AAE1H,MAAM,8BAA8B,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,UAAU,CAAC,EAAE,MAAM,IAAI;AACxB;AAGO,MAAM,yBAAyB,CAAC,EAAE,cAAkG;AAAA,EAC1I,MAAM;AAAA,EACN;AAAA,EACA,eAAe,CAAC,EAAE,SAAS,QAAQ,MAAM,qBAAqB;AACzD,QAAA,QAAQ,SAAS,WAAW,GAAG;AAC5B,YAAA,YAAY,QAAQ,SAAS,CAAC;AACpC,UAAIC,MAAAA,QAAa,UAAU,SAAS,KAAK,OAAO,iBAAiB,SAAS,GAAG;AAC5EC,cAAA,WAAW,YAAY,QAAQ;AAAA,UAC9B,IAAI,CAAC,GAAG,MAAM,CAAC;AAAA,QAAA,CACf;AAAA,MACF;AAAA,IACD;AACI,QAAA,CAACC,MAAAA,gBAAgB,gBAAgB,QAAQ,CAAC,SAAS,IAAI,GAAGC,gBAAAA,mBAAmB,GAAG;AACnFF,YAAA,WAAW,YAAY,QAAQ,EAAE,IAAI,KAAM,CAAA;AAC3C,aAAO,eAAe;AAAA,IACvB;AACA,QAAI,KAAK,KAAK,SAAS,CAAC,IAAI,KAAK,QAAQ,aAAa;AAC1CA,uBAAA,SAAS,QAAQ,EAAE,aAAa,QAAQ,EAAE,IAAI,KAAA,CAAM;AAC/D,aAAO,eAAe;AAAA,IACvB;AAAA,EACD;AAAA,EACA,qBAAqB;AACtB;;;;;"}

package/dist/development/plugins/element/tables/TableCellElement.js

@@ -0,0 +1,39 @@
+import { Element, Transforms } from "slate";
+import { ContemberEditor } from "../../../editor/index.js";
+import { tableRowElementType } from "./TableRowElement.js";
+const tableCellElementType = "tableCell";
+const isTableCellElement = (element) => Element.isElement(element) && element.type === tableCellElementType;
+const createEmptyTableCellElement = () => ({
+  type: tableCellElementType,
+  children: [{ text: "" }]
+});
+const tableCellElementPlugin = ({ render }) => ({
+  type: tableCellElementType,
+  render,
+  normalizeNode: ({ element, editor, path, preventDefault }) => {
+    if (element.children.length === 1) {
+      const onlyChild = element.children[0];
+      if (Element.isElement(onlyChild) && editor.isDefaultElement(onlyChild)) {
+        Transforms.unwrapNodes(editor, {
+          at: [...path, 0]
+        });
+      }
+    }
+    if (!ContemberEditor.hasParentOfType(editor, [element, path], tableRowElementType)) {
+      Transforms.unwrapNodes(editor, { at: path });
+      return preventDefault();
+    }
+    if (path[path.length - 1] > 0 && element.headerScope) {
+      Transforms.setNodes(editor, { headerScope: null }, { at: path });
+      return preventDefault();
+    }
+  },
+  canContainAnyBlocks: true
+});
+export {
+  createEmptyTableCellElement,
+  isTableCellElement,
+  tableCellElementPlugin,
+  tableCellElementType
+};
+//# sourceMappingURL=TableCellElement.js.map

package/dist/development/plugins/element/tables/TableCellElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellElement.js","sources":["../../../../../src/plugins/element/tables/TableCellElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Element, Element as SlateElement, Node, Transforms } from 'slate'\nimport { ContemberEditor } from '../../../editor'\nimport { tableRowElementType } from './TableRowElement'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const tableCellElementType = 'tableCell' as const\n\nexport interface TableCellElement extends SlateElement {\n\ttype: typeof tableCellElementType\n\tchildren: SlateEditor['children']\n\theaderScope?: 'row'\n\tjustify?: 'start' | 'center' | 'end'\n}\n\nexport const isTableCellElement = (element: Node): element is TableCellElement => Element.isElement(element) && element.type === tableCellElementType\n\nexport const createEmptyTableCellElement = () => ({\n\ttype: tableCellElementType,\n\tchildren: [{ text: '' }],\n})\n\n\nexport const tableCellElementPlugin = ({ render }: {render: ElementRenderer<TableCellElement>}): EditorElementPlugin<TableCellElement> => ({\n\ttype: tableCellElementType,\n\trender,\n\tnormalizeNode: ({ element, editor, path, preventDefault }) => {\n\t\tif (element.children.length === 1) {\n\t\t\tconst onlyChild = element.children[0]\n\t\t\tif (SlateElement.isElement(onlyChild) && editor.isDefaultElement(onlyChild)) {\n\t\t\t\tTransforms.unwrapNodes(editor, {\n\t\t\t\t\tat: [...path, 0],\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t\tif (!ContemberEditor.hasParentOfType(editor, [element, path], tableRowElementType)) {\n\t\t\tTransforms.unwrapNodes(editor, { at: path })\n\t\t\treturn preventDefault()\n\t\t}\n\t\tif (path[path.length - 1] > 0 && element.headerScope) {\n\t\t\tTransforms.setNodes(editor, { headerScope: null }, { at: path })\n\t\t\treturn preventDefault()\n\t\t}\n\t},\n\tcanContainAnyBlocks: true,\n})\n"],"names":["SlateElement"],"mappings":";;;AAKO,MAAM,uBAAuB;AASvB,MAAA,qBAAqB,CAAC,YAA+C,QAAQ,UAAU,OAAO,KAAK,QAAQ,SAAS;AAE1H,MAAM,8BAA8B,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,UAAU,CAAC,EAAE,MAAM,IAAI;AACxB;AAGO,MAAM,yBAAyB,CAAC,EAAE,cAAkG;AAAA,EAC1I,MAAM;AAAA,EACN;AAAA,EACA,eAAe,CAAC,EAAE,SAAS,QAAQ,MAAM,qBAAqB;AACzD,QAAA,QAAQ,SAAS,WAAW,GAAG;AAC5B,YAAA,YAAY,QAAQ,SAAS,CAAC;AACpC,UAAIA,QAAa,UAAU,SAAS,KAAK,OAAO,iBAAiB,SAAS,GAAG;AAC5E,mBAAW,YAAY,QAAQ;AAAA,UAC9B,IAAI,CAAC,GAAG,MAAM,CAAC;AAAA,QAAA,CACf;AAAA,MACF;AAAA,IACD;AACI,QAAA,CAAC,gBAAgB,gBAAgB,QAAQ,CAAC,SAAS,IAAI,GAAG,mBAAmB,GAAG;AACnF,iBAAW,YAAY,QAAQ,EAAE,IAAI,KAAM,CAAA;AAC3C,aAAO,eAAe;AAAA,IACvB;AACA,QAAI,KAAK,KAAK,SAAS,CAAC,IAAI,KAAK,QAAQ,aAAa;AAC1C,iBAAA,SAAS,QAAQ,EAAE,aAAa,QAAQ,EAAE,IAAI,KAAA,CAAM;AAC/D,aAAO,eAAe;AAAA,IACvB;AAAA,EACD;AAAA,EACA,qBAAqB;AACtB;"}

package/dist/development/plugins/element/tables/TableElement.cjs

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Slate = require("slate");
+const TableRowElement = require("./TableRowElement.cjs");
+const index = require("../../../editor/index.cjs");
+const gaugeTableColumnCount = require("./gaugeTableColumnCount.cjs");
+const TableCellElement = require("./TableCellElement.cjs");
+const tableElementType = "table";
+const isTableElement = (element) => Slate.Element.isElement(element) && element.type === tableElementType;
+const createEmptyTableElement = (rowCount = 3, columnCount = 2) => ({
+  type: tableElementType,
+  children: Array.from({ length: rowCount }, () => TableRowElement.createEmptyTableRowElement(columnCount))
+});
+const getTableElementRowCount = (element) => {
+  return element.children.length;
+};
+const getTableElementColumnCount = (element) => {
+  const firstRow = element.children[0];
+  return firstRow?.children.length ?? 0;
+};
+const tableElementPlugin = ({ render }) => ({
+  type: tableElementType,
+  render,
+  normalizeNode: ({ editor, element, path, preventDefault }) => {
+    if (element.children.length === 0) {
+      Slate.Transforms.removeNodes(editor, { at: path });
+      return preventDefault();
+    }
+    let didTransform = false;
+    for (const [child, childPath] of Slate.Node.children(editor, path)) {
+      if (Slate.Element.isElement(child)) {
+        if (!TableRowElement.isTableRowElement(child)) {
+          index.ContemberEditor.ejectElement(editor, childPath);
+          Slate.Transforms.setNodes(editor, { type: TableRowElement.tableRowElementType }, { at: childPath });
+          didTransform = true;
+        }
+      } else {
+        Slate.Transforms.removeNodes(editor, { at: path });
+        return preventDefault();
+      }
+    }
+    if (didTransform) {
+      return preventDefault();
+    }
+    const columnCount = gaugeTableColumnCount.gaugeTableColumnCount(element);
+    for (const [row, childPath] of Slate.Node.children(editor, path)) {
+      const currentColumnCount = row.children.length;
+      if (currentColumnCount === columnCount) {
+        continue;
+      }
+      if (currentColumnCount > columnCount) {
+        const shouldBiasTowardsStart = childPath[childPath.length - 1] === 0;
+        for (let i = columnCount; i < currentColumnCount; i++) {
+          Slate.Transforms.removeNodes(editor, { at: [...childPath, shouldBiasTowardsStart ? 0 : i] });
+        }
+      } else if (currentColumnCount < columnCount) {
+        const shouldBiasTowardsStart = childPath[childPath.length - 1] === 0;
+        for (let i = currentColumnCount; i < columnCount; i++) {
+          Slate.Transforms.insertNodes(editor, TableCellElement.createEmptyTableCellElement(), {
+            at: [...childPath, shouldBiasTowardsStart ? 0 : i]
+          });
+        }
+      }
+    }
+  },
+  canContainAnyBlocks: false,
+  toggleElement: ({ editor }) => {
+    const closestTableEntry = Slate.Editor.above(editor, {
+      mode: "lowest",
+      match: (matchedNode) => Slate.Element.isElement(matchedNode) && isTableElement(matchedNode)
+    });
+    if (closestTableEntry) {
+      return;
+    }
+    const { selection } = editor;
+    if (!selection || Slate.Range.isExpanded(selection)) {
+      return;
+    }
+    const closestDefaultEntry = Slate.Editor.above(editor, {
+      at: selection.focus,
+      mode: "lowest",
+      match: (matchedNode) => Slate.Element.isElement(matchedNode) && editor.isDefaultElement(matchedNode)
+    });
+    if (!closestDefaultEntry) {
+      return;
+    }
+    const [closestDefault, closestDefaultPath] = closestDefaultEntry;
+    if (closestDefaultPath.length !== 1) {
+      return;
+    }
+    Slate.Editor.withoutNormalizing(editor, () => {
+      let targetPath;
+      if (Slate.Node.string(closestDefault) === "") {
+        Slate.Transforms.removeNodes(editor, {
+          at: closestDefaultPath
+        });
+        targetPath = closestDefaultPath;
+      } else {
+        targetPath = [closestDefaultPath[0] + 1];
+      }
+      const table = createEmptyTableElement();
+      Slate.Transforms.insertNodes(editor, table, {
+        at: targetPath
+      });
+    });
+  }
+});
+exports.createEmptyTableElement = createEmptyTableElement;
+exports.getTableElementColumnCount = getTableElementColumnCount;
+exports.getTableElementRowCount = getTableElementRowCount;
+exports.isTableElement = isTableElement;
+exports.tableElementPlugin = tableElementPlugin;
+exports.tableElementType = tableElementType;
+//# sourceMappingURL=TableElement.cjs.map

package/dist/development/plugins/element/tables/TableElement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableElement.cjs","sources":["../../../../../src/plugins/element/tables/TableElement.ts"],"sourcesContent":["import { Editor as SlateEditor, Editor, Element as SlateElement, Element, Node as SlateNode, Node, NodeEntry, Path as SlatePath, Range as SlateRange, Transforms } from 'slate'\nimport { createEmptyTableRowElement, isTableRowElement, TableRowElement, tableRowElementType } from './TableRowElement'\nimport { ContemberEditor } from '../../../editor'\nimport { gaugeTableColumnCount } from './gaugeTableColumnCount'\nimport { createEmptyTableCellElement } from './TableCellElement'\nimport { EditorElementPlugin, ElementRenderer } from '../../../types'\n\nexport const tableElementType = 'table' as const\n\nexport interface TableElement extends SlateElement {\n\ttype: typeof tableElementType\n\tchildren: SlateEditor['children']\n}\n\nexport const isTableElement = (element: Node): element is TableElement => Element.isElement(element) && element.type === tableElementType\n\nexport const createEmptyTableElement = (rowCount = 3, columnCount = 2) => ({\n\ttype: tableElementType,\n\tchildren: Array.from({ length: rowCount }, () => createEmptyTableRowElement(columnCount)),\n})\n\nexport const getTableElementRowCount = (element: TableElement): number => {\n\treturn element.children.length\n}\n\nexport const getTableElementColumnCount = (element: TableElement): number => {\n\tconst firstRow = element.children[0] as TableRowElement | undefined\n\treturn firstRow?.children.length ?? 0\n}\n\nexport const tableElementPlugin = ({ render }: {render: ElementRenderer<TableElement>}): EditorElementPlugin<TableElement> => ({\n\ttype: tableElementType,\n\trender,\n\tnormalizeNode: ({ editor, element, path, preventDefault }) => {\n\t\tif (element.children.length === 0) {\n\t\t\tTransforms.removeNodes(editor, { at: path })\n\t\t\treturn preventDefault()\n\t\t}\n\n\t\tlet didTransform = false\n\t\tfor (const [child, childPath] of SlateNode.children(editor, path)) {\n\t\t\tif (SlateElement.isElement(child)) {\n\t\t\t\tif (!isTableRowElement(child)) {\n\t\t\t\t\tContemberEditor.ejectElement(editor, childPath)\n\t\t\t\t\tTransforms.setNodes(editor, { type: tableRowElementType }, { at: childPath })\n\t\t\t\t\tdidTransform = true\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tTransforms.removeNodes(editor, { at: path })\n\t\t\t\treturn preventDefault()\n\t\t\t}\n\t\t}\n\t\tif (didTransform) {\n\t\t\treturn preventDefault()\n\t\t}\n\t\tconst columnCount = gaugeTableColumnCount(element)\n\t\tfor (const [row, childPath] of SlateNode.children(editor, path) as Iterable<NodeEntry<TableRowElement>>) {\n\t\t\tconst currentColumnCount = row.children.length\n\t\t\tif (currentColumnCount === columnCount) {\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\t// For the first row, we prepend or insert at the start which in most cases will likely preserve the\n\t\t\t// already existing cells' positions.\n\t\t\tif (currentColumnCount > columnCount) {\n\t\t\t\tconst shouldBiasTowardsStart = childPath[childPath.length - 1] === 0\n\t\t\t\tfor (let i = columnCount; i < currentColumnCount; i++) {\n\t\t\t\t\tTransforms.removeNodes(editor, { at: [...childPath, shouldBiasTowardsStart ? 0 : i] })\n\t\t\t\t}\n\t\t\t} else if (currentColumnCount < columnCount) {\n\t\t\t\tconst shouldBiasTowardsStart = childPath[childPath.length - 1] === 0\n\t\t\t\tfor (let i = currentColumnCount; i < columnCount; i++) {\n\t\t\t\t\tTransforms.insertNodes(editor, createEmptyTableCellElement(), {\n\t\t\t\t\t\tat: [...childPath, shouldBiasTowardsStart ? 0 : i],\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tcanContainAnyBlocks: false,\n\ttoggleElement: ({ editor }) => {\n\t\tconst closestTableEntry = Editor.above(editor, {\n\t\t\tmode: 'lowest',\n\t\t\tmatch: matchedNode => SlateElement.isElement(matchedNode) && isTableElement(matchedNode),\n\t\t})\n\t\tif (closestTableEntry) {\n\t\t\treturn\n\t\t}\n\t\tconst { selection } = editor\n\t\tif (!selection || SlateRange.isExpanded(selection)) {\n\t\t\treturn\n\t\t}\n\n\t\tconst closestDefaultEntry: NodeEntry | undefined = Editor.above(editor, {\n\t\t\tat: selection.focus,\n\t\t\tmode: 'lowest',\n\t\t\tmatch: matchedNode => SlateElement.isElement(matchedNode) && editor.isDefaultElement(matchedNode),\n\t\t})\n\t\tif (!closestDefaultEntry) {\n\t\t\treturn\n\t\t}\n\t\tconst [closestDefault, closestDefaultPath] = closestDefaultEntry\n\n\t\tif (closestDefaultPath.length !== 1) {\n\t\t\treturn // We only support tables at the very top level\n\t\t}\n\n\t\tEditor.withoutNormalizing(editor, () => {\n\t\t\tlet targetPath: SlatePath\n\t\t\tif (SlateNode.string(closestDefault) === '') {\n\t\t\t\tTransforms.removeNodes(editor, {\n\t\t\t\t\tat: closestDefaultPath,\n\t\t\t\t})\n\t\t\t\ttargetPath = closestDefaultPath\n\t\t\t} else {\n\t\t\t\ttargetPath = [closestDefaultPath[0] + 1]\n\t\t\t}\n\t\t\tconst table = createEmptyTableElement()\n\n\t\t\tTransforms.insertNodes(editor, table, {\n\t\t\t\tat: targetPath,\n\t\t\t})\n\t\t})\n\t},\n})\n"],"names":["Element","createEmptyTableRowElement","Transforms","SlateNode","SlateElement","isTableRowElement","ContemberEditor","tableRowElementType","gaugeTableColumnCount","createEmptyTableCellElement","Editor","SlateRange"],"mappings":"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"}

package/dist/development/plugins/element/tables/TableElement.js

@@ -0,0 +1,114 @@
+import { Element, Transforms, Node, Editor, Range } from "slate";
+import { createEmptyTableRowElement, isTableRowElement, tableRowElementType } from "./TableRowElement.js";
+import { ContemberEditor } from "../../../editor/index.js";
+import { gaugeTableColumnCount } from "./gaugeTableColumnCount.js";
+import { createEmptyTableCellElement } from "./TableCellElement.js";
+const tableElementType = "table";
+const isTableElement = (element) => Element.isElement(element) && element.type === tableElementType;
+const createEmptyTableElement = (rowCount = 3, columnCount = 2) => ({
+  type: tableElementType,
+  children: Array.from({ length: rowCount }, () => createEmptyTableRowElement(columnCount))
+});
+const getTableElementRowCount = (element) => {
+  return element.children.length;
+};
+const getTableElementColumnCount = (element) => {
+  const firstRow = element.children[0];
+  return firstRow?.children.length ?? 0;
+};
+const tableElementPlugin = ({ render }) => ({
+  type: tableElementType,
+  render,
+  normalizeNode: ({ editor, element, path, preventDefault }) => {
+    if (element.children.length === 0) {
+      Transforms.removeNodes(editor, { at: path });
+      return preventDefault();
+    }
+    let didTransform = false;
+    for (const [child, childPath] of Node.children(editor, path)) {
+      if (Element.isElement(child)) {
+        if (!isTableRowElement(child)) {
+          ContemberEditor.ejectElement(editor, childPath);
+          Transforms.setNodes(editor, { type: tableRowElementType }, { at: childPath });
+          didTransform = true;
+        }
+      } else {
+        Transforms.removeNodes(editor, { at: path });
+        return preventDefault();
+      }
+    }
+    if (didTransform) {
+      return preventDefault();
+    }
+    const columnCount = gaugeTableColumnCount(element);
+    for (const [row, childPath] of Node.children(editor, path)) {
+      const currentColumnCount = row.children.length;
+      if (currentColumnCount === columnCount) {
+        continue;
+      }
+      if (currentColumnCount > columnCount) {
+        const shouldBiasTowardsStart = childPath[childPath.length - 1] === 0;
+        for (let i = columnCount; i < currentColumnCount; i++) {
+          Transforms.removeNodes(editor, { at: [...childPath, shouldBiasTowardsStart ? 0 : i] });
+        }
+      } else if (currentColumnCount < columnCount) {
+        const shouldBiasTowardsStart = childPath[childPath.length - 1] === 0;
+        for (let i = currentColumnCount; i < columnCount; i++) {
+          Transforms.insertNodes(editor, createEmptyTableCellElement(), {
+            at: [...childPath, shouldBiasTowardsStart ? 0 : i]
+          });
+        }
+      }
+    }
+  },
+  canContainAnyBlocks: false,
+  toggleElement: ({ editor }) => {
+    const closestTableEntry = Editor.above(editor, {
+      mode: "lowest",
+      match: (matchedNode) => Element.isElement(matchedNode) && isTableElement(matchedNode)
+    });
+    if (closestTableEntry) {
+      return;
+    }
+    const { selection } = editor;
+    if (!selection || Range.isExpanded(selection)) {
+      return;
+    }
+    const closestDefaultEntry = Editor.above(editor, {
+      at: selection.focus,
+      mode: "lowest",
+      match: (matchedNode) => Element.isElement(matchedNode) && editor.isDefaultElement(matchedNode)
+    });
+    if (!closestDefaultEntry) {
+      return;
+    }
+    const [closestDefault, closestDefaultPath] = closestDefaultEntry;
+    if (closestDefaultPath.length !== 1) {
+      return;
+    }
+    Editor.withoutNormalizing(editor, () => {
+      let targetPath;
+      if (Node.string(closestDefault) === "") {
+        Transforms.removeNodes(editor, {
+          at: closestDefaultPath
+        });
+        targetPath = closestDefaultPath;
+      } else {
+        targetPath = [closestDefaultPath[0] + 1];
+      }
+      const table = createEmptyTableElement();
+      Transforms.insertNodes(editor, table, {
+        at: targetPath
+      });
+    });
+  }
+});
+export {
+  createEmptyTableElement,
+  getTableElementColumnCount,
+  getTableElementRowCount,
+  isTableElement,
+  tableElementPlugin,
+  tableElementType
+};
+//# sourceMappingURL=TableElement.js.map