dockview-core 1.10.2 → 1.12.0

package/dist/dockview-core.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 1.10.2
+ * @version 1.12.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3547,7 +3547,7 @@
             this.panel = panel;
             let container;
             switch (panel.api.renderer) {
-                case 'onlyWhenVisibile':
+                case 'onlyWhenVisible':
                     this.group.renderContainer.detatch(panel);
                     if (this.panel) {
                         if (doRender) {
@@ -3593,7 +3593,7 @@
         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);
                 }
             }
@@ -3982,6 +3982,10 @@
             }), 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;
@@ -4079,7 +4083,13 @@
                     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);
@@ -4132,7 +4142,7 @@
     }
     class WillShowOverlayLocationEvent {
         get kind() {
-            return this._kind;
+            return this.options.kind;
         }
         get nativeEvent() {
             return this.event.nativeEvent;
@@ -4143,12 +4153,24 @@
         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 {
@@ -4287,6 +4309,10 @@
             }), 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);
         }
@@ -6104,27 +6130,18 @@
             //
             this.params = {};
             this._element = document.createElement('div');
-            this._element.className = 'default-tab';
+            this._element.className = 'dv-default-tab';
             //
             this._content = document.createElement('div');
-            this._content.className = 'tab-content';
-            //
-            this._actionContainer = document.createElement('div');
-            this._actionContainer.className = 'action-container';
-            //
-            this._list = document.createElement('ul');
-            this._list.className = 'tab-list';
-            //
+            this._content.className = 'dv-default-tab-content';
             this.action = document.createElement('div');
-            this.action.className = 'tab-action';
+            this.action.className = 'dv-default-tab-action';
             this.action.appendChild(createCloseButton());
             //
             this._element.appendChild(this._content);
-            this._element.appendChild(this._actionContainer);
-            this._actionContainer.appendChild(this._list);
-            this._list.appendChild(this.action);
+            this._element.appendChild(this.action);
             //
-            this.addDisposables(addDisposableListener(this._actionContainer, 'mousedown', (ev) => {
+            this.addDisposables(addDisposableListener(this.action, 'mousedown', (ev) => {
                 ev.preventDefault();
             }));
             this.render();
@@ -6964,7 +6981,10 @@
         }
         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;
@@ -7099,6 +7119,10 @@
                 }
                 this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
                     kind: 'edge',
+                    panel: undefined,
+                    api: this._api,
+                    group: undefined,
+                    getData: getPanelData,
                 }));
             }), this._rootDropTarget.onDrop((event) => {
                 var _a;