dockview-core 4.2.5 → 4.3.0

package/dist/cjs/api/component.api.d.ts

@@ -471,7 +471,7 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
     /**
      * Get a group object given a `string` id. May return undefined.
      */
-    getGroup(id: string): DockviewGroupPanel | undefined;
+    getGroup(id: string): IDockviewGroupPanel | undefined;
     /**
      * Add a floating group
      */

package/dist/cjs/dnd/droptarget.js

@@ -110,9 +110,9 @@ var Droptarget = /** @class */ (function (_super) {
             onDragOver: function (e) {
                 var _a, _b, _c, _d, _e, _f, _g;
                 Droptarget.ACTUAL_TARGET = _this;
-                var overrideTraget = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
+                var overrideTarget = (_b = (_a = _this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
                 if (_this._acceptedTargetZonesSet.size === 0) {
-                    if (overrideTraget) {
+                    if (overrideTarget) {
                         return;
                     }
                     _this.removeDropTarget();
@@ -139,7 +139,7 @@ var Droptarget = /** @class */ (function (_super) {
                     return;
                 }
                 if (!_this.options.canDisplayOverlay(e, quadrant)) {
-                    if (overrideTraget) {
+                    if (overrideTarget) {
                         return;
                     }
                     _this.removeDropTarget();
@@ -159,7 +159,7 @@ var Droptarget = /** @class */ (function (_super) {
                     return;
                 }
                 _this.markAsUsed(e);
-                if (overrideTraget) {
+                if (overrideTarget) {
                     //
                 }
                 else if (!_this.targetElement) {

package/dist/cjs/dockview/components/titlebar/voidContainer.d.ts

@@ -7,7 +7,7 @@ export declare class VoidContainer extends CompositeDisposable {
     private readonly accessor;
     private readonly group;
     private readonly _element;
-    private readonly dropTraget;
+    private readonly dropTarget;
     private readonly _onDrop;
     readonly onDrop: Event<DroptargetEvent>;
     private readonly _onDragStart;

package/dist/cjs/dockview/components/titlebar/voidContainer.js

@@ -38,7 +38,7 @@ var VoidContainer = /** @class */ (function (_super) {
             _this.accessor.doSetGroupActive(_this.group);
         }));
         var handler = new groupDragHandler_1.GroupDragHandler(_this._element, accessor, group);
-        _this.dropTraget = new droptarget_1.Droptarget(_this._element, {
+        _this.dropTarget = new droptarget_1.Droptarget(_this._element, {
             acceptedTargetZones: ['center'],
             canDisplayOverlay: function (event, position) {
                 var data = (0, dataTransfer_1.getPanelData)();
@@ -49,12 +49,12 @@ var VoidContainer = /** @class */ (function (_super) {
             },
             getOverrideTarget: function () { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
         });
-        _this.onWillShowOverlay = _this.dropTraget.onWillShowOverlay;
+        _this.onWillShowOverlay = _this.dropTarget.onWillShowOverlay;
         _this.addDisposables(handler, handler.onDragStart(function (event) {
             _this._onDragStart.fire(event);
-        }), _this.dropTraget.onDrop(function (event) {
+        }), _this.dropTarget.onDrop(function (event) {
             _this._onDrop.fire(event);
-        }), _this.dropTraget);
+        }), _this.dropTarget);
         return _this;
     }
     Object.defineProperty(VoidContainer.prototype, "element", {

package/dist/cjs/dockview/dockviewComponent.d.ts

@@ -27,6 +27,7 @@ export interface DockviewPopoutGroupOptions {
      * Defaults to `/popout.html` if not provided
      */
     popoutUrl?: string;
+    referenceGroup?: DockviewGroupPanel;
     onDidOpen?: (event: {
         id: string;
         window: Window;

package/dist/cjs/dockview/dockviewComponent.js

@@ -447,9 +447,11 @@ var DockviewComponent = /** @class */ (function (_super) {
             var gready = document.createElement('div');
             gready.className = 'dv-overlay-render-container';
             var overlayRenderContainer = new overlayRenderContainer_1.OverlayRenderContainer(gready, _this);
-            var referenceGroup = itemToPopout instanceof dockviewPanel_1.DockviewPanel
-                ? itemToPopout.group
-                : itemToPopout;
+            var referenceGroup = (options === null || options === void 0 ? void 0 : options.referenceGroup)
+                ? options.referenceGroup
+                : itemToPopout instanceof dockviewPanel_1.DockviewPanel
+                    ? itemToPopout.group
+                    : itemToPopout;
             var referenceLocation = itemToPopout.api.location.type;
             /**
              * The group that is being added doesn't already exist within the DOM, the most likely occurance
@@ -978,7 +980,7 @@ var DockviewComponent = /** @class */ (function (_super) {
     DockviewComponent.prototype.fromJSON = function (data) {
         var e_5, _a, e_6, _b, e_7, _c, e_8, _d, e_9, _e, e_10, _f, e_11, _g;
         var _this = this;
-        var _h, _j, _k;
+        var _h, _j;
         this.clear();
         if (typeof data !== 'object' || data === null) {
             throw new Error('serialized layout must be a non-null object');
@@ -1073,12 +1075,11 @@ var DockviewComponent = /** @class */ (function (_super) {
                     var serializedPopoutGroup = serializedPopoutGroups_1_1.value;
                     var data_2 = serializedPopoutGroup.data, position = serializedPopoutGroup.position, gridReferenceGroup = serializedPopoutGroup.gridReferenceGroup, url = serializedPopoutGroup.url;
                     var group = createGroupFromSerializedState_1(data_2);
-                    this.addPopoutGroup((_k = (gridReferenceGroup
-                        ? this.getPanel(gridReferenceGroup)
-                        : undefined)) !== null && _k !== void 0 ? _k : group, {
+                    this.addPopoutGroup(group, {
                         position: position !== null && position !== void 0 ? position : undefined,
-                        overridePopoutGroup: gridReferenceGroup
-                            ? group
+                        overridePopoutGroup: gridReferenceGroup ? group : undefined,
+                        referenceGroup: gridReferenceGroup
+                            ? this.getPanel(gridReferenceGroup)
                             : undefined,
                         popoutUrl: url,
                     });
@@ -1092,15 +1093,15 @@ var DockviewComponent = /** @class */ (function (_super) {
                 finally { if (e_6) throw e_6.error; }
             }
             try {
-                for (var _l = __values(this._floatingGroups), _m = _l.next(); !_m.done; _m = _l.next()) {
-                    var floatingGroup = _m.value;
+                for (var _k = __values(this._floatingGroups), _l = _k.next(); !_l.done; _l = _k.next()) {
+                    var floatingGroup = _l.value;
                     floatingGroup.overlay.setBounds();
                 }
             }
             catch (e_7_1) { e_7 = { error: e_7_1 }; }
             finally {
                 try {
-                    if (_m && !_m.done && (_c = _l.return)) _c.call(_l);
+                    if (_l && !_l.done && (_c = _k.return)) _c.call(_k);
                 }
                 finally { if (e_7) throw e_7.error; }
             }
@@ -1117,11 +1118,11 @@ var DockviewComponent = /** @class */ (function (_super) {
                 /**
                  * Takes all the successfully created groups and remove all of their panels.
                  */
-                for (var _o = __values(this.groups), _p = _o.next(); !_p.done; _p = _o.next()) {
-                    var group = _p.value;
+                for (var _m = __values(this.groups), _o = _m.next(); !_o.done; _o = _m.next()) {
+                    var group = _o.value;
                     try {
-                        for (var _q = (e_9 = void 0, __values(group.panels)), _r = _q.next(); !_r.done; _r = _q.next()) {
-                            var panel = _r.value;
+                        for (var _p = (e_9 = void 0, __values(group.panels)), _q = _p.next(); !_q.done; _q = _p.next()) {
+                            var panel = _q.value;
                             this.removePanel(panel, {
                                 removeEmptyGroup: false,
                                 skipDispose: false,
@@ -1131,7 +1132,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                     catch (e_9_1) { e_9 = { error: e_9_1 }; }
                     finally {
                         try {
-                            if (_r && !_r.done && (_e = _q.return)) _e.call(_q);
+                            if (_q && !_q.done && (_e = _p.return)) _e.call(_p);
                         }
                         finally { if (e_9) throw e_9.error; }
                     }
@@ -1140,7 +1141,7 @@ var DockviewComponent = /** @class */ (function (_super) {
             catch (e_8_1) { e_8 = { error: e_8_1 }; }
             finally {
                 try {
-                    if (_p && !_p.done && (_d = _o.return)) _d.call(_o);
+                    if (_o && !_o.done && (_d = _m.return)) _d.call(_m);
                 }
                 finally { if (e_8) throw e_8.error; }
             }
@@ -1149,8 +1150,8 @@ var DockviewComponent = /** @class */ (function (_super) {
                  * To remove a group we cannot call this.removeGroup(...) since this makes assumptions about
                  * the underlying HTMLElement existing in the Gridview.
                  */
-                for (var _s = __values(this.groups), _t = _s.next(); !_t.done; _t = _s.next()) {
-                    var group = _t.value;
+                for (var _r = __values(this.groups), _s = _r.next(); !_s.done; _s = _r.next()) {
+                    var group = _s.value;
                     group.dispose();
                     this._groups.delete(group.id);
                     this._onDidRemoveGroup.fire(group);
@@ -1159,21 +1160,21 @@ var DockviewComponent = /** @class */ (function (_super) {
             catch (e_10_1) { e_10 = { error: e_10_1 }; }
             finally {
                 try {
-                    if (_t && !_t.done && (_f = _s.return)) _f.call(_s);
+                    if (_s && !_s.done && (_f = _r.return)) _f.call(_r);
                 }
                 finally { if (e_10) throw e_10.error; }
             }
             try {
                 // iterate over a reassigned array since original array will be modified
-                for (var _u = __values(__spreadArray([], __read(this._floatingGroups), false)), _v = _u.next(); !_v.done; _v = _u.next()) {
-                    var floatingGroup = _v.value;
+                for (var _t = __values(__spreadArray([], __read(this._floatingGroups), false)), _u = _t.next(); !_u.done; _u = _t.next()) {
+                    var floatingGroup = _u.value;
                     floatingGroup.dispose();
                 }
             }
             catch (e_11_1) { e_11 = { error: e_11_1 }; }
             finally {
                 try {
-                    if (_v && !_v.done && (_g = _u.return)) _g.call(_u);
+                    if (_u && !_u.done && (_g = _t.return)) _g.call(_t);
                 }
                 finally { if (e_11) throw e_11.error; }
             }

package/dist/dockview-core.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 4.2.5
+ * @version 4.3.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3983,9 +3983,9 @@ define(['exports'], (function (exports) { 'use strict';
               onDragOver: (e) => {
                   var _a, _b, _c, _d, _e, _f, _g;
                   Droptarget.ACTUAL_TARGET = this;
-                  const overrideTraget = (_b = (_a = this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
+                  const overrideTarget = (_b = (_a = this.options).getOverrideTarget) === null || _b === void 0 ? void 0 : _b.call(_a);
                   if (this._acceptedTargetZonesSet.size === 0) {
-                      if (overrideTraget) {
+                      if (overrideTarget) {
                           return;
                       }
                       this.removeDropTarget();
@@ -4012,7 +4012,7 @@ define(['exports'], (function (exports) { 'use strict';
                       return;
                   }
                   if (!this.options.canDisplayOverlay(e, quadrant)) {
-                      if (overrideTraget) {
+                      if (overrideTarget) {
                           return;
                       }
                       this.removeDropTarget();
@@ -4032,7 +4032,7 @@ define(['exports'], (function (exports) { 'use strict';
                       return;
                   }
                   this.markAsUsed(e);
-                  if (overrideTraget) ;
+                  if (overrideTarget) ;
                   else if (!this.targetElement) {
                       this.targetElement = document.createElement('div');
                       this.targetElement.className = 'dv-drop-target-dropzone';
@@ -5141,7 +5141,7 @@ define(['exports'], (function (exports) { 'use strict';
               this.accessor.doSetGroupActive(this.group);
           }));
           const handler = new GroupDragHandler(this._element, accessor, group);
-          this.dropTraget = new Droptarget(this._element, {
+          this.dropTarget = new Droptarget(this._element, {
               acceptedTargetZones: ['center'],
               canDisplayOverlay: (event, position) => {
                   const data = getPanelData();
@@ -5152,12 +5152,12 @@ define(['exports'], (function (exports) { 'use strict';
               },
               getOverrideTarget: () => { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
           });
-          this.onWillShowOverlay = this.dropTraget.onWillShowOverlay;
+          this.onWillShowOverlay = this.dropTarget.onWillShowOverlay;
           this.addDisposables(handler, handler.onDragStart((event) => {
               this._onDragStart.fire(event);
-          }), this.dropTraget.onDrop((event) => {
+          }), this.dropTarget.onDrop((event) => {
               this._onDrop.fire(event);
-          }), this.dropTraget);
+          }), this.dropTarget);
       }
   }
 
@@ -8468,9 +8468,11 @@ define(['exports'], (function (exports) { 'use strict';
               const gready = document.createElement('div');
               gready.className = 'dv-overlay-render-container';
               const overlayRenderContainer = new OverlayRenderContainer(gready, this);
-              const referenceGroup = itemToPopout instanceof DockviewPanel
-                  ? itemToPopout.group
-                  : itemToPopout;
+              const referenceGroup = (options === null || options === void 0 ? void 0 : options.referenceGroup)
+                  ? options.referenceGroup
+                  : itemToPopout instanceof DockviewPanel
+                      ? itemToPopout.group
+                      : itemToPopout;
               const referenceLocation = itemToPopout.api.location.type;
               /**
                * The group that is being added doesn't already exist within the DOM, the most likely occurance
@@ -8958,7 +8960,7 @@ define(['exports'], (function (exports) { 'use strict';
           return result;
       }
       fromJSON(data) {
-          var _a, _b, _c;
+          var _a, _b;
           this.clear();
           if (typeof data !== 'object' || data === null) {
               throw new Error('serialized layout must be a non-null object');
@@ -9030,12 +9032,11 @@ define(['exports'], (function (exports) { 'use strict';
               for (const serializedPopoutGroup of serializedPopoutGroups) {
                   const { data, position, gridReferenceGroup, url } = serializedPopoutGroup;
                   const group = createGroupFromSerializedState(data);
-                  this.addPopoutGroup((_c = (gridReferenceGroup
-                      ? this.getPanel(gridReferenceGroup)
-                      : undefined)) !== null && _c !== void 0 ? _c : group, {
+                  this.addPopoutGroup(group, {
                       position: position !== null && position !== void 0 ? position : undefined,
-                      overridePopoutGroup: gridReferenceGroup
-                          ? group
+                      overridePopoutGroup: gridReferenceGroup ? group : undefined,
+                      referenceGroup: gridReferenceGroup
+                          ? this.getPanel(gridReferenceGroup)
                           : undefined,
                       popoutUrl: url,
                   });