dockview 1.11.0 → 1.12.0

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.11.0
+ * @version 1.12.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3573,7 +3573,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) {
@@ -3619,7 +3619,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);
               }
           }
@@ -4008,6 +4008,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;
@@ -4105,7 +4109,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);
@@ -4158,7 +4168,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;
@@ -4169,12 +4179,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 {
@@ -4313,6 +4335,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);
       }
@@ -6958,7 +6984,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;
@@ -7093,6 +7122,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;