dockview 1.7.1 → 1.7.3

package/dist/dockview.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.7.1
+ * @version 1.7.3
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4613,7 +4613,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(() => {
@@ -4626,8 +4625,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();
@@ -4644,11 +4643,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,
@@ -4658,14 +4656,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,
@@ -4803,7 +4800,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;
@@ -4811,8 +4807,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 }));
@@ -4857,8 +4852,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();
+            }
         }
     }
 
@@ -4867,7 +4870,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;
@@ -4878,15 +4881,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({

package/dist/dockview.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.7.1
+ * @version 1.7.3
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4646,7 +4646,6 @@ class DockviewPanel extends CompositeDisposable {
         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(() => {
@@ -4659,8 +4658,8 @@ class DockviewPanel extends CompositeDisposable {
     }
     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();
@@ -4677,11 +4676,10 @@ class DockviewPanel extends CompositeDisposable {
         };
     }
     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,
@@ -4691,14 +4689,13 @@ class DockviewPanel extends CompositeDisposable {
         }
     }
     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,
@@ -4836,7 +4833,6 @@ class DockviewPanelModel {
         return this._tab;
     }
     constructor(accessor, id, contentComponent, tabComponent) {
-        var _a;
         this.accessor = accessor;
         this.id = id;
         this.contentComponent = contentComponent;
@@ -4844,8 +4840,7 @@ class DockviewPanelModel {
         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 }));
@@ -4890,8 +4885,16 @@ class DockviewPanelModel {
         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();
+        }
     }
 }
 
@@ -4900,7 +4903,7 @@ class DefaultDockviewDeserialzier {
         this.layout = layout;
     }
     fromJSON(panelData, group) {
-        var _a, _b, _c;
+        var _a;
         const panelId = panelData.id;
         const params = panelData.params;
         const title = panelData.title;
@@ -4911,15 +4914,6 @@ class DefaultDockviewDeserialzier {
         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({

package/dist/dockview.esm.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.7.1
+ * @version 1.7.3
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -4624,7 +4624,6 @@ class DockviewPanel extends CompositeDisposable {
         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(() => {
@@ -4637,8 +4636,8 @@ class DockviewPanel extends CompositeDisposable {
     }
     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();
@@ -4655,11 +4654,10 @@ class DockviewPanel extends CompositeDisposable {
         };
     }
     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,
@@ -4669,14 +4667,13 @@ class DockviewPanel extends CompositeDisposable {
         }
     }
     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,
@@ -4814,7 +4811,6 @@ class DockviewPanelModel {
         return this._tab;
     }
     constructor(accessor, id, contentComponent, tabComponent) {
-        var _a;
         this.accessor = accessor;
         this.id = id;
         this.contentComponent = contentComponent;
@@ -4822,8 +4818,7 @@ class DockviewPanelModel {
         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 }));
@@ -4868,8 +4863,16 @@ class DockviewPanelModel {
         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();
+        }
     }
 }
 
@@ -4878,7 +4881,7 @@ class DefaultDockviewDeserialzier {
         this.layout = layout;
     }
     fromJSON(panelData, group) {
-        var _a, _b, _c;
+        var _a;
         const panelId = panelData.id;
         const params = panelData.params;
         const title = panelData.title;
@@ -4889,15 +4892,6 @@ class DefaultDockviewDeserialzier {
         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({