dockview 1.11.0 → 1.12.0

package/dist/dockview.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.11.0
+ * @version 1.12.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3543,7 +3543,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.panel = panel;
             let container;
             switch (panel.api.renderer) {
-                case 'onlyWhenVisibile':
+                case 'onlyWhenVisible':
                     this.group.renderContainer.detatch(panel);
                     if (this.panel) {
                         if (doRender) {
@@ -3589,7 +3589,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         closePanel() {
             var _a;
             if (this.panel) {
-                if (this.panel.api.renderer === 'onlyWhenVisibile') {
+                if (this.panel.api.renderer === 'onlyWhenVisible') {
                     (_a = this.panel.view.content.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.panel.view.content.element);
                 }
             }
@@ -3978,6 +3978,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             }), this.voidContainer.onWillShowOverlay((event) => {
                 this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
                     kind: 'header_space',
+                    panel: this.group.activePanel,
+                    api: this.accessor.api,
+                    group: this.group,
+                    getData: getPanelData,
                 }));
             }), addDisposableListener(this.voidContainer.element, 'mousedown', (event) => {
                 const isFloatingGroupsEnabled = !this.accessor.options.disableFloatingGroups;
@@ -4075,7 +4079,13 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                     index: this.tabs.findIndex((x) => x.value === tab),
                 });
             }), tab.onWillShowOverlay((event) => {
-                this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, { kind: 'tab' }));
+                this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
+                    kind: 'tab',
+                    panel: this.group.activePanel,
+                    api: this.accessor.api,
+                    group: this.group,
+                    getData: getPanelData,
+                }));
             }));
             const value = { value: tab, disposable };
             this.addTab(value, index);
@@ -4128,7 +4138,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
     }
     class WillShowOverlayLocationEvent {
         get kind() {
-            return this._kind;
+            return this.options.kind;
         }
         get nativeEvent() {
             return this.event.nativeEvent;
@@ -4139,12 +4149,24 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         get defaultPrevented() {
             return this.event.defaultPrevented;
         }
+        get panel() {
+            return this.options.panel;
+        }
+        get api() {
+            return this.options.api;
+        }
+        get group() {
+            return this.options.group;
+        }
         preventDefault() {
             this.event.preventDefault();
         }
+        getData() {
+            return this.options.getData();
+        }
         constructor(event, options) {
             this.event = event;
-            this._kind = options.kind;
+            this.options = options;
         }
     }
     class DockviewGroupPanelModel extends CompositeDisposable {
@@ -4283,6 +4305,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             }), this.contentContainer.dropTarget.onWillShowOverlay((event) => {
                 this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
                     kind: 'content',
+                    panel: this.activePanel,
+                    api: this._api,
+                    group: this.groupPanel,
+                    getData: getPanelData,
                 }));
             }), this._onMove, this._onDidChange, this._onDidDrop, this._onWillDrop, this._onDidAddPanel, this._onDidRemovePanel, this._onDidActivePanelChange);
         }
@@ -6928,7 +6954,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         }
         get renderer() {
             var _a;
-            return (_a = this.options.defaultRenderer) !== null && _a !== void 0 ? _a : 'onlyWhenVisibile';
+            return (_a = this.options.defaultRenderer) !== null && _a !== void 0 ? _a : 'onlyWhenVisible';
+        }
+        get api() {
+            return this._api;
         }
         constructor(options) {
             var _a, _b;
@@ -7063,6 +7092,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 }
                 this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
                     kind: 'edge',
+                    panel: undefined,
+                    api: this._api,
+                    group: undefined,
+                    getData: getPanelData,
                 }));
             }), this._rootDropTarget.onDrop((event) => {
                 var _a;