dockview 1.7.1 → 1.7.3

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.7.1
+ * @version 1.7.3
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4643,7 +4643,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           this.id = id;
           this.containerApi = containerApi;
           this.view = view;
-          this._title = '';
           this._group = group;
           this.api = new DockviewPanelApiImpl(this, this._group);
           this.addDisposables(this.api.onActiveChange(() => {
@@ -4656,8 +4655,8 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
       }
       init(params) {
           this._params = params.params;
-          this.setTitle(params.title);
           this.view.init(Object.assign(Object.assign({}, params), { api: this.api, containerApi: this.containerApi }));
+          this.setTitle(params.title);
       }
       focus() {
           this.api._onFocusEvent.fire();
@@ -4674,11 +4673,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           };
       }
       setTitle(title) {
-          var _a, _b;
-          const didTitleChange = title !== ((_a = this._params) === null || _a === void 0 ? void 0 : _a.title);
+          const didTitleChange = title !== this.title;
           if (didTitleChange) {
               this._title = title;
-              (_b = this.view) === null || _b === void 0 ? void 0 : _b.update({
+              this.view.update({
                   params: {
                       params: this._params,
                       title: this.title,
@@ -4688,14 +4686,13 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           }
       }
       update(event) {
-          var _a;
           const params = event.params;
           this._params = Object.assign(Object.assign({}, (this._params || {})), event.params.params);
           if (params.title !== this.title) {
               this._title = params.title;
-              this.api._onDidTitleChange.fire({ title: this.title });
+              this.api._onDidTitleChange.fire({ title: params.title });
           }
-          (_a = this.view) === null || _a === void 0 ? void 0 : _a.update({
+          this.view.update({
               params: {
                   params: this._params,
                   title: this.title,
@@ -4833,7 +4830,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           return this._tab;
       }
       constructor(accessor, id, contentComponent, tabComponent) {
-          var _a;
           this.accessor = accessor;
           this.id = id;
           this.contentComponent = contentComponent;
@@ -4841,8 +4837,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           this._group = null;
           this._isPanelVisible = null;
           this._content = this.createContentComponent(this.id, contentComponent);
-          this._tab =
-              (_a = this.createTabComponent(this.id, tabComponent)) !== null && _a !== void 0 ? _a : new DefaultTab();
+          this._tab = this.createTabComponent(this.id, tabComponent);
       }
       init(params) {
           this.content.init(Object.assign(Object.assign({}, params), { tab: this.tab }));
@@ -4887,8 +4882,16 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           return createComponent(id, componentName, this.accessor.options.components || {}, this.accessor.options.frameworkComponents, (_a = this.accessor.options.frameworkComponentFactory) === null || _a === void 0 ? void 0 : _a.content);
       }
       createTabComponent(id, componentName) {
-          var _a;
-          return createComponent(id, componentName, this.accessor.options.tabComponents || {}, this.accessor.options.frameworkTabComponents, (_a = this.accessor.options.frameworkComponentFactory) === null || _a === void 0 ? void 0 : _a.tab, () => new DefaultTab());
+          var _a, _b;
+          if (componentName) {
+              return createComponent(id, componentName, this.accessor.options.tabComponents, this.accessor.options.frameworkTabComponents, (_a = this.accessor.options.frameworkComponentFactory) === null || _a === void 0 ? void 0 : _a.tab, () => new DefaultTab());
+          }
+          else if (this.accessor.options.defaultTabComponent) {
+              return createComponent(id, this.accessor.options.defaultTabComponent, this.accessor.options.tabComponents, this.accessor.options.frameworkTabComponents, (_b = this.accessor.options.frameworkComponentFactory) === null || _b === void 0 ? void 0 : _b.tab, () => new DefaultTab());
+          }
+          else {
+              return new DefaultTab();
+          }
       }
   }
 
@@ -4897,7 +4900,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           this.layout = layout;
       }
       fromJSON(panelData, group) {
-          var _a, _b, _c;
+          var _a;
           const panelId = panelData.id;
           const params = panelData.params;
           const title = panelData.title;
@@ -4908,15 +4911,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           const tabComponent = viewData
               ? (_a = viewData.tab) === null || _a === void 0 ? void 0 : _a.id
               : panelData.tabComponent;
-          if (tabComponent) {
-              createComponent(panelId, tabComponent, this.layout.options.tabComponents, this.layout.options.frameworkTabComponents, (_b = this.layout.options.frameworkComponentFactory) === null || _b === void 0 ? void 0 : _b.tab, () => new DefaultTab());
-          }
-          else if (this.layout.options.defaultTabComponent) {
-              createComponent(panelId, this.layout.options.defaultTabComponent, this.layout.options.tabComponents, this.layout.options.frameworkTabComponents, (_c = this.layout.options.frameworkComponentFactory) === null || _c === void 0 ? void 0 : _c.tab, () => new DefaultTab());
-          }
-          else {
-              new DefaultTab();
-          }
           const view = new DockviewPanelModel(this.layout, panelId, contentComponent, tabComponent);
           const panel = new DockviewPanel(panelId, this.layout, new DockviewApi(this.layout), group, view);
           panel.init({