dockview-vue 6.1.1 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/dockview-vue.cjs.js +53 -73
  2. package/dist/dockview-vue.es.js +53 -73
  3. package/dist/dockview-vue.umd.js +56 -76
  4. package/dist/types/dockview/dockview.vue.d.ts +2 -1
  5. package/dist/types/gridview/gridview.vue.d.ts +2 -1
  6. package/dist/types/paneview/paneview.vue.d.ts +2 -1
  7. package/dist/types/splitview/splitview.vue.d.ts +2 -1
  8. package/package.json +2 -9
package/dist/dockview-vue.cjs.js CHANGED
@@ -1,20 +1,16 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
4
- var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
6
3
  const dockviewCore = require("dockview-core");
7
4
  const vue = require("vue");
8
5
  function findComponent(parent, name) {
9
- var _a, _b;
10
6
  let instance = parent;
11
7
  let component = null;
12
8
  while (!component && instance) {
13
- component = (_a = instance.components) == null ? void 0 : _a[name];
9
+ component = instance.components?.[name];
14
10
  instance = instance.parent;
15
11
  }
16
12
  if (!component) {
17
- component = (_b = parent.appContext.components) == null ? void 0 : _b[name];
13
+ component = parent.appContext.components?.[name];
18
14
  }
19
15
  if (!component) {
20
16
  throw new Error(`Failed to find Vue Component '${name}'`);
@@ -43,7 +39,6 @@ function mountVueComponent(component, parent, props, element) {
43
39
  }
44
40
  class AbstractVueRenderer {
45
41
  constructor(component, parent) {
46
- __publicField(this, "_element");
47
42
  this.component = component;
48
43
  this.parent = parent;
49
44
  this._element = document.createElement("div");
@@ -51,19 +46,18 @@ class AbstractVueRenderer {
51
46
  this.element.style.height = "100%";
52
47
  this.element.style.width = "100%";
53
48
  }
49
+ component;
50
+ parent;
51
+ _element;
54
52
  get element() {
55
53
  return this._element;
56
54
  }
57
55
  }
58
56
  class VueRenderer extends AbstractVueRenderer {
59
- constructor() {
60
- super(...arguments);
61
- __publicField(this, "_renderDisposable");
62
- __publicField(this, "_api");
63
- __publicField(this, "_containerApi");
64
- }
57
+ _renderDisposable;
58
+ _api;
59
+ _containerApi;
65
60
  init(parameters) {
66
- var _a;
67
61
  this._api = parameters.api;
68
62
  this._containerApi = parameters.containerApi;
69
63
  const props = {
@@ -72,7 +66,7 @@ class VueRenderer extends AbstractVueRenderer {
72
66
  containerApi: parameters.containerApi,
73
67
  tabLocation: parameters.tabLocation
74
68
  };
75
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
69
+ this._renderDisposable?.dispose();
76
70
  this._renderDisposable = mountVueComponent(
77
71
  this.component,
78
72
  this.parent,
@@ -81,12 +75,11 @@ class VueRenderer extends AbstractVueRenderer {
81
75
  );
82
76
  }
83
77
  update(event) {
84
- var _a;
85
78
  if (!this._api || !this._containerApi) {
86
79
  return;
87
80
  }
88
81
  const params = event.params;
89
- (_a = this._renderDisposable) == null ? void 0 : _a.update({
82
+ this._renderDisposable?.update({
90
83
  params: {
91
84
  params,
92
85
  api: this._api,
@@ -95,25 +88,20 @@ class VueRenderer extends AbstractVueRenderer {
95
88
  });
96
89
  }
97
90
  dispose() {
98
- var _a;
99
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
91
+ this._renderDisposable?.dispose();
100
92
  }
101
93
  }
102
94
  class VueWatermarkRenderer extends AbstractVueRenderer {
103
- constructor() {
104
- super(...arguments);
105
- __publicField(this, "_renderDisposable");
106
- }
95
+ _renderDisposable;
107
96
  get element() {
108
97
  return this._element;
109
98
  }
110
99
  init(parameters) {
111
- var _a;
112
100
  const props = {
113
101
  group: parameters.group,
114
102
  containerApi: parameters.containerApi
115
103
  };
116
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
104
+ this._renderDisposable?.dispose();
117
105
  this._renderDisposable = mountVueComponent(
118
106
  this.component,
119
107
  this.parent,
@@ -124,23 +112,22 @@ class VueWatermarkRenderer extends AbstractVueRenderer {
124
112
  update(event) {
125
113
  }
126
114
  dispose() {
127
- var _a;
128
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
115
+ this._renderDisposable?.dispose();
129
116
  }
130
117
  }
131
118
  class VueHeaderActionsRenderer extends AbstractVueRenderer {
132
119
  constructor(component, parent, group) {
133
120
  super(component, parent);
134
- __publicField(this, "_renderDisposable");
135
- __publicField(this, "_mutableDisposable", new dockviewCore.DockviewMutableDisposable());
136
- __publicField(this, "_baseProps");
137
121
  this.group = group;
138
122
  }
123
+ group;
124
+ _renderDisposable;
125
+ _mutableDisposable = new dockviewCore.DockviewMutableDisposable();
126
+ _baseProps;
139
127
  get element() {
140
128
  return this._element;
141
129
  }
142
130
  init(props) {
143
- var _a;
144
131
  this._baseProps = props;
145
132
  this._mutableDisposable.value = new dockviewCore.DockviewCompositeDisposable(
146
133
  this.group.model.onDidAddPanel(() => {
@@ -159,7 +146,7 @@ class VueHeaderActionsRenderer extends AbstractVueRenderer {
159
146
  this.updateLocation(event.location);
160
147
  })
161
148
  );
162
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
149
+ this._renderDisposable?.dispose();
163
150
  this._renderDisposable = mountVueComponent(
164
151
  this.component,
165
152
  this.parent,
@@ -168,9 +155,8 @@ class VueHeaderActionsRenderer extends AbstractVueRenderer {
168
155
  );
169
156
  }
170
157
  dispose() {
171
- var _a;
172
158
  this._mutableDisposable.dispose();
173
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
159
+ this._renderDisposable?.dispose();
174
160
  }
175
161
  buildEnrichedProps() {
176
162
  return {
@@ -184,22 +170,16 @@ class VueHeaderActionsRenderer extends AbstractVueRenderer {
184
170
  };
185
171
  }
186
172
  updateProps() {
187
- var _a;
188
- (_a = this._renderDisposable) == null ? void 0 : _a.update({ params: this.buildEnrichedProps() });
173
+ this._renderDisposable?.update({ params: this.buildEnrichedProps() });
189
174
  }
190
175
  updateLocation(location) {
191
- var _a;
192
- (_a = this._renderDisposable) == null ? void 0 : _a.update({ params: { location } });
176
+ this._renderDisposable?.update({ params: { location } });
193
177
  }
194
178
  }
195
179
  class VueContextMenuItemRenderer extends AbstractVueRenderer {
196
- constructor() {
197
- super(...arguments);
198
- __publicField(this, "_renderDisposable");
199
- }
180
+ _renderDisposable;
200
181
  init(props) {
201
- var _a;
202
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
182
+ this._renderDisposable?.dispose();
203
183
  this._renderDisposable = mountVueComponent(
204
184
  this.component,
205
185
  this.parent,
@@ -208,24 +188,22 @@ class VueContextMenuItemRenderer extends AbstractVueRenderer {
208
188
  );
209
189
  }
210
190
  dispose() {
211
- var _a;
212
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
191
+ this._renderDisposable?.dispose();
213
192
  }
214
193
  }
215
194
  class VueTabGroupChipRenderer extends AbstractVueRenderer {
195
+ _renderDisposable;
196
+ get element() {
197
+ return this._element;
198
+ }
216
199
  constructor(component, parent) {
217
200
  super(component, parent);
218
- __publicField(this, "_renderDisposable");
219
201
  this.element.style.height = "";
220
202
  this.element.style.width = "";
221
203
  this.element.style.display = "inline-flex";
222
204
  }
223
- get element() {
224
- return this._element;
225
- }
226
205
  init(params) {
227
- var _a;
228
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
206
+ this._renderDisposable?.dispose();
229
207
  this._renderDisposable = mountVueComponent(
230
208
  this.component,
231
209
  this.parent,
@@ -239,27 +217,28 @@ class VueTabGroupChipRenderer extends AbstractVueRenderer {
239
217
  );
240
218
  }
241
219
  update(params) {
242
- var _a;
243
- (_a = this._renderDisposable) == null ? void 0 : _a.update({
220
+ this._renderDisposable?.update({
244
221
  params: { tabGroup: params.tabGroup }
245
222
  });
246
223
  }
247
224
  dispose() {
248
- var _a;
249
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
225
+ this._renderDisposable?.dispose();
250
226
  }
251
227
  }
252
228
  class VuePart {
253
229
  constructor(element, vueComponent, parent, props) {
254
- __publicField(this, "_renderDisposable");
255
230
  this.element = element;
256
231
  this.vueComponent = vueComponent;
257
232
  this.parent = parent;
258
233
  this.props = props;
259
234
  }
235
+ element;
236
+ vueComponent;
237
+ parent;
238
+ props;
239
+ _renderDisposable;
260
240
  init() {
261
- var _a;
262
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
241
+ this._renderDisposable?.dispose();
263
242
  this._renderDisposable = mountVueComponent(
264
243
  this.vueComponent,
265
244
  this.parent,
@@ -268,13 +247,11 @@ class VuePart {
268
247
  );
269
248
  }
270
249
  update(props) {
271
- var _a;
272
250
  this.props = { ...this.props, ...props };
273
- (_a = this._renderDisposable) == null ? void 0 : _a.update(this.props);
251
+ this._renderDisposable?.update(this.props);
274
252
  }
275
253
  dispose() {
276
- var _a;
277
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
254
+ this._renderDisposable?.dispose();
278
255
  }
279
256
  }
280
257
  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
@@ -620,10 +597,11 @@ class VueSplitviewPanelView extends dockviewCore.SplitviewPanel {
620
597
  this.vueComponent = vueComponent;
621
598
  this.parent = parent;
622
599
  }
600
+ vueComponent;
601
+ parent;
623
602
  getComponent() {
624
- var _a;
625
603
  const part = new VuePart(this.element, this.vueComponent, this.parent, {
626
- params: ((_a = this._params) == null ? void 0 : _a.params) ?? {},
604
+ params: this._params?.params ?? {},
627
605
  api: this.api,
628
606
  containerApi: new dockviewCore.SplitviewApi(this._params.accessor)
629
607
  });
@@ -680,10 +658,11 @@ class VueGridviewPanelView extends dockviewCore.GridviewPanel {
680
658
  this.vueComponent = vueComponent;
681
659
  this.parent = parent;
682
660
  }
661
+ vueComponent;
662
+ parent;
683
663
  getComponent() {
684
- var _a;
685
664
  const part = new VuePart(this.element, this.vueComponent, this.parent, {
686
- params: ((_a = this._params) == null ? void 0 : _a.params) ?? {},
665
+ params: this._params?.params ?? {},
687
666
  api: this.api,
688
667
  containerApi: new dockviewCore.GridviewApi(this._params.accessor)
689
668
  });
@@ -734,8 +713,6 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
734
713
  });
735
714
  class VuePaneviewPanelView {
736
715
  constructor(id, vueComponent, parent) {
737
- __publicField(this, "_element");
738
- __publicField(this, "part");
739
716
  this.id = id;
740
717
  this.vueComponent = vueComponent;
741
718
  this.parent = parent;
@@ -743,6 +720,11 @@ class VuePaneviewPanelView {
743
720
  this._element.style.height = "100%";
744
721
  this._element.style.width = "100%";
745
722
  }
723
+ id;
724
+ vueComponent;
725
+ parent;
726
+ _element;
727
+ part;
746
728
  get element() {
747
729
  return this._element;
748
730
  }
@@ -761,12 +743,10 @@ class VuePaneviewPanelView {
761
743
  };
762
744
  }
763
745
  update(params) {
764
- var _a;
765
- (_a = this.part) == null ? void 0 : _a.update({ params: params.params });
746
+ this.part?.update({ params: params.params });
766
747
  }
767
748
  dispose() {
768
- var _a;
769
- (_a = this.part) == null ? void 0 : _a.dispose();
749
+ this.part?.dispose();
770
750
  }
771
751
  }
772
752
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
package/dist/dockview-vue.es.js CHANGED
@@ -1,19 +1,15 @@
1
- var __defProp = Object.defineProperty;
2
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
- var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
1
  import { DockviewMutableDisposable, DockviewCompositeDisposable, PROPERTY_KEYS_DOCKVIEW, createDockview, SplitviewPanel, SplitviewApi, createSplitview, PROPERTY_KEYS_SPLITVIEW, GridviewPanel, GridviewApi, createGridview, PROPERTY_KEYS_GRIDVIEW, createPaneview, PROPERTY_KEYS_PANEVIEW } from "dockview-core";
5
2
  export * from "dockview-core";
6
3
  import { createVNode, render, cloneVNode, defineComponent, ref, watch, getCurrentInstance, onMounted, markRaw, onBeforeUnmount, openBlock, createElementBlock } from "vue";
7
4
  function findComponent(parent, name) {
8
- var _a, _b;
9
5
  let instance = parent;
10
6
  let component = null;
11
7
  while (!component && instance) {
12
- component = (_a = instance.components) == null ? void 0 : _a[name];
8
+ component = instance.components?.[name];
13
9
  instance = instance.parent;
14
10
  }
15
11
  if (!component) {
16
- component = (_b = parent.appContext.components) == null ? void 0 : _b[name];
12
+ component = parent.appContext.components?.[name];
17
13
  }
18
14
  if (!component) {
19
15
  throw new Error(`Failed to find Vue Component '${name}'`);
@@ -42,7 +38,6 @@ function mountVueComponent(component, parent, props, element) {
42
38
  }
43
39
  class AbstractVueRenderer {
44
40
  constructor(component, parent) {
45
- __publicField(this, "_element");
46
41
  this.component = component;
47
42
  this.parent = parent;
48
43
  this._element = document.createElement("div");
@@ -50,19 +45,18 @@ class AbstractVueRenderer {
50
45
  this.element.style.height = "100%";
51
46
  this.element.style.width = "100%";
52
47
  }
48
+ component;
49
+ parent;
50
+ _element;
53
51
  get element() {
54
52
  return this._element;
55
53
  }
56
54
  }
57
55
  class VueRenderer extends AbstractVueRenderer {
58
- constructor() {
59
- super(...arguments);
60
- __publicField(this, "_renderDisposable");
61
- __publicField(this, "_api");
62
- __publicField(this, "_containerApi");
63
- }
56
+ _renderDisposable;
57
+ _api;
58
+ _containerApi;
64
59
  init(parameters) {
65
- var _a;
66
60
  this._api = parameters.api;
67
61
  this._containerApi = parameters.containerApi;
68
62
  const props = {
@@ -71,7 +65,7 @@ class VueRenderer extends AbstractVueRenderer {
71
65
  containerApi: parameters.containerApi,
72
66
  tabLocation: parameters.tabLocation
73
67
  };
74
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
68
+ this._renderDisposable?.dispose();
75
69
  this._renderDisposable = mountVueComponent(
76
70
  this.component,
77
71
  this.parent,
@@ -80,12 +74,11 @@ class VueRenderer extends AbstractVueRenderer {
80
74
  );
81
75
  }
82
76
  update(event) {
83
- var _a;
84
77
  if (!this._api || !this._containerApi) {
85
78
  return;
86
79
  }
87
80
  const params = event.params;
88
- (_a = this._renderDisposable) == null ? void 0 : _a.update({
81
+ this._renderDisposable?.update({
89
82
  params: {
90
83
  params,
91
84
  api: this._api,
@@ -94,25 +87,20 @@ class VueRenderer extends AbstractVueRenderer {
94
87
  });
95
88
  }
96
89
  dispose() {
97
- var _a;
98
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
90
+ this._renderDisposable?.dispose();
99
91
  }
100
92
  }
101
93
  class VueWatermarkRenderer extends AbstractVueRenderer {
102
- constructor() {
103
- super(...arguments);
104
- __publicField(this, "_renderDisposable");
105
- }
94
+ _renderDisposable;
106
95
  get element() {
107
96
  return this._element;
108
97
  }
109
98
  init(parameters) {
110
- var _a;
111
99
  const props = {
112
100
  group: parameters.group,
113
101
  containerApi: parameters.containerApi
114
102
  };
115
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
103
+ this._renderDisposable?.dispose();
116
104
  this._renderDisposable = mountVueComponent(
117
105
  this.component,
118
106
  this.parent,
@@ -123,23 +111,22 @@ class VueWatermarkRenderer extends AbstractVueRenderer {
123
111
  update(event) {
124
112
  }
125
113
  dispose() {
126
- var _a;
127
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
114
+ this._renderDisposable?.dispose();
128
115
  }
129
116
  }
130
117
  class VueHeaderActionsRenderer extends AbstractVueRenderer {
131
118
  constructor(component, parent, group) {
132
119
  super(component, parent);
133
- __publicField(this, "_renderDisposable");
134
- __publicField(this, "_mutableDisposable", new DockviewMutableDisposable());
135
- __publicField(this, "_baseProps");
136
120
  this.group = group;
137
121
  }
122
+ group;
123
+ _renderDisposable;
124
+ _mutableDisposable = new DockviewMutableDisposable();
125
+ _baseProps;
138
126
  get element() {
139
127
  return this._element;
140
128
  }
141
129
  init(props) {
142
- var _a;
143
130
  this._baseProps = props;
144
131
  this._mutableDisposable.value = new DockviewCompositeDisposable(
145
132
  this.group.model.onDidAddPanel(() => {
@@ -158,7 +145,7 @@ class VueHeaderActionsRenderer extends AbstractVueRenderer {
158
145
  this.updateLocation(event.location);
159
146
  })
160
147
  );
161
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
148
+ this._renderDisposable?.dispose();
162
149
  this._renderDisposable = mountVueComponent(
163
150
  this.component,
164
151
  this.parent,
@@ -167,9 +154,8 @@ class VueHeaderActionsRenderer extends AbstractVueRenderer {
167
154
  );
168
155
  }
169
156
  dispose() {
170
- var _a;
171
157
  this._mutableDisposable.dispose();
172
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
158
+ this._renderDisposable?.dispose();
173
159
  }
174
160
  buildEnrichedProps() {
175
161
  return {
@@ -183,22 +169,16 @@ class VueHeaderActionsRenderer extends AbstractVueRenderer {
183
169
  };
184
170
  }
185
171
  updateProps() {
186
- var _a;
187
- (_a = this._renderDisposable) == null ? void 0 : _a.update({ params: this.buildEnrichedProps() });
172
+ this._renderDisposable?.update({ params: this.buildEnrichedProps() });
188
173
  }
189
174
  updateLocation(location) {
190
- var _a;
191
- (_a = this._renderDisposable) == null ? void 0 : _a.update({ params: { location } });
175
+ this._renderDisposable?.update({ params: { location } });
192
176
  }
193
177
  }
194
178
  class VueContextMenuItemRenderer extends AbstractVueRenderer {
195
- constructor() {
196
- super(...arguments);
197
- __publicField(this, "_renderDisposable");
198
- }
179
+ _renderDisposable;
199
180
  init(props) {
200
- var _a;
201
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
181
+ this._renderDisposable?.dispose();
202
182
  this._renderDisposable = mountVueComponent(
203
183
  this.component,
204
184
  this.parent,
@@ -207,24 +187,22 @@ class VueContextMenuItemRenderer extends AbstractVueRenderer {
207
187
  );
208
188
  }
209
189
  dispose() {
210
- var _a;
211
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
190
+ this._renderDisposable?.dispose();
212
191
  }
213
192
  }
214
193
  class VueTabGroupChipRenderer extends AbstractVueRenderer {
194
+ _renderDisposable;
195
+ get element() {
196
+ return this._element;
197
+ }
215
198
  constructor(component, parent) {
216
199
  super(component, parent);
217
- __publicField(this, "_renderDisposable");
218
200
  this.element.style.height = "";
219
201
  this.element.style.width = "";
220
202
  this.element.style.display = "inline-flex";
221
203
  }
222
- get element() {
223
- return this._element;
224
- }
225
204
  init(params) {
226
- var _a;
227
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
205
+ this._renderDisposable?.dispose();
228
206
  this._renderDisposable = mountVueComponent(
229
207
  this.component,
230
208
  this.parent,
@@ -238,27 +216,28 @@ class VueTabGroupChipRenderer extends AbstractVueRenderer {
238
216
  );
239
217
  }
240
218
  update(params) {
241
- var _a;
242
- (_a = this._renderDisposable) == null ? void 0 : _a.update({
219
+ this._renderDisposable?.update({
243
220
  params: { tabGroup: params.tabGroup }
244
221
  });
245
222
  }
246
223
  dispose() {
247
- var _a;
248
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
224
+ this._renderDisposable?.dispose();
249
225
  }
250
226
  }
251
227
  class VuePart {
252
228
  constructor(element, vueComponent, parent, props) {
253
- __publicField(this, "_renderDisposable");
254
229
  this.element = element;
255
230
  this.vueComponent = vueComponent;
256
231
  this.parent = parent;
257
232
  this.props = props;
258
233
  }
234
+ element;
235
+ vueComponent;
236
+ parent;
237
+ props;
238
+ _renderDisposable;
259
239
  init() {
260
- var _a;
261
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
240
+ this._renderDisposable?.dispose();
262
241
  this._renderDisposable = mountVueComponent(
263
242
  this.vueComponent,
264
243
  this.parent,
@@ -267,13 +246,11 @@ class VuePart {
267
246
  );
268
247
  }
269
248
  update(props) {
270
- var _a;
271
249
  this.props = { ...this.props, ...props };
272
- (_a = this._renderDisposable) == null ? void 0 : _a.update(this.props);
250
+ this._renderDisposable?.update(this.props);
273
251
  }
274
252
  dispose() {
275
- var _a;
276
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
253
+ this._renderDisposable?.dispose();
277
254
  }
278
255
  }
279
256
  const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -619,10 +596,11 @@ class VueSplitviewPanelView extends SplitviewPanel {
619
596
  this.vueComponent = vueComponent;
620
597
  this.parent = parent;
621
598
  }
599
+ vueComponent;
600
+ parent;
622
601
  getComponent() {
623
- var _a;
624
602
  const part = new VuePart(this.element, this.vueComponent, this.parent, {
625
- params: ((_a = this._params) == null ? void 0 : _a.params) ?? {},
603
+ params: this._params?.params ?? {},
626
604
  api: this.api,
627
605
  containerApi: new SplitviewApi(this._params.accessor)
628
606
  });
@@ -679,10 +657,11 @@ class VueGridviewPanelView extends GridviewPanel {
679
657
  this.vueComponent = vueComponent;
680
658
  this.parent = parent;
681
659
  }
660
+ vueComponent;
661
+ parent;
682
662
  getComponent() {
683
- var _a;
684
663
  const part = new VuePart(this.element, this.vueComponent, this.parent, {
685
- params: ((_a = this._params) == null ? void 0 : _a.params) ?? {},
664
+ params: this._params?.params ?? {},
686
665
  api: this.api,
687
666
  containerApi: new GridviewApi(this._params.accessor)
688
667
  });
@@ -733,8 +712,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
733
712
  });
734
713
  class VuePaneviewPanelView {
735
714
  constructor(id, vueComponent, parent) {
736
- __publicField(this, "_element");
737
- __publicField(this, "part");
738
715
  this.id = id;
739
716
  this.vueComponent = vueComponent;
740
717
  this.parent = parent;
@@ -742,6 +719,11 @@ class VuePaneviewPanelView {
742
719
  this._element.style.height = "100%";
743
720
  this._element.style.width = "100%";
744
721
  }
722
+ id;
723
+ vueComponent;
724
+ parent;
725
+ _element;
726
+ part;
745
727
  get element() {
746
728
  return this._element;
747
729
  }
@@ -760,12 +742,10 @@ class VuePaneviewPanelView {
760
742
  };
761
743
  }
762
744
  update(params) {
763
- var _a;
764
- (_a = this.part) == null ? void 0 : _a.update({ params: params.params });
745
+ this.part?.update({ params: params.params });
765
746
  }
766
747
  dispose() {
767
- var _a;
768
- (_a = this.part) == null ? void 0 : _a.dispose();
748
+ this.part?.dispose();
769
749
  }
770
750
  }
771
751
  const _sfc_main = /* @__PURE__ */ defineComponent({
package/dist/dockview-vue.umd.js CHANGED
@@ -1,20 +1,16 @@
1
1
  (function(global, factory) {
2
2
  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("dockview-core"), require("vue")) : typeof define === "function" && define.amd ? define(["exports", "dockview-core", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["dockview-vue"] = {}, global.DockviewCore, global.Vue));
3
- })(this, function(exports2, dockviewCore, vue) {
4
- "use strict";var __defProp = Object.defineProperty;
5
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
- var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
7
-
3
+ })(this, (function(exports2, dockviewCore, vue) {
4
+ "use strict";
8
5
  function findComponent(parent, name) {
9
- var _a, _b;
10
6
  let instance = parent;
11
7
  let component = null;
12
8
  while (!component && instance) {
13
- component = (_a = instance.components) == null ? void 0 : _a[name];
9
+ component = instance.components?.[name];
14
10
  instance = instance.parent;
15
11
  }
16
12
  if (!component) {
17
- component = (_b = parent.appContext.components) == null ? void 0 : _b[name];
13
+ component = parent.appContext.components?.[name];
18
14
  }
19
15
  if (!component) {
20
16
  throw new Error(`Failed to find Vue Component '${name}'`);
@@ -43,7 +39,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
43
39
  }
44
40
  class AbstractVueRenderer {
45
41
  constructor(component, parent) {
46
- __publicField(this, "_element");
47
42
  this.component = component;
48
43
  this.parent = parent;
49
44
  this._element = document.createElement("div");
@@ -51,19 +46,18 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
51
46
  this.element.style.height = "100%";
52
47
  this.element.style.width = "100%";
53
48
  }
49
+ component;
50
+ parent;
51
+ _element;
54
52
  get element() {
55
53
  return this._element;
56
54
  }
57
55
  }
58
56
  class VueRenderer extends AbstractVueRenderer {
59
- constructor() {
60
- super(...arguments);
61
- __publicField(this, "_renderDisposable");
62
- __publicField(this, "_api");
63
- __publicField(this, "_containerApi");
64
- }
57
+ _renderDisposable;
58
+ _api;
59
+ _containerApi;
65
60
  init(parameters) {
66
- var _a;
67
61
  this._api = parameters.api;
68
62
  this._containerApi = parameters.containerApi;
69
63
  const props = {
@@ -72,7 +66,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
72
66
  containerApi: parameters.containerApi,
73
67
  tabLocation: parameters.tabLocation
74
68
  };
75
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
69
+ this._renderDisposable?.dispose();
76
70
  this._renderDisposable = mountVueComponent(
77
71
  this.component,
78
72
  this.parent,
@@ -81,12 +75,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
81
75
  );
82
76
  }
83
77
  update(event) {
84
- var _a;
85
78
  if (!this._api || !this._containerApi) {
86
79
  return;
87
80
  }
88
81
  const params = event.params;
89
- (_a = this._renderDisposable) == null ? void 0 : _a.update({
82
+ this._renderDisposable?.update({
90
83
  params: {
91
84
  params,
92
85
  api: this._api,
@@ -95,25 +88,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
95
88
  });
96
89
  }
97
90
  dispose() {
98
- var _a;
99
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
91
+ this._renderDisposable?.dispose();
100
92
  }
101
93
  }
102
94
  class VueWatermarkRenderer extends AbstractVueRenderer {
103
- constructor() {
104
- super(...arguments);
105
- __publicField(this, "_renderDisposable");
106
- }
95
+ _renderDisposable;
107
96
  get element() {
108
97
  return this._element;
109
98
  }
110
99
  init(parameters) {
111
- var _a;
112
100
  const props = {
113
101
  group: parameters.group,
114
102
  containerApi: parameters.containerApi
115
103
  };
116
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
104
+ this._renderDisposable?.dispose();
117
105
  this._renderDisposable = mountVueComponent(
118
106
  this.component,
119
107
  this.parent,
@@ -124,23 +112,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
124
112
  update(event) {
125
113
  }
126
114
  dispose() {
127
- var _a;
128
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
115
+ this._renderDisposable?.dispose();
129
116
  }
130
117
  }
131
118
  class VueHeaderActionsRenderer extends AbstractVueRenderer {
132
119
  constructor(component, parent, group) {
133
120
  super(component, parent);
134
- __publicField(this, "_renderDisposable");
135
- __publicField(this, "_mutableDisposable", new dockviewCore.DockviewMutableDisposable());
136
- __publicField(this, "_baseProps");
137
121
  this.group = group;
138
122
  }
123
+ group;
124
+ _renderDisposable;
125
+ _mutableDisposable = new dockviewCore.DockviewMutableDisposable();
126
+ _baseProps;
139
127
  get element() {
140
128
  return this._element;
141
129
  }
142
130
  init(props) {
143
- var _a;
144
131
  this._baseProps = props;
145
132
  this._mutableDisposable.value = new dockviewCore.DockviewCompositeDisposable(
146
133
  this.group.model.onDidAddPanel(() => {
@@ -159,7 +146,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
159
146
  this.updateLocation(event.location);
160
147
  })
161
148
  );
162
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
149
+ this._renderDisposable?.dispose();
163
150
  this._renderDisposable = mountVueComponent(
164
151
  this.component,
165
152
  this.parent,
@@ -168,9 +155,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
168
155
  );
169
156
  }
170
157
  dispose() {
171
- var _a;
172
158
  this._mutableDisposable.dispose();
173
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
159
+ this._renderDisposable?.dispose();
174
160
  }
175
161
  buildEnrichedProps() {
176
162
  return {
@@ -184,22 +170,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
184
170
  };
185
171
  }
186
172
  updateProps() {
187
- var _a;
188
- (_a = this._renderDisposable) == null ? void 0 : _a.update({ params: this.buildEnrichedProps() });
173
+ this._renderDisposable?.update({ params: this.buildEnrichedProps() });
189
174
  }
190
175
  updateLocation(location) {
191
- var _a;
192
- (_a = this._renderDisposable) == null ? void 0 : _a.update({ params: { location } });
176
+ this._renderDisposable?.update({ params: { location } });
193
177
  }
194
178
  }
195
179
  class VueContextMenuItemRenderer extends AbstractVueRenderer {
196
- constructor() {
197
- super(...arguments);
198
- __publicField(this, "_renderDisposable");
199
- }
180
+ _renderDisposable;
200
181
  init(props) {
201
- var _a;
202
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
182
+ this._renderDisposable?.dispose();
203
183
  this._renderDisposable = mountVueComponent(
204
184
  this.component,
205
185
  this.parent,
@@ -208,24 +188,22 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
208
188
  );
209
189
  }
210
190
  dispose() {
211
- var _a;
212
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
191
+ this._renderDisposable?.dispose();
213
192
  }
214
193
  }
215
194
  class VueTabGroupChipRenderer extends AbstractVueRenderer {
195
+ _renderDisposable;
196
+ get element() {
197
+ return this._element;
198
+ }
216
199
  constructor(component, parent) {
217
200
  super(component, parent);
218
- __publicField(this, "_renderDisposable");
219
201
  this.element.style.height = "";
220
202
  this.element.style.width = "";
221
203
  this.element.style.display = "inline-flex";
222
204
  }
223
- get element() {
224
- return this._element;
225
- }
226
205
  init(params) {
227
- var _a;
228
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
206
+ this._renderDisposable?.dispose();
229
207
  this._renderDisposable = mountVueComponent(
230
208
  this.component,
231
209
  this.parent,
@@ -239,27 +217,28 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
239
217
  );
240
218
  }
241
219
  update(params) {
242
- var _a;
243
- (_a = this._renderDisposable) == null ? void 0 : _a.update({
220
+ this._renderDisposable?.update({
244
221
  params: { tabGroup: params.tabGroup }
245
222
  });
246
223
  }
247
224
  dispose() {
248
- var _a;
249
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
225
+ this._renderDisposable?.dispose();
250
226
  }
251
227
  }
252
228
  class VuePart {
253
229
  constructor(element, vueComponent, parent, props) {
254
- __publicField(this, "_renderDisposable");
255
230
  this.element = element;
256
231
  this.vueComponent = vueComponent;
257
232
  this.parent = parent;
258
233
  this.props = props;
259
234
  }
235
+ element;
236
+ vueComponent;
237
+ parent;
238
+ props;
239
+ _renderDisposable;
260
240
  init() {
261
- var _a;
262
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
241
+ this._renderDisposable?.dispose();
263
242
  this._renderDisposable = mountVueComponent(
264
243
  this.vueComponent,
265
244
  this.parent,
@@ -268,13 +247,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
268
247
  );
269
248
  }
270
249
  update(props) {
271
- var _a;
272
250
  this.props = { ...this.props, ...props };
273
- (_a = this._renderDisposable) == null ? void 0 : _a.update(this.props);
251
+ this._renderDisposable?.update(this.props);
274
252
  }
275
253
  dispose() {
276
- var _a;
277
- (_a = this._renderDisposable) == null ? void 0 : _a.dispose();
254
+ this._renderDisposable?.dispose();
278
255
  }
279
256
  }
280
257
  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
@@ -620,10 +597,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
620
597
  this.vueComponent = vueComponent;
621
598
  this.parent = parent;
622
599
  }
600
+ vueComponent;
601
+ parent;
623
602
  getComponent() {
624
- var _a;
625
603
  const part = new VuePart(this.element, this.vueComponent, this.parent, {
626
- params: ((_a = this._params) == null ? void 0 : _a.params) ?? {},
604
+ params: this._params?.params ?? {},
627
605
  api: this.api,
628
606
  containerApi: new dockviewCore.SplitviewApi(this._params.accessor)
629
607
  });
@@ -680,10 +658,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
680
658
  this.vueComponent = vueComponent;
681
659
  this.parent = parent;
682
660
  }
661
+ vueComponent;
662
+ parent;
683
663
  getComponent() {
684
- var _a;
685
664
  const part = new VuePart(this.element, this.vueComponent, this.parent, {
686
- params: ((_a = this._params) == null ? void 0 : _a.params) ?? {},
665
+ params: this._params?.params ?? {},
687
666
  api: this.api,
688
667
  containerApi: new dockviewCore.GridviewApi(this._params.accessor)
689
668
  });
@@ -734,8 +713,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
734
713
  });
735
714
  class VuePaneviewPanelView {
736
715
  constructor(id, vueComponent, parent) {
737
- __publicField(this, "_element");
738
- __publicField(this, "part");
739
716
  this.id = id;
740
717
  this.vueComponent = vueComponent;
741
718
  this.parent = parent;
@@ -743,6 +720,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
743
720
  this._element.style.height = "100%";
744
721
  this._element.style.width = "100%";
745
722
  }
723
+ id;
724
+ vueComponent;
725
+ parent;
726
+ _element;
727
+ part;
746
728
  get element() {
747
729
  return this._element;
748
730
  }
@@ -761,12 +743,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
761
743
  };
762
744
  }
763
745
  update(params) {
764
- var _a;
765
- (_a = this.part) == null ? void 0 : _a.update({ params: params.params });
746
+ this.part?.update({ params: params.params });
766
747
  }
767
748
  dispose() {
768
- var _a;
769
- (_a = this.part) == null ? void 0 : _a.dispose();
749
+ this.part?.dispose();
770
750
  }
771
751
  }
772
752
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -830,4 +810,4 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
830
810
  });
831
811
  });
832
812
  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
833
- });
813
+ }));
package/dist/types/dockview/dockview.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { IDockviewVueProps } from './types';
2
- declare const _default: import("vue").DefineComponent<IDockviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2
+ declare const __VLS_export: import("vue").DefineComponent<IDockviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
3
  ready: (event: import("dockview-core").DockviewReadyEvent) => any;
4
4
  didDrop: (event: import("dockview-core").DockviewDidDropEvent) => any;
5
5
  willDrop: (event: import("dockview-core").DockviewWillDropEvent) => any;
@@ -8,4 +8,5 @@ declare const _default: import("vue").DefineComponent<IDockviewVueProps, {}, {},
8
8
  onDidDrop?: (event: import("dockview-core").DockviewDidDropEvent) => any;
9
9
  onWillDrop?: (event: import("dockview-core").DockviewWillDropEvent) => any;
10
10
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
11
+ declare const _default: typeof __VLS_export;
11
12
  export default _default;
package/dist/types/gridview/gridview.vue.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import type { IGridviewVueProps } from './types';
2
- declare const _default: import("vue").DefineComponent<IGridviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2
+ declare const __VLS_export: import("vue").DefineComponent<IGridviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
3
  ready: (event: import("./types").GridviewReadyEvent) => any;
4
4
  }, string, import("vue").PublicProps, Readonly<IGridviewVueProps> & Readonly<{
5
5
  onReady?: (event: import("./types").GridviewReadyEvent) => any;
6
6
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
+ declare const _default: typeof __VLS_export;
7
8
  export default _default;
package/dist/types/paneview/paneview.vue.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import type { IPaneviewVueProps } from './types';
2
- declare const _default: import("vue").DefineComponent<IPaneviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2
+ declare const __VLS_export: import("vue").DefineComponent<IPaneviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
3
  ready: (event: import("./types").PaneviewReadyEvent) => any;
4
4
  didDrop: (event: import("dockview-core").PaneviewDropEvent) => any;
5
5
  }, string, import("vue").PublicProps, Readonly<IPaneviewVueProps> & Readonly<{
6
6
  onReady?: (event: import("./types").PaneviewReadyEvent) => any;
7
7
  onDidDrop?: (event: import("dockview-core").PaneviewDropEvent) => any;
8
8
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
+ declare const _default: typeof __VLS_export;
9
10
  export default _default;
package/dist/types/splitview/splitview.vue.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import type { ISplitviewVueProps } from './types';
2
- declare const _default: import("vue").DefineComponent<ISplitviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
2
+ declare const __VLS_export: import("vue").DefineComponent<ISplitviewVueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
3
  ready: (event: import("./types").SplitviewReadyEvent) => any;
4
4
  }, string, import("vue").PublicProps, Readonly<ISplitviewVueProps> & Readonly<{
5
5
  onReady?: (event: import("./types").SplitviewReadyEvent) => any;
6
6
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
+ declare const _default: typeof __VLS_export;
7
8
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dockview-vue",
3
- "version": "6.1.1",
3
+ "version": "6.2.1",
4
4
  "description": "Vue 3 docking layout manager — tabs, groups, grids, splitviews, drag and drop, floating panels",
5
5
  "keywords": [
6
6
  "splitview",
@@ -67,16 +67,9 @@
67
67
  "format:check": "prettier --check 'src/**/*.{ts,tsx,js,jsx,vue}'"
68
68
  },
69
69
  "dependencies": {
70
- "dockview-core": "^6.1.1"
70
+ "dockview-core": "^6.2.1"
71
71
  },
72
72
  "peerDependencies": {
73
73
  "vue": "^3.4.0"
74
- },
75
- "devDependencies": {
76
- "@vue/test-utils": "^2.4.6",
77
- "jsdom": "^29.0.2",
78
- "vitest": "^4.1.4",
79
- "vue": "^3.4.21",
80
- "vue-tsc": "^2.0.5"
81
74
  }
82
75
  }