@aquera/nile-elements 1.9.5 → 1.9.7

package/dist/src/nile-wysiwyg-editor/engine/plugins/tables.js

@@ -0,0 +1,11 @@
+import { tableEditing, columnResizing } from 'prosemirror-tables';
+/**
+ * prosemirror-tables wiring: cell selections, fix-tables normalization, and
+ * draggable column resizing (widths persist as `data-colwidth`). The CSS
+ * these plugins rely on (.selectedCell, .column-resize-handle, .resize-cursor)
+ * is inlined in nile-wysiwyg-editor.css.ts.
+ */
+export function tablePlugins() {
+    return [columnResizing(), tableEditing({ allowTableNodeSelection: true })];
+}
+//# sourceMappingURL=tables.js.map

package/dist/src/nile-wysiwyg-editor/engine/plugins/tables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tables.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/tables.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAElE;;;;;GAKG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,CAAC,cAAc,EAAE,EAAE,YAAY,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAC7E,CAAC","sourcesContent":["import { Plugin } from 'prosemirror-state';\nimport { tableEditing, columnResizing } from 'prosemirror-tables';\n\n/**\n * prosemirror-tables wiring: cell selections, fix-tables normalization, and\n * draggable column resizing (widths persist as `data-colwidth`). The CSS\n * these plugins rely on (.selectedCell, .column-resize-handle, .resize-cursor)\n * is inlined in nile-wysiwyg-editor.css.ts.\n */\nexport function tablePlugins(): Plugin[] {\n  return [columnResizing(), tableEditing({ allowTableNodeSelection: true })];\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/plugins/task-list.d.ts

@@ -0,0 +1,16 @@
+import { Node as PMNode } from 'prosemirror-model';
+import { EditorView, NodeView } from 'prosemirror-view';
+/**
+ * NodeView for task items: renders a real checkbox (contenteditable=false)
+ * next to the editable content. Toggling writes the `checked` attr back to
+ * the document as a single transaction.
+ */
+export declare class TaskItemView implements NodeView {
+    private node;
+    dom: HTMLLIElement;
+    contentDOM: HTMLElement;
+    private checkbox;
+    constructor(node: PMNode, view: EditorView, getPos: () => number | undefined);
+    update(node: PMNode): boolean;
+    stopEvent(event: Event): boolean;
+}

package/dist/src/nile-wysiwyg-editor/engine/plugins/task-list.js

@@ -0,0 +1,49 @@
+/**
+ * NodeView for task items: renders a real checkbox (contenteditable=false)
+ * next to the editable content. Toggling writes the `checked` attr back to
+ * the document as a single transaction.
+ */
+export class TaskItemView {
+    constructor(node, view, getPos) {
+        this.node = node;
+        this.dom = document.createElement('li');
+        this.dom.className = 'nile-wysiwyg__task-item';
+        this.dom.dataset.taskItem = 'true';
+        this.dom.dataset.checked = String(node.attrs.checked);
+        this.checkbox = document.createElement('input');
+        this.checkbox.type = 'checkbox';
+        this.checkbox.contentEditable = 'false';
+        this.checkbox.checked = node.attrs.checked;
+        // Keep the selection in the editor while clicking.
+        this.checkbox.addEventListener('mousedown', e => e.preventDefault());
+        this.checkbox.addEventListener('change', () => {
+            const pos = getPos();
+            if (pos === undefined || !view.editable) {
+                this.checkbox.checked = this.node.attrs.checked;
+                return;
+            }
+            const current = view.state.doc.nodeAt(pos);
+            if (!current)
+                return;
+            view.dispatch(view.state.tr.setNodeMarkup(pos, undefined, {
+                ...current.attrs,
+                checked: this.checkbox.checked,
+            }));
+        });
+        this.contentDOM = document.createElement('div');
+        this.contentDOM.className = 'nile-wysiwyg__task-content';
+        this.dom.append(this.checkbox, this.contentDOM);
+    }
+    update(node) {
+        if (node.type !== this.node.type)
+            return false;
+        this.node = node;
+        this.checkbox.checked = node.attrs.checked;
+        this.dom.dataset.checked = String(node.attrs.checked);
+        return true;
+    }
+    stopEvent(event) {
+        return event.target === this.checkbox;
+    }
+}
+//# sourceMappingURL=task-list.js.map

package/dist/src/nile-wysiwyg-editor/engine/plugins/task-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-list.js","sourceRoot":"","sources":["../../../../../src/nile-wysiwyg-editor/engine/plugins/task-list.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,OAAO,YAAY;IAOvB,YACU,IAAY,EACpB,IAAgB,EAChB,MAAgC;QAFxB,SAAI,GAAJ,IAAI,CAAQ;QAIpB,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,yBAAyB,CAAC;QAC/C,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;QACnC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEtD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAU,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,eAAe,GAAG,OAAO,CAAC;QACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAC3C,mDAAmD;QACnD,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;QACrE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YAC5C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;YACrB,IAAI,GAAG,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;gBAChD,OAAO;YACT,CAAC;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC3C,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,IAAI,CAAC,QAAQ,CACX,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,SAAS,EAAE;gBAC1C,GAAG,OAAO,CAAC,KAAK;gBAChB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;aAC/B,CAAC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,4BAA4B,CAAC;QAEzD,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,IAAY;QACjB,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC;QAC/C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAC3C,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,KAAY;QACpB,OAAO,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC;IACxC,CAAC;CACF","sourcesContent":["import { Node as PMNode } from 'prosemirror-model';\nimport { EditorView, NodeView } from 'prosemirror-view';\n\n/**\n * NodeView for task items: renders a real checkbox (contenteditable=false)\n * next to the editable content. Toggling writes the `checked` attr back to\n * the document as a single transaction.\n */\nexport class TaskItemView implements NodeView {\n  dom: HTMLLIElement;\n\n  contentDOM: HTMLElement;\n\n  private checkbox: HTMLInputElement;\n\n  constructor(\n    private node: PMNode,\n    view: EditorView,\n    getPos: () => number | undefined\n  ) {\n    this.dom = document.createElement('li');\n    this.dom.className = 'nile-wysiwyg__task-item';\n    this.dom.dataset.taskItem = 'true';\n    this.dom.dataset.checked = String(node.attrs.checked);\n\n    this.checkbox = document.createElement('input');\n    this.checkbox.type = 'checkbox';\n    this.checkbox.contentEditable = 'false';\n    this.checkbox.checked = node.attrs.checked;\n    // Keep the selection in the editor while clicking.\n    this.checkbox.addEventListener('mousedown', e => e.preventDefault());\n    this.checkbox.addEventListener('change', () => {\n      const pos = getPos();\n      if (pos === undefined || !view.editable) {\n        this.checkbox.checked = this.node.attrs.checked;\n        return;\n      }\n      const current = view.state.doc.nodeAt(pos);\n      if (!current) return;\n      view.dispatch(\n        view.state.tr.setNodeMarkup(pos, undefined, {\n          ...current.attrs,\n          checked: this.checkbox.checked,\n        })\n      );\n    });\n\n    this.contentDOM = document.createElement('div');\n    this.contentDOM.className = 'nile-wysiwyg__task-content';\n\n    this.dom.append(this.checkbox, this.contentDOM);\n  }\n\n  update(node: PMNode): boolean {\n    if (node.type !== this.node.type) return false;\n    this.node = node;\n    this.checkbox.checked = node.attrs.checked;\n    this.dom.dataset.checked = String(node.attrs.checked);\n    return true;\n  }\n\n  stopEvent(event: Event): boolean {\n    return event.target === this.checkbox;\n  }\n}\n"]}

package/dist/src/nile-wysiwyg-editor/engine/pm.test.d.ts

@@ -0,0 +1 @@
+export {};