@phuong-tran-redoc/document-engine-angular 0.0.29 → 0.0.32

package/fesm2022/phuong-tran-redoc-document-engine-angular.mjs

@@ -4781,6 +4781,7 @@ class EditorBubbleMenuComponent {
     currentAttributes = {};
     cleanupSelection = null;
     shouldShowImpl = null;
+    viewReady = false;
     keyToSignal = new Map();
     forceOpen = { value: false };
     documentClickHandler;
@@ -4816,6 +4817,7 @@ class EditorBubbleMenuComponent {
         this.addDocumentClickHandler();
     }
     ngAfterViewInit() {
+        this.viewReady = true;
         // const bubbleElement = this.bubbleElement?.nativeElement;
         // if (bubbleElement) {
         //   this.focusTrap.attach(bubbleElement);
@@ -4890,6 +4892,9 @@ class EditorBubbleMenuComponent {
      * Handle when target mark/node becomes active
      */
     handleActivate(attrs) {
+        if (!this.viewReady) {
+            return;
+        }
         this.currentAttributes = attrs;
         // Select which view to show
         const viewId = this.selectInitialView(attrs, false);
@@ -6131,6 +6136,7 @@ class TiptapEditorDirective {
     _editor;
     initialEditableState;
     set editor(editor) {
+        console.log('set editor', editor);
         this._editor = editor;
         // Store initial editable state immediately when editor is set
         // This ensures we capture the state before any Forms API calls
@@ -6159,6 +6165,7 @@ class TiptapEditorDirective {
         if (typeof value === 'string' && this.htmlPreprocessor) {
             processedValue = this.htmlPreprocessor(value);
         }
+        console.log('writeValue', value);
         this.editor.chain().setContent(processedValue, { emitUpdate: false }).run();
     }
     // Registers a callback function that is called when the control's value changes in the UI.
@@ -6184,9 +6191,9 @@ class TiptapEditorDirective {
         this.renderer.setProperty(this.elRef.nativeElement, 'disabled', isDisabled);
     }
     handleChange = ({ editor, transaction }) => {
-        if (!transaction.docChanged) {
+        console.log('handleChange', transaction.docChanged);
+        if (!transaction.docChanged)
             return;
-        }
         // Needed for ChangeDetectionStrategy.OnPush to get notified about changes
         this.changeDetectorRef.markForCheck();
         if (this.outputFormat === 'html') {
@@ -6199,6 +6206,7 @@ class TiptapEditorDirective {
         const editor = this.editor;
         // take the inner contents and clear the block
         const { innerHTML } = this.elRef.nativeElement;
+        console.log('inner html', innerHTML);
         this.elRef.nativeElement.innerHTML = '';
         // insert the editor in the dom
         this.elRef.nativeElement.append(...Array.from(editor.options.element?.childNodes || []));
@@ -6214,6 +6222,7 @@ class TiptapEditorDirective {
         editor.on('blur', () => {
             this.onTouched();
         });
+        console.log('Update change!');
         // register update handler to listen to changes on update
         editor.on('update', this.handleChange);
         // Needed for ChangeDetectionStrategy.OnPush to get notified