dockview-core 4.9.0 → 4.11.0

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

@@ -18,7 +18,7 @@ export interface ActiveGroupEvent {
 export interface GroupChangedEvent {
 }
 export type DockviewPanelMoveParams = DockviewGroupMoveParams;
-export interface DockviewPanelApi extends Omit<GridviewPanelApi, 'setVisible' | 'onDidConstraintsChange' | 'setConstraints'> {
+export interface DockviewPanelApi extends Omit<GridviewPanelApi, 'setVisible' | 'onDidConstraintsChange'> {
     /**
      * The id of the tab component renderer
      *

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

@@ -14,6 +14,7 @@ export interface IDockviewGroupPanel extends IGridviewPanel<DockviewGroupPanelAp
 export type IDockviewGroupPanelPublic = IDockviewGroupPanel;
 export declare class DockviewGroupPanel extends GridviewPanel<DockviewGroupPanelApiImpl> implements IDockviewGroupPanel {
     private readonly _model;
+    private _explicitConstraints;
     get minimumWidth(): number;
     get minimumHeight(): number;
     get maximumWidth(): number;

package/dist/cjs/dockview/dockviewGroupPanel.js

@@ -19,6 +19,7 @@ exports.DockviewGroupPanel = void 0;
 var dockviewGroupPanelModel_1 = require("./dockviewGroupPanelModel");
 var gridviewPanel_1 = require("../gridview/gridviewPanel");
 var dockviewGroupPanelApi_1 = require("../api/dockviewGroupPanelApi");
+// GridConstraintChangeEvent2 is not exported, so we'll type it manually
 var MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH = 100;
 var MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT = 100;
 var DockviewGroupPanel = /** @class */ (function (_super) {
@@ -27,20 +28,49 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
         var _a, _b, _c, _d, _e, _f;
         var _this = _super.call(this, id, 'groupview_default', {
             minimumHeight: (_b = (_a = options.constraints) === null || _a === void 0 ? void 0 : _a.minimumHeight) !== null && _b !== void 0 ? _b : MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT,
-            minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.maximumHeight) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
+            minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.minimumWidth) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
             maximumHeight: (_e = options.constraints) === null || _e === void 0 ? void 0 : _e.maximumHeight,
             maximumWidth: (_f = options.constraints) === null || _f === void 0 ? void 0 : _f.maximumWidth,
         }, new dockviewGroupPanelApi_1.DockviewGroupPanelApiImpl(id, accessor)) || this;
+        // Track explicitly set constraints to override panel constraints
+        _this._explicitConstraints = {};
         _this.api.initialize(_this); // cannot use 'this' after after 'super' call
         _this._model = new dockviewGroupPanelModel_1.DockviewGroupPanelModel(_this.element, accessor, id, options, _this);
         _this.addDisposables(_this.model.onDidActivePanelChange(function (event) {
             _this.api._onDidActivePanelChange.fire(event);
+        }), _this.api.onDidConstraintsChangeInternal(function (event) {
+            // Track explicitly set constraints to override panel constraints
+            // Extract numeric values from functions or values
+            if (event.minimumWidth !== undefined) {
+                _this._explicitConstraints.minimumWidth = typeof event.minimumWidth === 'function'
+                    ? event.minimumWidth()
+                    : event.minimumWidth;
+            }
+            if (event.minimumHeight !== undefined) {
+                _this._explicitConstraints.minimumHeight = typeof event.minimumHeight === 'function'
+                    ? event.minimumHeight()
+                    : event.minimumHeight;
+            }
+            if (event.maximumWidth !== undefined) {
+                _this._explicitConstraints.maximumWidth = typeof event.maximumWidth === 'function'
+                    ? event.maximumWidth()
+                    : event.maximumWidth;
+            }
+            if (event.maximumHeight !== undefined) {
+                _this._explicitConstraints.maximumHeight = typeof event.maximumHeight === 'function'
+                    ? event.maximumHeight()
+                    : event.maximumHeight;
+            }
         }));
         return _this;
     }
     Object.defineProperty(DockviewGroupPanel.prototype, "minimumWidth", {
         get: function () {
             var _a;
+            // Check for explicitly set group constraint first
+            if (typeof this._explicitConstraints.minimumWidth === 'number') {
+                return this._explicitConstraints.minimumWidth;
+            }
             var activePanelMinimumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumWidth;
             if (typeof activePanelMinimumWidth === 'number') {
                 return activePanelMinimumWidth;
@@ -53,6 +83,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
     Object.defineProperty(DockviewGroupPanel.prototype, "minimumHeight", {
         get: function () {
             var _a;
+            // Check for explicitly set group constraint first
+            if (typeof this._explicitConstraints.minimumHeight === 'number') {
+                return this._explicitConstraints.minimumHeight;
+            }
             var activePanelMinimumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumHeight;
             if (typeof activePanelMinimumHeight === 'number') {
                 return activePanelMinimumHeight;
@@ -65,6 +99,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
     Object.defineProperty(DockviewGroupPanel.prototype, "maximumWidth", {
         get: function () {
             var _a;
+            // Check for explicitly set group constraint first
+            if (typeof this._explicitConstraints.maximumWidth === 'number') {
+                return this._explicitConstraints.maximumWidth;
+            }
             var activePanelMaximumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumWidth;
             if (typeof activePanelMaximumWidth === 'number') {
                 return activePanelMaximumWidth;
@@ -77,6 +115,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
     Object.defineProperty(DockviewGroupPanel.prototype, "maximumHeight", {
         get: function () {
             var _a;
+            // Check for explicitly set group constraint first
+            if (typeof this._explicitConstraints.maximumHeight === 'number') {
+                return this._explicitConstraints.maximumHeight;
+            }
             var activePanelMaximumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumHeight;
             if (typeof activePanelMaximumHeight === 'number') {
                 return activePanelMaximumHeight;

package/dist/cjs/gridview/gridviewComponent.js

@@ -303,8 +303,8 @@ var GridviewComponent = /** @class */ (function (_super) {
             accessor: this,
             isVisible: true,
         });
-        this.registerPanel(view);
         this.doAddGroup(view, relativeLocation, options.size);
+        this.registerPanel(view);
         this.doSetGroupActive(view);
         return view;
     };

package/dist/dockview-core.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 4.9.0
+ * @version 4.11.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -6791,11 +6791,16 @@ define(['exports'], (function (exports) { 'use strict';
       }
   }
 
+  // GridConstraintChangeEvent2 is not exported, so we'll type it manually
   const MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH = 100;
   const MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT = 100;
   class DockviewGroupPanel extends GridviewPanel {
       get minimumWidth() {
           var _a;
+          // Check for explicitly set group constraint first
+          if (typeof this._explicitConstraints.minimumWidth === 'number') {
+              return this._explicitConstraints.minimumWidth;
+          }
           const activePanelMinimumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumWidth;
           if (typeof activePanelMinimumWidth === 'number') {
               return activePanelMinimumWidth;
@@ -6804,6 +6809,10 @@ define(['exports'], (function (exports) { 'use strict';
       }
       get minimumHeight() {
           var _a;
+          // Check for explicitly set group constraint first
+          if (typeof this._explicitConstraints.minimumHeight === 'number') {
+              return this._explicitConstraints.minimumHeight;
+          }
           const activePanelMinimumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumHeight;
           if (typeof activePanelMinimumHeight === 'number') {
               return activePanelMinimumHeight;
@@ -6812,6 +6821,10 @@ define(['exports'], (function (exports) { 'use strict';
       }
       get maximumWidth() {
           var _a;
+          // Check for explicitly set group constraint first
+          if (typeof this._explicitConstraints.maximumWidth === 'number') {
+              return this._explicitConstraints.maximumWidth;
+          }
           const activePanelMaximumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumWidth;
           if (typeof activePanelMaximumWidth === 'number') {
               return activePanelMaximumWidth;
@@ -6820,6 +6833,10 @@ define(['exports'], (function (exports) { 'use strict';
       }
       get maximumHeight() {
           var _a;
+          // Check for explicitly set group constraint first
+          if (typeof this._explicitConstraints.maximumHeight === 'number') {
+              return this._explicitConstraints.maximumHeight;
+          }
           const activePanelMaximumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumHeight;
           if (typeof activePanelMaximumHeight === 'number') {
               return activePanelMaximumHeight;
@@ -6851,14 +6868,39 @@ define(['exports'], (function (exports) { 'use strict';
           var _a, _b, _c, _d, _e, _f;
           super(id, 'groupview_default', {
               minimumHeight: (_b = (_a = options.constraints) === null || _a === void 0 ? void 0 : _a.minimumHeight) !== null && _b !== void 0 ? _b : MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT,
-              minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.maximumHeight) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
+              minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.minimumWidth) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
               maximumHeight: (_e = options.constraints) === null || _e === void 0 ? void 0 : _e.maximumHeight,
               maximumWidth: (_f = options.constraints) === null || _f === void 0 ? void 0 : _f.maximumWidth,
           }, new DockviewGroupPanelApiImpl(id, accessor));
+          // Track explicitly set constraints to override panel constraints
+          this._explicitConstraints = {};
           this.api.initialize(this); // cannot use 'this' after after 'super' call
           this._model = new DockviewGroupPanelModel(this.element, accessor, id, options, this);
           this.addDisposables(this.model.onDidActivePanelChange((event) => {
               this.api._onDidActivePanelChange.fire(event);
+          }), this.api.onDidConstraintsChangeInternal((event) => {
+              // Track explicitly set constraints to override panel constraints
+              // Extract numeric values from functions or values
+              if (event.minimumWidth !== undefined) {
+                  this._explicitConstraints.minimumWidth = typeof event.minimumWidth === 'function'
+                      ? event.minimumWidth()
+                      : event.minimumWidth;
+              }
+              if (event.minimumHeight !== undefined) {
+                  this._explicitConstraints.minimumHeight = typeof event.minimumHeight === 'function'
+                      ? event.minimumHeight()
+                      : event.minimumHeight;
+              }
+              if (event.maximumWidth !== undefined) {
+                  this._explicitConstraints.maximumWidth = typeof event.maximumWidth === 'function'
+                      ? event.maximumWidth()
+                      : event.maximumWidth;
+              }
+              if (event.maximumHeight !== undefined) {
+                  this._explicitConstraints.maximumHeight = typeof event.maximumHeight === 'function'
+                      ? event.maximumHeight()
+                      : event.maximumHeight;
+              }
           }));
       }
       focus() {
@@ -10326,8 +10368,8 @@ define(['exports'], (function (exports) { 'use strict';
               accessor: this,
               isVisible: true,
           });
-          this.registerPanel(view);
           this.doAddGroup(view, relativeLocation, options.size);
+          this.registerPanel(view);
           this.doSetGroupActive(view);
           return view;
       }