dockview-react 4.3.1 → 4.4.0

package/dist/dockview-react.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 4.3.1
+ * @version 4.4.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3626,6 +3626,9 @@
         get onDidPopoutGroupPositionChange() {
             return this.component.onDidPopoutGroupPositionChange;
         }
+        get onDidOpenPopoutWindowFail() {
+            return this.component.onDidOpenPopoutWindowFail;
+        }
         /**
          * All panel objects.
          */
@@ -8205,6 +8208,8 @@
             this.onDidPopoutGroupSizeChange = this._onDidPopoutGroupSizeChange.event;
             this._onDidPopoutGroupPositionChange = new Emitter();
             this.onDidPopoutGroupPositionChange = this._onDidPopoutGroupPositionChange.event;
+            this._onDidOpenPopoutWindowFail = new Emitter();
+            this.onDidOpenPopoutWindowFail = this._onDidOpenPopoutWindowFail.event;
             this._onDidLayoutFromJSON = new Emitter();
             this.onDidLayoutFromJSON = this._onDidLayoutFromJSON.event;
             this._onDidActivePanelChange = new Emitter({ replay: true });
@@ -8269,7 +8274,7 @@
             if (options.debug) {
                 this.addDisposables(new StrictEventsSequencing(this));
             }
-            this.addDisposables(this.rootDropTargetContainer, this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this._onDidOptionsChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
+            this.addDisposables(this.rootDropTargetContainer, this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this._onDidOptionsChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidOpenPopoutWindowFail, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
                 this.updateWatermark();
             }), this.onDidAdd((event) => {
                 if (!this._moving) {
@@ -8415,13 +8420,6 @@
                 if (_window.isDisposed) {
                     return false;
                 }
-                if (popoutContainer === null) {
-                    popoutWindowDisposable.dispose();
-                    return false;
-                }
-                const gready = document.createElement('div');
-                gready.className = 'dv-overlay-render-container';
-                const overlayRenderContainer = new OverlayRenderContainer(gready, this);
                 const referenceGroup = (options === null || options === void 0 ? void 0 : options.referenceGroup)
                     ? options.referenceGroup
                     : itemToPopout instanceof DockviewPanel
@@ -8429,7 +8427,7 @@
                         : itemToPopout;
                 const referenceLocation = itemToPopout.api.location.type;
                 /**
-                 * The group that is being added doesn't already exist within the DOM, the most likely occurance
+                 * The group that is being added doesn't already exist within the DOM, the most likely occurrence
                  * of this case is when being called from the `fromJSON(...)` method
                  */
                 const isGroupAddedToDom = referenceGroup.element.parentElement !== null;
@@ -8442,8 +8440,28 @@
                 }
                 else {
                     group = this.createGroup({ id: groupId });
-                    this._onDidAddGroup.fire(group);
+                    if (popoutContainer) {
+                        this._onDidAddGroup.fire(group);
+                    }
                 }
+                if (popoutContainer === null) {
+                    console.error('dockview: failed to create popout. perhaps you need to allow pop-ups for this website');
+                    popoutWindowDisposable.dispose();
+                    this._onDidOpenPopoutWindowFail.fire();
+                    // if the popout window was blocked, we need to move the group back to the reference group
+                    // and set it to visible
+                    this.movingLock(() => moveGroupWithoutDestroying({
+                        from: group,
+                        to: referenceGroup,
+                    }));
+                    if (!referenceGroup.api.isVisible) {
+                        referenceGroup.api.setVisible(true);
+                    }
+                    return false;
+                }
+                const gready = document.createElement('div');
+                gready.className = 'dv-overlay-render-container';
+                const overlayRenderContainer = new OverlayRenderContainer(gready, this);
                 group.model.renderContainer = overlayRenderContainer;
                 group.layout(_window.window.innerWidth, _window.window.innerHeight);
                 let floatingBox;
@@ -8600,7 +8618,7 @@
                 return true;
             })
                 .catch((err) => {
-                console.error('dockview: failed to create popout window', err);
+                console.error('dockview: failed to create popout.', err);
                 return false;
             });
         }