@leanix/components 0.4.612 → 0.4.613

package/fesm2022/leanix-components.mjs

@@ -57,7 +57,7 @@ import Text from '@tiptap/extension-text';
 import TextAlign from '@tiptap/extension-text-align';
 import Underline from '@tiptap/extension-underline';
 import { Markdown } from 'tiptap-markdown';
-import { PluginKey, Plugin } from '@tiptap/pm/state';
+import { PluginKey, Plugin, NodeSelection } from '@tiptap/pm/state';
 import { DecorationSet, Decoration } from '@tiptap/pm/view';
 import { Link } from '@tiptap/extension-link';
 import { BubbleMenuPlugin } from '@tiptap/extension-bubble-menu';
@@ -10672,6 +10672,26 @@ class AngularNodeView extends NodeView {
             this.renderer.detectChanges();
         }
         this.appendContendDom();
+        /**
+         * Ensure the node is selected when clicked.
+         *
+         * ProseMirror/Tiptap sometimes does not trigger `selectionUpdate` for single-node editors
+         * or when the node is already implicitly selected. By explicitly creating a NodeSelection
+         * and dispatching it, we force ProseMirror to treat this node as newly selected, which
+         * triggers `handleSelectionUpdate` and updates the NodeView's selected state.
+         */
+        this.handleMouseDown = (event) => {
+            if (!this.editor.isEditable)
+                return;
+            const pos = this.getPos();
+            const nodeSelection = NodeSelection.create(this.editor.state.doc, pos);
+            const tr = this.editor.state.tr.setSelection(nodeSelection);
+            this.editor.view.dispatch(tr);
+            this.editor.view.focus();
+            this.selectNode();
+            event.stopPropagation();
+        };
+        this.dom.addEventListener('mousedown', this.handleMouseDown);
     }
     get dom() {
         return this.renderer.dom;
@@ -10726,6 +10746,8 @@ class AngularNodeView extends NodeView {
         return true;
     }
     selectNode() {
+        if (!this.editor.isEditable)
+            return;
         this.renderer.updateProps({ selected: true });
     }
     deselectNode() {
@@ -10734,6 +10756,10 @@ class AngularNodeView extends NodeView {
     destroy() {
         this.renderer.destroy();
         this.editor.off('selectionUpdate', this.handleSelectionUpdate);
+        if (this.handleMouseDown) {
+            this.dom.removeEventListener('mousedown', this.handleMouseDown);
+            this.handleMouseDown = undefined;
+        }
         this.contentDOMElement = null;
     }
 }