dockview-core 1.15.3 → 1.16.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 (99) hide show
  1. package/dist/cjs/api/component.api.d.ts +32 -6
  2. package/dist/cjs/api/component.api.js +42 -6
  3. package/dist/cjs/api/dockviewPanelApi.d.ts +1 -1
  4. package/dist/cjs/api/entryPoints.d.ts +9 -0
  5. package/dist/cjs/api/entryPoints.js +28 -0
  6. package/dist/cjs/dnd/abstractDragHandler.js +2 -65
  7. package/dist/cjs/dockview/components/titlebar/voidContainer.js +1 -1
  8. package/dist/cjs/dockview/dockviewComponent.d.ts +4 -2
  9. package/dist/cjs/dockview/dockviewComponent.js +60 -17
  10. package/dist/cjs/dockview/dockviewFloatingGroupPanel.d.ts +1 -1
  11. package/dist/cjs/dockview/dockviewGroupPanelModel.d.ts +1 -1
  12. package/dist/cjs/dockview/dockviewGroupPanelModel.js +1 -1
  13. package/dist/cjs/dockview/dockviewPanel.d.ts +1 -1
  14. package/dist/cjs/dockview/dockviewPanel.js +1 -1
  15. package/dist/cjs/dockview/options.d.ts +2 -2
  16. package/dist/cjs/dockview/options.js +1 -0
  17. package/dist/cjs/dockview/types.d.ts +1 -1
  18. package/dist/cjs/dom.d.ts +3 -0
  19. package/dist/cjs/dom.js +66 -1
  20. package/dist/cjs/gridview/baseComponentGridview.d.ts +5 -2
  21. package/dist/cjs/gridview/baseComponentGridview.js +54 -3
  22. package/dist/cjs/gridview/gridviewComponent.d.ts +3 -4
  23. package/dist/cjs/gridview/gridviewComponent.js +4 -2
  24. package/dist/cjs/gridview/options.d.ts +1 -1
  25. package/dist/cjs/index.d.ts +2 -1
  26. package/dist/cjs/index.js +6 -1
  27. package/dist/cjs/{dnd → overlay}/overlay.d.ts +3 -0
  28. package/dist/cjs/{dnd → overlay}/overlay.js +41 -82
  29. package/dist/cjs/{overlayRenderContainer.d.ts → overlay/overlayRenderContainer.d.ts} +7 -5
  30. package/dist/cjs/{overlayRenderContainer.js → overlay/overlayRenderContainer.js} +41 -6
  31. package/dist/cjs/paneview/options.d.ts +1 -1
  32. package/dist/cjs/paneview/paneviewComponent.d.ts +2 -1
  33. package/dist/cjs/paneview/paneviewComponent.js +68 -19
  34. package/dist/cjs/splitview/options.d.ts +1 -1
  35. package/dist/cjs/splitview/splitview.js +64 -71
  36. package/dist/cjs/splitview/splitviewComponent.d.ts +5 -5
  37. package/dist/cjs/splitview/splitviewComponent.js +70 -21
  38. package/dist/dockview-core.amd.js +301 -98
  39. package/dist/dockview-core.amd.js.map +1 -1
  40. package/dist/dockview-core.amd.min.js +2 -2
  41. package/dist/dockview-core.amd.min.js.map +1 -1
  42. package/dist/dockview-core.amd.min.noStyle.js +2 -2
  43. package/dist/dockview-core.amd.min.noStyle.js.map +1 -1
  44. package/dist/dockview-core.amd.noStyle.js +300 -97
  45. package/dist/dockview-core.amd.noStyle.js.map +1 -1
  46. package/dist/dockview-core.cjs.js +301 -98
  47. package/dist/dockview-core.cjs.js.map +1 -1
  48. package/dist/dockview-core.esm.js +298 -99
  49. package/dist/dockview-core.esm.js.map +1 -1
  50. package/dist/dockview-core.esm.min.js +2 -2
  51. package/dist/dockview-core.esm.min.js.map +1 -1
  52. package/dist/dockview-core.js +301 -98
  53. package/dist/dockview-core.js.map +1 -1
  54. package/dist/dockview-core.min.js +2 -2
  55. package/dist/dockview-core.min.js.map +1 -1
  56. package/dist/dockview-core.min.noStyle.js +2 -2
  57. package/dist/dockview-core.min.noStyle.js.map +1 -1
  58. package/dist/dockview-core.noStyle.js +300 -97
  59. package/dist/dockview-core.noStyle.js.map +1 -1
  60. package/dist/esm/api/component.api.d.ts +32 -6
  61. package/dist/esm/api/component.api.js +42 -6
  62. package/dist/esm/api/dockviewPanelApi.d.ts +1 -1
  63. package/dist/esm/api/entryPoints.d.ts +9 -0
  64. package/dist/esm/api/entryPoints.js +21 -0
  65. package/dist/esm/dnd/abstractDragHandler.js +3 -11
  66. package/dist/esm/dockview/components/panel/content.js +1 -1
  67. package/dist/esm/dockview/components/titlebar/voidContainer.js +1 -1
  68. package/dist/esm/dockview/dockviewComponent.d.ts +4 -2
  69. package/dist/esm/dockview/dockviewComponent.js +48 -13
  70. package/dist/esm/dockview/dockviewFloatingGroupPanel.d.ts +1 -1
  71. package/dist/esm/dockview/dockviewGroupPanelModel.d.ts +1 -1
  72. package/dist/esm/dockview/dockviewGroupPanelModel.js +1 -1
  73. package/dist/esm/dockview/dockviewPanel.d.ts +1 -1
  74. package/dist/esm/dockview/dockviewPanel.js +1 -1
  75. package/dist/esm/dockview/options.d.ts +2 -2
  76. package/dist/esm/dockview/options.js +1 -0
  77. package/dist/esm/dockview/types.d.ts +1 -1
  78. package/dist/esm/dom.d.ts +3 -0
  79. package/dist/esm/dom.js +20 -0
  80. package/dist/esm/gridview/baseComponentGridview.d.ts +5 -2
  81. package/dist/esm/gridview/baseComponentGridview.js +19 -0
  82. package/dist/esm/gridview/gridviewComponent.d.ts +3 -4
  83. package/dist/esm/gridview/gridviewComponent.js +4 -2
  84. package/dist/esm/gridview/options.d.ts +1 -1
  85. package/dist/esm/index.d.ts +2 -1
  86. package/dist/esm/index.js +1 -0
  87. package/dist/esm/{dnd → overlay}/overlay.d.ts +3 -0
  88. package/dist/esm/{dnd → overlay}/overlay.js +36 -32
  89. package/dist/esm/{overlayRenderContainer.d.ts → overlay/overlayRenderContainer.d.ts} +7 -5
  90. package/dist/esm/{overlayRenderContainer.js → overlay/overlayRenderContainer.js} +39 -6
  91. package/dist/esm/paneview/options.d.ts +1 -1
  92. package/dist/esm/paneview/paneviewComponent.d.ts +2 -1
  93. package/dist/esm/paneview/paneviewComponent.js +19 -2
  94. package/dist/esm/splitview/options.d.ts +1 -1
  95. package/dist/esm/splitview/splitview.js +37 -27
  96. package/dist/esm/splitview/splitviewComponent.d.ts +5 -5
  97. package/dist/esm/splitview/splitviewComponent.js +19 -2
  98. package/dist/styles/dockview.css +78 -82
  99. package/package.json +1 -1
package/dist/styles/dockview.css CHANGED
@@ -1,16 +1,3 @@
1
- .dv-render-overlay {
2
- position: absolute;
3
- z-index: 1;
4
- height: 100%;
5
- }
6
- .dv-render-overlay.dv-render-overlay-float {
7
- z-index: 999;
8
- }
9
-
10
- .dv-debug .dv-render-overlay {
11
- outline: 1px solid red;
12
- outline-offset: -1;
13
- }
14
1
  .dockview-svg {
15
2
  display: inline-block;
16
3
  fill: currentcolor;
@@ -257,7 +244,7 @@
257
244
  .dockview-theme-replit .groupview.inactive-group {
258
245
  border: 1px solid transparent;
259
246
  }
260
- .dockview-theme-replit .vertical > .sash-container > .sash::after {
247
+ .dockview-theme-replit .vertical > .sash-container > .sash:not(.disabled)::after {
261
248
  content: "";
262
249
  height: 4px;
263
250
  width: 40px;
@@ -268,10 +255,10 @@
268
255
  background-color: var(--dv-separator-handle-background-color);
269
256
  position: absolute;
270
257
  }
271
- .dockview-theme-replit .vertical > .sash-container > .sash:hover::after {
258
+ .dockview-theme-replit .vertical > .sash-container > .sash:not(.disabled):hover::after {
272
259
  background-color: var(--dv-separator-handle-hover-background-color);
273
260
  }
274
- .dockview-theme-replit .horizontal > .sash-container > .sash::after {
261
+ .dockview-theme-replit .horizontal > .sash-container > .sash:not(.disabled)::after {
275
262
  content: "";
276
263
  height: 40px;
277
264
  width: 4px;
@@ -282,7 +269,7 @@
282
269
  background-color: var(--dv-separator-handle-background-color);
283
270
  position: absolute;
284
271
  }
285
- .dockview-theme-replit .horizontal > .sash-container > .sash:hover::after {
272
+ .dockview-theme-replit .horizontal > .sash-container > .sash:not(.disabled):hover::after {
286
273
  background-color: var(--dv-separator-handle-hover-background-color);
287
274
  }
288
275
  .drop-target {
@@ -319,6 +306,74 @@
319
306
  .drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {
320
307
  border-right: 1px solid var(--dv-drag-over-border-color);
321
308
  }
309
+ .dv-dockview {
310
+ position: relative;
311
+ background-color: var(--dv-group-view-background-color);
312
+ }
313
+ .dv-dockview .dv-watermark-container {
314
+ position: absolute;
315
+ top: 0px;
316
+ left: 0px;
317
+ height: 100%;
318
+ width: 100%;
319
+ z-index: 1;
320
+ }
321
+ .dv-dockview .dv-overlay-render-container {
322
+ position: relative;
323
+ }
324
+
325
+ .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
326
+ background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
327
+ color: var(--dv-activegroup-visiblepanel-tab-color);
328
+ }
329
+ .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {
330
+ background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
331
+ color: var(--dv-activegroup-hiddenpanel-tab-color);
332
+ }
333
+ .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
334
+ background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);
335
+ color: var(--dv-inactivegroup-visiblepanel-tab-color);
336
+ }
337
+ .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {
338
+ background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);
339
+ color: var(--dv-inactivegroup-hiddenpanel-tab-color);
340
+ }
341
+
342
+ /**
343
+ * when a tab is dragged we lose the above stylings because they are conditional on parent elements
344
+ * therefore we also set some stylings for the dragging event
345
+ **/
346
+ .tab.dv-tab-dragging {
347
+ background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
348
+ color: var(--dv-activegroup-visiblepanel-tab-color);
349
+ }
350
+ .groupview {
351
+ display: flex;
352
+ flex-direction: column;
353
+ height: 100%;
354
+ background-color: var(--dv-group-view-background-color);
355
+ overflow: hidden;
356
+ }
357
+ .groupview:focus {
358
+ outline: none;
359
+ }
360
+ .groupview.empty > .tabs-and-actions-container {
361
+ display: none;
362
+ }
363
+ .groupview > .content-container {
364
+ flex-grow: 1;
365
+ min-height: 0;
366
+ outline: none;
367
+ }
368
+ .dv-root-wrapper {
369
+ height: 100%;
370
+ width: 100%;
371
+ }
372
+ .grid-view,
373
+ .branch-node {
374
+ height: 100%;
375
+ width: 100%;
376
+ }
322
377
  .dv-debug .dv-resize-container .dv-resize-handle-top {
323
378
  background-color: red;
324
379
  }
@@ -344,9 +399,6 @@
344
399
  border: 1px solid var(--dv-tab-divider-color);
345
400
  box-shadow: var(--dv-floating-box-shadow);
346
401
  }
347
- .dv-resize-container.dv-bring-to-front {
348
- z-index: 998;
349
- }
350
402
  .dv-resize-container.dv-resize-container-dragging {
351
403
  opacity: 0.5;
352
404
  }
@@ -422,73 +474,17 @@
422
474
  position: absolute;
423
475
  cursor: se-resize;
424
476
  }
425
- .dv-dockview {
426
- position: relative;
427
- background-color: var(--dv-group-view-background-color);
428
- }
429
- .dv-dockview .dv-watermark-container {
477
+ .dv-render-overlay {
430
478
  position: absolute;
431
- top: 0px;
432
- left: 0px;
433
- height: 100%;
434
- width: 100%;
435
479
  z-index: 1;
436
- }
437
- .dv-dockview .dv-overlay-render-container {
438
- position: relative;
439
- }
440
-
441
- .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
442
- background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
443
- color: var(--dv-activegroup-visiblepanel-tab-color);
444
- }
445
- .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {
446
- background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);
447
- color: var(--dv-activegroup-hiddenpanel-tab-color);
448
- }
449
- .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
450
- background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);
451
- color: var(--dv-inactivegroup-visiblepanel-tab-color);
452
- }
453
- .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {
454
- background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);
455
- color: var(--dv-inactivegroup-hiddenpanel-tab-color);
456
- }
457
-
458
- /**
459
- * when a tab is dragged we lose the above stylings because they are conditional on parent elements
460
- * therefore we also set some stylings for the dragging event
461
- **/
462
- .tab.dv-tab-dragging {
463
- background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
464
- color: var(--dv-activegroup-visiblepanel-tab-color);
465
- }
466
- .groupview {
467
- display: flex;
468
- flex-direction: column;
469
480
  height: 100%;
470
- background-color: var(--dv-group-view-background-color);
471
- overflow: hidden;
472
481
  }
473
- .groupview:focus {
474
- outline: none;
475
- }
476
- .groupview.empty > .tabs-and-actions-container {
477
- display: none;
478
- }
479
- .groupview > .content-container {
480
- flex-grow: 1;
481
- min-height: 0;
482
- outline: none;
483
- }
484
- .dv-root-wrapper {
485
- height: 100%;
486
- width: 100%;
482
+ .dv-render-overlay.dv-render-overlay-float {
483
+ z-index: 998;
487
484
  }
488
- .grid-view,
489
- .branch-node {
490
- height: 100%;
491
- width: 100%;
485
+ .dv-debug .dv-render-overlay {
486
+ outline: 1px solid red;
487
+ outline-offset: -1;
492
488
  }
493
489
  .pane-container {
494
490
  height: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dockview-core",
3
- "version": "1.15.3",
3
+ "version": "1.16.1",
4
4
  "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
5
5
  "keywords": [
6
6
  "splitview",