dockview-react 6.6.1 → 7.0.2

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 (85) hide show
  1. package/dist/cjs/dockview/defaultTab.d.ts +7 -0
  2. package/dist/cjs/dockview/defaultTab.js +99 -0
  3. package/dist/cjs/dockview/dockview.d.ts +33 -0
  4. package/dist/cjs/dockview/dockview.js +285 -0
  5. package/dist/cjs/dockview/headerActionsRenderer.d.ts +24 -0
  6. package/dist/cjs/dockview/headerActionsRenderer.js +86 -0
  7. package/dist/cjs/dockview/reactContentPart.d.ts +21 -0
  8. package/dist/cjs/dockview/reactContentPart.js +52 -0
  9. package/dist/cjs/dockview/reactContextMenuItemPart.d.ts +14 -0
  10. package/dist/cjs/dockview/reactContextMenuItemPart.js +31 -0
  11. package/dist/cjs/dockview/reactGroupDragGhostPart.d.ts +20 -0
  12. package/dist/cjs/dockview/reactGroupDragGhostPart.js +32 -0
  13. package/dist/cjs/dockview/reactHeaderPart.d.ts +17 -0
  14. package/dist/cjs/dockview/reactHeaderPart.js +46 -0
  15. package/dist/cjs/dockview/reactTabGroupChipPart.d.ts +23 -0
  16. package/dist/cjs/dockview/reactTabGroupChipPart.js +36 -0
  17. package/dist/cjs/dockview/reactWatermarkPart.d.ts +18 -0
  18. package/dist/cjs/dockview/reactWatermarkPart.js +47 -0
  19. package/dist/cjs/gridview/gridview.d.ts +17 -0
  20. package/dist/cjs/gridview/gridview.js +105 -0
  21. package/dist/cjs/gridview/view.d.ts +9 -0
  22. package/dist/cjs/gridview/view.js +41 -0
  23. package/dist/cjs/index.d.ts +9 -0
  24. package/dist/cjs/index.js +7 -0
  25. package/dist/cjs/paneview/paneview.d.ts +20 -0
  26. package/dist/cjs/paneview/paneview.js +137 -0
  27. package/dist/cjs/paneview/view.d.ts +19 -0
  28. package/dist/cjs/paneview/view.js +44 -0
  29. package/dist/cjs/react.d.ts +35 -0
  30. package/dist/cjs/react.js +183 -0
  31. package/dist/cjs/splitview/splitview.d.ts +17 -0
  32. package/dist/cjs/splitview/splitview.js +105 -0
  33. package/dist/cjs/splitview/view.d.ts +9 -0
  34. package/dist/cjs/splitview/view.js +39 -0
  35. package/dist/cjs/svg.d.ts +3 -0
  36. package/dist/cjs/svg.js +15 -0
  37. package/dist/cjs/types.d.ts +4 -0
  38. package/dist/cjs/types.js +2 -0
  39. package/dist/dockview-react.js +21650 -11
  40. package/dist/dockview-react.min.js +21 -2
  41. package/dist/dockview-react.min.js.map +1 -1
  42. package/dist/esm/dockview/defaultTab.d.ts +7 -0
  43. package/dist/esm/dockview/defaultTab.js +65 -0
  44. package/dist/esm/dockview/dockview.d.ts +33 -0
  45. package/dist/esm/dockview/dockview.js +252 -0
  46. package/dist/esm/dockview/headerActionsRenderer.d.ts +24 -0
  47. package/dist/esm/dockview/headerActionsRenderer.js +72 -0
  48. package/dist/esm/dockview/reactContentPart.d.ts +21 -0
  49. package/dist/esm/dockview/reactContentPart.js +43 -0
  50. package/dist/esm/dockview/reactContextMenuItemPart.d.ts +14 -0
  51. package/dist/esm/dockview/reactContextMenuItemPart.js +22 -0
  52. package/dist/esm/dockview/reactGroupDragGhostPart.d.ts +20 -0
  53. package/dist/esm/dockview/reactGroupDragGhostPart.js +23 -0
  54. package/dist/esm/dockview/reactHeaderPart.d.ts +17 -0
  55. package/dist/esm/dockview/reactHeaderPart.js +37 -0
  56. package/dist/esm/dockview/reactTabGroupChipPart.d.ts +23 -0
  57. package/dist/esm/dockview/reactTabGroupChipPart.js +27 -0
  58. package/dist/esm/dockview/reactWatermarkPart.d.ts +18 -0
  59. package/dist/esm/dockview/reactWatermarkPart.js +38 -0
  60. package/dist/esm/gridview/gridview.d.ts +17 -0
  61. package/dist/esm/gridview/gridview.js +72 -0
  62. package/dist/esm/gridview/view.d.ts +9 -0
  63. package/dist/esm/gridview/view.js +19 -0
  64. package/dist/esm/index.d.ts +9 -0
  65. package/dist/esm/index.js +7 -0
  66. package/dist/esm/paneview/paneview.d.ts +20 -0
  67. package/dist/esm/paneview/paneview.js +104 -0
  68. package/dist/esm/paneview/view.d.ts +19 -0
  69. package/dist/esm/paneview/view.js +35 -0
  70. package/dist/esm/react.d.ts +35 -0
  71. package/dist/esm/react.js +134 -0
  72. package/dist/esm/splitview/splitview.d.ts +17 -0
  73. package/dist/esm/splitview/splitview.js +72 -0
  74. package/dist/esm/splitview/view.d.ts +9 -0
  75. package/dist/esm/splitview/view.js +17 -0
  76. package/dist/esm/svg.d.ts +3 -0
  77. package/dist/esm/svg.js +7 -0
  78. package/dist/esm/types.d.ts +4 -0
  79. package/dist/esm/types.js +1 -0
  80. package/dist/package/main.cjs.js +1037 -5
  81. package/dist/package/main.cjs.min.js +2 -2
  82. package/dist/package/main.esm.min.mjs +2 -8
  83. package/dist/package/main.esm.mjs +1027 -1
  84. package/dist/styles/dockview.css +275 -13
  85. package/package.json +15 -2
package/dist/dockview-react.min.js CHANGED
@@ -1,8 +1,27 @@
1
1
  /**
2
2
  * dockview-react
3
- * @version 6.6.1
3
+ * @version 7.0.2
4
4
  * @link https://github.com/mathuo/dockview
5
5
  * @license MIT
6
6
  */
7
- !function(n,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("dockview")):"function"==typeof define&&define.amd?define(["exports","dockview"],o):o((n="undefined"!=typeof globalThis?globalThis:n||self)["dockview-react"]={},n.dockview)}(this,function(n,o){"use strict";!function(n,o){void 0===o&&(o={});var r=o.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],d=document.createElement("style");d.type="text/css","top"===r&&a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.styleSheet?d.styleSheet.cssText=n:d.appendChild(document.createTextNode(n))}}('.dv-scrollable {\n position: relative;\n overflow: hidden;\n}\n.dv-scrollable .dv-scrollbar {\n position: absolute;\n border-radius: 2px;\n background-color: transparent;\n /* GPU optimizations */\n will-change: background-color, transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition-property: background-color;\n transition-timing-function: ease-in-out;\n transition-duration: 1s;\n transition-delay: 0s;\n}\n.dv-scrollable .dv-scrollbar-horizontal {\n bottom: 0px;\n left: 0px;\n height: 4px;\n}\n.dv-scrollable .dv-scrollbar-vertical {\n right: 0px;\n top: 0px;\n width: 4px;\n}\n.dv-scrollable:hover .dv-scrollbar, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar {\n background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));\n}\n.dv-svg {\n display: inline-block;\n fill: currentcolor;\n line-height: 1;\n stroke: currentcolor;\n stroke-width: 0;\n}\n.dockview-theme-dark {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-dark {\n --dv-group-view-background-color: #1e1e1e;\n --dv-tabs-and-actions-container-background-color: #252526;\n --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-tab-divider-color: #1e1e1e;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: #969696;\n --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n --dv-separator-border: rgb(68, 68, 68);\n --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-light {\n --dv-group-view-background-color: white;\n --dv-tabs-and-actions-container-background-color: #f3f3f3;\n --dv-activegroup-visiblepanel-tab-background-color: white;\n --dv-activegroup-hiddenpanel-tab-background-color: #ececec;\n --dv-inactivegroup-visiblepanel-tab-background-color: white;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;\n --dv-tab-divider-color: white;\n --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);\n --dv-separator-border: rgba(128, 128, 128, 0.35);\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-vs {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-vs {\n --dv-group-view-background-color: #1e1e1e;\n --dv-tabs-and-actions-container-background-color: #252526;\n --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-tab-divider-color: #1e1e1e;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: #969696;\n --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n --dv-separator-border: rgb(68, 68, 68);\n --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n --dv-tabs-and-actions-container-background-color: #2d2d30;\n --dv-tabs-and-actions-container-height: 20px;\n --dv-tabs-and-actions-container-font-size: 11px;\n --dv-activegroup-visiblepanel-tab-background-color: #007acc;\n --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: white;\n --dv-inactivegroup-visiblepanel-tab-color: white;\n --dv-inactivegroup-hiddenpanel-tab-color: white;\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {\n box-sizing: content-box;\n border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {\n box-sizing: content-box;\n border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-abyss {\n --dv-color-abyss-dark: #000c18;\n --dv-color-abyss: #10192c;\n --dv-color-abyss-light: #1c1c2a;\n --dv-color-abyss-lighter: #2b2b4a;\n --dv-color-abyss-accent: rgb(91, 30, 207);\n --dv-color-abyss-primary-text: white;\n --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n --dv-group-view-background-color: var(--dv-color-abyss-dark);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-abyss-light\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-dark\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-dark\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n --dv-tab-divider-color: var(--dv-color-abyss-lighter);\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);\n --dv-separator-border: var(--dv-color-abyss-lighter);\n --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);\n --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-dracula {\n --dv-group-view-background-color: #282a36;\n --dv-tabs-and-actions-container-background-color: #191a21;\n --dv-activegroup-visiblepanel-tab-background-color: #282a36;\n --dv-activegroup-hiddenpanel-tab-background-color: #21222c;\n --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;\n --dv-tab-divider-color: #191a21;\n --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);\n --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);\n --dv-separator-border: #bd93f9;\n --dv-paneview-header-border-color: #bd93f9;\n --dv-paneview-active-outline-color: #6272a4;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n top: 0px;\n content: "";\n width: 100%;\n height: 1px;\n background-color: #94527e;\n z-index: 999;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 1px;\n background-color: #5e3d5a;\n z-index: 999;\n}\n\n.dockview-theme-nord {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-nord {\n --dv-color-nord-polar-0: #2e3440;\n --dv-color-nord-polar-1: #3b4252;\n --dv-color-nord-polar-2: #434c5e;\n --dv-color-nord-polar-3: #4c566a;\n --dv-color-nord-frost: #88c0d0;\n --dv-color-nord-frost-2: #81a1c1;\n --dv-color-nord-snow-0: #eceff4;\n --dv-color-nord-snow-1: #d8dee9;\n --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-0\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n --dv-separator-border: var(--dv-color-nord-polar-3);\n --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n --dv-active-sash-color: var(--dv-color-nord-frost);\n --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-nord-frost);\n z-index: 999;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-nord-frost-2);\n z-index: 999;\n}\n\n.dockview-theme-nord-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-nord-spaced {\n padding: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-nord-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-nord-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-nord-spaced .dv-tabs-overflow-container,\n.dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-nord-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-nord-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced {\n --dv-color-nord-polar-0: #2e3440;\n --dv-color-nord-polar-1: #3b4252;\n --dv-color-nord-polar-2: #434c5e;\n --dv-color-nord-polar-3: #4c566a;\n --dv-color-nord-frost: #88c0d0;\n --dv-color-nord-frost-2: #81a1c1;\n --dv-color-nord-snow-0: #eceff4;\n --dv-color-nord-snow-1: #d8dee9;\n --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n --dv-active-sash-color: var(--dv-color-nord-frost);\n --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);\n}\n\n.dockview-theme-catppuccin-mocha {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-catppuccin-mocha {\n --dv-color-mocha-crust: #11111b;\n --dv-color-mocha-mantle: #181825;\n --dv-color-mocha-base: #1e1e2e;\n --dv-color-mocha-surface0: #313244;\n --dv-color-mocha-surface1: #45475a;\n --dv-color-mocha-text: #cdd6f4;\n --dv-color-mocha-subtext1: #bac2de;\n --dv-color-mocha-subtext0: #a6adc8;\n --dv-color-mocha-mauve: #cba6f7;\n --dv-color-mocha-lavender: #b4befe;\n --dv-group-view-background-color: var(--dv-color-mocha-base);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-base\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-surface0\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-crust\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n --dv-separator-border: var(--dv-color-mocha-surface1);\n --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n --dv-active-sash-color: var(--dv-color-mocha-mauve);\n --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n top: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-mocha-mauve);\n z-index: 999;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n top: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: rgba(180, 190, 254, 0.4);\n z-index: 999;\n}\n\n.dockview-theme-catppuccin-mocha-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-catppuccin-mocha-spaced {\n padding: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced {\n --dv-color-mocha-crust: #11111b;\n --dv-color-mocha-mantle: #181825;\n --dv-color-mocha-base: #1e1e2e;\n --dv-color-mocha-surface0: #313244;\n --dv-color-mocha-surface1: #45475a;\n --dv-color-mocha-text: #cdd6f4;\n --dv-color-mocha-subtext1: #bac2de;\n --dv-color-mocha-subtext0: #a6adc8;\n --dv-color-mocha-mauve: #cba6f7;\n --dv-color-mocha-lavender: #b4befe;\n --dv-group-view-background-color: var(--dv-color-mocha-crust);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-surface0\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-surface0\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n --dv-active-sash-color: var(--dv-color-mocha-mauve);\n --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);\n}\n\n.dockview-theme-monokai {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-monokai {\n --dv-color-monokai-bg: #272822;\n --dv-color-monokai-bg-light: #3e3d32;\n --dv-color-monokai-comment: #75715e;\n --dv-color-monokai-fg: #f8f8f2;\n --dv-color-monokai-green: #a6e22e;\n --dv-group-view-background-color: var(--dv-color-monokai-bg);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-monokai-bg-light\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-monokai-bg\n );\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-monokai-bg\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);\n --dv-separator-border: var(--dv-color-monokai-bg-light);\n --dv-paneview-active-outline-color: var(--dv-color-monokai-green);\n --dv-active-sash-color: var(--dv-color-monokai-green);\n --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-monokai-green);\n z-index: 999;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: rgba(166, 226, 46, 0.35);\n z-index: 999;\n}\n\n.dockview-theme-solarized-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-solarized-light {\n --dv-color-sol-base3: #fdf6e3;\n --dv-color-sol-base2: #eee8d5;\n --dv-color-sol-base1: #93a1a1;\n --dv-color-sol-base00: #657b83;\n --dv-color-sol-base01: #586e75;\n --dv-color-sol-blue: #268bd2;\n --dv-group-view-background-color: var(--dv-color-sol-base3);\n --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n --dv-separator-border: var(--dv-color-sol-base2);\n --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n --dv-active-sash-color: var(--dv-color-sol-blue);\n --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-solarized-light-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-solarized-light-spaced {\n padding: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-solarized-light-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-solarized-light-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced {\n --dv-color-sol-base3: #fdf6e3;\n --dv-color-sol-base2: #eee8d5;\n --dv-color-sol-base1: #93a1a1;\n --dv-color-sol-base00: #657b83;\n --dv-color-sol-base01: #586e75;\n --dv-color-sol-blue: #268bd2;\n --dv-drag-over-background-color: rgba(38, 139, 210, 0.1);\n --dv-group-view-background-color: var(--dv-color-sol-base2);\n --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base3);\n --dv-activegroup-visiblepanel-tab-background-color: #e8e2d0;\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: #e8e2d0;\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n --dv-active-sash-color: var(--dv-color-sol-blue);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n --dv-floating-group-border: 2px solid rgba(238, 232, 213, 0.5);\n}\n\n.dockview-theme-github-dark {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-github-dark {\n --dv-color-gh-canvas-default: #0d1117;\n --dv-color-gh-canvas-subtle: #161b22;\n --dv-color-gh-canvas-inset: #010409;\n --dv-color-gh-border: #30363d;\n --dv-color-gh-border-muted: #21262d;\n --dv-color-gh-fg-default: #e6edf3;\n --dv-color-gh-fg-muted: #8b949e;\n --dv-color-gh-fg-subtle: #6e7681;\n --dv-color-gh-accent: #58a6ff;\n --dv-group-view-background-color: var(--dv-color-gh-canvas-default);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-canvas-default\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-canvas-default\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n --dv-separator-border: var(--dv-color-gh-border);\n --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n --dv-active-sash-color: var(--dv-color-gh-accent);\n --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n --dv-drag-over-background-color: rgba(88, 166, 255, 0.15);\n}\n\n.dockview-theme-github-dark-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-github-dark-spaced {\n padding: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-github-dark-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-github-dark-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-github-dark-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced {\n --dv-color-gh-canvas-default: #0d1117;\n --dv-color-gh-canvas-subtle: #161b22;\n --dv-color-gh-canvas-inset: #010409;\n --dv-color-gh-border: #30363d;\n --dv-color-gh-border-muted: #21262d;\n --dv-color-gh-fg-default: #e6edf3;\n --dv-color-gh-fg-muted: #8b949e;\n --dv-color-gh-fg-subtle: #6e7681;\n --dv-color-gh-accent: #58a6ff;\n --dv-drag-over-background-color: rgba(88, 166, 255, 0.1);\n --dv-group-view-background-color: var(--dv-color-gh-canvas-inset);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-border\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-border\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n --dv-active-sash-color: var(--dv-color-gh-accent);\n --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n --dv-floating-group-border: 2px solid var(--dv-color-gh-canvas-inset);\n}\n\n.dockview-theme-github-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-github-light {\n --dv-color-gh-light-canvas-default: #ffffff;\n --dv-color-gh-light-canvas-subtle: #f6f8fa;\n --dv-color-gh-light-canvas-inset: #f0f6ff;\n --dv-color-gh-light-border: #d0d7de;\n --dv-color-gh-light-fg-default: #1f2328;\n --dv-color-gh-light-fg-muted: #656d76;\n --dv-color-gh-light-fg-subtle: #6e7781;\n --dv-color-gh-light-accent: #0969da;\n --dv-group-view-background-color: var(--dv-color-gh-light-canvas-default);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-light-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-subtle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-default\n );\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-subtle\n );\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n --dv-separator-border: var(--dv-color-gh-light-border);\n --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n --dv-active-sash-color: var(--dv-color-gh-light-accent);\n --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n --dv-drag-over-background-color: rgba(9, 105, 218, 0.1);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-github-light-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-github-light-spaced {\n padding: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-github-light-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-github-light-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-light-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-github-light-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-light-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-github-light-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced {\n --dv-color-gh-light-canvas-default: #ffffff;\n --dv-color-gh-light-canvas-subtle: #f6f8fa;\n --dv-color-gh-light-border: #d0d7de;\n --dv-color-gh-light-fg-default: #1f2328;\n --dv-color-gh-light-fg-muted: #656d76;\n --dv-color-gh-light-fg-subtle: #6e7781;\n --dv-color-gh-light-accent: #0969da;\n --dv-drag-over-background-color: rgba(9, 105, 218, 0.08);\n --dv-group-view-background-color: var(--dv-color-gh-light-canvas-subtle);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-border\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-border\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-activegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-default\n );\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-subtle\n );\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n --dv-active-sash-color: var(--dv-color-gh-light-accent);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n --dv-floating-group-border: 2px solid rgba(208, 215, 222, 0.5);\n}\n\n.dockview-theme-abyss-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-abyss-spaced {\n padding: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-abyss-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-abyss-spaced .dv-tabs-overflow-container,\n.dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-abyss-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-abyss-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-abyss-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced {\n --dv-color-abyss-dark: rgb(11, 6, 17);\n --dv-color-abyss: #16121f;\n --dv-color-abyss-light: #201d2b;\n --dv-color-abyss-lighter: #2a2837;\n --dv-color-abyss-accent: rgb(91, 30, 207);\n --dv-color-abyss-primary-text: white;\n --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n --dv-drag-over-background-color: \'\';\n --dv-group-view-background-color: var(--dv-color-abyss-dark);\n --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-lighter\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-abyss-light\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-lighter\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-abyss-light\n );\n --dv-tab-divider-color: transparent;\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);\n --dv-activegroup-hiddenpanel-tab-color: var(\n --dv-color-abyss-secondary-text\n );\n --dv-inactivegroup-visiblepanel-tab-color: var(\n --dv-color-abyss-primary-text\n );\n --dv-inactivegroup-hiddenpanel-tab-color: var(\n --dv-color-abyss-secondary-text\n );\n --dv-separator-border: transparent;\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-active-sash-color: var(--dv-color-abyss-accent);\n --dv-floating-group-border: 2px solid var(--dv-color-abyss-dark);\n}\n\n.dockview-theme-light-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-light-spaced {\n padding: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-light-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-light-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-light-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-light-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-light-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-light-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced {\n --dv-drag-over-background-color: \'\';\n --dv-group-view-background-color: #f6f5f9;\n --dv-tabs-and-actions-container-background-color: white;\n --dv-activegroup-visiblepanel-tab-background-color: #ededf0;\n --dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;\n --dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;\n --dv-tab-divider-color: transparent;\n --dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n --dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n --dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n --dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n --dv-separator-border: transparent;\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-active-sash-color: rgb(91, 30, 207);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n --dv-floating-group-border: 2px solid rgba(255, 255, 255, 0.1);\n}\n\n.dockview-spaced {\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 20px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-spaced {\n padding: 0;\n}\n.dockview-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-spaced .dv-tabs-overflow-container,\n.dockview-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n\n.dv-context-menu {\n min-width: 160px;\n overflow: hidden;\n background: var(--dv-context-menu-background-color, var(--dv-activegroup-hiddenpanel-tab-background-color));\n color: var(--dv-context-menu-color, var(--dv-activegroup-hiddenpanel-tab-color));\n border: 1px solid var(--dv-tab-divider-color);\n border-radius: var(--dv-border-radius);\n box-shadow: var(--dv-floating-box-shadow);\n padding: 4px 0;\n}\n\n.dv-context-menu-item {\n height: 25px;\n padding: 0 12px;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: var(--dv-tabs-and-actions-container-font-size);\n white-space: nowrap;\n user-select: none;\n}\n.dv-context-menu-item:hover {\n background: var(--dv-icon-hover-background-color);\n}\n.dv-context-menu-item.dv-context-menu-item--disabled {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n\n.dv-context-menu-separator {\n height: 1px;\n background: var(--dv-tab-divider-color);\n margin: 4px 0;\n}\n\n.dv-context-menu-rename {\n padding: 8px 12px 4px;\n}\n\n.dv-context-menu-rename-input {\n width: 100%;\n box-sizing: border-box;\n padding: 8px 10px;\n border: 1px solid var(--dv-tab-divider-color);\n border-radius: var(--dv-border-radius);\n background: inherit;\n color: var(--dv-activegroup-visiblepanel-tab-color);\n font-size: var(--dv-tabs-and-actions-container-font-size);\n outline: none;\n}\n.dv-context-menu-rename-input:focus {\n border-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-context-menu-rename-input::placeholder {\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n\n.dv-context-menu-color-picker {\n display: flex;\n flex-direction: row;\n gap: 6px;\n padding: 8px 12px;\n align-items: center;\n}\n\n.dv-context-menu-color-swatch {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n flex-shrink: 0;\n background-color: var(--dv-tab-group-color);\n}\n.dv-context-menu-color-swatch:hover {\n opacity: 0.85;\n}\n.dv-context-menu-color-swatch.dv-context-menu-color-swatch--selected {\n outline: 2px solid var(--dv-tab-divider-color);\n outline-offset: 2px;\n}\n\n.dv-tab-group-indicator-none .dv-groupview-header-bottom .dv-tab-group-underline {\n top: auto;\n bottom: 0;\n}\n.dv-drop-target-container {\n position: absolute;\n z-index: 9999;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n pointer-events: none;\n overflow: hidden;\n --dv-transition-duration: 300ms;\n}\n.dv-drop-target-container .dv-drop-target-anchor {\n position: relative;\n border: var(--dv-drag-over-border);\n background-color: var(--dv-drag-over-background-color);\n opacity: 1;\n /* GPU optimizations */\n will-change: transform, opacity;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n contain: layout paint;\n transition: opacity var(--dv-transition-duration) ease-in, top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out;\n}\n.dv-drop-target {\n position: relative;\n --dv-transition-duration: 70ms;\n}\n.dv-drop-target > .dv-drop-target-dropzone {\n position: absolute;\n left: 0px;\n top: 0px;\n height: 100%;\n width: 100%;\n z-index: 1000;\n pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection {\n position: relative;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border: var(--dv-drag-over-border);\n background-color: var(--dv-drag-over-background-color);\n transition: top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out, opacity var(--dv-transition-duration) ease-out;\n will-change: transform;\n pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {\n border-top: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {\n border-bottom: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {\n border-left: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {\n border-right: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-dockview {\n position: relative;\n background-color: var(--dv-group-view-background-color);\n}\n.dv-dockview .dv-watermark-container {\n position: absolute;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n z-index: 1;\n}\n.dv-dockview .dv-overlay-render-container {\n position: relative;\n}\n\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);\n color: var(--dv-inactivegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n color: var(--dv-inactivegroup-hiddenpanel-tab-color);\n}\n\n/**\n * when a tab is dragged we lose the above stylings because they are conditional on parent elements\n * therefore we also set some stylings for the dragging event\n **/\n.dv-tab.dv-tab-dragging {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-groupview {\n display: flex;\n height: 100%;\n background-color: var(--dv-group-view-background-color);\n overflow: hidden;\n flex-direction: column;\n}\n.dv-groupview:focus {\n outline: none;\n}\n.dv-groupview > .dv-content-container {\n flex-grow: 1;\n min-height: 0;\n outline: none;\n}\n.dv-groupview.dv-groupview-header-bottom {\n flex-direction: column-reverse;\n}\n.dv-groupview.dv-groupview-header-left {\n flex-direction: row;\n}\n.dv-groupview.dv-groupview-header-right {\n flex-direction: row-reverse;\n}\n.dv-groupview.dv-groupview-edge.dv-edge-collapsed > .dv-content-container {\n display: none;\n}\n.dv-root-wrapper {\n height: 100%;\n width: 100%;\n}\n.dv-grid-view,\n.dv-branch-node {\n height: 100%;\n width: 100%;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-top {\n background-color: red;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-bottom {\n background-color: green;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-left {\n background-color: yellow;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-right {\n background-color: blue;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-topleft,\n.dv-debug .dv-resize-container .dv-resize-handle-topright,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomleft,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomright {\n background-color: cyan;\n}\n\n.dv-floating-overlay-host {\n position: absolute;\n pointer-events: none;\n}\n.dv-floating-overlay-host > .dv-resize-container {\n pointer-events: auto;\n}\n\n.dv-resize-container {\n --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n position: absolute;\n z-index: calc(var(--dv-overlay-z-index) - 2);\n border: var(--dv-floating-border);\n box-shadow: var(--dv-floating-box-shadow);\n /* GPU optimizations for floating group movement */\n will-change: transform, opacity;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n}\n.dv-resize-container.dv-hidden {\n display: none;\n}\n.dv-resize-container.dv-resize-container-dragging {\n opacity: var(--dv-floating-group-dragging-opacity);\n /* Enhanced GPU acceleration during drag */\n will-change: transform, opacity;\n}\n.dv-resize-container .dv-resize-handle-top,\n.dv-resize-container .dv-resize-handle-bottom,\n.dv-resize-container .dv-resize-handle-left,\n.dv-resize-container .dv-resize-handle-right,\n.dv-resize-container .dv-resize-handle-topleft,\n.dv-resize-container .dv-resize-handle-topright,\n.dv-resize-container .dv-resize-handle-bottomleft,\n.dv-resize-container .dv-resize-handle-bottomright {\n touch-action: none;\n}\n.dv-resize-container .dv-resize-handle-top {\n height: 4px;\n width: calc(100% - 8px);\n left: 4px;\n top: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-bottom {\n height: 4px;\n width: calc(100% - 8px);\n left: 4px;\n bottom: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-left {\n height: calc(100% - 8px);\n width: 4px;\n left: -2px;\n top: 4px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-right {\n height: calc(100% - 8px);\n width: 4px;\n right: -2px;\n top: 4px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-topleft {\n height: 4px;\n width: 4px;\n top: -2px;\n left: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: nw-resize;\n}\n.dv-resize-container .dv-resize-handle-topright {\n height: 4px;\n width: 4px;\n right: -2px;\n top: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ne-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomleft {\n height: 4px;\n width: 4px;\n left: -2px;\n bottom: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: sw-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomright {\n height: 4px;\n width: 4px;\n right: -2px;\n bottom: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: se-resize;\n}\n@media (pointer: coarse) {\n .dv-resize-container .dv-resize-handle-top,\n .dv-resize-container .dv-resize-handle-bottom {\n height: 16px;\n width: calc(100% - 48px);\n left: 24px;\n }\n .dv-resize-container .dv-resize-handle-top {\n top: -10px;\n }\n .dv-resize-container .dv-resize-handle-bottom {\n bottom: -10px;\n }\n .dv-resize-container .dv-resize-handle-left,\n .dv-resize-container .dv-resize-handle-right {\n width: 16px;\n height: calc(100% - 48px);\n top: 24px;\n }\n .dv-resize-container .dv-resize-handle-left {\n left: -10px;\n }\n .dv-resize-container .dv-resize-handle-right {\n right: -10px;\n }\n .dv-resize-container .dv-resize-handle-topleft,\n .dv-resize-container .dv-resize-handle-topright,\n .dv-resize-container .dv-resize-handle-bottomleft,\n .dv-resize-container .dv-resize-handle-bottomright {\n height: 24px;\n width: 24px;\n }\n .dv-resize-container .dv-resize-handle-topleft {\n top: -12px;\n left: -12px;\n }\n .dv-resize-container .dv-resize-handle-topright {\n top: -12px;\n right: -12px;\n }\n .dv-resize-container .dv-resize-handle-bottomleft {\n bottom: -12px;\n left: -12px;\n }\n .dv-resize-container .dv-resize-handle-bottomright {\n bottom: -12px;\n right: -12px;\n }\n}\n.dv-render-overlay {\n --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n contain: layout paint;\n isolation: isolate;\n /* GPU optimizations */\n will-change: transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n}\n.dv-render-overlay.dv-render-overlay-float {\n z-index: calc(var(--dv-overlay-z-index) - 1);\n}\n\n.dv-debug .dv-render-overlay {\n outline: 1px solid red;\n outline-offset: -1;\n}\n.dv-pane-container {\n height: 100%;\n width: 100%;\n}\n.dv-pane-container.dv-animated .dv-view {\n /* GPU optimizations for smooth pane animations */\n will-change: transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition: transform 0.15s ease-out;\n}\n.dv-pane-container .dv-view {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n padding: 0px !important;\n}\n.dv-pane-container .dv-view:not(:first-child)::before {\n background-color: transparent !important;\n}\n.dv-pane-container .dv-view:not(:first-child) .dv-pane > .dv-pane-header {\n border-top: 1px solid var(--dv-paneview-header-border-color);\n}\n.dv-pane-container .dv-view .dv-default-header {\n background-color: var(--dv-group-view-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n display: flex;\n padding: 0px 8px;\n cursor: pointer;\n}\n.dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.dv-pane-container .dv-view .dv-default-header > span {\n padding-left: 8px;\n flex-grow: 1;\n}\n.dv-pane-container:first-of-type > .dv-pane > .dv-pane-header {\n border-top: none !important;\n}\n.dv-pane-container .dv-pane {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n height: 100%;\n}\n.dv-pane-container .dv-pane .dv-pane-header {\n box-sizing: border-box;\n user-select: none;\n position: relative;\n outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable {\n cursor: pointer;\n}\n.dv-pane-container .dv-pane .dv-pane-header:focus:before, .dv-pane-container .dv-pane .dv-pane-header:focus-within:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n content: "";\n pointer-events: none;\n outline: 1px solid;\n outline-width: -1px;\n outline-style: solid;\n outline-offset: -1px;\n outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-pane-container .dv-pane .dv-pane-body {\n overflow-y: auto;\n overflow-x: hidden;\n flex-grow: 1;\n position: relative;\n outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-body:focus:before, .dv-pane-container .dv-pane .dv-pane-body:focus-within:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n content: "";\n pointer-events: none;\n outline: 1px solid;\n outline-width: -1px;\n outline-style: solid;\n outline-offset: -1px;\n outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled {\n background-color: black;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled {\n background-color: orange;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum {\n background-color: green;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum {\n background-color: red;\n}\n\n.dv-split-view-container {\n position: relative;\n overflow: hidden;\n height: 100%;\n width: 100%;\n}\n.dv-split-view-container.dv-splitview-disabled > .dv-sash-container > .dv-sash {\n pointer-events: none;\n}\n.dv-split-view-container.dv-animation .dv-view,\n.dv-split-view-container.dv-animation .dv-sash {\n /* GPU optimizations for smooth animations */\n will-change: transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition: transform 0.15s ease-out;\n}\n.dv-split-view-container.dv-horizontal {\n height: 100%;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash {\n height: 100%;\n width: 4px;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-enabled {\n cursor: ew-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-disabled {\n cursor: default;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-maximum {\n cursor: w-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-minimum {\n cursor: e-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-view-container > .dv-view:not(:first-child)::before {\n height: 100%;\n width: 1px;\n}\n.dv-split-view-container.dv-vertical {\n width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash {\n width: 100%;\n height: 4px;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-enabled {\n cursor: ns-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-disabled {\n cursor: default;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-maximum {\n cursor: n-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-minimum {\n cursor: s-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view {\n width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view:not(:first-child)::before {\n height: 1px;\n width: 100%;\n}\n.dv-split-view-container .dv-sash-container {\n height: 100%;\n width: 100%;\n position: absolute;\n}\n.dv-split-view-container .dv-sash-container .dv-sash {\n position: absolute;\n z-index: 99;\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n touch-action: none;\n background-color: var(--dv-sash-color, transparent);\n}\n.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active, .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover {\n background-color: var(--dv-active-sash-color, transparent);\n transition-property: background-color;\n transition-timing-function: ease-in-out;\n transition-duration: var(--dv-active-sash-transition-duration, 0.1s);\n transition-delay: var(--dv-active-sash-transition-delay, 0.5s);\n}\n@media (pointer: coarse) {\n .dv-split-view-container .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n content: "";\n position: absolute;\n background: transparent;\n }\n .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n top: 0;\n bottom: 0;\n left: -10px;\n right: -10px;\n }\n .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n left: 0;\n right: 0;\n top: -10px;\n bottom: -10px;\n }\n}\n.dv-split-view-container .dv-view-container {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.dv-split-view-container .dv-view-container .dv-view {\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n}\n.dv-split-view-container.dv-separator-border .dv-view:not(:first-child)::before {\n content: " ";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 5;\n pointer-events: none;\n background-color: var(--dv-separator-border);\n}\n.dv-dragged {\n transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */\n}\n\n/* Applied to the ghost tab clone during drag so it shows the same border as a focused tab */\n.dv-tab-ghost-drag {\n position: relative;\n}\n.dv-tab-ghost-drag::after {\n position: absolute;\n content: "";\n height: 100%;\n width: 100%;\n top: 0px;\n left: 0px;\n pointer-events: none;\n outline: 1px solid var(--dv-tab-divider-color) !important;\n outline-offset: -1px;\n z-index: 5;\n}\n\n.dv-tab {\n flex-shrink: 0;\n}\n.dv-tab:focus-within, .dv-tab:focus {\n position: relative;\n}\n.dv-tab:focus-within::after, .dv-tab:focus::after {\n position: absolute;\n content: "";\n height: 100%;\n width: 100%;\n top: 0px;\n left: 0px;\n pointer-events: none;\n outline: 1px solid var(--dv-tab-divider-color) !important;\n outline-offset: -1px;\n z-index: 5;\n}\n.dv-tab.dv-tab-dragging .dv-default-tab-action {\n background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {\n visibility: visible;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n visibility: hidden;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {\n visibility: visible;\n}\n@media (hover: none) {\n .dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n visibility: visible;\n }\n}\n.dv-tab .dv-default-tab {\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.dv-tab .dv-default-tab .dv-default-tab-content {\n flex-grow: 1;\n margin-right: 4px;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n@media (pointer: coarse) {\n .dv-tab .dv-default-tab .dv-default-tab-action {\n padding: 8px;\n }\n}\n.dv-tabs-overflow-dropdown-default {\n height: 100%;\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n margin: var(--dv-tab-margin);\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding: 0.25rem 0.5rem;\n cursor: pointer;\n}\n.dv-tabs-overflow-dropdown-default > span {\n padding-left: 0.25rem;\n}\n.dv-tabs-overflow-dropdown-default > svg {\n transform: rotate(90deg);\n}\n.dv-tabs-overflow-dropdown-default:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n@charset "UTF-8";\n.dv-tabs-container {\n display: flex;\n position: relative;\n height: 100%;\n overflow: auto;\n scrollbar-width: thin;\n /* GPU optimizations for smooth scrolling */\n will-change: scroll-position;\n transform: translate3d(0, 0, 0);\n /**\n * Stop scroll-chaining at the tab strip so that wheel / trackpad\n * overscroll past the strip\'s edges doesn\'t trigger the browser\'s\n * swipe-to-go-back-or-forward gesture (and doesn\'t scroll the page\n * either). `contain` keeps the native bounce visuals; `none` would\n * also disable them.\n */\n overscroll-behavior: contain;\n /**\n * Empty space between tabs (and the scrollbar lane) keeps pan-x so a\n * flick on those areas produces native momentum scroll. The tab and\n * chip elements themselves opt out (`touch-action: none`) so the\n * pointer drag source owns the gesture from pointerdown — a flick on\n * a tab or chip always becomes a drag, regardless of direction.\n */\n touch-action: pan-x;\n}\n.dv-tabs-container.dv-tabs-container-vertical {\n width: 100%;\n height: fit-content;\n max-height: 100%;\n writing-mode: vertical-rl;\n touch-action: pan-y;\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before, .dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n content: " ";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 5;\n pointer-events: none;\n background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {\n width: 1px;\n height: 100%;\n}\n.dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n width: 100%;\n height: 1px;\n}\n.dv-tabs-container::-webkit-scrollbar {\n height: 3px;\n}\n.dv-tabs-container {\n /* Track */\n}\n.dv-tabs-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.dv-tabs-container {\n /* Handle */\n}\n.dv-tabs-container::-webkit-scrollbar-thumb {\n background: var(--dv-tabs-container-scrollbar-color);\n}\n\n.dv-scrollable > .dv-tabs-container {\n overflow: hidden;\n}\n\n.dv-tab {\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n outline: none;\n padding: 0.25rem 0.5rem;\n cursor: pointer;\n position: relative;\n box-sizing: border-box;\n font-size: var(--dv-tab-font-size);\n margin: var(--dv-tab-margin);\n touch-action: none;\n}\n.dv-tab.dv-tab--shifting {\n will-change: transform, margin-left, margin-right, margin-top, margin-bottom;\n transition: transform var(--dv-transition-duration, 200ms) ease-out, margin-left var(--dv-transition-duration, 200ms) ease-out, margin-right var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out, margin-bottom var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--dragging {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-collapsed {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-expanding {\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dv-tab {\n transition: none !important;\n }\n .dv-tab-group-chip {\n transition: none !important;\n }\n}\n.dv-tab-group-chip {\n display: inline-flex;\n align-items: center;\n align-self: center;\n padding: var(--dv-tab-group-chip-padding);\n margin: 0 8px 0 8px;\n border-radius: var(--dv-tab-group-chip-border-radius);\n font-size: var(--dv-tab-group-chip-font-size);\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n box-sizing: border-box;\n line-height: 1;\n touch-action: none;\n background-color: var(--dv-tab-group-color);\n color: white;\n}\n.dv-tab-group-chip.dv-tab-group-chip--accent-off {\n background-color: transparent;\n color: inherit;\n}\n.dv-tab-group-chip.dv-tab-group-chip--shifting {\n will-change: margin-left;\n transition: margin-left var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip.dv-tab-group-chip--dragging {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip .dv-tab-group-chip-label--empty {\n display: none;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty) {\n position: relative;\n width: 12px;\n height: 12px;\n padding: 0;\n border-radius: 50%;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty)::before {\n content: "";\n position: absolute;\n inset: -8px;\n}\n\n.dv-tab-group-underline {\n position: absolute;\n bottom: 0;\n opacity: var(--dv-tab-group-line-opacity);\n pointer-events: none;\n z-index: 10;\n}\n\n.dv-groupview-header-bottom .dv-tab-group-underline {\n bottom: auto;\n top: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-underline {\n bottom: auto;\n left: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-chip {\n margin: 8px 0 8px 0;\n}\n.dv-tabs-container-vertical .dv-tab {\n padding: 0.5rem 0.25rem;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-collapsed {\n height: 0 !important;\n min-height: 0 !important;\n width: auto !important;\n min-width: initial !important;\n transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-expanding {\n transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--dragging {\n height: 0 !important;\n min-height: 0 !important;\n width: auto !important;\n min-width: initial !important;\n transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n.dv-tabs-overflow-container {\n flex-direction: column;\n height: unset;\n font-size: var(--dv-tabs-and-actions-container-font-size);\n max-height: min(50vh, 400px);\n overflow-y: auto;\n border: 1px solid var(--dv-tab-divider-color);\n background-color: var(--dv-group-view-background-color);\n /* Scrollbar styling for webkit browsers */\n}\n.dv-tabs-overflow-container::-webkit-scrollbar {\n width: 6px;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-thumb {\n background: var(--dv-tabs-container-scrollbar-color);\n border-radius: 3px;\n}\n.dv-tabs-overflow-container {\n /* Firefox scrollbar */\n scrollbar-width: thin;\n}\n.dv-tabs-overflow-container .dv-tab:not(:last-child) {\n border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-active-tab {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-inactive-tab {\n background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 8px;\n font-size: 0.8em;\n font-weight: 600;\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n cursor: pointer;\n border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header:hover {\n background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-color {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n background-color: var(--dv-tab-group-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-label {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-collapsed-badge {\n font-size: 0.75em;\n font-weight: 400;\n opacity: 0.7;\n padding: 1px 4px;\n border-radius: 3px;\n background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tab.dv-tab--grouped {\n padding-left: 16px;\n}\n.dv-tabs-and-actions-container {\n display: flex;\n background-color: var(--dv-tabs-and-actions-container-background-color);\n flex-shrink: 0;\n box-sizing: border-box;\n height: var(--dv-tabs-and-actions-container-height);\n font-size: var(--dv-tabs-and-actions-container-font-size);\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {\n flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {\n flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab {\n flex-grow: 1;\n padding: 0px;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container {\n flex-grow: 0;\n}\n.dv-tabs-and-actions-container .dv-void-container {\n display: flex;\n flex-grow: 1;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n touch-action: none;\n}\n.dv-tabs-and-actions-container .dv-void-container.dv-draggable {\n cursor: grab;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container {\n display: flex;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container.dv-right-actions-container-vertical {\n flex-direction: column;\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical {\n flex-direction: column;\n height: auto;\n width: var(--dv-tabs-and-actions-container-height);\n}\n.dv-watermark {\n display: flex;\n height: 100%;\n}'),Object.keys(o).forEach(function(r){"default"===r||Object.prototype.hasOwnProperty.call(n,r)||Object.defineProperty(n,r,{enumerable:!0,get:function(){return o[r]}})})});
7
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["dockview-react"]={},e.React,e.ReactDOM)}(this,function(e,t,i){"use strict";var o;!function(e,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}('.dv-scrollable {\n position: relative;\n overflow: hidden;\n}\n.dv-scrollable .dv-scrollbar {\n position: absolute;\n border-radius: 2px;\n background-color: transparent;\n /* GPU optimizations */\n will-change: background-color, transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition-property: background-color;\n transition-timing-function: ease-in-out;\n transition-duration: 1s;\n transition-delay: 0s;\n}\n.dv-scrollable .dv-scrollbar-horizontal {\n bottom: 0px;\n left: 0px;\n height: 4px;\n}\n.dv-scrollable .dv-scrollbar-vertical {\n right: 0px;\n top: 0px;\n width: 4px;\n}\n.dv-scrollable:hover .dv-scrollbar, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar {\n background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));\n}\n.dv-svg {\n display: inline-block;\n fill: currentcolor;\n line-height: 1;\n stroke: currentcolor;\n stroke-width: 0;\n}\n.dockview-theme-dark {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-dark {\n --dv-group-view-background-color: #1e1e1e;\n --dv-tabs-and-actions-container-background-color: #252526;\n --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-tab-divider-color: #1e1e1e;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: #969696;\n --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n --dv-separator-border: rgb(68, 68, 68);\n --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-light {\n --dv-group-view-background-color: white;\n --dv-tabs-and-actions-container-background-color: #f3f3f3;\n --dv-activegroup-visiblepanel-tab-background-color: white;\n --dv-activegroup-hiddenpanel-tab-background-color: #ececec;\n --dv-inactivegroup-visiblepanel-tab-background-color: white;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;\n --dv-tab-divider-color: white;\n --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);\n --dv-separator-border: rgba(128, 128, 128, 0.35);\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-vs {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-vs {\n --dv-group-view-background-color: #1e1e1e;\n --dv-tabs-and-actions-container-background-color: #252526;\n --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-tab-divider-color: #1e1e1e;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: #969696;\n --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n --dv-separator-border: rgb(68, 68, 68);\n --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n --dv-tabs-and-actions-container-background-color: #2d2d30;\n --dv-tabs-and-actions-container-height: 20px;\n --dv-tabs-and-actions-container-font-size: 11px;\n --dv-activegroup-visiblepanel-tab-background-color: #007acc;\n --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: white;\n --dv-inactivegroup-visiblepanel-tab-color: white;\n --dv-inactivegroup-hiddenpanel-tab-color: white;\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {\n box-sizing: content-box;\n border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {\n box-sizing: content-box;\n border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-abyss {\n --dv-color-abyss-dark: #000c18;\n --dv-color-abyss: #10192c;\n --dv-color-abyss-light: #1c1c2a;\n --dv-color-abyss-lighter: #2b2b4a;\n --dv-color-abyss-accent: rgb(91, 30, 207);\n --dv-color-abyss-primary-text: white;\n --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n --dv-group-view-background-color: var(--dv-color-abyss-dark);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-abyss-light\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-dark\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-dark\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n --dv-tab-divider-color: var(--dv-color-abyss-lighter);\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);\n --dv-separator-border: var(--dv-color-abyss-lighter);\n --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);\n --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-dracula {\n --dv-group-view-background-color: #282a36;\n --dv-tabs-and-actions-container-background-color: #191a21;\n --dv-activegroup-visiblepanel-tab-background-color: #282a36;\n --dv-activegroup-hiddenpanel-tab-background-color: #21222c;\n --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;\n --dv-tab-divider-color: #191a21;\n --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);\n --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);\n --dv-separator-border: #bd93f9;\n --dv-paneview-header-border-color: #bd93f9;\n --dv-paneview-active-outline-color: #6272a4;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 1px;\n background-color: #94527e;\n z-index: 999;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 1px;\n background-color: #5e3d5a;\n z-index: 999;\n}\n\n.dockview-theme-nord {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-nord {\n --dv-color-nord-polar-0: #2e3440;\n --dv-color-nord-polar-1: #3b4252;\n --dv-color-nord-polar-2: #434c5e;\n --dv-color-nord-polar-3: #4c566a;\n --dv-color-nord-frost: #88c0d0;\n --dv-color-nord-frost-2: #81a1c1;\n --dv-color-nord-snow-0: #eceff4;\n --dv-color-nord-snow-1: #d8dee9;\n --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-0\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n --dv-separator-border: var(--dv-color-nord-polar-3);\n --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n --dv-active-sash-color: var(--dv-color-nord-frost);\n --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-nord-frost);\n z-index: 999;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-nord-frost-2);\n z-index: 999;\n}\n\n.dockview-theme-nord-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-nord-spaced {\n padding: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-nord-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-nord-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-nord-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tabs-overflow-container,\n.dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-nord-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-nord-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced {\n --dv-color-nord-polar-0: #2e3440;\n --dv-color-nord-polar-1: #3b4252;\n --dv-color-nord-polar-2: #434c5e;\n --dv-color-nord-polar-3: #4c566a;\n --dv-color-nord-frost: #88c0d0;\n --dv-color-nord-frost-2: #81a1c1;\n --dv-color-nord-snow-0: #eceff4;\n --dv-color-nord-snow-1: #d8dee9;\n --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-nord-polar-2\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-nord-polar-1\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n --dv-active-sash-color: var(--dv-color-nord-frost);\n --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);\n}\n\n.dockview-theme-catppuccin-mocha {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-catppuccin-mocha {\n --dv-color-mocha-crust: #11111b;\n --dv-color-mocha-mantle: #181825;\n --dv-color-mocha-base: #1e1e2e;\n --dv-color-mocha-surface0: #313244;\n --dv-color-mocha-surface1: #45475a;\n --dv-color-mocha-text: #cdd6f4;\n --dv-color-mocha-subtext1: #bac2de;\n --dv-color-mocha-subtext0: #a6adc8;\n --dv-color-mocha-mauve: #cba6f7;\n --dv-color-mocha-lavender: #b4befe;\n --dv-group-view-background-color: var(--dv-color-mocha-base);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-base\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-surface0\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-crust\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n --dv-separator-border: var(--dv-color-mocha-surface1);\n --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n --dv-active-sash-color: var(--dv-color-mocha-mauve);\n --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-mocha-mauve);\n z-index: 999;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: rgba(180, 190, 254, 0.4);\n z-index: 999;\n}\n\n.dockview-theme-catppuccin-mocha-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-catppuccin-mocha-spaced {\n padding: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced {\n --dv-color-mocha-crust: #11111b;\n --dv-color-mocha-mantle: #181825;\n --dv-color-mocha-base: #1e1e2e;\n --dv-color-mocha-surface0: #313244;\n --dv-color-mocha-surface1: #45475a;\n --dv-color-mocha-text: #cdd6f4;\n --dv-color-mocha-subtext1: #bac2de;\n --dv-color-mocha-subtext0: #a6adc8;\n --dv-color-mocha-mauve: #cba6f7;\n --dv-color-mocha-lavender: #b4befe;\n --dv-group-view-background-color: var(--dv-color-mocha-crust);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-surface0\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-mocha-surface0\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-mocha-mantle\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n --dv-active-sash-color: var(--dv-color-mocha-mauve);\n --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);\n}\n\n.dockview-theme-monokai {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-monokai {\n --dv-color-monokai-bg: #272822;\n --dv-color-monokai-bg-light: #3e3d32;\n --dv-color-monokai-comment: #75715e;\n --dv-color-monokai-fg: #f8f8f2;\n --dv-color-monokai-green: #a6e22e;\n --dv-group-view-background-color: var(--dv-color-monokai-bg);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-monokai-bg-light\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-monokai-bg\n );\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-monokai-bg\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);\n --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);\n --dv-separator-border: var(--dv-color-monokai-bg-light);\n --dv-paneview-active-outline-color: var(--dv-color-monokai-green);\n --dv-active-sash-color: var(--dv-color-monokai-green);\n --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: var(--dv-color-monokai-green);\n z-index: 999;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n position: absolute;\n left: 0px;\n bottom: 0px;\n content: "";\n width: 100%;\n height: 2px;\n background-color: rgba(166, 226, 46, 0.35);\n z-index: 999;\n}\n\n.dockview-theme-solarized-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-solarized-light {\n --dv-color-sol-base3: #fdf6e3;\n --dv-color-sol-base2: #eee8d5;\n --dv-color-sol-base1: #93a1a1;\n --dv-color-sol-base00: #657b83;\n --dv-color-sol-base01: #586e75;\n --dv-color-sol-blue: #268bd2;\n --dv-group-view-background-color: var(--dv-color-sol-base3);\n --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n --dv-separator-border: var(--dv-color-sol-base2);\n --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n --dv-active-sash-color: var(--dv-color-sol-blue);\n --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-solarized-light-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-solarized-light-spaced {\n padding: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-solarized-light-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-solarized-light-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced {\n --dv-color-sol-base3: #fdf6e3;\n --dv-color-sol-base2: #eee8d5;\n --dv-color-sol-base1: #93a1a1;\n --dv-color-sol-base00: #657b83;\n --dv-color-sol-base01: #586e75;\n --dv-color-sol-blue: #268bd2;\n --dv-drag-over-background-color: rgba(38, 139, 210, 0.1);\n --dv-group-view-background-color: var(--dv-color-sol-base2);\n --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base3);\n --dv-activegroup-visiblepanel-tab-background-color: #e8e2d0;\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: #e8e2d0;\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-sol-base3\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n --dv-active-sash-color: var(--dv-color-sol-blue);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n --dv-floating-group-border: 2px solid rgba(238, 232, 213, 0.5);\n}\n\n.dockview-theme-github-dark {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-github-dark {\n --dv-color-gh-canvas-default: #0d1117;\n --dv-color-gh-canvas-subtle: #161b22;\n --dv-color-gh-canvas-inset: #010409;\n --dv-color-gh-border: #30363d;\n --dv-color-gh-border-muted: #21262d;\n --dv-color-gh-fg-default: #e6edf3;\n --dv-color-gh-fg-muted: #8b949e;\n --dv-color-gh-fg-subtle: #6e7681;\n --dv-color-gh-accent: #58a6ff;\n --dv-group-view-background-color: var(--dv-color-gh-canvas-default);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-canvas-default\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-canvas-default\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n --dv-separator-border: var(--dv-color-gh-border);\n --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n --dv-active-sash-color: var(--dv-color-gh-accent);\n --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n --dv-drag-over-background-color: rgba(88, 166, 255, 0.15);\n}\n\n.dockview-theme-github-dark-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-github-dark-spaced {\n padding: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-github-dark-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-github-dark-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-github-dark-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced {\n --dv-color-gh-canvas-default: #0d1117;\n --dv-color-gh-canvas-subtle: #161b22;\n --dv-color-gh-canvas-inset: #010409;\n --dv-color-gh-border: #30363d;\n --dv-color-gh-border-muted: #21262d;\n --dv-color-gh-fg-default: #e6edf3;\n --dv-color-gh-fg-muted: #8b949e;\n --dv-color-gh-fg-subtle: #6e7681;\n --dv-color-gh-accent: #58a6ff;\n --dv-drag-over-background-color: rgba(88, 166, 255, 0.1);\n --dv-group-view-background-color: var(--dv-color-gh-canvas-inset);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-border\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-border\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n --dv-active-sash-color: var(--dv-color-gh-accent);\n --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n --dv-floating-group-border: 2px solid var(--dv-color-gh-canvas-inset);\n}\n\n.dockview-theme-github-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n opacity: 0;\n transition: none;\n}\n.dockview-theme-github-light {\n --dv-color-gh-light-canvas-default: #ffffff;\n --dv-color-gh-light-canvas-subtle: #f6f8fa;\n --dv-color-gh-light-canvas-inset: #f0f6ff;\n --dv-color-gh-light-border: #d0d7de;\n --dv-color-gh-light-fg-default: #1f2328;\n --dv-color-gh-light-fg-muted: #656d76;\n --dv-color-gh-light-fg-subtle: #6e7781;\n --dv-color-gh-light-accent: #0969da;\n --dv-group-view-background-color: var(--dv-color-gh-light-canvas-default);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-light-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-subtle\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-subtle\n );\n --dv-activegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-default\n );\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-subtle\n );\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n --dv-separator-border: var(--dv-color-gh-light-border);\n --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n --dv-active-sash-color: var(--dv-color-gh-light-accent);\n --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n --dv-drag-over-background-color: rgba(9, 105, 218, 0.1);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-github-light-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-github-light-spaced {\n padding: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-github-light-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-github-light-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-light-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-light-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-github-light-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-light-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-github-light-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced {\n --dv-color-gh-light-canvas-default: #ffffff;\n --dv-color-gh-light-canvas-subtle: #f6f8fa;\n --dv-color-gh-light-border: #d0d7de;\n --dv-color-gh-light-fg-default: #1f2328;\n --dv-color-gh-light-fg-muted: #656d76;\n --dv-color-gh-light-fg-subtle: #6e7781;\n --dv-color-gh-light-accent: #0969da;\n --dv-drag-over-background-color: rgba(9, 105, 218, 0.08);\n --dv-group-view-background-color: var(--dv-color-gh-light-canvas-subtle);\n --dv-tabs-and-actions-container-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-border\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-gh-light-border\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-gh-light-canvas-default\n );\n --dv-activegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-default\n );\n --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n --dv-inactivegroup-visiblepanel-tab-color: var(\n --dv-color-gh-light-fg-subtle\n );\n --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n --dv-separator-border: transparent;\n --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n --dv-active-sash-color: var(--dv-color-gh-light-accent);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n --dv-floating-group-border: 2px solid rgba(208, 215, 222, 0.5);\n}\n\n.dockview-theme-abyss-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-abyss-spaced {\n padding: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-abyss-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-abyss-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tabs-overflow-container,\n.dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-abyss-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-abyss-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-abyss-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced {\n --dv-color-abyss-dark: rgb(11, 6, 17);\n --dv-color-abyss: #16121f;\n --dv-color-abyss-light: #201d2b;\n --dv-color-abyss-lighter: #2a2837;\n --dv-color-abyss-accent: rgb(91, 30, 207);\n --dv-color-abyss-primary-text: white;\n --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n --dv-drag-over-background-color: \'\';\n --dv-group-view-background-color: var(--dv-color-abyss-dark);\n --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);\n --dv-activegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-lighter\n );\n --dv-activegroup-hiddenpanel-tab-background-color: var(\n --dv-color-abyss-light\n );\n --dv-inactivegroup-visiblepanel-tab-background-color: var(\n --dv-color-abyss-lighter\n );\n --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n --dv-color-abyss-light\n );\n --dv-tab-divider-color: transparent;\n --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);\n --dv-activegroup-hiddenpanel-tab-color: var(\n --dv-color-abyss-secondary-text\n );\n --dv-inactivegroup-visiblepanel-tab-color: var(\n --dv-color-abyss-primary-text\n );\n --dv-inactivegroup-hiddenpanel-tab-color: var(\n --dv-color-abyss-secondary-text\n );\n --dv-separator-border: transparent;\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-active-sash-color: var(--dv-color-abyss-accent);\n --dv-floating-group-border: 2px solid var(--dv-color-abyss-dark);\n}\n\n.dockview-theme-light-spaced {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: transparent;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n --dv-overlay-z-index: 999;\n --dv-tab-font-size: inherit;\n --dv-border-radius: 0px;\n --dv-tab-margin: 0;\n --dv-sash-color: transparent;\n --dv-active-sash-color: transparent;\n --dv-active-sash-transition-duration: 0.1s;\n --dv-active-sash-transition-delay: 0.5s;\n --dv-spacing-padding: 0px;\n --dv-tab-border-radius: 0px;\n --dv-sash-border-radius: 0px;\n --dv-dropdown-border-radius: 0px;\n --dv-tab-close-icon-size: inherit;\n --dv-floating-group-border: none;\n --dv-drag-over-border: none;\n --dv-floating-group-dragging-opacity: 0.5;\n --dv-floating-titlebar-height: 22px;\n --dv-floating-titlebar-background-color: var(\n --dv-tabs-and-actions-container-background-color\n );\n --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n --dv-tab-group-color-grey: #5f6368;\n --dv-tab-group-color-blue: #1a73e8;\n --dv-tab-group-color-red: #d93025;\n --dv-tab-group-color-yellow: #f9ab00;\n --dv-tab-group-color-green: #188038;\n --dv-tab-group-color-pink: #d01884;\n --dv-tab-group-color-purple: #a142f4;\n --dv-tab-group-color-cyan: #007b83;\n --dv-tab-group-color-orange: #e8710a;\n --dv-tab-group-chip-padding: 4px 8px;\n --dv-tab-group-chip-border-radius: 6px;\n --dv-tab-group-chip-font-size: 11px;\n --dv-tab-group-line-height: 2px;\n --dv-tab-group-line-opacity: 0.6;\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-theme-light-spaced {\n padding: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-theme-light-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-theme-light-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-theme-light-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-theme-light-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-light-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-theme-light-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-light-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced {\n --dv-drag-over-background-color: \'\';\n --dv-group-view-background-color: #f6f5f9;\n --dv-tabs-and-actions-container-background-color: white;\n --dv-activegroup-visiblepanel-tab-background-color: #ededf0;\n --dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;\n --dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;\n --dv-tab-divider-color: transparent;\n --dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n --dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n --dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n --dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n --dv-separator-border: transparent;\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-active-sash-color: rgb(91, 30, 207);\n --dv-floating-box-shadow:\n 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n --dv-floating-group-border: 2px solid rgba(255, 255, 255, 0.1);\n}\n\n.dockview-spaced {\n --dv-spacing-padding: 10px;\n --dv-tab-font-size: 12px;\n --dv-border-radius: 12px;\n --dv-tab-margin: 0.5rem 0.25rem;\n --dv-tabs-and-actions-container-height: 44px;\n --dv-tab-border-radius: 8px;\n --dv-sash-border-radius: 4px;\n --dv-dropdown-border-radius: 8px;\n --dv-tab-close-icon-size: 8px;\n --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n --dv-floating-titlebar-background-color: var(\n --dv-group-view-background-color\n );\n --dv-floating-titlebar-border-bottom: none;\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n background-color: var(--dv-group-view-background-color);\n}\n.dv-shell .dockview-spaced {\n padding: 0;\n}\n.dockview-spaced .dv-resize-container:has(> .dv-groupview) {\n border-radius: 8px;\n}\n.dockview-spaced .dv-sash {\n border-radius: var(--dv-sash-border-radius);\n}\n.dockview-spaced .dv-drop-target-anchor {\n border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-spaced .dv-drop-target-anchor.dv-drop-target-content {\n border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-resize-container {\n border-radius: var(--dv-border-radius) !important;\n border: none;\n}\n.dockview-spaced .dv-resize-container .dv-groupview {\n border: var(--dv-floating-group-border);\n}\n.dockview-spaced .dv-resize-container > .dv-grid-view {\n box-sizing: border-box;\n padding: var(--dv-spacing-padding);\n}\n.dockview-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n padding-top: 0;\n}\n.dockview-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tabs-overflow-container,\n.dockview-spaced .dv-tabs-overflow-dropdown-default {\n border-radius: var(--dv-dropdown-border-radius);\n height: unset !important;\n}\n.dockview-spaced .dv-render-overlay {\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tab {\n border-radius: var(--dv-tab-border-radius);\n}\n.dockview-spaced .dv-tab .dv-svg {\n height: var(--dv-tab-close-icon-size);\n width: var(--dv-tab-close-icon-size);\n}\n.dockview-spaced .dv-tabs-container-vertical .dv-tab {\n margin: 0.25rem 0.5rem;\n}\n.dockview-spaced .dv-groupview {\n border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container {\n padding: 0px calc(var(--dv-border-radius) / 2);\n border-top-left-radius: var(--dv-border-radius);\n border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-spaced .dv-groupview .dv-content-container {\n background-color: var(--dv-tabs-and-actions-container-background-color);\n border-bottom-left-radius: var(--dv-border-radius);\n border-bottom-right-radius: var(--dv-border-radius);\n}\n\n.dv-context-menu {\n min-width: 160px;\n overflow: hidden;\n background: var(--dv-context-menu-background-color, var(--dv-activegroup-hiddenpanel-tab-background-color));\n color: var(--dv-context-menu-color, var(--dv-activegroup-hiddenpanel-tab-color));\n border: 1px solid var(--dv-tab-divider-color);\n border-radius: var(--dv-border-radius);\n box-shadow: var(--dv-floating-box-shadow);\n padding: 4px 0;\n}\n\n.dv-context-menu-item {\n height: 25px;\n padding: 0 12px;\n display: flex;\n align-items: center;\n cursor: pointer;\n font-size: var(--dv-tabs-and-actions-container-font-size);\n white-space: nowrap;\n user-select: none;\n}\n.dv-context-menu-item:hover {\n background: var(--dv-icon-hover-background-color);\n}\n.dv-context-menu-item.dv-context-menu-item--disabled {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n\n.dv-context-menu-separator {\n height: 1px;\n background: var(--dv-tab-divider-color);\n margin: 4px 0;\n}\n\n.dv-context-menu-rename {\n padding: 8px 12px 4px;\n}\n\n.dv-context-menu-rename-input {\n width: 100%;\n box-sizing: border-box;\n padding: 8px 10px;\n border: 1px solid var(--dv-tab-divider-color);\n border-radius: var(--dv-border-radius);\n background: inherit;\n color: var(--dv-activegroup-visiblepanel-tab-color);\n font-size: var(--dv-tabs-and-actions-container-font-size);\n outline: none;\n}\n.dv-context-menu-rename-input:focus {\n border-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-context-menu-rename-input::placeholder {\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n\n.dv-context-menu-color-picker {\n display: flex;\n flex-direction: row;\n gap: 6px;\n padding: 8px 12px;\n align-items: center;\n}\n\n.dv-context-menu-color-swatch {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n flex-shrink: 0;\n background-color: var(--dv-tab-group-color);\n}\n.dv-context-menu-color-swatch:hover {\n opacity: 0.85;\n}\n.dv-context-menu-color-swatch.dv-context-menu-color-swatch--selected {\n outline: 2px solid var(--dv-tab-divider-color);\n outline-offset: 2px;\n}\n\n.dv-tab-group-indicator-none .dv-groupview-header-bottom .dv-tab-group-underline {\n top: auto;\n bottom: 0;\n}\n\n.dv-groupview.dv-groupview-header-bottom.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after, .dv-groupview.dv-groupview-header-bottom.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n top: 0px;\n bottom: auto;\n}\n.dv-drop-target-container {\n position: absolute;\n z-index: 9999;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n pointer-events: none;\n overflow: hidden;\n --dv-transition-duration: 300ms;\n}\n.dv-drop-target-container .dv-drop-target-anchor {\n position: relative;\n border: var(--dv-drag-over-border);\n background-color: var(--dv-drag-over-background-color);\n opacity: 1;\n /* GPU optimizations */\n will-change: transform, opacity;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n contain: layout paint;\n transition: opacity var(--dv-transition-duration) ease-in, top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out;\n}\n.dv-drop-target {\n position: relative;\n --dv-transition-duration: 70ms;\n}\n.dv-drop-target > .dv-drop-target-dropzone {\n position: absolute;\n left: 0px;\n top: 0px;\n height: 100%;\n width: 100%;\n z-index: 1000;\n pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection {\n position: relative;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n border: var(--dv-drag-over-border);\n background-color: var(--dv-drag-over-background-color);\n transition: top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out, opacity var(--dv-transition-duration) ease-out;\n will-change: transform;\n pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {\n border-top: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {\n border-bottom: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {\n border-left: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {\n border-right: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-dockview {\n position: relative;\n background-color: var(--dv-group-view-background-color);\n}\n.dv-dockview .dv-watermark-container {\n position: absolute;\n top: 0px;\n left: 0px;\n height: 100%;\n width: 100%;\n z-index: 1;\n}\n.dv-dockview .dv-overlay-render-container {\n position: relative;\n}\n\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);\n color: var(--dv-inactivegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n color: var(--dv-inactivegroup-hiddenpanel-tab-color);\n}\n\n/**\n * when a tab is dragged we lose the above stylings because they are conditional on parent elements\n * therefore we also set some stylings for the dragging event\n **/\n.dv-tab.dv-tab-dragging {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-groupview {\n display: flex;\n height: 100%;\n background-color: var(--dv-group-view-background-color);\n overflow: hidden;\n flex-direction: column;\n}\n.dv-groupview:focus {\n outline: none;\n}\n.dv-groupview > .dv-content-container {\n flex-grow: 1;\n min-height: 0;\n outline: none;\n}\n.dv-groupview.dv-groupview-header-bottom {\n flex-direction: column-reverse;\n}\n.dv-groupview.dv-groupview-header-left {\n flex-direction: row;\n}\n.dv-groupview.dv-groupview-header-right {\n flex-direction: row-reverse;\n}\n.dv-groupview.dv-groupview-edge.dv-edge-collapsed > .dv-content-container {\n display: none;\n}\n.dv-root-wrapper {\n height: 100%;\n width: 100%;\n}\n.dv-grid-view,\n.dv-branch-node {\n height: 100%;\n width: 100%;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-top {\n background-color: red;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-bottom {\n background-color: green;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-left {\n background-color: yellow;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-right {\n background-color: blue;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-topleft,\n.dv-debug .dv-resize-container .dv-resize-handle-topright,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomleft,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomright {\n background-color: cyan;\n}\n\n.dv-floating-overlay-host {\n position: absolute;\n pointer-events: none;\n}\n.dv-floating-overlay-host > .dv-resize-container {\n pointer-events: auto;\n}\n\n.dv-resize-container > .dv-grid-view {\n width: 100%;\n height: 100%;\n}\n\n.dv-resize-container-with-titlebar {\n display: flex;\n flex-direction: column;\n}\n.dv-resize-container-with-titlebar > .dv-floating-titlebar {\n flex: 0 0 auto;\n}\n.dv-resize-container-with-titlebar > .dv-grid-view {\n height: auto;\n flex: 1 1 0;\n min-height: 0;\n}\n\n.dv-floating-titlebar {\n box-sizing: border-box;\n flex-shrink: 0;\n height: var(--dv-floating-titlebar-height, 22px);\n background-color: var(--dv-floating-titlebar-background-color);\n border-bottom: var(--dv-floating-titlebar-border-bottom, none);\n user-select: none;\n touch-action: none;\n}\n.dv-floating-titlebar.dv-draggable {\n cursor: grab;\n}\n\n.dv-resize-container {\n --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n position: absolute;\n z-index: calc(var(--dv-overlay-z-index) - 2);\n background-color: var(--dv-group-view-background-color);\n border: var(--dv-floating-border);\n box-shadow: var(--dv-floating-box-shadow);\n /* GPU optimizations for floating group movement */\n will-change: transform, opacity;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n}\n.dv-resize-container.dv-hidden {\n display: none;\n}\n.dv-resize-container.dv-resize-container-dragging {\n opacity: var(--dv-floating-group-dragging-opacity);\n /* Enhanced GPU acceleration during drag */\n will-change: transform, opacity;\n}\n.dv-resize-container .dv-resize-handle-top,\n.dv-resize-container .dv-resize-handle-bottom,\n.dv-resize-container .dv-resize-handle-left,\n.dv-resize-container .dv-resize-handle-right,\n.dv-resize-container .dv-resize-handle-topleft,\n.dv-resize-container .dv-resize-handle-topright,\n.dv-resize-container .dv-resize-handle-bottomleft,\n.dv-resize-container .dv-resize-handle-bottomright {\n touch-action: none;\n}\n.dv-resize-container .dv-resize-handle-top {\n height: 4px;\n width: calc(100% - 8px);\n left: 4px;\n top: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-bottom {\n height: 4px;\n width: calc(100% - 8px);\n left: 4px;\n bottom: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-left {\n height: calc(100% - 8px);\n width: 4px;\n left: -2px;\n top: 4px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-right {\n height: calc(100% - 8px);\n width: 4px;\n right: -2px;\n top: 4px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-topleft {\n height: 4px;\n width: 4px;\n top: -2px;\n left: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: nw-resize;\n}\n.dv-resize-container .dv-resize-handle-topright {\n height: 4px;\n width: 4px;\n right: -2px;\n top: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: ne-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomleft {\n height: 4px;\n width: 4px;\n left: -2px;\n bottom: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: sw-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomright {\n height: 4px;\n width: 4px;\n right: -2px;\n bottom: -2px;\n z-index: var(--dv-overlay-z-index);\n position: absolute;\n cursor: se-resize;\n}\n@media (pointer: coarse) {\n .dv-resize-container .dv-resize-handle-top,\n .dv-resize-container .dv-resize-handle-bottom {\n height: 16px;\n width: calc(100% - 48px);\n left: 24px;\n }\n .dv-resize-container .dv-resize-handle-top {\n top: -10px;\n }\n .dv-resize-container .dv-resize-handle-bottom {\n bottom: -10px;\n }\n .dv-resize-container .dv-resize-handle-left,\n .dv-resize-container .dv-resize-handle-right {\n width: 16px;\n height: calc(100% - 48px);\n top: 24px;\n }\n .dv-resize-container .dv-resize-handle-left {\n left: -10px;\n }\n .dv-resize-container .dv-resize-handle-right {\n right: -10px;\n }\n .dv-resize-container .dv-resize-handle-topleft,\n .dv-resize-container .dv-resize-handle-topright,\n .dv-resize-container .dv-resize-handle-bottomleft,\n .dv-resize-container .dv-resize-handle-bottomright {\n height: 24px;\n width: 24px;\n }\n .dv-resize-container .dv-resize-handle-topleft {\n top: -12px;\n left: -12px;\n }\n .dv-resize-container .dv-resize-handle-topright {\n top: -12px;\n right: -12px;\n }\n .dv-resize-container .dv-resize-handle-bottomleft {\n bottom: -12px;\n left: -12px;\n }\n .dv-resize-container .dv-resize-handle-bottomright {\n bottom: -12px;\n right: -12px;\n }\n}\n.dv-render-overlay {\n --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n contain: layout paint;\n isolation: isolate;\n /* GPU optimizations */\n will-change: transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n}\n.dv-render-overlay.dv-render-overlay-float {\n z-index: calc(var(--dv-overlay-z-index) - 1);\n}\n\n.dv-debug .dv-render-overlay {\n outline: 1px solid red;\n outline-offset: -1;\n}\n.dv-pane-container {\n height: 100%;\n width: 100%;\n}\n.dv-pane-container.dv-animated .dv-view {\n /* GPU optimizations for smooth pane animations */\n will-change: transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition: transform 0.15s ease-out;\n}\n.dv-pane-container .dv-view {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n padding: 0px !important;\n}\n.dv-pane-container .dv-view:not(:first-child)::before {\n background-color: transparent !important;\n}\n.dv-pane-container .dv-view:not(:first-child) .dv-pane > .dv-pane-header {\n border-top: 1px solid var(--dv-paneview-header-border-color);\n}\n.dv-pane-container .dv-view .dv-default-header {\n background-color: var(--dv-group-view-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n display: flex;\n padding: 0px 8px;\n cursor: pointer;\n}\n.dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.dv-pane-container .dv-view .dv-default-header > span {\n padding-left: 8px;\n flex-grow: 1;\n}\n.dv-pane-container:first-of-type > .dv-pane > .dv-pane-header {\n border-top: none !important;\n}\n.dv-pane-container .dv-pane {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n height: 100%;\n}\n.dv-pane-container .dv-pane .dv-pane-header {\n box-sizing: border-box;\n user-select: none;\n position: relative;\n outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable {\n cursor: pointer;\n}\n.dv-pane-container .dv-pane .dv-pane-header:focus:before, .dv-pane-container .dv-pane .dv-pane-header:focus-within:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n content: "";\n pointer-events: none;\n outline: 1px solid;\n outline-width: -1px;\n outline-style: solid;\n outline-offset: -1px;\n outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-pane-container .dv-pane .dv-pane-body {\n overflow-y: auto;\n overflow-x: hidden;\n flex-grow: 1;\n position: relative;\n outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-body:focus:before, .dv-pane-container .dv-pane .dv-pane-body:focus-within:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 5;\n content: "";\n pointer-events: none;\n outline: 1px solid;\n outline-width: -1px;\n outline-style: solid;\n outline-offset: -1px;\n outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled {\n background-color: black;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled {\n background-color: orange;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum {\n background-color: green;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum {\n background-color: red;\n}\n\n.dv-split-view-container {\n position: relative;\n overflow: hidden;\n height: 100%;\n width: 100%;\n}\n.dv-split-view-container.dv-splitview-disabled > .dv-sash-container > .dv-sash {\n pointer-events: none;\n}\n.dv-split-view-container.dv-animation .dv-view,\n.dv-split-view-container.dv-animation .dv-sash {\n /* GPU optimizations for smooth animations */\n will-change: transform;\n transform: translate3d(0, 0, 0);\n backface-visibility: hidden;\n transition: transform 0.15s ease-out;\n}\n.dv-split-view-container.dv-horizontal {\n height: 100%;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash {\n height: 100%;\n width: 4px;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-enabled {\n cursor: ew-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-disabled {\n cursor: default;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-maximum {\n cursor: w-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-minimum {\n cursor: e-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-view-container > .dv-view:not(:first-child)::before {\n height: 100%;\n width: 1px;\n}\n.dv-split-view-container.dv-vertical {\n width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash {\n width: 100%;\n height: 4px;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-enabled {\n cursor: ns-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-disabled {\n cursor: default;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-maximum {\n cursor: n-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-minimum {\n cursor: s-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view {\n width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view:not(:first-child)::before {\n height: 1px;\n width: 100%;\n}\n.dv-split-view-container .dv-sash-container {\n height: 100%;\n width: 100%;\n position: absolute;\n}\n.dv-split-view-container .dv-sash-container .dv-sash {\n position: absolute;\n z-index: 99;\n outline: none;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n touch-action: none;\n background-color: var(--dv-sash-color, transparent);\n}\n.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active, .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover {\n background-color: var(--dv-active-sash-color, transparent);\n transition-property: background-color;\n transition-timing-function: ease-in-out;\n transition-duration: var(--dv-active-sash-transition-duration, 0.1s);\n transition-delay: var(--dv-active-sash-transition-delay, 0.5s);\n}\n@media (pointer: coarse) {\n .dv-split-view-container .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n content: "";\n position: absolute;\n background: transparent;\n }\n .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n top: 0;\n bottom: 0;\n left: -10px;\n right: -10px;\n }\n .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n left: 0;\n right: 0;\n top: -10px;\n bottom: -10px;\n }\n}\n.dv-split-view-container .dv-view-container {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.dv-split-view-container .dv-view-container .dv-view {\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n}\n.dv-split-view-container.dv-separator-border .dv-view:not(:first-child)::before {\n content: " ";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 5;\n pointer-events: none;\n background-color: var(--dv-separator-border);\n}\n.dv-dragged {\n transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */\n}\n\n/* Applied to the ghost tab clone during drag so it shows the same border as a focused tab */\n.dv-tab-ghost-drag {\n position: relative;\n}\n.dv-tab-ghost-drag::after {\n position: absolute;\n content: "";\n height: 100%;\n width: 100%;\n top: 0px;\n left: 0px;\n pointer-events: none;\n outline: 1px solid var(--dv-tab-divider-color) !important;\n outline-offset: -1px;\n z-index: 5;\n}\n\n.dv-tab {\n flex-shrink: 0;\n}\n.dv-tab:focus-within, .dv-tab:focus {\n position: relative;\n}\n.dv-tab:focus-within::after, .dv-tab:focus::after {\n position: absolute;\n content: "";\n height: 100%;\n width: 100%;\n top: 0px;\n left: 0px;\n pointer-events: none;\n outline: 1px solid var(--dv-tab-divider-color) !important;\n outline-offset: -1px;\n z-index: 5;\n}\n.dv-tab.dv-tab-dragging .dv-default-tab-action {\n background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {\n visibility: visible;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n visibility: hidden;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {\n visibility: visible;\n}\n@media (hover: none) {\n .dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n visibility: visible;\n }\n}\n.dv-tab .dv-default-tab {\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.dv-tab .dv-default-tab .dv-default-tab-content {\n flex-grow: 1;\n margin-right: 4px;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n@media (pointer: coarse) {\n .dv-tab .dv-default-tab .dv-default-tab-action {\n padding: 8px;\n }\n}\n.dv-tabs-overflow-dropdown-default {\n height: 100%;\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n margin: var(--dv-tab-margin);\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding: 0.25rem 0.5rem;\n cursor: pointer;\n}\n.dv-tabs-overflow-dropdown-default > span {\n padding-left: 0.25rem;\n}\n.dv-tabs-overflow-dropdown-default > svg {\n transform: rotate(90deg);\n}\n.dv-tabs-overflow-dropdown-default:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-container {\n display: flex;\n position: relative;\n height: 100%;\n overflow: auto;\n scrollbar-width: thin;\n /* GPU optimizations for smooth scrolling */\n will-change: scroll-position;\n transform: translate3d(0, 0, 0);\n /**\n * Stop scroll-chaining at the tab strip so that wheel / trackpad\n * overscroll past the strip\'s edges doesn\'t trigger the browser\'s\n * swipe-to-go-back-or-forward gesture (and doesn\'t scroll the page\n * either). `contain` keeps the native bounce visuals; `none` would\n * also disable them.\n */\n overscroll-behavior: contain;\n /**\n * Empty space between tabs (and the scrollbar lane) keeps pan-x so a\n * flick on those areas produces native momentum scroll. The tab and\n * chip elements themselves opt out (`touch-action: none`) so the\n * pointer drag source owns the gesture from pointerdown - a flick on\n * a tab or chip always becomes a drag, regardless of direction.\n */\n touch-action: pan-x;\n}\n.dv-tabs-container.dv-tabs-container-vertical {\n width: 100%;\n height: fit-content;\n max-height: 100%;\n writing-mode: vertical-rl;\n touch-action: pan-y;\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before, .dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n content: " ";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 5;\n pointer-events: none;\n background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {\n width: 1px;\n height: 100%;\n}\n.dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n width: 100%;\n height: 1px;\n}\n.dv-tabs-container::-webkit-scrollbar {\n height: 3px;\n}\n.dv-tabs-container {\n /* Track */\n}\n.dv-tabs-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.dv-tabs-container {\n /* Handle */\n}\n.dv-tabs-container::-webkit-scrollbar-thumb {\n background: var(--dv-tabs-container-scrollbar-color);\n}\n\n.dv-scrollable > .dv-tabs-container {\n overflow: hidden;\n}\n\n.dv-tab {\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n outline: none;\n padding: 0.25rem 0.5rem;\n cursor: pointer;\n position: relative;\n box-sizing: border-box;\n font-size: var(--dv-tab-font-size);\n margin: var(--dv-tab-margin);\n touch-action: none;\n}\n.dv-tab.dv-tab--shifting {\n will-change: transform, margin-left, margin-right, margin-top, margin-bottom;\n transition: transform var(--dv-transition-duration, 200ms) ease-out, margin-left var(--dv-transition-duration, 200ms) ease-out, margin-right var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out, margin-bottom var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--dragging {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-collapsed {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-expanding {\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dv-tab {\n transition: none !important;\n }\n .dv-tab-group-chip {\n transition: none !important;\n }\n}\n.dv-tab-group-chip {\n display: inline-flex;\n align-items: center;\n align-self: center;\n padding: var(--dv-tab-group-chip-padding);\n margin: 0 8px 0 8px;\n border-radius: var(--dv-tab-group-chip-border-radius);\n font-size: var(--dv-tab-group-chip-font-size);\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n box-sizing: border-box;\n line-height: 1;\n touch-action: none;\n background-color: var(--dv-tab-group-color);\n color: white;\n}\n.dv-tab-group-chip.dv-tab-group-chip--accent-off {\n background-color: transparent;\n color: inherit;\n}\n.dv-tab-group-chip.dv-tab-group-chip--shifting {\n will-change: margin-left;\n transition: margin-left var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip.dv-tab-group-chip--dragging {\n width: 0 !important;\n min-width: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n opacity: 0;\n pointer-events: none;\n transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip .dv-tab-group-chip-label--empty {\n display: none;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty) {\n position: relative;\n width: 12px;\n height: 12px;\n padding: 0;\n border-radius: 50%;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty)::before {\n content: "";\n position: absolute;\n inset: -8px;\n}\n\n.dv-tab-group-underline {\n position: absolute;\n bottom: 0;\n opacity: var(--dv-tab-group-line-opacity);\n pointer-events: none;\n z-index: 10;\n}\n\n.dv-groupview-header-bottom .dv-tab-group-underline {\n bottom: auto;\n top: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-underline {\n bottom: auto;\n left: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-chip {\n margin: 8px 0 8px 0;\n}\n.dv-tabs-container-vertical .dv-tab {\n padding: 0.5rem 0.25rem;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-collapsed {\n height: 0 !important;\n min-height: 0 !important;\n width: auto !important;\n min-width: initial !important;\n transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-expanding {\n transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--dragging {\n height: 0 !important;\n min-height: 0 !important;\n width: auto !important;\n min-width: initial !important;\n transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n.dv-tabs-overflow-container {\n flex-direction: column;\n height: unset;\n font-size: var(--dv-tabs-and-actions-container-font-size);\n max-height: min(50vh, 400px);\n overflow-y: auto;\n border: 1px solid var(--dv-tab-divider-color);\n background-color: var(--dv-group-view-background-color);\n /* Scrollbar styling for webkit browsers */\n}\n.dv-tabs-overflow-container::-webkit-scrollbar {\n width: 6px;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-thumb {\n background: var(--dv-tabs-container-scrollbar-color);\n border-radius: 3px;\n}\n.dv-tabs-overflow-container {\n /* Firefox scrollbar */\n scrollbar-width: thin;\n}\n.dv-tabs-overflow-container .dv-tab:not(:last-child) {\n border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-active-tab {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-inactive-tab {\n background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 8px;\n font-size: 0.8em;\n font-weight: 600;\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n cursor: pointer;\n border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header:hover {\n background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-color {\n display: inline-block;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n background-color: var(--dv-tab-group-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-label {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-collapsed-badge {\n font-size: 0.75em;\n font-weight: 400;\n opacity: 0.7;\n padding: 1px 4px;\n border-radius: 3px;\n background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tab.dv-tab--grouped {\n padding-left: 16px;\n}\n.dv-tabs-and-actions-container {\n display: flex;\n background-color: var(--dv-tabs-and-actions-container-background-color);\n flex-shrink: 0;\n box-sizing: border-box;\n height: var(--dv-tabs-and-actions-container-height);\n font-size: var(--dv-tabs-and-actions-container-font-size);\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {\n flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {\n flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab {\n flex-grow: 1;\n padding: 0px;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container {\n flex-grow: 0;\n}\n.dv-tabs-and-actions-container .dv-void-container {\n display: flex;\n flex-grow: 1;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n touch-action: none;\n}\n.dv-tabs-and-actions-container .dv-void-container.dv-draggable {\n cursor: grab;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container {\n display: flex;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container.dv-right-actions-container-vertical {\n flex-direction: column;\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical {\n flex-direction: column;\n height: auto;\n width: var(--dv-tabs-and-actions-container-height);\n}\n.dv-watermark {\n display: flex;\n height: 100%;\n}');
8
+ /**
9
+ * dockview-core
10
+ * @version 7.0.2
11
+ * @link https://github.com/mathuo/dockview
12
+ * @license MIT
13
+ */
14
+ class n{}class r extends n{constructor(e,t,i,o){super(),this.viewId=e,this.groupId=t,this.panelId=i,this.tabGroupId=o}}class s extends n{constructor(e,t){super(),this.viewId=e,this.paneId=t}}class a{constructor(){}static getInstance(){return a.INSTANCE}hasData(e){return e&&e===this.proto}clearData(e){this.hasData(e)&&(this.proto=void 0,this.data=void 0)}getData(e){if(this.hasData(e))return this.data}setData(e,t){t&&(this.data=e,this.proto=t)}}function d(){const e=a.getInstance();if(e.hasData(r.prototype))return e.getData(r.prototype)[0]}function l(){const e=a.getInstance();if(e.hasData(s.prototype))return e.getData(s.prototype)[0]}a.INSTANCE=new a,e.DockviewDisposable=void 0,(o=e.DockviewDisposable||(e.DockviewDisposable={})).NONE={dispose:()=>{}},o.from=function(e){return{dispose:()=>{e()}}};class h{get isDisposed(){return this._isDisposed}constructor(...e){this._isDisposed=!1,this._disposables=new Set(e)}addDisposables(...e){e.forEach(e=>this._disposables.add(e))}removeDisposable(e){this._disposables.delete(e)}dispose(){this._isDisposed||(this._isDisposed=!0,this._disposables.forEach(e=>e.dispose()),this._disposables.clear())}}class c{constructor(){this._disposable=e.DockviewDisposable.NONE}set value(e){this._disposable&&this._disposable.dispose(),this._disposable=e}dispose(){this._disposable&&(this._disposable.dispose(),this._disposable=e.DockviewDisposable.NONE)}}e.DockviewEvent=void 0,(e.DockviewEvent||(e.DockviewEvent={})).any=(...e)=>t=>{const i=e.map(e=>e(t));return{dispose:()=>{i.forEach(e=>{e.dispose()})}}};class p{constructor(){this._defaultPrevented=!1}get defaultPrevented(){return this._defaultPrevented}preventDefault(){this._defaultPrevented=!0}}class v{constructor(){this._isAccepted=!1}get isAccepted(){return this._isAccepted}accept(){this._isAccepted=!0}}class u{static create(){var e;return new u(null!==(e=(new Error).stack)&&void 0!==e?e:"")}constructor(e){this.value=e}print(){console.warn("dockview: stacktrace",this.value)}}class g{constructor(e,t){this.callback=e,this.stacktrace=t}}class m{static setLeakageMonitorEnabled(e){e!==m.ENABLE_TRACKING&&m.MEMORY_LEAK_WATCHER.clear(),m.ENABLE_TRACKING=e}get value(){return this._last}constructor(e){this.options=e,this._listeners=[],this._disposed=!1,this._pauseTokens=new Set}get event(){return this._event||(this._event=e=>{var t;(null===(t=this.options)||void 0===t?void 0:t.replay)&&void 0!==this._last&&e(this._last);const i=new g(e,m.ENABLE_TRACKING?u.create():void 0);return this._listeners.push(i),{dispose:()=>{const e=this._listeners.indexOf(i);e>-1?this._listeners.splice(e,1):m.ENABLE_TRACKING}}},m.ENABLE_TRACKING&&m.MEMORY_LEAK_WATCHER.add(this._event,u.create())),this._event}fire(e){var t;if(!(this._pauseTokens.size>0)){(null===(t=this.options)||void 0===t?void 0:t.replay)&&(this._last=e);for(const t of this._listeners)t.callback(e)}}pause(){const t={};return this._pauseTokens.add(t),e.DockviewDisposable.from(()=>this._pauseTokens.delete(t))}dispose(){this._disposed||(this._disposed=!0,this._listeners.length>0&&(m.ENABLE_TRACKING&&queueMicrotask(()=>{var e;for(const t of this._listeners)console.warn("dockview: stacktrace",null===(e=t.stacktrace)||void 0===e?void 0:e.print())}),this._listeners=[]),m.ENABLE_TRACKING&&this._event&&m.MEMORY_LEAK_WATCHER.delete(this._event))}}function b(e,t,i,o){return e.addEventListener(t,i,o),{dispose:()=>{e.removeEventListener(t,i,o)}}}m.ENABLE_TRACKING=!1,m.MEMORY_LEAK_WATCHER=new class{constructor(){this.events=new Map}get size(){return this.events.size}add(e,t){this.events.set(e,t)}delete(e){this.events.delete(e)}clear(){this.events.clear()}};class f{constructor(){this._onFired=new m,this._currentFireCount=0,this._queued=!1,this.onEvent=e=>{const t=this._currentFireCount;return this._onFired.event(()=>{this._currentFireCount>t&&e()})}}fire(){this._currentFireCount++,this._queued||(this._queued=!0,queueMicrotask(()=>{this._queued=!1,this._onFired.fire()}))}dispose(){this._onFired.dispose()}}class _ extends h{constructor(e){super(),this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._value=null,this.addDisposables(this._onDidChange,w(e,e=>{const t=e.target.scrollWidth>e.target.clientWidth,i=e.target.scrollHeight>e.target.clientHeight;this._value={hasScrollX:t,hasScrollY:i},this._onDidChange.fire(this._value)}))}}function w(e,t){const i=new ResizeObserver(e=>{requestAnimationFrame(()=>{const i=e[0];t(i)})});return i.observe(e),{dispose:()=>{i.unobserve(e),i.disconnect()}}}const x=(e,...t)=>{for(const i of t)e.classList.contains(i)&&e.classList.remove(i)},D=(e,...t)=>{for(const i of t)e.classList.contains(i)||e.classList.add(i)},y=(e,t,i)=>{const o=e.classList.contains(t);i&&!o&&e.classList.add(t),!i&&o&&e.classList.remove(t)};function C(e,t){for(;e;){if(e===t)return!0;e=e.parentNode}return!1}function S(e){return new k(e)}class k extends h{constructor(e){super(),this._onDidFocus=new m,this.onDidFocus=this._onDidFocus.event,this._onDidBlur=new m,this.onDidBlur=this._onDidBlur.event,this.addDisposables(this._onDidFocus,this._onDidBlur);let t=C(document.activeElement,e),i=!1;const o=()=>{i=!1,t||(t=!0,this._onDidFocus.fire())},n=()=>{t&&(i=!0,window.setTimeout(()=>{i&&(i=!1,t=!1,this._onDidBlur.fire())},0))};this._refreshStateHandler=()=>{C(document.activeElement,e)!==t&&(t?n():o())},this.addDisposables(b(e,"focus",o,!0)),this.addDisposables(b(e,"blur",n,!0))}refreshState(){this._refreshStateHandler()}}const z="dv-quasiPreventDefault";function G(e){e[z]=!0}function P(e){return e[z]}function T(e){const{left:t,top:i,width:o,height:n}=e.getBoundingClientRect();return{left:t+window.scrollX,top:i+window.scrollY,width:o,height:n}}function A(e=document){const t=function(e,t){const i=[];return function t(o){if(o.nodeType===Node.ELEMENT_NODE){e.includes(o.tagName)&&i.push(o),o.shadowRoot&&t(o.shadowRoot);for(const e of o.children)t(e)}}(t instanceof Document?t.documentElement:t),i}(["IFRAME","WEBVIEW"],e),i=new WeakMap;for(const e of t)i.set(e,e.style.pointerEvents),e.style.pointerEvents="none";return{release:()=>{var e;for(const o of t)o.style.pointerEvents=null!==(e=i.get(o))&&void 0!==e?e:"auto";t.splice(0,t.length)}}}class I{constructor(e){this.element=e,this._classNames=[]}setClassNames(e){for(const e of this._classNames)y(this.element,e,!1);this._classNames=e.split(" ").filter(e=>e.trim().length>0);for(const e of this._classNames)y(this.element,e,!0)}}function E(e,t){const i=T(e),o=T(t);return!(i.left<o.left)&&(!(i.left+i.width>o.left+o.width)&&(!(i.top<o.top)&&!(i.top+i.height>o.top+o.height)))}function O(e){let t=e;for(;t&&("auto"===t.style.zIndex||""===t.style.zIndex);)t=t.parentElement;return t}function M(e){if(0===e.length)throw new Error("Invalid tail call");return[e.slice(0,e.length-1),e[e.length-1]]}function L(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++)if(e[i]!==t[i])return!1;return!0}function V(e,t){const i=e.indexOf(t);i>-1&&(e.splice(i,1),e.unshift(t))}function R(e,t){const i=e.indexOf(t);i>-1&&(e.splice(i,1),e.push(t))}function N(e,t){const i=e.findIndex(e=>e===t);return i>-1&&(e.splice(i,1),!0)}const W=(e,t,i)=>t>i?t:Math.min(i,Math.max(e,t)),H=()=>{let e=1;return{next:()=>(e++).toString()}},F=(e,t)=>{const i=[];if("number"!=typeof t&&(t=e,e=0),e<=t)for(let o=e;o<t;o++)i.push(o);else for(let o=e;o>t;o--)i.push(o);return i};class B{set size(e){this._size=e}get size(){return this._size}get cachedVisibleSize(){return this._cachedVisibleSize}get visible(){return void 0===this._cachedVisibleSize}get minimumSize(){return this.visible?this.view.minimumSize:0}get viewMinimumSize(){return this.view.minimumSize}get maximumSize(){return this.visible?this.view.maximumSize:0}get viewMaximumSize(){return this.view.maximumSize}get priority(){return this.view.priority}get snap(){return!!this.view.snap}set enabled(e){this.container.style.pointerEvents=e?"":"none"}constructor(e,t,i,o){this.container=e,this.view=t,this.disposable=o,this._cachedVisibleSize=void 0,"number"==typeof i?(this._size=i,this._cachedVisibleSize=void 0,e.classList.add("visible")):(this._size=0,this._cachedVisibleSize=i.cachedVisibleSize)}setVisible(e,t){var i;e!==this.visible&&(e?(this.size=W(null!==(i=this._cachedVisibleSize)&&void 0!==i?i:0,this.viewMinimumSize,this.viewMaximumSize),this._cachedVisibleSize=void 0):(this._cachedVisibleSize="number"==typeof t?t:this.size,this.size=0),this.container.classList.toggle("visible",e),this.view.setVisible&&this.view.setVisible(e))}dispose(){return this.disposable.dispose(),this.view}}var $,U,j,Y;e.Orientation=void 0,($=e.Orientation||(e.Orientation={})).HORIZONTAL="HORIZONTAL",$.VERTICAL="VERTICAL",e.SashState=void 0,(U=e.SashState||(e.SashState={}))[U.MAXIMUM=0]="MAXIMUM",U[U.MINIMUM=1]="MINIMUM",U[U.DISABLED=2]="DISABLED",U[U.ENABLED=3]="ENABLED",e.LayoutPriority=void 0,(j=e.LayoutPriority||(e.LayoutPriority={})).Low="low",j.High="high",j.Normal="normal",e.Sizing=void 0,(Y=e.Sizing||(e.Sizing={})).Distribute={type:"distribute"},Y.Split=function(e){return{type:"split",index:e}},Y.Invisible=function(e){return{type:"invisible",cachedVisibleSize:e}};class J{get contentSize(){return this._contentSize}get size(){return this._size}set size(e){this._size=e}get orthogonalSize(){return this._orthogonalSize}set orthogonalSize(e){this._orthogonalSize=e}get length(){return this.viewItems.length}get proportions(){return this._proportions?[...this._proportions]:void 0}get orientation(){return this._orientation}set orientation(t){this._orientation=t;const i=this.size;this.size=this.orthogonalSize,this.orthogonalSize=i,x(this.element,"dv-horizontal","dv-vertical"),this.element.classList.add(this.orientation==e.Orientation.HORIZONTAL?"dv-horizontal":"dv-vertical")}get minimumSize(){return this.viewItems.reduce((e,t)=>e+t.minimumSize,0)}get maximumSize(){return 0===this.length?Number.POSITIVE_INFINITY:this.viewItems.reduce((e,t)=>e+t.maximumSize,0)}get startSnappingEnabled(){return this._startSnappingEnabled}set startSnappingEnabled(e){this._startSnappingEnabled!==e&&(this._startSnappingEnabled=e,this.updateSashEnablement())}get endSnappingEnabled(){return this._endSnappingEnabled}set endSnappingEnabled(e){this._endSnappingEnabled!==e&&(this._endSnappingEnabled=e,this.updateSashEnablement())}get disabled(){return this._disabled}set disabled(e){this._disabled=e,y(this.element,"dv-splitview-disabled",e)}get margin(){return this._margin}set margin(e){this._margin=e,y(this.element,"dv-splitview-has-margin",0!==e)}constructor(t,i){var o,n;this.container=t,this.viewItems=[],this.sashes=[],this._size=0,this._orthogonalSize=0,this._contentSize=0,this._proportions=void 0,this._startSnappingEnabled=!0,this._endSnappingEnabled=!0,this._disabled=!1,this._margin=0,this._onDidSashEnd=new m,this.onDidSashEnd=this._onDidSashEnd.event,this._onDidAddView=new m,this.onDidAddView=this._onDidAddView.event,this._onDidRemoveView=new m,this.onDidRemoveView=this._onDidRemoveView.event,this.resize=(e,t,i=this.viewItems.map(e=>e.size),o,n,r=Number.NEGATIVE_INFINITY,s=Number.POSITIVE_INFINITY,a,d)=>{if(e<0||e>this.viewItems.length)return 0;const l=F(e,-1),h=F(e+1,this.viewItems.length);if(n)for(const e of n)V(l,e),V(h,e);if(o)for(const e of o)R(l,e),R(h,e);const c=l.map(e=>this.viewItems[e]),p=l.map(e=>i[e]),v=h.map(e=>this.viewItems[e]),u=h.map(e=>i[e]),g=l.reduce((e,t)=>e+this.viewItems[t].minimumSize-i[t],0),m=l.reduce((e,t)=>e+this.viewItems[t].maximumSize-i[t],0),b=0===h.length?Number.POSITIVE_INFINITY:h.reduce((e,t)=>e+i[t]-this.viewItems[t].minimumSize,0),f=0===h.length?Number.NEGATIVE_INFINITY:h.reduce((e,t)=>e+i[t]-this.viewItems[t].maximumSize,0),_=Math.max(g,f),w=Math.min(b,m);let x=!1;if(a){const e=this.viewItems[a.index],i=t>=a.limitDelta;x=i!==e.visible,e.setVisible(i,a.size)}if(!x&&d){const e=this.viewItems[d.index],i=t<d.limitDelta;x=i!==e.visible,e.setVisible(i,d.size)}if(x)return this.resize(e,t,i,o,n,r,s);let D=0,y=W(t,_,w);for(let e=0;e<c.length;e++){const t=c[e],i=W(p[e]+y,t.minimumSize,t.maximumSize),o=i-p[e];D+=o,y-=o,t.size=i}let C=D;for(let e=0;e<v.length;e++){const t=v[e],i=W(u[e]-C,t.minimumSize,t.maximumSize);C+=i-u[e],t.size=i}return t},this._orientation=null!==(o=i.orientation)&&void 0!==o?o:e.Orientation.VERTICAL,this.element=this.createContainer(),this.margin=null!==(n=i.margin)&&void 0!==n?n:0,this.proportionalLayout=void 0===i.proportionalLayout||!!i.proportionalLayout,this.viewContainer=this.createViewContainer(),this.sashContainer=this.createSashContainer(),this.element.appendChild(this.sashContainer),this.element.appendChild(this.viewContainer),this.container.appendChild(this.element),this.style(i.styles),i.descriptor&&(this._size=i.descriptor.size,i.descriptor.views.forEach((e,t)=>{const i=void 0===e.visible||e.visible?e.size:{type:"invisible",cachedVisibleSize:e.size},o=e.view;this.addView(o,i,t,!0)}),this._contentSize=this.viewItems.reduce((e,t)=>e+t.size,0),this.saveProportions())}style(e){"transparent"===(null==e?void 0:e.separatorBorder)?(x(this.element,"dv-separator-border"),this.element.style.removeProperty("--dv-separator-border")):(D(this.element,"dv-separator-border"),(null==e?void 0:e.separatorBorder)&&this.element.style.setProperty("--dv-separator-border",e.separatorBorder))}isViewVisible(e){if(e<0||e>=this.viewItems.length)throw new Error("Index out of bounds");return this.viewItems[e].visible}setViewVisible(e,t){if(e<0||e>=this.viewItems.length)throw new Error("Index out of bounds");const i=this.viewItems[e];i.setVisible(t,i.size),this.distributeEmptySpace(e),this.layoutViews(),this.saveProportions()}getViewSize(e){return e<0||e>=this.viewItems.length?-1:this.viewItems[e].size}resizeView(t,i){if(t<0||t>=this.viewItems.length)return;const o=F(this.viewItems.length).filter(e=>e!==t),n=[...o.filter(t=>this.viewItems[t].priority===e.LayoutPriority.Low),t],r=o.filter(t=>this.viewItems[t].priority===e.LayoutPriority.High),s=this.viewItems[t];i=Math.round(i),i=W(i,s.minimumSize,Math.min(s.maximumSize,this._size)),s.size=i,this.relayout(n,r)}getViews(){return this.viewItems.map(e=>e.view)}onDidChange(t,i){const o=this.viewItems.indexOf(t);if(o<0||o>=this.viewItems.length)return;i="number"==typeof i?i:t.size,i=W(i,t.minimumSize,t.maximumSize),t.size=i;const n=F(this.viewItems.length).filter(e=>e!==o),r=[...n.filter(t=>this.viewItems[t].priority===e.LayoutPriority.Low),o],s=n.filter(t=>this.viewItems[t].priority===e.LayoutPriority.High);this.relayout([...r,o],s)}addView(t,i={type:"distribute"},o=this.viewItems.length,n){const r=document.createElement("div");let s;r.className="dv-view",r.appendChild(t.element),s="number"==typeof i?i:"split"===i.type?this.getViewSize(i.index)/2:"invisible"===i.type?{cachedVisibleSize:i.cachedVisibleSize}:t.minimumSize;const a=t.onDidChange(e=>this.onDidChange(d,e.size)),d=new B(r,t,s,{dispose:()=>{a.dispose(),this.viewContainer.removeChild(r)}});if(o===this.viewItems.length?this.viewContainer.appendChild(r):this.viewContainer.insertBefore(r,this.viewContainer.children.item(o)),this.viewItems.splice(o,0,d),this.viewItems.length>1){const t=document.createElement("div");t.className="dv-sash";const i=i=>{for(const e of this.viewItems)e.enabled=!1;const o=A(),n=this._orientation===e.Orientation.HORIZONTAL?i.clientX:i.clientY,r=function(e,t){for(let i=0;i<e.length;i++)if(t(e[i]))return i;return-1}(this.sashes,e=>e.container===t),s=this.viewItems.map(e=>e.size);let a,d;const l=F(r,-1),h=F(r+1,this.viewItems.length),c=l.reduce((e,t)=>e+(this.viewItems[t].minimumSize-s[t]),0),p=l.reduce((e,t)=>e+(this.viewItems[t].viewMaximumSize-s[t]),0),v=0===h.length?Number.POSITIVE_INFINITY:h.reduce((e,t)=>e+(s[t]-this.viewItems[t].minimumSize),0),u=0===h.length?Number.NEGATIVE_INFINITY:h.reduce((e,t)=>e+(s[t]-this.viewItems[t].viewMaximumSize),0),g=Math.max(c,u),m=Math.min(v,p),b=this.findFirstSnapIndex(l),f=this.findFirstSnapIndex(h);if("number"==typeof b){const e=this.viewItems[b],t=Math.floor(e.viewMinimumSize/2);a={index:b,limitDelta:e.visible?g-t:g+t,size:e.size}}if("number"==typeof f){const e=this.viewItems[f],t=Math.floor(e.viewMinimumSize/2);d={index:f,limitDelta:e.visible?m+t:m-t,size:e.size}}const _=t=>{const i=(this._orientation===e.Orientation.HORIZONTAL?t.clientX:t.clientY)-n;this.resize(r,i,s,void 0,void 0,g,m,a,d),this.distributeEmptySpace(),this.layoutViews()},w=()=>{for(const e of this.viewItems)e.enabled=!0;o.release(),this.saveProportions(),document.removeEventListener("pointermove",_),document.removeEventListener("pointerup",w),document.removeEventListener("pointercancel",w),document.removeEventListener("contextmenu",w),this._onDidSashEnd.fire(void 0)};document.addEventListener("pointermove",_),document.addEventListener("pointerup",w),document.addEventListener("pointercancel",w),document.addEventListener("contextmenu",w)};t.addEventListener("pointerdown",i);const o={container:t,disposable:()=>{t.removeEventListener("pointerdown",i),this.sashContainer.removeChild(t)}};this.sashContainer.appendChild(t),this.sashes.push(o)}n||this.relayout([o]),n||"number"==typeof i||"distribute"!==i.type||this.distributeViewSizes(),this._onDidAddView.fire(t)}distributeViewSizes(){const t=[];let i=0;for(const e of this.viewItems)e.maximumSize-e.minimumSize>0&&(t.push(e),i+=e.size);const o=Math.floor(i/t.length);for(const e of t)e.size=W(o,e.minimumSize,e.maximumSize);const n=F(this.viewItems.length),r=n.filter(t=>this.viewItems[t].priority===e.LayoutPriority.Low),s=n.filter(t=>this.viewItems[t].priority===e.LayoutPriority.High);this.relayout(r,s)}removeView(e,t,i=!1){const o=this.viewItems.splice(e,1)[0];if(o.dispose(),this.viewItems.length>=1){const t=Math.max(e-1,0);this.sashes.splice(t,1)[0].disposable()}return i||this.relayout(),t&&"distribute"===t.type&&this.distributeViewSizes(),this._onDidRemoveView.fire(o.view),o.view}getViewCachedVisibleSize(e){if(e<0||e>=this.viewItems.length)throw new Error("Index out of bounds");return this.viewItems[e].cachedVisibleSize}moveView(t,i){const o=this.getViewCachedVisibleSize(t),n=void 0===o?this.getViewSize(t):e.Sizing.Invisible(o),r=this.removeView(t,void 0,!0);this.addView(r,n,i)}layout(t,i){const o=Math.max(this.size,this._contentSize);if(this.size=t,this.orthogonalSize=i,this.proportions){let e=0;for(let i=0;i<this.viewItems.length;i++){const o=this.viewItems[i],n=this.proportions[i];"number"==typeof n?e+=n:t-=o.size}for(let i=0;i<this.viewItems.length;i++){const o=this.viewItems[i],n=this.proportions[i];"number"==typeof n&&e>0&&(o.size=W(Math.round(n*t/e),o.minimumSize,o.maximumSize))}}else{const i=F(this.viewItems.length),n=i.filter(t=>this.viewItems[t].priority===e.LayoutPriority.Low),r=i.filter(t=>this.viewItems[t].priority===e.LayoutPriority.High);this.resize(this.viewItems.length-1,t-o,void 0,n,r)}this.distributeEmptySpace(),this.layoutViews()}relayout(e,t){const i=this.viewItems.reduce((e,t)=>e+t.size,0);this.resize(this.viewItems.length-1,this._size-i,void 0,e,t),this.distributeEmptySpace(),this.layoutViews(),this.saveProportions()}distributeEmptySpace(t){const i=this.viewItems.reduce((e,t)=>e+t.size,0);let o=this.size-i;const n=F(this.viewItems.length-1,-1),r=n.filter(t=>this.viewItems[t].priority===e.LayoutPriority.Low),s=n.filter(t=>this.viewItems[t].priority===e.LayoutPriority.High);for(const e of s)V(n,e);for(const e of r)R(n,e);"number"==typeof t&&R(n,t);for(let e=0;0!==o&&e<n.length;e++){const t=this.viewItems[n[e]],i=W(t.size+o,t.minimumSize,t.maximumSize);o-=i-t.size,t.size=i}}saveProportions(){this.proportionalLayout&&this._contentSize>0&&(this._proportions=this.viewItems.map(e=>e.visible?e.size/this._contentSize:void 0))}layoutViews(){if(this._contentSize=this.viewItems.reduce((e,t)=>e+t.size,0),this.updateSashEnablement(),0===this.viewItems.length)return;const t=this.viewItems.filter(e=>e.visible),i=Math.max(0,t.length-1),o=this.margin*i/Math.max(1,t.length);let n=0;const r=[],s=this.viewItems.reduce((e,t,i)=>{const o=t.visible?1:0;return 0===i?e.push(o):e.push(e[i-1]+o),e},[]);this.viewItems.forEach((t,a)=>{n+=this.viewItems[a].size,r.push(n);const d=t.visible?t.size-o:0,l=Math.max(0,s[a]-1),h=0===a||0===l?0:r[a-1]+l/i*o;if(a<this.viewItems.length-1){const i=t.visible?h+d-2+this.margin/2:h;this._orientation===e.Orientation.HORIZONTAL&&(this.sashes[a].container.style.left=`${i}px`,this.sashes[a].container.style.top="0px"),this._orientation===e.Orientation.VERTICAL&&(this.sashes[a].container.style.left="0px",this.sashes[a].container.style.top=`${i}px`)}this._orientation===e.Orientation.HORIZONTAL&&(t.container.style.width=`${d}px`,t.container.style.left=`${h}px`,t.container.style.top="",t.container.style.height=""),this._orientation===e.Orientation.VERTICAL&&(t.container.style.height=`${d}px`,t.container.style.top=`${h}px`,t.container.style.width="",t.container.style.left=""),t.view.layout(t.size-o,this._orthogonalSize)})}findFirstSnapIndex(e){for(const t of e){const e=this.viewItems[t];if(e.visible&&e.snap)return t}for(const t of e){const e=this.viewItems[t];if(e.visible&&e.maximumSize-e.minimumSize>0)return;if(!e.visible&&e.snap)return t}}updateSashEnablement(){let t=!1;const i=this.viewItems.map(e=>t=e.size-e.minimumSize>0||t);t=!1;const o=this.viewItems.map(e=>t=e.maximumSize-e.size>0||t),n=[...this.viewItems].reverse();t=!1;const r=n.map(e=>t=e.size-e.minimumSize>0||t).reverse();t=!1;const s=n.map(e=>t=e.maximumSize-e.size>0||t).reverse();let a=0;for(let t=0;t<this.sashes.length;t++){const n=this.sashes[t];a+=this.viewItems[t].size;const d=!(i[t]&&s[t+1]),l=!(o[t]&&r[t+1]);if(d&&l){const o=F(t,-1),s=F(t+1,this.viewItems.length),d=this.findFirstSnapIndex(o),l=this.findFirstSnapIndex(s),h="number"==typeof d&&!this.viewItems[d].visible,c="number"==typeof l&&!this.viewItems[l].visible;h&&r[t]&&(a>0||this.startSnappingEnabled)?this.updateSash(n,e.SashState.MINIMUM):c&&i[t]&&(a<this._contentSize||this.endSnappingEnabled)?this.updateSash(n,e.SashState.MAXIMUM):this.updateSash(n,e.SashState.DISABLED)}else d&&!l?this.updateSash(n,e.SashState.MINIMUM):!d&&l?this.updateSash(n,e.SashState.MAXIMUM):this.updateSash(n,e.SashState.ENABLED)}}updateSash(t,i){y(t.container,"dv-disabled",i===e.SashState.DISABLED),y(t.container,"dv-enabled",i===e.SashState.ENABLED),y(t.container,"dv-maximum",i===e.SashState.MAXIMUM),y(t.container,"dv-minimum",i===e.SashState.MINIMUM)}createViewContainer(){const e=document.createElement("div");return e.className="dv-view-container",e}createSashContainer(){const e=document.createElement("div");return e.className="dv-sash-container",e}createContainer(){const t=document.createElement("div"),i=this._orientation===e.Orientation.HORIZONTAL?"dv-horizontal":"dv-vertical";return t.className=`dv-split-view-container ${i}`,t}dispose(){this._onDidSashEnd.dispose(),this._onDidAddView.dispose(),this._onDidRemoveView.dispose();for(let e=0;e<this.element.children.length;e++)if(this.element.children.item(e)===this.element){this.element.removeChild(this.element);break}for(const e of this.viewItems)e.dispose();this.element.remove()}}const X=(()=>{const e={orientation:void 0,descriptor:void 0,proportionalLayout:void 0,styles:void 0,margin:void 0,disableAutoResizing:void 0,className:void 0};return Object.keys(e)})();class Z extends h{get onDidAddView(){return this.splitview.onDidAddView}get onDidRemoveView(){return this.splitview.onDidRemoveView}get minimumSize(){return this.splitview.minimumSize}get maximumSize(){return this.splitview.maximumSize}get orientation(){return this.splitview.orientation}get size(){return this.splitview.size}get orthogonalSize(){return this.splitview.orthogonalSize}constructor(t,i){var o;super(),this.paneItems=[],this.skipAnimation=!1,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._orientation=null!==(o=i.orientation)&&void 0!==o?o:e.Orientation.VERTICAL,this.element=document.createElement("div"),this.element.className="dv-pane-container",t.appendChild(this.element),this.splitview=new J(this.element,{orientation:this._orientation,proportionalLayout:!1,descriptor:i.descriptor}),this.getPanes().forEach(e=>{const t=new h(e.onDidChangeExpansionState(()=>{this.setupAnimation(),this._onDidChange.fire(void 0)})),i={pane:e,disposable:{dispose:()=>{t.dispose()}}};this.paneItems.push(i),e.orthogonalSize=this.splitview.orthogonalSize}),this.addDisposables(this._onDidChange,this.splitview.onDidSashEnd(()=>{this._onDidChange.fire(void 0)}),this.splitview.onDidAddView(()=>{this._onDidChange.fire()}),this.splitview.onDidRemoveView(()=>{this._onDidChange.fire()}))}setViewVisible(e,t){this.splitview.setViewVisible(e,t)}addPane(e,t,i=this.splitview.length,o=!1){const n=e.onDidChangeExpansionState(()=>{this.setupAnimation(),this._onDidChange.fire(void 0)}),r={pane:e,disposable:{dispose:()=>{n.dispose()}}};this.paneItems.splice(i,0,r),e.orthogonalSize=this.splitview.orthogonalSize,this.splitview.addView(e,t,i,o)}getViewSize(e){return this.splitview.getViewSize(e)}getPanes(){return this.splitview.getViews()}removePane(e,t={skipDispose:!1}){const i=this.paneItems.splice(e,1)[0];return this.splitview.removeView(e),t.skipDispose||(i.disposable.dispose(),i.pane.dispose()),i}moveView(e,t){if(e===t)return;const i=this.removePane(e,{skipDispose:!0});this.skipAnimation=!0;try{this.addPane(i.pane,i.pane.size,t,!1)}finally{this.skipAnimation=!1}}layout(e,t){this.splitview.layout(e,t)}setupAnimation(){this.skipAnimation||(this.animationTimer&&(clearTimeout(this.animationTimer),this.animationTimer=void 0),D(this.element,"dv-animated"),this.animationTimer=setTimeout(()=>{this.animationTimer=void 0,x(this.element,"dv-animated")},200))}dispose(){super.dispose(),this.animationTimer&&(clearTimeout(this.animationTimer),this.animationTimer=void 0),this.paneItems.forEach(e=>{e.disposable.dispose(),e.pane.dispose()}),this.paneItems=[],this.splitview.dispose(),this.element.remove()}}class K{get minimumWidth(){return this.view.minimumWidth}get maximumWidth(){return this.view.maximumWidth}get minimumHeight(){return this.view.minimumHeight}get maximumHeight(){return this.view.maximumHeight}get priority(){return this.view.priority}get snap(){return this.view.snap}get minimumSize(){return this.orientation===e.Orientation.HORIZONTAL?this.minimumHeight:this.minimumWidth}get maximumSize(){return this.orientation===e.Orientation.HORIZONTAL?this.maximumHeight:this.maximumWidth}get minimumOrthogonalSize(){return this.orientation===e.Orientation.HORIZONTAL?this.minimumWidth:this.minimumHeight}get maximumOrthogonalSize(){return this.orientation===e.Orientation.HORIZONTAL?this.maximumWidth:this.maximumHeight}get orthogonalSize(){return this._orthogonalSize}get size(){return this._size}get element(){return this.view.element}get width(){return this.orientation===e.Orientation.HORIZONTAL?this.orthogonalSize:this.size}get height(){return this.orientation===e.Orientation.HORIZONTAL?this.size:this.orthogonalSize}constructor(t,i,o,n=0){this.view=t,this.orientation=i,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._orthogonalSize=o,this._size=n,this._disposable=this.view.onDidChange(t=>{t?this._onDidChange.fire({size:this.orientation===e.Orientation.VERTICAL?t.width:t.height,orthogonalSize:this.orientation===e.Orientation.VERTICAL?t.height:t.width}):this._onDidChange.fire({})})}setVisible(e){this.view.setVisible&&this.view.setVisible(e)}layout(e,t){this._size=e,this._orthogonalSize=t,this.view.layout(this.width,this.height)}dispose(){this._onDidChange.dispose(),this._disposable.dispose()}}class q extends h{get width(){return this.orientation===e.Orientation.HORIZONTAL?this.size:this.orthogonalSize}get height(){return this.orientation===e.Orientation.HORIZONTAL?this.orthogonalSize:this.size}get minimumSize(){return 0===this.children.length?0:Math.max(...this.children.map((e,t)=>this.splitview.isViewVisible(t)?e.minimumOrthogonalSize:0))}get maximumSize(){return Math.min(...this.children.map((e,t)=>this.splitview.isViewVisible(t)?e.maximumOrthogonalSize:Number.POSITIVE_INFINITY))}get minimumOrthogonalSize(){return this.splitview.minimumSize}get maximumOrthogonalSize(){return this.splitview.maximumSize}get orthogonalSize(){return this._orthogonalSize}get size(){return this._size}get minimumWidth(){return this.orientation===e.Orientation.HORIZONTAL?this.minimumOrthogonalSize:this.minimumSize}get minimumHeight(){return this.orientation===e.Orientation.HORIZONTAL?this.minimumSize:this.minimumOrthogonalSize}get maximumWidth(){return this.orientation===e.Orientation.HORIZONTAL?this.maximumOrthogonalSize:this.maximumSize}get maximumHeight(){return this.orientation===e.Orientation.HORIZONTAL?this.maximumSize:this.maximumOrthogonalSize}get priority(){if(0===this.children.length)return e.LayoutPriority.Normal;const t=this.children.map(t=>void 0===t.priority?e.LayoutPriority.Normal:t.priority);return t.some(t=>t===e.LayoutPriority.High)?e.LayoutPriority.High:t.some(t=>t===e.LayoutPriority.Low)?e.LayoutPriority.Low:e.LayoutPriority.Normal}get disabled(){return this.splitview.disabled}set disabled(e){this.splitview.disabled=e}get margin(){return this.splitview.margin}set margin(e){this.splitview.margin=e,this.children.forEach(t=>{t instanceof q&&(t.margin=e)})}constructor(t,i,o,n,r,s,a,d){if(super(),this.orientation=t,this.proportionalLayout=i,this.styles=o,this._childrenDisposable=e.DockviewDisposable.NONE,this.children=[],this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._onDidVisibilityChange=new m,this.onDidVisibilityChange=this._onDidVisibilityChange.event,this._orthogonalSize=r,this._size=n,this.element=document.createElement("div"),this.element.className="dv-branch-node",d){const e={views:d.map(e=>({view:e.node,size:e.node.size,visible:!(e.node instanceof K&&void 0!==e.visible)||e.visible})),size:this.orthogonalSize};this.children=d.map(e=>e.node),this.splitview=new J(this.element,{orientation:this.orientation,descriptor:e,proportionalLayout:i,styles:o,margin:a})}else this.splitview=new J(this.element,{orientation:this.orientation,proportionalLayout:i,styles:o,margin:a}),this.splitview.layout(this.size,this.orthogonalSize);this.disabled=s,this.addDisposables(this._onDidChange,this._onDidVisibilityChange,this.splitview.onDidSashEnd(()=>{this._onDidChange.fire({})})),this.setupChildrenEvents()}setVisible(e){}isChildVisible(e){if(e<0||e>=this.children.length)throw new Error("Invalid index");return this.splitview.isViewVisible(e)}setChildVisible(e,t){if(e<0||e>=this.children.length)throw new Error("Invalid index");if(this.splitview.isViewVisible(e)===t)return;const i=0===this.splitview.contentSize;this.splitview.setViewVisible(e,t);const o=0===this.splitview.contentSize;(t&&i||!t&&o)&&this._onDidVisibilityChange.fire({visible:t})}moveChild(e,t){if(e===t)return;if(e<0||e>=this.children.length)throw new Error("Invalid from index");e<t&&t--,this.splitview.moveView(e,t);const i=this._removeChild(e);this._addChild(i,t)}getChildSize(e){if(e<0||e>=this.children.length)throw new Error("Invalid index");return this.splitview.getViewSize(e)}resizeChild(e,t){if(e<0||e>=this.children.length)throw new Error("Invalid index");this.splitview.resizeView(e,t)}layout(e,t){this._size=t,this._orthogonalSize=e,this.splitview.layout(t,e)}addChild(e,t,i,o){if(i<0||i>this.children.length)throw new Error("Invalid index");this.splitview.addView(e,t,i,o),this._addChild(e,i)}getChildCachedVisibleSize(e){if(e<0||e>=this.children.length)throw new Error("Invalid index");return this.splitview.getViewCachedVisibleSize(e)}removeChild(e,t){if(e<0||e>=this.children.length)throw new Error("Invalid index");return this.splitview.removeView(e,t),this._removeChild(e)}_addChild(e,t){this.children.splice(t,0,e),this.setupChildrenEvents()}_removeChild(e){const[t]=this.children.splice(e,1);return this.setupChildrenEvents(),t}setupChildrenEvents(){this._childrenDisposable.dispose(),this._childrenDisposable=new h(e.DockviewEvent.any(...this.children.map(e=>e.onDidChange))(e=>{this._onDidChange.fire({size:e.orthogonalSize})}),...this.children.map((t,i)=>t instanceof q?t.onDidVisibilityChange(({visible:e})=>{this.setChildVisible(i,e)}):e.DockviewDisposable.NONE))}dispose(){this._childrenDisposable.dispose(),this.splitview.dispose(),this.children.forEach(e=>e.dispose()),super.dispose()}}function Q(e,t){if(e instanceof K)return e;if(e instanceof q)return Q(e.children[t?e.children.length-1:0],t);throw new Error("invalid node")}function ee(e,t,i){if(e instanceof q){const o=new q(e.orientation,e.proportionalLayout,e.styles,t,i,e.disabled,e.margin);for(let t=e.children.length-1;t>=0;t--){const i=e.children[t];o.addChild(ee(i,i.size,i.orthogonalSize),i.size,0,!0)}return o}return new K(e.view,e.orientation,i)}function te(e,t,i){if(e instanceof q){const o=new q(ae(e.orientation),e.proportionalLayout,e.styles,t,i,e.disabled,e.margin);let n=0;for(let r=e.children.length-1;r>=0;r--){const s=e.children[r],a=s instanceof q?s.orthogonalSize:s.size;let d=0===e.size?0:Math.round(t*a/e.size);n+=d,0===r&&(d+=t-n),o.addChild(te(s,i,d),d,0,!0)}return o}return new K(e.view,ae(e.orientation),i)}function ie(e){const t=e.parentElement;if(!t)throw new Error("Invalid grid element");let i=t.firstElementChild,o=0;for(;i!==e&&i!==t.lastElementChild&&i;)i=i.nextElementSibling,o++;return o}function oe(e){const t=e.parentElement;if(!t)throw new Error("Invalid grid element");if(/\bdv-grid-view\b/.test(t.className))return[];const i=ie(t);return[...oe(t.parentElement.parentElement.parentElement),i]}function ne(e,t,i){if(se(e,t)===re(i)){const[e,o]=M(t);let n=o;return"right"!==i&&"bottom"!==i||(n+=1),[...e,n]}{const e="right"===i||"bottom"===i?1:0;return[...t,e]}}function re(t){return"top"===t||"bottom"===t?e.Orientation.VERTICAL:e.Orientation.HORIZONTAL}function se(e,t){return t.length%2==0?ae(e):e}const ae=t=>t===e.Orientation.HORIZONTAL?e.Orientation.VERTICAL:e.Orientation.HORIZONTAL;function de(e){return!!e.children}const le=(t,i)=>{const o=i===e.Orientation.VERTICAL?t.box.width:t.box.height;return de(t)?{type:"branch",data:t.children.map(e=>le(e,ae(i))),size:o}:"number"==typeof t.cachedVisibleSize?{type:"leaf",data:t.view.toJSON(),size:t.cachedVisibleSize,visible:!1}:{type:"leaf",data:t.view.toJSON(),size:o}};class he{get length(){return this._root?this._root.children.length:0}get orientation(){return this.root.orientation}set orientation(e){if(this.root.orientation===e)return;const{size:t,orthogonalSize:i}=this.root;this.root=te(this.root,i,t),this.root.layout(t,i)}get width(){return this.root.width}get height(){return this.root.height}get minimumWidth(){return this.root.minimumWidth}get minimumHeight(){return this.root.minimumHeight}get maximumWidth(){return this.root.maximumHeight}get maximumHeight(){return this.root.maximumHeight}get locked(){return this._locked}set locked(e){this._locked=e;const t=[this.root];for(;t.length>0;){const i=t.pop();i instanceof q&&(i.disabled=e,t.push(...i.children))}}get margin(){return this._margin}set margin(e){this._margin=e,this.root.margin=e}maximizedView(){var e;return null===(e=this._maximizedNode)||void 0===e?void 0:e.leaf.view}hasMaximizedView(){return void 0!==this._maximizedNode}maximizeView(e){var t;const i=oe(e.element),[o,n]=this.getNode(i);if(!(n instanceof K))return;if((null===(t=this._maximizedNode)||void 0===t?void 0:t.leaf)===n)return;this.hasMaximizedView()&&this.exitMaximizedView(),le(this.getView(),this.orientation);const r=[];!function e(t,i){for(let o=0;o<t.children.length;o++){const n=t.children[o];n instanceof K?n!==i&&(t.isChildVisible(o)?t.setChildVisible(o,!1):r.push(n)):e(n,i)}}(this.root,n),this._maximizedNode={leaf:n,hiddenOnMaximize:r},this._onDidMaximizedNodeChange.fire({view:n.view,isMaximized:!0})}exitMaximizedView(){if(!this._maximizedNode)return;const e=this._maximizedNode.hiddenOnMaximize;!function t(i){for(let o=i.children.length-1;o>=0;o--){const n=i.children[o];n instanceof K?e.includes(n)||i.setChildVisible(o,!0):t(n)}}(this.root);const t=this._maximizedNode.leaf;this._maximizedNode=void 0,this._onDidMaximizedNodeChange.fire({view:t.view,isMaximized:!1})}serialize(){const e=this.maximizedView();let t;e&&(t=oe(e.element));const i=this._onDidMaximizedNodeChange.pause();try{this.hasMaximizedView()&&this.exitMaximizedView();const i={root:le(this.getView(),this.orientation),width:this.width,height:this.height,orientation:this.orientation};return t&&(i.maximizedNode={location:t}),e&&this.maximizeView(e),i}finally{i.dispose()}}dispose(){this.disposable.dispose(),this._onDidChange.dispose(),this._onDidMaximizedNodeChange.dispose(),this._onDidViewVisibilityChange.dispose(),this.root.dispose(),this._maximizedNode=void 0,this.element.remove()}clear(){const e=this.root.orientation;this.root=new q(e,this.proportionalLayout,this.styles,this.root.size,this.root.orthogonalSize,this.locked,this.margin)}deserialize(t,i){const o=t.orientation,n=o===e.Orientation.VERTICAL?t.height:t.width;if(this._deserialize(t.root,o,i,n),this.layout(t.width,t.height),t.maximizedNode){const e=t.maximizedNode.location,[i,o]=this.getNode(e);if(!(o instanceof K))return;this.maximizeView(o.view)}}_deserialize(e,t,i,o){this.root=this._deserializeNode(e,t,i,o)}_deserializeNode(e,t,i,o){var n;let r;if("branch"===e.type){const n=e.data.map(o=>({node:this._deserializeNode(o,ae(t),i,e.size),visible:o.visible}));r=new q(t,this.proportionalLayout,this.styles,e.size,o,this.locked,this.margin,n)}else{const s=i.fromJSON(e);"boolean"==typeof e.visible&&(null===(n=s.setVisible)||void 0===n||n.call(s,e.visible)),r=new K(s,t,o,e.size)}return r}get root(){return this._root}set root(e){const t=this._root;t&&(t.dispose(),this._maximizedNode=void 0,this.element.removeChild(t.element)),this._root=e,this.element.appendChild(this._root.element),this.disposable.value=this._root.onDidChange(e=>{this._onDidChange.fire(e)})}normalize(){if(!this._root)return;if(1!==this._root.children.length)return;const e=this.root,t=e.children[0];if(t instanceof K)return;e.element.remove();const i=e.removeChild(0);e.dispose(),i.dispose(),this._root=ee(t,t.size,t.orthogonalSize),this.element.appendChild(this._root.element),this.disposable.value=this._root.onDidChange(e=>{this._onDidChange.fire(e)})}insertOrthogonalSplitviewAtRoot(){if(!this._root)return;const t=this.root;if(t.element.remove(),this._root=new q(ae(t.orientation),this.proportionalLayout,this.styles,this.root.orthogonalSize,this.root.size,this.locked,this.margin),0===t.children.length);else if(1===t.children.length){const i=t.children[0];t.removeChild(0).dispose(),t.dispose(),this._root.addChild(te(i,i.orthogonalSize,i.size),e.Sizing.Distribute,0)}else this._root.addChild(t,e.Sizing.Distribute,0);this.element.appendChild(this._root.element),this.disposable.value=this._root.onDidChange(e=>{this._onDidChange.fire(e)})}next(e){return this.progmaticSelect(e)}previous(e){return this.progmaticSelect(e,!0)}getView(e){const t=e?this.getNode(e)[1]:this.root;return this._getViews(t,this.orientation)}_getViews(e,t,i){const o={height:e.height,width:e.width};if(e instanceof K)return{box:o,view:e.view,cachedVisibleSize:i};const n=[];for(let i=0;i<e.children.length;i++){const o=e.children[i],r=e.getChildCachedVisibleSize(i);n.push(this._getViews(o,ae(t),r))}return{box:o,children:n}}progmaticSelect(e,t=!1){const[i,o]=this.getNode(e);if(!(o instanceof K))throw new Error("invalid location");for(let o=i.length-1;o>-1;o--){const n=i[o],r=e[o]||0;if(t?r-1>-1:r+1<n.children.length)return Q(n.children[t?r-1:r+1],t)}return Q(this.root,t)}constructor(e,t,i,o,n){this.proportionalLayout=e,this.styles=t,this._locked=!1,this._margin=0,this._maximizedNode=void 0,this.disposable=new c,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._onDidViewVisibilityChange=new m,this.onDidViewVisibilityChange=this._onDidViewVisibilityChange.event,this._onDidMaximizedNodeChange=new m,this.onDidMaximizedNodeChange=this._onDidMaximizedNodeChange.event,this.element=document.createElement("div"),this.element.className="dv-grid-view",this._locked=null!=o&&o,this._margin=null!=n?n:0,this.root=new q(i,e,t,0,0,this.locked,this.margin)}isViewVisible(e){const[t,i]=M(e),[,o]=this.getNode(t);if(!(o instanceof q))throw new Error("Invalid from location");return o.isChildVisible(i)}setViewVisible(e,t){this.hasMaximizedView()&&this.exitMaximizedView();const[i,o]=M(e),[,n]=this.getNode(i);if(!(n instanceof q))throw new Error("Invalid from location");this._onDidViewVisibilityChange.fire(),n.setChildVisible(o,t)}moveView(e,t,i){this.hasMaximizedView()&&this.exitMaximizedView();const[,o]=this.getNode(e);if(!(o instanceof q))throw new Error("Invalid location");o.moveChild(t,i)}addView(t,i,o){this.hasMaximizedView()&&this.exitMaximizedView();const[n,r]=M(o),[s,a]=this.getNode(n);if(a instanceof q){const e=new K(t,ae(a.orientation),a.orthogonalSize);a.addChild(e,i,r)}else{const[o,...d]=[...s].reverse(),[l,...h]=[...n].reverse();let c=0;const p=o.getChildCachedVisibleSize(l);"number"==typeof p&&(c=e.Sizing.Invisible(p));o.removeChild(l).dispose();const v=new q(a.orientation,this.proportionalLayout,this.styles,a.size,a.orthogonalSize,this.locked,this.margin);o.addChild(v,a.size,l);const u=new K(a.view,o.orientation,a.size);v.addChild(u,c,0),"number"!=typeof i&&"split"===i.type&&(i={type:"split",index:0});const g=new K(t,o.orientation,a.size);v.addChild(g,i,r)}}remove(e,t){const i=oe(e.element);return this.removeView(i,t)}removeView(t,i){this.hasMaximizedView()&&this.exitMaximizedView();const[o,n]=M(t),[r,s]=this.getNode(o);if(!(s instanceof q))throw new Error("Invalid location");const a=s.children[n];if(!(a instanceof K))throw new Error("Invalid location");if(s.removeChild(n,i),a.dispose(),1!==s.children.length)return a.view;const d=s.children[0];if(0===r.length)return d instanceof K||(s.removeChild(0,i),this.root=d),a.view;const[l,...h]=[...r].reverse(),[c,...p]=[...o].reverse(),v=s.isChildVisible(0);s.removeChild(0,i);const u=l.children.map((e,t)=>l.getChildSize(t));if(l.removeChild(c,i).dispose(),d instanceof q){u.splice(c,1,...d.children.map(e=>e.size));for(let e=0;e<d.children.length;e++){const t=d.children[e];l.addChild(t,t.size,c+e)}for(;d.children.length>0;)d.removeChild(0)}else{const t=new K(d.view,ae(d.orientation),d.size),i=v?d.orthogonalSize:e.Sizing.Invisible(d.orthogonalSize);l.addChild(t,i,c)}d.dispose();for(let e=0;e<u.length;e++)l.resizeChild(e,u[e]);return a.view}layout(t,i){const[o,n]=this.root.orientation===e.Orientation.HORIZONTAL?[i,t]:[t,i];this.root.layout(o,n)}getNode(e,t=this.root,i=[]){if(0===e.length)return[i,t];if(!(t instanceof q))throw new Error("Invalid location");const[o,...n]=e;if(o<0||o>=t.children.length)throw new Error("Invalid location");const r=t.children[o];return i.push(t),this.getNode(n,r,i)}}const ce=(()=>{const e={disableAutoResizing:void 0,proportionalLayout:void 0,orientation:void 0,hideBorders:void 0,className:void 0};return Object.keys(e)})();class pe extends h{get element(){return this._element}get disableResizing(){return this._disableResizing}set disableResizing(e){this._disableResizing=e}constructor(e,t=!1){super(),this._lastWidth=-1,this._lastHeight=-1,this._disableResizing=t,this._element=e,this.addDisposables(w(this._element,e=>{if(this.isDisposed)return;if(this.disableResizing)return;if(!this._element.offsetParent)return;if(!function(e){let t=e;for(;null==t?void 0:t.parentNode;){if(t.parentNode===document)return!0;t=t.parentNode instanceof DocumentFragment?t.parentNode.host:t.parentNode}return!1}(this._element))return;const t=Math.round(e.contentRect.width),i=Math.round(e.contentRect.height);t===this._lastWidth&&i===this._lastHeight||(this._lastWidth=t,this._lastHeight=i,this.layout(t,i))}))}}const ve=H();function ue(e){switch(e){case"left":return"left";case"right":return"right";case"above":return"top";case"below":return"bottom";default:return"center"}}class ge extends pe{get id(){return this._id}get size(){return this._groups.size}get groups(){return Array.from(this._groups.values()).map(e=>e.value)}get width(){return this.gridview.width}get height(){return this.gridview.height}get minimumHeight(){return this.gridview.minimumHeight}get maximumHeight(){return this.gridview.maximumHeight}get minimumWidth(){return this.gridview.minimumWidth}get maximumWidth(){return this.gridview.maximumWidth}get activeGroup(){return this._activeGroup}get locked(){return this.gridview.locked}set locked(e){this.gridview.locked=e}constructor(t,i){var o;super(document.createElement("div"),i.disableAutoResizing),this._id=ve.next(),this._groups=new Map,this._onDidRemove=new m,this.onDidRemove=this._onDidRemove.event,this._onDidAdd=new m,this.onDidAdd=this._onDidAdd.event,this._onDidMaximizedChange=new m,this.onDidMaximizedChange=this._onDidMaximizedChange.event,this._onDidActiveChange=new m,this.onDidActiveChange=this._onDidActiveChange.event,this._bufferOnDidLayoutChange=new f,this.onDidLayoutChange=this._bufferOnDidLayoutChange.onEvent,this._onDidViewVisibilityChangeMicroTaskQueue=new f,this.onDidViewVisibilityChangeMicroTaskQueue=this._onDidViewVisibilityChangeMicroTaskQueue.onEvent,this.element.style.height="100%",this.element.style.width="100%",this._classNames=new I(this.element),this._classNames.setClassNames(null!==(o=i.className)&&void 0!==o?o:""),t.appendChild(this.element),this.gridview=new he(!!i.proportionalLayout,i.styles,i.orientation,i.locked,i.margin),this.gridview.locked=!!i.locked,this.element.appendChild(this.gridview.element),this.layout(0,0,!0),this.addDisposables(this.gridview.onDidMaximizedNodeChange(e=>{this._onDidMaximizedChange.fire({panel:e.view,isMaximized:e.isMaximized})}),this.gridview.onDidViewVisibilityChange(()=>this._onDidViewVisibilityChangeMicroTaskQueue.fire()),this.onDidViewVisibilityChangeMicroTaskQueue(()=>{this.forceRelayout()}),e.DockviewDisposable.from(()=>{var e;null===(e=this.element.parentElement)||void 0===e||e.removeChild(this.element)}),this.gridview.onDidChange(()=>{this._bufferOnDidLayoutChange.fire()}),e.DockviewEvent.any(this.onDidAdd,this.onDidRemove,this.onDidActiveChange)(()=>{this._bufferOnDidLayoutChange.fire()}),this._onDidMaximizedChange,this._onDidViewVisibilityChangeMicroTaskQueue,this._bufferOnDidLayoutChange)}setVisible(e,t){this.gridview.setViewVisible(oe(e.element),t),this._bufferOnDidLayoutChange.fire()}isVisible(e){return this.gridview.isViewVisible(oe(e.element))}updateOptions(e){var t,i,o,n;e.proportionalLayout,e.orientation&&(this.gridview.orientation=e.orientation),"disableResizing"in e&&(this.disableResizing=null!==(t=e.disableAutoResizing)&&void 0!==t&&t),"locked"in e&&(this.locked=null!==(i=e.locked)&&void 0!==i&&i),"margin"in e&&(this.gridview.margin=null!==(o=e.margin)&&void 0!==o?o:0),"className"in e&&this._classNames.setClassNames(null!==(n=e.className)&&void 0!==n?n:"")}maximizeGroup(e){this.gridview.maximizeView(e),this.doSetGroupActive(e)}isMaximizedGroup(e){return this.gridview.maximizedView()===e}exitMaximizedGroup(){this.gridview.exitMaximizedView()}hasMaximizedGroup(){return this.gridview.hasMaximizedView()}doAddGroup(t,i=[0],o,n=this.gridview){n.addView(t,null!=o?o:e.Sizing.Distribute,i),this._onDidAdd.fire(t)}doRemoveGroup(t,i){if(!this._groups.has(t.id))throw new Error("invalid operation");const o=this._groups.get(t.id),n=this.gridview.remove(t,e.Sizing.Distribute);if(o&&!(null==i?void 0:i.skipDispose)&&(o.disposable.dispose(),o.value.dispose(),this._groups.delete(t.id),this._onDidRemove.fire(t)),!(null==i?void 0:i.skipActive)&&this._activeGroup===t){const e=Array.from(this._groups.values());this.doSetGroupActive(e.length>0?e[0].value:void 0)}return n}getPanel(e){var t;return null===(t=this._groups.get(e))||void 0===t?void 0:t.value}doSetGroupActive(e){this._activeGroup!==e&&(this._activeGroup&&this._activeGroup.setActive(!1),e&&e.setActive(!0),this._activeGroup=e,this._onDidActiveChange.fire(e))}removeGroup(e){this.doRemoveGroup(e)}moveToNext(e){var t;if(e||(e={}),!e.group){if(!this.activeGroup)return;e.group=this.activeGroup}const i=oe(e.group.element),o=null===(t=this.gridview.next(i))||void 0===t?void 0:t.view;this.doSetGroupActive(o)}moveToPrevious(e){var t;if(e||(e={}),!e.group){if(!this.activeGroup)return;e.group=this.activeGroup}const i=oe(e.group.element),o=null===(t=this.gridview.previous(i))||void 0===t?void 0:t.view;this.doSetGroupActive(o)}forceRelayout(){this.layout(this.width,this.height,!0)}layout(e,t,i){(i||e!==this.width||t!==this.height)&&(this.gridview.element.style.height=`${t}px`,this.gridview.element.style.width=`${e}px`,this.gridview.layout(e,t))}dispose(){this._onDidActiveChange.dispose(),this._onDidAdd.dispose(),this._onDidRemove.dispose();for(const e of this.groups)e.dispose();this.gridview.dispose(),super.dispose()}}class me{get minimumSize(){return this.component.minimumSize}get maximumSize(){return this.component.maximumSize}get width(){return this.component.width}get height(){return this.component.height}get length(){return this.component.length}get orientation(){return this.component.orientation}get panels(){return this.component.panels}get onDidLayoutFromJSON(){return this.component.onDidLayoutFromJSON}get onDidLayoutChange(){return this.component.onDidLayoutChange}get onDidAddView(){return this.component.onDidAddView}get onDidRemoveView(){return this.component.onDidRemoveView}constructor(e){this.component=e}removePanel(e,t){this.component.removePanel(e,t)}focus(){this.component.focus()}getPanel(e){return this.component.getPanel(e)}layout(e,t){return this.component.layout(e,t)}addPanel(e){return this.component.addPanel(e)}movePanel(e,t){this.component.movePanel(e,t)}fromJSON(e){this.component.fromJSON(e)}toJSON(){return this.component.toJSON()}clear(){this.component.clear()}updateOptions(e){this.component.updateOptions(e)}dispose(){this.component.dispose()}}class be{get minimumSize(){return this.component.minimumSize}get maximumSize(){return this.component.maximumSize}get width(){return this.component.width}get height(){return this.component.height}get panels(){return this.component.panels}get onDidLayoutChange(){return this.component.onDidLayoutChange}get onDidLayoutFromJSON(){return this.component.onDidLayoutFromJSON}get onDidAddView(){return this.component.onDidAddView}get onDidRemoveView(){return this.component.onDidRemoveView}get onDidDrop(){return this.component.onDidDrop}get onUnhandledDragOver(){return this.component.onUnhandledDragOver}constructor(e){this.component=e}removePanel(e){this.component.removePanel(e)}getPanel(e){return this.component.getPanel(e)}movePanel(e,t){this.component.movePanel(e,t)}focus(){this.component.focus()}layout(e,t){this.component.layout(e,t)}addPanel(e){return this.component.addPanel(e)}fromJSON(e){this.component.fromJSON(e)}toJSON(){return this.component.toJSON()}clear(){this.component.clear()}updateOptions(e){this.component.updateOptions(e)}dispose(){this.component.dispose()}}class fe{get width(){return this.component.width}get height(){return this.component.height}get minimumHeight(){return this.component.minimumHeight}get maximumHeight(){return this.component.maximumHeight}get minimumWidth(){return this.component.minimumWidth}get maximumWidth(){return this.component.maximumWidth}get onDidLayoutChange(){return this.component.onDidLayoutChange}get onDidAddPanel(){return this.component.onDidAddGroup}get onDidRemovePanel(){return this.component.onDidRemoveGroup}get onDidActivePanelChange(){return this.component.onDidActiveGroupChange}get onDidLayoutFromJSON(){return this.component.onDidLayoutFromJSON}get panels(){return this.component.groups}get orientation(){return this.component.orientation}set orientation(e){this.component.updateOptions({orientation:e})}constructor(e){this.component=e}focus(){this.component.focus()}layout(e,t,i=!1){this.component.layout(e,t,i)}addPanel(e){return this.component.addPanel(e)}removePanel(e,t){this.component.removePanel(e,t)}movePanel(e,t){this.component.movePanel(e,t)}getPanel(e){return this.component.getPanel(e)}fromJSON(e){return this.component.fromJSON(e)}toJSON(){return this.component.toJSON()}clear(){this.component.clear()}updateOptions(e){this.component.updateOptions(e)}dispose(){this.component.dispose()}}class _e{get id(){return this.component.id}get width(){return this.component.width}get height(){return this.component.height}get minimumHeight(){return this.component.minimumHeight}get maximumHeight(){return this.component.maximumHeight}get minimumWidth(){return this.component.minimumWidth}get maximumWidth(){return this.component.maximumWidth}get size(){return this.component.size}get tabGroupColors(){return this.component.tabGroupColorPalette.entries()}get totalPanels(){return this.component.totalPanels}get onDidActiveGroupChange(){return this.component.onDidActiveGroupChange}get onDidAddGroup(){return this.component.onDidAddGroup}get onDidRemoveGroup(){return this.component.onDidRemoveGroup}get onDidActivePanelChange(){return this.component.onDidActivePanelChange}get onDidAddPanel(){return this.component.onDidAddPanel}get onDidRemovePanel(){return this.component.onDidRemovePanel}get onDidMovePanel(){return this.component.onDidMovePanel}get onDidLayoutFromJSON(){return this.component.onDidLayoutFromJSON}get onDidLayoutChange(){return this.component.onDidLayoutChange}get onDidDrop(){return this.component.onDidDrop}get onWillDrop(){return this.component.onWillDrop}get onWillMutateLayout(){return this.component.onWillMutateLayout}get onDidMutateLayout(){return this.component.onDidMutateLayout}get onWillShowOverlay(){return this.component.onWillShowOverlay}get onWillDragGroup(){return this.component.onWillDragGroup}get onWillDragPanel(){return this.component.onWillDragPanel}get onUnhandledDragOver(){return this.component.onUnhandledDragOver}get onDidPopoutGroupSizeChange(){return this.component.onDidPopoutGroupSizeChange}get onDidPopoutGroupPositionChange(){return this.component.onDidPopoutGroupPositionChange}get onDidAddPopoutGroup(){return this.component.onDidAddPopoutGroup}get onDidRemovePopoutGroup(){return this.component.onDidRemovePopoutGroup}get onDidOpenPopoutWindowFail(){return this.component.onDidOpenPopoutWindowFail}getPopouts(){return this.component.getPopouts()}get onDidCreateTabGroup(){return this.component.onDidCreateTabGroup}get onDidDestroyTabGroup(){return this.component.onDidDestroyTabGroup}get onDidAddPanelToTabGroup(){return this.component.onDidAddPanelToTabGroup}get onDidRemovePanelFromTabGroup(){return this.component.onDidRemovePanelFromTabGroup}get onDidTabGroupChange(){return this.component.onDidTabGroupChange}get onDidTabGroupCollapsedChange(){return this.component.onDidTabGroupCollapsedChange}get panels(){return this.component.panels}get groups(){return this.component.groups}adjacentGroupInDirection(e,t){return this.component.adjacentGroupInDirection(e,t)}get activePanel(){return this.component.activePanel}get activeGroup(){return this.component.activeGroup}constructor(e){this.component=e}focus(){this.component.focus()}getPanel(e){return this.component.getGroupPanel(e)}layout(e,t,i=!1){this.component.layout(e,t,i)}addPanel(e){return this.component.withOrigin("api",()=>this.component.addPanel(e))}removePanel(e){this.component.withOrigin("api",()=>this.component.removePanel(e))}addGroup(e){return this.component.addGroup(e)}closeAllGroups(){return this.component.withOrigin("api",()=>this.component.closeAllGroups())}removeGroup(e){this.component.withOrigin("api",()=>this.component.removeGroup(e))}getGroup(e){return this.component.getPanel(e)}addFloatingGroup(e,t){return this.component.withOrigin("api",()=>this.component.addFloatingGroup(e,t))}fromJSON(e,t){this.component.withOrigin("api",()=>this.component.fromJSON(e,t))}toJSON(){return this.component.toJSON()}clear(){this.component.withOrigin("api",()=>this.component.clear())}moveToNext(e){this.component.moveToNext(e)}moveToPrevious(e){this.component.moveToPrevious(e)}maximizeGroup(e){this.component.maximizeGroup(e.group)}hasMaximizedGroup(){return this.component.hasMaximizedGroup()}exitMaximizedGroup(){this.component.exitMaximizedGroup()}get onDidMaximizedGroupChange(){return this.component.onDidMaximizedGroupChange}addPopoutGroup(e,t){return this.component.withOrigin("api",()=>this.component.addPopoutGroup(e,t))}addEdgeGroup(e,t){return this.component.addEdgeGroup(e,t)}getEdgeGroup(e){return this.component.getEdgeGroup(e)}setEdgeGroupVisible(e,t){this.component.setEdgeGroupVisible(e,t)}isEdgeGroupVisible(e){return this.component.isEdgeGroupVisible(e)}removeEdgeGroup(e){this.component.removeEdgeGroup(e)}updateOptions(e){this.component.updateOptions(e)}_getGroupModel(e){const t=this.component.getPanel(e);if(!t)throw new Error(`dockview: group '${e}' not found`);return t.model}createTabGroup(e){const t=this._getGroupModel(e.groupId);return this.component.withOrigin("api",()=>t.createTabGroup({label:e.label,color:e.color,componentParams:e.componentParams}))}dissolveTabGroup(e){const t=this._getGroupModel(e.groupId);this.component.withOrigin("api",()=>t.dissolveTabGroup(e.tabGroupId))}addPanelToTabGroup(e){const t=this._getGroupModel(e.groupId);this.component.withOrigin("api",()=>t.addPanelToTabGroup(e.tabGroupId,e.panelId,e.index))}removePanelFromTabGroup(e){const t=this._getGroupModel(e.groupId);this.component.withOrigin("api",()=>t.removePanelFromTabGroup(e.panelId))}getTabGroups(e){return this._getGroupModel(e.groupId).getTabGroups()}getTabGroupForPanel(e){return this._getGroupModel(e.groupId).getTabGroupForPanel(e.panelId)}moveTabGroup(e){this._getGroupModel(e.groupId).moveTabGroup(e.tabGroupId,e.index)}dispose(){this.component.dispose()}}class we extends h{constructor(e,t){super(),this.element=e,this.callbacks=t,this.target=null,this.registerListeners()}onDragEnter(e){this.target=e.target,this.callbacks.onDragEnter(e)}onDragOver(e){e.preventDefault(),this.callbacks.onDragOver&&this.callbacks.onDragOver(e)}onDragLeave(e){this.target===e.target&&(this.target=null,this.callbacks.onDragLeave(e))}onDragEnd(e){this.target=null,this.callbacks.onDragEnd(e)}onDrop(e){this.callbacks.onDrop(e)}registerListeners(){this.addDisposables(b(this.element,"dragenter",e=>{this.onDragEnter(e)},!0)),this.addDisposables(b(this.element,"dragover",e=>{this.onDragOver(e)},!0)),this.addDisposables(b(this.element,"dragleave",e=>{this.onDragLeave(e)})),this.addDisposables(b(this.element,"dragend",e=>{this.onDragEnd(e)})),this.addDisposables(b(this.element,"drop",e=>{this.onDrop(e)}))}}const xe={value:50,type:"percentage"};function De(){const e=document.createElement("div");e.className="dv-drop-target-dropzone";const t=document.createElement("div");return t.className="dv-drop-target-selection",e.appendChild(t),{dropzone:e,selection:t}}function ye(e,t,i,o){var n,r,s;const a=t<(null!==(n=null==o?void 0:o.smallWidthBoundary)&&void 0!==n?n:100),d=i<(null!==(r=null==o?void 0:o.smallHeightBoundary)&&void 0!==r?r:100),l="left"===e,h="right"===e,c="top"===e,p="bottom"===e,v=!a&&h,u=!a&&l,g=!d&&c,m=!d&&p;let b=1;const f=null!==(s=null==o?void 0:o.size)&&void 0!==s?s:xe;return"percentage"===f.type?b=W(f.value,0,100)/100:((v||u)&&(b=W(0,f.value,t)/t),(g||m)&&(b=W(0,f.value,i)/i)),{isSmallX:a,isSmallY:d,isLeft:l,isRight:h,isTop:c,isBottom:p,rightClass:v,leftClass:u,topClass:g,bottomClass:m,size:b}}function Ce(e,t,i,o,n){const r=ye(t,i,o,n),{rightClass:s,leftClass:a,topClass:d,bottomClass:l,size:h}=r,c={top:"0px",left:"0px",width:"100%",height:"100%"};s?(c.left=100*(1-h)+"%",c.width=100*h+"%"):a?c.width=100*h+"%":d?c.height=100*h+"%":l&&(c.top=100*(1-h)+"%",c.height=100*h+"%"),r.isSmallX&&r.isLeft&&(c.width="4px"),r.isSmallX&&r.isRight&&(c.left=i-4+"px",c.width="4px"),r.isSmallY&&r.isTop&&(c.height="4px"),r.isSmallY&&r.isBottom&&(c.top=o-4+"px",c.height="4px"),e.style.top=c.top,e.style.left=c.left,e.style.width=c.width,e.style.height=c.height,e.style.visibility="visible",e.style.transform&&""!==e.style.transform||(e.style.transform="translate3d(0, 0, 0)");const p=r.isSmallX&&(r.isLeft||r.isRight)||r.isSmallY&&(r.isTop||r.isBottom);y(e,"dv-drop-target-small-vertical",r.isSmallY),y(e,"dv-drop-target-small-horizontal",r.isSmallX),y(e,"dv-drop-target-selection-line",p),y(e,"dv-drop-target-left",r.isLeft),y(e,"dv-drop-target-right",r.isRight),y(e,"dv-drop-target-top",r.isTop),y(e,"dv-drop-target-bottom",r.isBottom),y(e,"dv-drop-target-center","center"===t)}function Se(e){const t=ye(e.quadrant,e.width,e.height,e.overlayModel),{rightClass:i,leftClass:o,topClass:n,bottomClass:r,size:s}=t,a=e.outlineElement.getBoundingClientRect(),d=e.targetModel.getElements(void 0,e.outlineElement),l=d.root,h=d.overlay,c=l.getBoundingClientRect(),p=a.top-c.top,v=a.left-c.left,u={top:p,left:v,width:e.width,height:e.height};return i?(u.left=v+e.width*(1-s),u.width=e.width*s):o?u.width=e.width*s:n?u.height=e.height*s:r&&(u.top=p+e.height*(1-s),u.height=e.height*s),t.isSmallX&&t.isLeft&&(u.width=4),t.isSmallX&&t.isRight&&(u.left=v+e.width-4,u.width=4),t.isSmallY&&t.isTop&&(u.height=4),t.isSmallY&&t.isBottom&&(u.top=p+e.height-4,u.height=4),function(e,t){const i=`${Math.round(t.top)}px`,o=`${Math.round(t.left)}px`,n=`${Math.round(t.width)}px`,r=`${Math.round(t.height)}px`;return e.style.top!==i||e.style.left!==o||e.style.width!==n||e.style.height!==r}(h,u)?(function(e,t){e.style.top=`${Math.round(t.top)}px`,e.style.left=`${Math.round(t.left)}px`,e.style.width=`${Math.round(t.width)}px`,e.style.height=`${Math.round(t.height)}px`,e.style.visibility="visible",e.style.transform&&""!==e.style.transform||(e.style.transform="translate3d(0, 0, 0)")}(h,u),h.className="dv-drop-target-anchor"+(e.className?` ${e.className}`:""),y(h,"dv-drop-target-left",t.isLeft),y(h,"dv-drop-target-right",t.isRight),y(h,"dv-drop-target-top",t.isTop),y(h,"dv-drop-target-bottom",t.isBottom),y(h,"dv-drop-target-anchor-line",t.isSmallX&&(t.isLeft||t.isRight)||t.isSmallY&&(t.isTop||t.isBottom)),y(h,"dv-drop-target-center","center"===e.quadrant),d.changed&&(y(h,"dv-drop-target-anchor-container-changed",!0),setTimeout(()=>{y(h,"dv-drop-target-anchor-container-changed",!1)},10)),{boundsChanged:!0,targetChanged:d.changed}):{boundsChanged:!1,targetChanged:d.changed}}class ke extends p{get nativeEvent(){return this.options.nativeEvent}get position(){return this.options.position}constructor(e){super(),this.options=e}}function ze(e){switch(e){case"above":return"top";case"below":return"bottom";case"left":return"left";case"right":return"right";case"within":return"center";default:throw new Error(`invalid direction '${e}'`)}}function Ge(e){switch(e){case"top":return"above";case"bottom":return"below";case"left":return"left";case"right":return"right";case"center":return"within";default:throw new Error(`invalid position '${e}'`)}}const Pe={value:20,type:"percentage"};class Te extends h{get disabled(){return this._disabled}set disabled(e){this._disabled=e}get state(){return this._state}constructor(e,t){super(),this.element=e,this.options=t,this._onDrop=new m,this.onDrop=this._onDrop.event,this._onWillShowOverlay=new m,this.onWillShowOverlay=this._onWillShowOverlay.event,this._disabled=!1,this._acceptedTargetZonesSet=new Set(this.options.acceptedTargetZones),this.dnd=new we(this.element,{onDragEnter:()=>{var e,t,i;null===(i=null===(t=(e=this.options).getOverrideTarget)||void 0===t?void 0:t.call(e))||void 0===i||i.getElements()},onDragOver:e=>{var t,i,o,n,r,s,a;Te.ACTUAL_TARGET=this;const d=null===(i=(t=this.options).getOverrideTarget)||void 0===i?void 0:i.call(t);if(0===this._acceptedTargetZonesSet.size){if(d)return;return void this.removeDropTarget()}const l=null!==(r=null===(n=(o=this.options).getOverlayOutline)||void 0===n?void 0:n.call(o))&&void 0!==r?r:this.element,h=l.offsetWidth,c=l.offsetHeight;if(0===h||0===c)return;const p=e.currentTarget.getBoundingClientRect(),v=(null!==(s=e.clientX)&&void 0!==s?s:0)-p.left,u=(null!==(a=e.clientY)&&void 0!==a?a:0)-p.top,g=this.calculateQuadrant(this._acceptedTargetZonesSet,v,u,h,c);if(this.isAlreadyUsed(e)||null===g)return void this.removeDropTarget();if(!this.options.canDisplayOverlay(e,g)){if(d)return;return void this.removeDropTarget()}const m=new ke({nativeEvent:e,position:g});if(this._onWillShowOverlay.fire(m),m.defaultPrevented)this.removeDropTarget();else{if(this.markAsUsed(e),d);else if(!this.targetElement){const e=De();this.targetElement=e.dropzone,this.overlayElement=e.selection,this._state="center",l.classList.add("dv-drop-target"),l.append(this.targetElement)}this.toggleClasses(g,h,c),this._state=g}},onDragLeave:()=>{var e,t;(null===(t=(e=this.options).getOverrideTarget)||void 0===t?void 0:t.call(e))||this.removeDropTarget()},onDragEnd:e=>{var t,i;const o=null===(i=(t=this.options).getOverrideTarget)||void 0===i?void 0:i.call(t);o&&Te.ACTUAL_TARGET===this&&this._state&&(e.stopPropagation(),this._onDrop.fire({position:this._state,nativeEvent:e})),this.removeDropTarget(),null==o||o.clear()},onDrop:e=>{var t,i,o;e.preventDefault();const n=this._state;this.removeDropTarget(),null===(o=null===(i=(t=this.options).getOverrideTarget)||void 0===i?void 0:i.call(t))||void 0===o||o.clear(),n&&(e.stopPropagation(),this._onDrop.fire({position:n,nativeEvent:e}))}}),this.addDisposables(this._onDrop,this._onWillShowOverlay,this.dnd)}setTargetZones(e){this._acceptedTargetZonesSet=new Set(e)}setOverlayModel(e){this.options.overlayModel=e}dispose(){this.removeDropTarget(),super.dispose()}markAsUsed(e){e[Te.USED_EVENT_ID]=!0}isAlreadyUsed(e){const t=e[Te.USED_EVENT_ID];return"boolean"==typeof t&&t}toggleClasses(e,t,i){var o,n,r,s,a;const d=null===(n=(o=this.options).getOverrideTarget)||void 0===n?void 0:n.call(o);if(d){return void Se({outlineElement:null!==(a=null===(s=(r=this.options).getOverlayOutline)||void 0===s?void 0:s.call(r))&&void 0!==a?a:this.element,targetModel:d,quadrant:e,width:t,height:i,overlayModel:this.options.overlayModel,className:this.options.className})}this.overlayElement&&Ce(this.overlayElement,e,t,i,this.options.overlayModel)}calculateQuadrant(e,t,i,o,n){var r,s;const a=null!==(s=null===(r=this.options.overlayModel)||void 0===r?void 0:r.activationSize)&&void 0!==s?s:Pe;return"percentage"===a.type?Ae(e,t,i,o,n,a.value):Ie(e,t,i,o,n,a.value)}removeDropTarget(){var e;this.targetElement&&(this._state=void 0,null===(e=this.targetElement.parentElement)||void 0===e||e.classList.remove("dv-drop-target"),this.targetElement.remove(),this.targetElement=void 0,this.overlayElement=void 0)}showOverlay(e){var t,i,o,n,r;const s=null===(i=(t=this.options).getOverrideTarget)||void 0===i?void 0:i.call(t),a=null!==(r=null===(n=(o=this.options).getOverlayOutline)||void 0===n?void 0:n.call(o))&&void 0!==r?r:this.element,d=a.offsetWidth,l=a.offsetHeight;if(!s&&!this.targetElement){const e=De();this.targetElement=e.dropzone,this.overlayElement=e.selection,a.classList.add("dv-drop-target"),a.append(this.targetElement)}this.toggleClasses(e,d,l),this._state=e}clearOverlay(){var e,t,i;this.removeDropTarget(),null===(i=null===(t=(e=this.options).getOverrideTarget)||void 0===t?void 0:t.call(e))||void 0===i||i.clear(),this._state=void 0}}function Ae(e,t,i,o,n,r){const s=100*t/o,a=100*i/n;return e.has("left")&&s<r?"left":e.has("right")&&s>100-r?"right":e.has("top")&&a<r?"top":e.has("bottom")&&a>100-r?"bottom":e.has("center")?"center":null}function Ie(e,t,i,o,n,r){return e.has("left")&&t<r?"left":e.has("right")&&t>o-r?"right":e.has("top")&&i<r?"top":e.has("bottom")&&i>n-r?"bottom":e.has("center")?"center":null}Te.USED_EVENT_ID="__dockview_droptarget_event_is_used__";class Ee extends h{static getInstance(){return Ee._instance||(Ee._instance=new Ee),Ee._instance}constructor(){super(),this._targets=new Set,this._targetByElement=new Map,this._onDragStart=new m,this.onDragStart=this._onDragStart.event,this._onDragMove=new m,this.onDragMove=this._onDragMove.event,this._onDragEnd=new m,this.onDragEnd=this._onDragEnd.event,this.addDisposables(this._onDragStart,this._onDragMove,this._onDragEnd)}get active(){return this._active}registerTarget(e){return this._targets.add(e),this._targetByElement.set(e.element,e),{dispose:()=>{this._targets.delete(e),this._targetByElement.get(e.element)===e&&this._targetByElement.delete(e.element),this._currentTarget===e&&(this._currentTarget=void 0)}}}beginDrag(e){var t,i,o;this._active&&this.cancel();const{pointerEvent:n,source:r}=e,s=e.getData();this._active={pointerId:n.pointerId,startX:n.clientX,startY:n.clientY,source:r},this._onDragMoveCallback=e.onDragMove,this._onDragEndCallback=e.onDragEnd,this._dataDisposable=s,this._ghost=e.ghost,this._iframeShield=A(null!==(t=r.ownerDocument)&&void 0!==t?t:document);const a={clientX:n.clientX,clientY:n.clientY,pointerEvent:n};this._onDragStart.fire(a);const d=null!==(o=null===(i=r.ownerDocument)||void 0===i?void 0:i.defaultView)&&void 0!==o?o:window;this._moveListener=b(d,"pointermove",e=>{this._active&&e.pointerId===this._active.pointerId&&this._handleMove(e)}),this._upListener=b(d,"pointerup",e=>{this._active&&e.pointerId===this._active.pointerId&&this._handleEnd(e,!0)}),this._cancelListener=b(d,"pointercancel",e=>{this._active&&e.pointerId===this._active.pointerId&&this._handleEnd(e,!1)})}cancel(){var e,t;this._active&&(null===(e=this._currentTarget)||void 0===e||e.handleDragLeave(),this._teardown(),null===(t=this._dataDisposable)||void 0===t||t.dispose(),this._dataDisposable=void 0)}_findTargetUnder(e,t){var i,o;const n=(null!==(o=null===(i=this._active)||void 0===i?void 0:i.source.ownerDocument)&&void 0!==o?o:document).elementsFromPoint(e,t);for(const e of n){let t=e;for(;t;){const e=this._targetByElement.get(t);if(e)return e;t=t.parentElement}}}_handleMove(e){var t,i,o;null===(t=this._ghost)||void 0===t||t.update(e.clientX,e.clientY);const n={clientX:e.clientX,clientY:e.clientY,pointerEvent:e},r=this._findTargetUnder(e.clientX,e.clientY);r!==this._currentTarget&&(null===(i=this._currentTarget)||void 0===i||i.handleDragLeave(),this._currentTarget=r),r&&r.handleDragOver(n),null===(o=this._onDragMoveCallback)||void 0===o||o.call(this,n),this._onDragMove.fire(n)}_handleEnd(e,t){var i;const o={clientX:e.clientX,clientY:e.clientY,pointerEvent:e};t&&this._currentTarget?this._currentTarget.handleDrop(o):null===(i=this._currentTarget)||void 0===i||i.handleDragLeave();const n=this._onDragEndCallback,r=this._dataDisposable;this._teardown(),this._dataDisposable=void 0,setTimeout(()=>null==r?void 0:r.dispose(),0),null==n||n(o,t),this._onDragEnd.fire(o)}_teardown(){var e,t,i,o,n;this._currentTarget=void 0,this._active=void 0,this._onDragMoveCallback=void 0,this._onDragEndCallback=void 0,null===(e=this._ghost)||void 0===e||e.dispose(),this._ghost=void 0,null===(t=this._iframeShield)||void 0===t||t.release(),this._iframeShield=void 0,null===(i=this._moveListener)||void 0===i||i.dispose(),null===(o=this._upListener)||void 0===o||o.dispose(),null===(n=this._cancelListener)||void 0===n||n.dispose(),this._moveListener=void 0,this._upListener=void 0,this._cancelListener=void 0}}const Oe={value:20,type:"percentage"};class Me extends h{get disabled(){return this._disabled}set disabled(e){this._disabled=e,e&&this._removeOverlay()}get state(){return this._state}constructor(e,t){super(),this.element=e,this.options=t,this._onDrop=new m,this.onDrop=this._onDrop.event,this._onWillShowOverlay=new m,this.onWillShowOverlay=this._onWillShowOverlay.event,this._disabled=!1,this._acceptedTargetZonesSet=new Set(t.acceptedTargetZones);const i={element:this.element,handleDragOver:e=>this._onDragOver(e),handleDragLeave:()=>this._onDragLeave(),handleDrop:e=>this._onDropEvent(e)};this.addDisposables(this._onDrop,this._onWillShowOverlay,Ee.getInstance().registerTarget(i))}setTargetZones(e){this._acceptedTargetZonesSet=new Set(e)}setOverlayModel(e){this.options.overlayModel=e}dispose(){this._removeOverlay(),super.dispose()}_onDragOver(e){var t,i,o,n,r;if(this._disabled)return void this._removeOverlay();const s=null===(i=(t=this.options).getOverrideTarget)||void 0===i?void 0:i.call(t);if(0===this._acceptedTargetZonesSet.size){if(s)return;return void this._removeOverlay()}const a=null!==(r=null===(n=(o=this.options).getOverlayOutline)||void 0===n?void 0:n.call(o))&&void 0!==r?r:this.element,d=a.offsetWidth,l=a.offsetHeight;if(0===d||0===l)return;const h=a.getBoundingClientRect(),c=e.clientX-h.left,p=e.clientY-h.top,v=this._calculateQuadrant(c,p,d,l);if(null===v)return void this._removeOverlay();if(!this.options.canDisplayOverlay(e.pointerEvent,v)){if(s)return;return void this._removeOverlay()}const u=new ke({nativeEvent:e.pointerEvent,position:v});if(this._onWillShowOverlay.fire(u),u.defaultPrevented)this._removeOverlay();else{if(s)return Se({outlineElement:a,targetModel:s,quadrant:v,width:d,height:l,overlayModel:this.options.overlayModel,className:this.options.className}),void(this._state=v);if(!this._targetElement){const e=De();this._targetElement=e.dropzone,this._overlayElement=e.selection,this._state="center",this.element.classList.add("dv-drop-target"),this.element.append(this._targetElement)}this._overlayElement&&Ce(this._overlayElement,v,d,l,this.options.overlayModel),this._state=v}}_onDragLeave(){var e,t;const i=null===(t=(e=this.options).getOverrideTarget)||void 0===t?void 0:t.call(e);if(i)return this._state=void 0,void i.clear();this._removeOverlay()}_onDropEvent(e){var t,i;const o=this._state,n=null===(i=(t=this.options).getOverrideTarget)||void 0===i?void 0:i.call(t);this._removeOverlay(),null==n||n.clear(),o&&this._onDrop.fire({position:o,nativeEvent:e.pointerEvent})}_calculateQuadrant(e,t,i,o){var n,r;const s=null!==(r=null===(n=this.options.overlayModel)||void 0===n?void 0:n.activationSize)&&void 0!==r?r:Oe;return"percentage"===s.type?Ae(this._acceptedTargetZonesSet,e,t,i,o,s.value):Ie(this._acceptedTargetZonesSet,e,t,i,o,s.value)}_removeOverlay(){var e;this._targetElement?(this._state=void 0,null===(e=this._targetElement.parentElement)||void 0===e||e.classList.remove("dv-drop-target"),this._targetElement.remove(),this._targetElement=void 0,this._overlayElement=void 0):this._state=void 0}}class Le extends h{constructor(e,t){var i;super(),this.element=e,this.options=t,this._disabled=!1,this._armed=!1,this._startX=0,this._startY=0,this._touchOnly=null===(i=t.touchOnly)||void 0===i||i,this.addDisposables(b(this.element,"pointerdown",e=>{this._onPointerDown(e)}))}setDisabled(e){this._disabled=e,e&&this._cancelPending()}setTouchOnly(e){this._touchOnly!==e&&(this._touchOnly=e,e&&this._cancelPending())}_shouldHandle(e){var t,i;return!this._disabled&&((!this._touchOnly||"touch"===e.pointerType||"pen"===e.pointerType)&&!(null===(i=(t=this.options).isCancelled)||void 0===i?void 0:i.call(t,e)))}_onPointerDown(e){var t,i,o,n,r;if(!this._shouldHandle(e))return;this._cancelPending(),this._pendingPointerId=e.pointerId,this._startX=e.clientX,this._startY=e.clientY,this._startEvent=e;const s="touch"===e.pointerType||"pen"===e.pointerType,a=this.options.touchInitiationDelay,d=null!==(t="function"==typeof a?a():a)&&void 0!==t?t:250;this._armed=!s||d<=0,s&&d>0&&isFinite(d)&&(this._armTimer=setTimeout(()=>{this._armTimer=void 0,this._armed=!0},d));const l=null!==(i=this.options.threshold)&&void 0!==i?i:5,h=this.options.pressTolerance,c=null!==(o="function"==typeof h?h():h)&&void 0!==o?o:8,p=null!==(r=null===(n=this.element.ownerDocument)||void 0===n?void 0:n.defaultView)&&void 0!==r?r:window;this._pendingMoveListener=b(p,"pointermove",e=>{if(e.pointerId!==this._pendingPointerId)return;const t=e.clientX-this._startX,i=e.clientY-this._startY,o=Math.hypot(t,i);this._armed?o>=l&&this._beginDrag(e):o>c&&this._beginDrag(e)}),this._pendingUpListener=b(p,"pointerup",e=>{e.pointerId===this._pendingPointerId&&this._cancelPending()}),this._pendingCancelListener=b(p,"pointercancel",e=>{e.pointerId===this._pendingPointerId&&this._cancelPending()})}cancelPending(){this._cancelPending()}_cancelPending(){var e,t,i;this._pendingPointerId=void 0,void 0!==this._armTimer&&(clearTimeout(this._armTimer),this._armTimer=void 0),this._armed=!1,null===(e=this._pendingMoveListener)||void 0===e||e.dispose(),null===(t=this._pendingUpListener)||void 0===t||t.dispose(),null===(i=this._pendingCancelListener)||void 0===i||i.dispose(),this._pendingMoveListener=void 0,this._pendingUpListener=void 0,this._pendingCancelListener=void 0,this._startEvent=void 0}_beginDrag(e){var t,i,o,n,r;const s=null!==(t=this._startEvent)&&void 0!==t?t:e;this._cancelPending(),null===(o=(i=this.options).onDragStart)||void 0===o||o.call(i,s);const a=null===(r=(n=this.options).createGhost)||void 0===r?void 0:r.call(n,s);Ee.getInstance().beginDrag({pointerEvent:e,source:this.element,getData:()=>this.options.getData(s),ghost:a,onDragMove:this.options.onDragMove,onDragEnd:this.options.onDragEnd})}dispose(){this._cancelPending(),super.dispose()}}class Ve{constructor(e){var t,i,o,n,r;this._disposed=!1,this.element=e.element,this.offsetX=null!==(t=e.offsetX)&&void 0!==t?t:0,this.offsetY=null!==(i=e.offsetY)&&void 0!==i?i:0,this.element.style.position="fixed",this.element.style.left="0px",this.element.style.top="0px",this.element.style.pointerEvents="none",this.element.style.zIndex="99999",this.element.style.opacity=String(null!==(o=e.opacity)&&void 0!==o?o:.8),this.element.style.willChange="transform",this.element.style.transform=`translate3d(${e.initialX-this.offsetX}px, ${e.initialY-this.offsetY}px, 0)`;(null!==(r=null===(n=e.owner)||void 0===n?void 0:n.ownerDocument)&&void 0!==r?r:document).body.appendChild(this.element)}update(e,t){this._disposed||(this.element.style.transform=`translate3d(${e-this.offsetX}px, ${t-this.offsetY}px, 0)`)}dispose(){this._disposed||(this._disposed=!0,this.element.remove())}}class Re extends h{constructor(e,t){super(),this.el=e,this.opts=t,this._dataDisposable=new c,this._pointerEventsDisposable=new c,this._disabled=!!t.disabled,this.addDisposables(this._dataDisposable,this._pointerEventsDisposable,b(this.el,"dragstart",e=>{var t,i,o,n,r,s,a,d,l;if(e.defaultPrevented||this._disabled||(null===(i=(t=this.opts).isCancelled)||void 0===i?void 0:i.call(t,e)))return void e.preventDefault();const h=A(null!==(o=this.el.ownerDocument)&&void 0!==o?o:document);this._pointerEventsDisposable.value={dispose:()=>h.release()},this.el.classList.add("dv-dragged"),setTimeout(()=>this.el.classList.remove("dv-dragged"),0),this._dataDisposable.value=this.opts.getData(e);const c=null===(r=(n=this.opts).createGhost)||void 0===r?void 0:r.call(n,e);if(c&&e.dataTransfer&&(function(e,t,i){var o,n;D(t,"dv-dragged"),t.style.top="-9999px",document.body.appendChild(t),e.setDragImage(t,null!==(o=null==i?void 0:i.x)&&void 0!==o?o:0,null!==(n=null==i?void 0:i.y)&&void 0!==n?n:0),setTimeout(()=>{x(t,"dv-dragged"),t.remove()},0)}(e.dataTransfer,c.element,{x:null!==(s=c.offsetX)&&void 0!==s?s:0,y:null!==(a=c.offsetY)&&void 0!==a?a:0}),c.dispose)){const e=c.dispose;setTimeout(()=>e(),0)}e.dataTransfer&&(e.dataTransfer.effectAllowed="move",0===e.dataTransfer.items.length&&e.dataTransfer.setData("text/plain","")),null===(l=(d=this.opts).onDragStart)||void 0===l||l.call(d,e)}),b(this.el,"dragend",e=>{var t,i;this._pointerEventsDisposable.dispose(),setTimeout(()=>this._dataDisposable.dispose(),0),null===(i=(t=this.opts).onDragEnd)||void 0===i||i.call(t,e)}))}setDisabled(e){this._disabled=e}setTouchOnly(e){}cancelPending(){}}const Ne=new class{constructor(){this.kind="html5"}createDropTarget(e,t){return new Te(e,t)}createDragSource(e,t){return new Re(e,t)}},We=new class{constructor(){this.kind="pointer"}createDropTarget(e,t){return new Me(e,t)}createDragSource(e,t){const i=t.createGhost?i=>{const o=t.createGhost(i);if(!o)return;const n=new Ve({element:o.element,initialX:i.clientX,initialY:i.clientY,offsetX:o.offsetX,offsetY:o.offsetY,owner:e});if(o.dispose){const e=n.dispose.bind(n),t=o.dispose;n.dispose=()=>{e(),t()}}return n}:void 0,o=new Le(e,{getData:t.getData,isCancelled:t.isCancelled,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd?e=>t.onDragEnd(e.pointerEvent):void 0,createGhost:i,touchOnly:t.touchOnly,touchInitiationDelay:t.touchInitiationDelay,pressTolerance:t.pressTolerance,threshold:t.threshold});return t.disabled&&o.setDisabled(!0),o}},He=(()=>{const e={disableAutoResizing:void 0,disableDnd:void 0,className:void 0};return Object.keys(e)})();class Fe extends v{constructor(e,t,i,o){super(),this.nativeEvent=e,this.position=t,this.getData=i,this.panel=o}}class Be extends p{constructor(){super()}}class $e extends h{get isFocused(){return this._isFocused}get isActive(){return this._isActive}get isVisible(){return this._isVisible}get width(){return this._width}get height(){return this._height}constructor(e,t){super(),this.id=e,this.component=t,this._isFocused=!1,this._isActive=!1,this._isVisible=!0,this._width=0,this._height=0,this._parameters={},this.panelUpdatesDisposable=new c,this._onDidDimensionChange=new m,this.onDidDimensionsChange=this._onDidDimensionChange.event,this._onDidChangeFocus=new m,this.onDidFocusChange=this._onDidChangeFocus.event,this._onWillFocus=new m,this.onWillFocus=this._onWillFocus.event,this._onDidVisibilityChange=new m,this.onDidVisibilityChange=this._onDidVisibilityChange.event,this._onWillVisibilityChange=new m,this.onWillVisibilityChange=this._onWillVisibilityChange.event,this._onDidActiveChange=new m,this.onDidActiveChange=this._onDidActiveChange.event,this._onActiveChange=new m,this.onActiveChange=this._onActiveChange.event,this._onDidParametersChange=new m,this.onDidParametersChange=this._onDidParametersChange.event,this.addDisposables(this.onDidFocusChange(e=>{this._isFocused=e.isFocused}),this.onDidActiveChange(e=>{this._isActive=e.isActive}),this.onDidVisibilityChange(e=>{this._isVisible=e.isVisible}),this.onDidDimensionsChange(e=>{this._width=e.width,this._height=e.height}),this.panelUpdatesDisposable,this._onDidDimensionChange,this._onDidChangeFocus,this._onDidVisibilityChange,this._onDidActiveChange,this._onWillFocus,this._onActiveChange,this._onWillFocus,this._onWillVisibilityChange,this._onDidParametersChange)}getParameters(){return this._parameters}initialize(e){this.panelUpdatesDisposable.value=this._onDidParametersChange.event(t=>{this._parameters=t,e.update({params:t})})}setVisible(e){this._onWillVisibilityChange.fire({isVisible:e})}setActive(){this._onActiveChange.fire()}updateParameters(e){this._onDidParametersChange.fire(e)}}class Ue extends $e{constructor(e,t){super(e,t),this._onDidConstraintsChangeInternal=new m,this.onDidConstraintsChangeInternal=this._onDidConstraintsChangeInternal.event,this._onDidConstraintsChange=new m({replay:!0}),this.onDidConstraintsChange=this._onDidConstraintsChange.event,this._onDidSizeChange=new m,this.onDidSizeChange=this._onDidSizeChange.event,this.addDisposables(this._onDidConstraintsChangeInternal,this._onDidConstraintsChange,this._onDidSizeChange)}setConstraints(e){this._onDidConstraintsChangeInternal.fire(e)}setSize(e){this._onDidSizeChange.fire(e)}}class je extends Ue{set pane(e){this._pane=e}constructor(e,t){super(e,t),this._onDidExpansionChange=new m({replay:!0}),this.onDidExpansionChange=this._onDidExpansionChange.event,this._onMouseEnter=new m({}),this.onMouseEnter=this._onMouseEnter.event,this._onMouseLeave=new m({}),this.onMouseLeave=this._onMouseLeave.event,this.addDisposables(this._onDidExpansionChange,this._onMouseEnter,this._onMouseLeave)}setExpanded(e){var t;null===(t=this._pane)||void 0===t||t.setExpanded(e)}get isExpanded(){var e;return!!(null===(e=this._pane)||void 0===e?void 0:e.isExpanded())}}class Ye extends h{get element(){return this._element}get width(){return this._width}get height(){return this._height}get params(){var e;return null===(e=this._params)||void 0===e?void 0:e.params}constructor(e,t,i){super(),this.id=e,this.component=t,this.api=i,this._height=0,this._width=0,this._element=document.createElement("div"),this._element.tabIndex=-1,this._element.style.outline="none",this._element.style.height="100%",this._element.style.width="100%",this._element.style.overflow="hidden";const o=S(this._element);this.addDisposables(this.api,o.onDidFocus(()=>{this.api._onDidChangeFocus.fire({isFocused:!0})}),o.onDidBlur(()=>{this.api._onDidChangeFocus.fire({isFocused:!1})}),o)}focus(){const e=new Be;this.api._onWillFocus.fire(e),e.defaultPrevented||this._element.focus()}layout(e,t){this._width=e,this._height=t,this.api._onDidDimensionChange.fire({width:e,height:t}),this.part&&this._params&&this.part.update(this._params.params)}init(e){this._params=e,this.part=this.getComponent()}update(e){var t,i;this._params=Object.assign(Object.assign({},this._params),{params:Object.assign(Object.assign({},null===(t=this._params)||void 0===t?void 0:t.params),e.params)});for(const t of Object.keys(e.params))void 0===e.params[t]&&delete this._params.params[t];null===(i=this.part)||void 0===i||i.update({params:this._params.params})}toJSON(){var e,t;const i=null!==(t=null===(e=this._params)||void 0===e?void 0:e.params)&&void 0!==t?t:{};return{id:this.id,component:this.component,params:Object.keys(i).length>0?i:void 0}}dispose(){var e;this.api.dispose(),null===(e=this.part)||void 0===e||e.dispose(),super.dispose()}}class Je extends Ye{set orientation(e){this._orientation=e}get orientation(){return this._orientation}get minimumSize(){return this.headerSize+(this.isExpanded()?this._minimumBodySize:0)}get maximumSize(){return this.headerSize+(this.isExpanded()?this._maximumBodySize:0)}get size(){return this._size}get orthogonalSize(){return this._orthogonalSize}set orthogonalSize(e){this._orthogonalSize=e}get minimumBodySize(){return this._minimumBodySize}set minimumBodySize(e){this._minimumBodySize="number"==typeof e?e:0}get maximumBodySize(){return this._maximumBodySize}set maximumBodySize(e){this._maximumBodySize="number"==typeof e?e:Number.POSITIVE_INFINITY}get headerVisible(){return this._headerVisible}set headerVisible(e){this._headerVisible=e,this.header.style.display=e?"":"none"}constructor(e){super(e.id,e.component,new je(e.id,e.component)),this._onDidChangeExpansionState=new m({replay:!0}),this.onDidChangeExpansionState=this._onDidChangeExpansionState.event,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._orthogonalSize=0,this._size=0,this._isExpanded=!1,this.api.pane=this,this.api.initialize(this),this.headerSize=e.headerSize,this.headerComponent=e.headerComponent,this._minimumBodySize=e.minimumBodySize,this._maximumBodySize=e.maximumBodySize,this._isExpanded=e.isExpanded,this._headerVisible=e.isHeaderVisible,this._onDidChangeExpansionState.fire(this.isExpanded()),this._orientation=e.orientation,this.element.classList.add("dv-pane"),this.addDisposables(this.api.onWillVisibilityChange(e=>{const{isVisible:t}=e,{accessor:i}=this._params;i.setVisible(this,t)}),this.api.onDidSizeChange(e=>{this._onDidChange.fire({size:e.size})}),b(this.element,"mouseenter",e=>{this.api._onMouseEnter.fire(e)}),b(this.element,"mouseleave",e=>{this.api._onMouseLeave.fire(e)})),this.addDisposables(this._onDidChangeExpansionState,this.onDidChangeExpansionState(e=>{this.api._onDidExpansionChange.fire({isExpanded:e})}),this.api.onDidFocusChange(e=>{this.header&&(e.isFocused?D(this.header,"focused"):x(this.header,"focused"))})),this.renderOnce()}setVisible(e){this.api._onDidVisibilityChange.fire({isVisible:e})}setActive(e){this.api._onDidActiveChange.fire({isActive:e})}isExpanded(){return this._isExpanded}setExpanded(e){this._isExpanded!==e&&(this._isExpanded=e,e?(this.animationTimer&&clearTimeout(this.animationTimer),this.body&&this.element.appendChild(this.body)):this.animationTimer=setTimeout(()=>{var e;null===(e=this.body)||void 0===e||e.remove()},200),this._onDidChange.fire(e?{size:this.width}:{}),this._onDidChangeExpansionState.fire(e))}layout(t,i){this._size=t,this._orthogonalSize=i;const[o,n]=this.orientation===e.Orientation.HORIZONTAL?[t,i]:[i,t];super.layout(o,n)}init(e){var t,i;super.init(e),"number"==typeof e.minimumBodySize&&(this.minimumBodySize=e.minimumBodySize),"number"==typeof e.maximumBodySize&&(this.maximumBodySize=e.maximumBodySize),this.bodyPart=this.getBodyComponent(),this.headerPart=this.getHeaderComponent(),this.bodyPart.init(Object.assign(Object.assign({},e),{api:this.api})),this.headerPart.init(Object.assign(Object.assign({},e),{api:this.api})),null===(t=this.body)||void 0===t||t.append(this.bodyPart.element),null===(i=this.header)||void 0===i||i.append(this.headerPart.element),"boolean"==typeof e.isExpanded&&this.setExpanded(e.isExpanded)}toJSON(){const e=this._params;return Object.assign(Object.assign({},super.toJSON()),{headerComponent:this.headerComponent,title:e.title})}renderOnce(){this.header=document.createElement("div"),this.header.tabIndex=0,this.header.className="dv-pane-header",this.header.style.height=`${this.headerSize}px`,this.header.style.lineHeight=`${this.headerSize}px`,this.header.style.minHeight=`${this.headerSize}px`,this.header.style.maxHeight=`${this.headerSize}px`,this.element.appendChild(this.header),this.body=document.createElement("div"),this.body.className="dv-pane-body",this.element.appendChild(this.body)}getComponent(){return{update:e=>{var t,i;null===(t=this.bodyPart)||void 0===t||t.update({params:e}),null===(i=this.headerPart)||void 0===i||i.update({params:e})},dispose:()=>{var e,t;null===(e=this.bodyPart)||void 0===e||e.dispose(),null===(t=this.headerPart)||void 0===t||t.dispose()}}}}class Xe extends Je{constructor(e){super({id:e.id,component:e.component,headerComponent:e.headerComponent,orientation:e.orientation,isExpanded:e.isExpanded,isHeaderVisible:!0,headerSize:e.headerSize,minimumBodySize:e.minimumBodySize,maximumBodySize:e.maximumBodySize}),this._onDidDrop=new m,this.onDidDrop=this._onDidDrop.event,this._onUnhandledDragOver=new m,this.onUnhandledDragOver=this._onUnhandledDragOver.event,this.accessor=e.accessor,this.addDisposables(this._onDidDrop,this._onUnhandledDragOver),e.disableDnd||this.initDragFeatures()}initDragFeatures(){if(!this.header)return;const e=this.id,t=this.accessor.id;this.header.draggable=!0;const i={getData:()=>(a.getInstance().setData([new s(t,e)],s.prototype),{dispose:()=>{a.getInstance().clearData(s.prototype)}})};this.html5DragSource=Ne.createDragSource(this.header,i),this.pointerDragSource=We.createDragSource(this.header,i);const o={acceptedTargetZones:["top","bottom"],overlayModel:{activationSize:{type:"percentage",value:50}},canDisplayOverlay:(e,t)=>{const i=l();if(i&&i.paneId!==this.id&&i.viewId===this.accessor.id)return!0;const o=new Fe(e,t,l,this);return this._onUnhandledDragOver.fire(o),o.isAccepted}};this.target=Ne.createDropTarget(this.element,o),this.pointerTarget=We.createDropTarget(this.element,o),this.addDisposables(this._onDidDrop,this.html5DragSource,this.pointerDragSource,this.target,this.pointerTarget,this.target.onDrop(e=>{this.onDrop(e)}),this.pointerTarget.onDrop(e=>{this.onDrop(e)}))}onDrop(e){const t=l();if(!t||t.viewId!==this.accessor.id)return void this._onDidDrop.fire(Object.assign(Object.assign({},e),{panel:this,api:new be(this.accessor),getData:l}));const i=this._params.containerApi,o=t.paneId,n=i.getPanel(o);if(!n)return void this._onDidDrop.fire(Object.assign(Object.assign({},e),{panel:this,getData:l,api:new be(this.accessor)}));const r=i.panels,s=r.indexOf(n);let a=i.panels.indexOf(this);"left"!==e.position&&"top"!==e.position||(a=Math.max(0,a-1)),"right"!==e.position&&"bottom"!==e.position||(s>a&&a++,a=Math.min(r.length-1,a)),i.movePanel(s,a)}}let Ze=0;class Ke extends h{get element(){return this._element}constructor(t,i){var o,n,r,s,a,l,h;super(),this.accessor=t,this.group=i,this.disposable=new c,this._onDidFocus=new m,this.onDidFocus=this._onDidFocus.event,this._onDidBlur=new m,this.onDidBlur=this._onDidBlur.event,this._element=document.createElement("div"),this._element.className="dv-content-container",this._element.tabIndex=-1,this._element.id="dv-tabpanel-"+Ze++,this._element.setAttribute("role","tabpanel"),this.addDisposables(this._onDidFocus,this._onDidBlur);const p=()=>{var e;return null===(e=i.dropTargetContainer)||void 0===e?void 0:e.model},v=(e,t)=>{if("no-drop-target"===this.group.locked||this.group.locked&&"center"===t)return!1;const i=d();return!(!i&&e.shiftKey&&"floating"!==this.group.location.type)&&(!(!i||i.viewId!==this.accessor.id)||this.group.canDisplayOverlay(e,t,"content"))};this.dropTarget=new Te(this.element,{getOverlayOutline:()=>{var e;return"group"===(null===(e=t.options.theme)||void 0===e?void 0:e.dndPanelOverlay)?this.element.parentElement:null},className:"dv-drop-target-content",acceptedTargetZones:["top","bottom","left","right","center"],canDisplayOverlay:v,getOverrideTarget:p,overlayModel:null===(n=(o=this.accessor).resolveDropOverlayModel)||void 0===n?void 0:n.call(o,"content")}),this.pointerDropTarget=We.createDropTarget(this.element,{acceptedTargetZones:["top","bottom","left","right","center"],canDisplayOverlay:v,getOverlayOutline:()=>{var e;return"group"===(null===(e=t.options.theme)||void 0===e?void 0:e.dndPanelOverlay)?this.element.parentElement:null},className:"dv-drop-target-content",getOverrideTarget:p,overlayModel:null===(s=(r=this.accessor).resolveDropOverlayModel)||void 0===s?void 0:s.call(r,"content")}),this.addDisposables(this.dropTarget,this.pointerDropTarget,null!==(h=null===(l=(a=this.accessor).onDidOptionsChange)||void 0===l?void 0:l.call(a,()=>{var e,t,i;const o=null!==(i=null===(t=(e=this.accessor).resolveDropOverlayModel)||void 0===t?void 0:t.call(e,"content"))&&void 0!==i?i:{};this.dropTarget.setOverlayModel(o),this.pointerDropTarget.setOverlayModel(o)}))&&void 0!==h?h:e.DockviewDisposable.NONE)}show(){this.element.style.display=""}hide(){this.element.style.display="none"}setLabelledBy(e){e?this._element.setAttribute("aria-labelledby",e):this._element.removeAttribute("aria-labelledby")}renderPanel(e,t={asActive:!0}){var i,o,n,r;const s=t.asActive||this.panel&&this.group.isPanelActive(this.panel);let a;switch(this.panel&&this.panel.view.content.element.parentElement===this._element&&(this._element.removeChild(this.panel.view.content.element),null===(o=(i=this.panel.view.content).onHide)||void 0===o||o.call(i)),this.panel=e,e.api.renderer){case"onlyWhenVisible":this.group.renderContainer.detatch(e),this.panel&&s&&(this._element.appendChild(this.panel.view.content.element),null===(r=(n=this.panel.view.content).onShow)||void 0===r||r.call(n)),a=this._element;break;case"always":e.view.content.element.parentElement===this._element&&this._element.removeChild(e.view.content.element),a=this.group.renderContainer.attach({panel:e,referenceContainer:this});break;default:throw new Error(`dockview: invalid renderer type '${e.api.renderer}'`)}if(s){const e=S(a);this.focusTracker=e;const t=new h;t.addDisposables(e,e.onDidFocus(()=>this._onDidFocus.fire()),e.onDidBlur(()=>this._onDidBlur.fire())),this.disposable.value=t}}openPanel(e){this.panel!==e&&this.renderPanel(e)}layout(e,t){}closePanel(){var e,t,i;this.panel&&"onlyWhenVisible"===this.panel.api.renderer&&(null===(e=this.panel.view.content.element.parentElement)||void 0===e||e.removeChild(this.panel.view.content.element),null===(i=(t=this.panel.view.content).onHide)||void 0===i||i.call(t)),this.panel=void 0}dispose(){this.disposable.dispose(),super.dispose()}refreshFocusState(){var e;(null===(e=this.focusTracker)||void 0===e?void 0:e.refreshState)&&this.focusTracker.refreshState()}}class qe extends h{constructor(e,t){super(),this.element=e,this.options=t,this._startX=0,this._startY=0,this.addDisposables(b(this.element,"pointerdown",e=>{this._onPointerDown(e)}))}_onPointerDown(e){var t,i,o,n,r;if((null===(t=this.options.touchOnly)||void 0===t||t)&&"touch"!==e.pointerType&&"pen"!==e.pointerType)return;this._cancelPending(),this._pointerId=e.pointerId,this._startX=e.clientX,this._startY=e.clientY;const s=null!==(i=this.options.delay)&&void 0!==i?i:500,a=null!==(o=this.options.tolerance)&&void 0!==o?o:8,d=null!==(r=null===(n=this.element.ownerDocument)||void 0===n?void 0:n.defaultView)&&void 0!==r?r:window;this._timer=setTimeout(()=>{this._timer=void 0,this._cancelPending(),this._installContextMenuGuard(d),this._installClickGuard(d),this.options.onLongPress(e)},s),this._moveListener=b(d,"pointermove",e=>{if(e.pointerId!==this._pointerId)return;const t=e.clientX-this._startX,i=e.clientY-this._startY;Math.hypot(t,i)>a&&this._cancelPending()}),this._upListener=b(d,"pointerup",e=>{e.pointerId===this._pointerId&&this._cancelPending()}),this._cancelListener=b(d,"pointercancel",e=>{e.pointerId===this._pointerId&&this._cancelPending()})}_installContextMenuGuard(e){let t;const i=setTimeout(()=>null==t?void 0:t.dispose(),500);t=b(e,"contextmenu",e=>{e.preventDefault(),clearTimeout(i),null==t||t.dispose()},{capture:!0})}_installClickGuard(e){let t;const i=setTimeout(()=>null==t?void 0:t.dispose(),500);t=b(e,"click",e=>{const o=e.target;o&&this.element.contains(o)&&(e.preventDefault(),e.stopPropagation()),clearTimeout(i),null==t||t.dispose()},{capture:!0})}_cancelPending(){var e,t,i;void 0!==this._timer&&(clearTimeout(this._timer),this._timer=void 0),this._pointerId=void 0,null===(e=this._moveListener)||void 0===e||e.dispose(),null===(t=this._upListener)||void 0===t||t.dispose(),null===(i=this._cancelListener)||void 0===i||i.dispose(),this._moveListener=void 0,this._upListener=void 0,this._cancelListener=void 0}dispose(){this._cancelPending(),super.dispose()}}function Qe(e){if(e.disableDnd)return{html5:!1,pointer:!1,pointerHandlesMouse:!1};switch(e.dndStrategy){case"pointer":return{html5:!1,pointer:!0,pointerHandlesMouse:!0};case"html5":return{html5:!0,pointer:!1,pointerHandlesMouse:!1};default:return function(){if("undefined"==typeof window||!window.matchMedia)return!1;const e=window.matchMedia("(pointer: coarse)").matches,t=window.matchMedia("(pointer: fine)").matches;return e&&!t}()?{html5:!1,pointer:!0,pointerHandlesMouse:!0}:{html5:!0,pointer:!0,pointerHandlesMouse:!1}}}let et=0;class tt extends h{get element(){return this._element}constructor(t,i,o){var n,s;super(),this.panel=t,this.accessor=i,this.group=o,this.content=void 0,this.panelTransfer=a.getInstance(),this._direction="horizontal",this._onPointDown=new m,this.onPointerDown=this._onPointDown.event,this._onTabClick=new m,this.onTabClick=this._onTabClick.event,this._onDropped=new m,this.onDrop=this._onDropped.event,this._onDragStart=new m,this.onDragStart=this._onDragStart.event,this._onDragEnd=new m,this.onDragEnd=this._onDragEnd.event;const l=Qe(this.accessor.options);this._element=document.createElement("div"),this._element.className="dv-tab",this._element.tabIndex=-1,this._element.draggable=l.html5,this._element.id="dv-tab-"+et++,this._element.setAttribute("role","tab"),this._element.setAttribute("aria-selected","false");const h=null===(s=null===(n=this.group)||void 0===n?void 0:n.model)||void 0===s?void 0:s.contentContainerId;h&&this._element.setAttribute("aria-controls",h),y(this.element,"dv-inactive-tab",!0);const c=(e,t)=>{var i;if(this.group.locked)return!1;const o=d();return o&&this.accessor.id===o.viewId?"smooth"!==(null===(i=this.accessor.options.theme)||void 0===i?void 0:i.tabAnimation):this.group.model.canDisplayOverlay(e,t,"tab")};this.dropTarget=Ne.createDropTarget(this._element,{acceptedTargetZones:["left","right"],overlayModel:this._buildOverlayModel(),canDisplayOverlay:c,getOverrideTarget:()=>{var e;return null===(e=o.model.dropTargetContainer)||void 0===e?void 0:e.model}}),this.pointerDropTarget=We.createDropTarget(this._element,{acceptedTargetZones:["left","right"],overlayModel:this._buildOverlayModel(),canDisplayOverlay:c,getOverrideTarget:()=>{var e;return null===(e=o.model.dropTargetContainer)||void 0===e?void 0:e.model}});const p={getData:()=>(this.panelTransfer.setData([new r(this.accessor.id,this.group.id,this.panel.id)],r.prototype),{dispose:()=>{this.panelTransfer.clearData(r.prototype)}}),createGhost:()=>({element:this._buildGhostElement(),offsetX:30,offsetY:-10}),onDragStart:e=>{var t;this._onDragStart.fire(e),e instanceof PointerEvent||"smooth"!==(null===(t=this.accessor.options.theme)||void 0===t?void 0:t.tabAnimation)||requestAnimationFrame(()=>{y(this.element,"dv-tab--dragging",!0)})},onDragEnd:e=>{this._onDragEnd.fire(e)}};this.html5DragSource=Ne.createDragSource(this._element,Object.assign(Object.assign({},p),{disabled:!l.html5})),this.pointerDragSource=We.createDragSource(this._element,Object.assign(Object.assign({},p),{disabled:!l.pointer,touchOnly:!l.pointerHandlesMouse,isCancelled:()=>!Qe(this.accessor.options).pointer})),this.onWillShowOverlay=e.DockviewEvent.any(this.dropTarget.onWillShowOverlay,this.pointerDropTarget.onWillShowOverlay),this.addDisposables(this._onPointDown,this._onTabClick,this._onDropped,this._onDragStart,this._onDragEnd,this.accessor.onDidOptionsChange(()=>{const e=this._buildOverlayModel();this.dropTarget.setOverlayModel(e),this.pointerDropTarget.setOverlayModel(e)}),b(this._element,"dragend",()=>{y(this.element,"dv-tab--dragging",!1)}),this.html5DragSource,b(this._element,"pointerdown",e=>{this._onPointDown.fire(e)}),b(this._element,"click",e=>{this._onTabClick.fire(e)}),b(this._element,"contextmenu",e=>{var t;null===(t=this.accessor.contextMenuService)||void 0===t||t.show(this.panel,this.group,e)}),new qe(this._element,{onLongPress:e=>{var t;this.pointerDragSource.cancelPending(),null===(t=this.accessor.contextMenuService)||void 0===t||t.show(this.panel,this.group,e)}}),this.dropTarget.onDrop(e=>{this._onDropped.fire(e)}),this.pointerDropTarget.onDrop(e=>{this._onDropped.fire(e)}),this.dropTarget,this.pointerDropTarget,this.pointerDragSource)}setActive(e){y(this.element,"dv-active-tab",e),y(this.element,"dv-inactive-tab",!e),this._element.setAttribute("aria-selected",e?"true":"false"),this._element.tabIndex=e?0:-1}setContent(e){this.content&&this._element.removeChild(this.content.element),this.content=e,this._element.appendChild(this.content.element)}_buildOverlayModel(){var e,t,i;const o=null===(t=(e=this.accessor).resolveDropOverlayModel)||void 0===t?void 0:t.call(e,"tab",this.group);if(o)return o;const n="line"===(null===(i=this.accessor.options.theme)||void 0===i?void 0:i.dndTabIndicator)?Number.POSITIVE_INFINITY:0;return{activationSize:{value:50,type:"percentage"},smallWidthBoundary:n,smallHeightBoundary:n}}setDirection(e){this._direction=e;const t="vertical"===e?["top","bottom"]:["left","right"];this.dropTarget.setTargetZones(t),this.pointerDropTarget.setTargetZones(t)}updateDragAndDropState(){const e=Qe(this.accessor.options);this._element.draggable=e.html5,this.html5DragSource.setDisabled(!e.html5),this.pointerDragSource.setDisabled(!e.pointer),this.pointerDragSource.setTouchOnly(!e.pointerHandlesMouse)}_buildGhostElement(){const e=getComputedStyle(this.element),t=this.element.cloneNode(!0),i="vertical"===this._direction,o=new Set(["writing-mode","inline-size","block-size","min-inline-size","min-block-size","max-inline-size","max-block-size","margin-inline","margin-inline-start","margin-inline-end","margin-block","margin-block-start","margin-block-end","padding-inline","padding-inline-start","padding-inline-end","padding-block","padding-block-start","padding-block-end"]);return Array.from(e).forEach(n=>{i&&o.has(n)||t.style.setProperty(n,e.getPropertyValue(n),e.getPropertyPriority(n))}),i&&(t.style.setProperty("writing-mode","horizontal-tb"),t.style.setProperty("width",e.height),t.style.setProperty("height",e.width)),t.style.position="absolute",t.classList.add("dv-tab-ghost-drag"),t}}class it{get kind(){return this.options.kind}get nativeEvent(){return this.event.nativeEvent}get position(){return this.event.position}get defaultPrevented(){return this.event.defaultPrevented}get panel(){return this.options.panel}get api(){return this.options.api}get group(){return this.options.group}preventDefault(){this.event.preventDefault()}getData(){return this.options.getData()}constructor(e,t){this.event=e,this.options=t}}class ot extends h{get group(){return this.groupAccessor()}constructor(t){var i,o,n;super(),this.panelTransfer=a.getInstance(),this._onDragStart=new m,this.onDragStart=this._onDragStart.event,this._element=t.element,this.accessor=t.accessor;const s=t.group;this.groupAccessor="function"==typeof s?s:()=>s,this.isFloatingMoveHandle=null!==(i=t.isFloatingMoveHandle)&&void 0!==i?i:()=>!0;const d=Qe(this.accessor.options);this._element.draggable=d.html5,y(this._element,"dv-draggable",d.html5||d.pointer),this.addDisposables(this._onDragStart);const l=()=>{const e=document.createElement("div"),t=window.getComputedStyle(this._element),i=t.getPropertyValue("--dv-activegroup-visiblepanel-tab-background-color"),o=t.getPropertyValue("--dv-activegroup-visiblepanel-tab-color");return e.style.backgroundColor=i,e.style.color=o,e.style.padding="2px 8px",e.style.height="24px",e.style.fontSize="11px",e.style.lineHeight="20px",e.style.borderRadius="12px",e.style.whiteSpace="nowrap",e.style.boxSizing="border-box",e.style.display="inline-block",e.textContent=`Multiple Panels (${this.group.size})`,e},h={getData:()=>(this.panelTransfer.setData([new r(this.accessor.id,this.group.id,null)],r.prototype),{dispose:()=>{this.panelTransfer.clearData(r.prototype)}}),createGhost:()=>{var e,t;const i=null===(t=(e=this.accessor).buildGroupDragGhost)||void 0===t?void 0:t.call(e,this.group);return i||{element:l(),offsetX:30,offsetY:-10}},onDragStart:e=>{this._onDragStart.fire(e)}};this.html5DragSource=Ne.createDragSource(this._element,Object.assign(Object.assign({},h),{disabled:!d.html5,isCancelled:e=>!("floating"!==this.group.api.location.type||!this.isFloatingMoveHandle()||e.shiftKey)||"edge"===this.group.api.location.type&&0===this.group.size}));const p=()=>{var e,t,i;return"floating"===(null===(i=null===(t=null===(e=this.group)||void 0===e?void 0:e.api)||void 0===t?void 0:t.location)||void 0===i?void 0:i.type)&&this.isFloatingMoveHandle()};this.pointerDragSource=We.createDragSource(this._element,Object.assign(Object.assign({},h),{disabled:!d.pointer,touchOnly:!d.pointerHandlesMouse,touchInitiationDelay:()=>p()?500:250,pressTolerance:()=>p()?1/0:8,isCancelled:()=>!Qe(this.accessor.options).pointer||"edge"===this.group.api.location.type&&0===this.group.size,onDragStart:e=>{var t;null===(t=this.getFloatingOverlay())||void 0===t||t.cancelPendingDrag(),this._onDragStart.fire(e)}}));const v=new c,u=()=>{const t=this.getFloatingOverlay();v.value=t?t.onDidStartMoving(()=>{this.pointerDragSource.cancelPending()}):e.DockviewDisposable.NONE};u(),this.addDisposables(v);const g=null===(n=null===(o=this.group)||void 0===o?void 0:o.api)||void 0===n?void 0:n.onDidLocationChange;g&&this.addDisposables(g(u)),this.addDisposables(this.html5DragSource,this.pointerDragSource)}updateDragAndDropState(){const e=Qe(this.accessor.options);this._element.draggable=e.html5,y(this._element,"dv-draggable",e.html5||e.pointer),this.html5DragSource.setDisabled(!e.html5),this.pointerDragSource.setDisabled(!e.pointer),this.pointerDragSource.setTouchOnly(!e.pointerHandlesMouse)}getFloatingOverlay(){var e,t;if(this.group)return null===(t=null===(e=this.accessor.floatingGroups)||void 0===e?void 0:e.find(e=>e.group===this.group))||void 0===t?void 0:t.overlay}}class nt extends h{get element(){return this._element}constructor(t,i){var o,n,r,s,a,l,h;super(),this.accessor=t,this.group=i,this._onDrop=new m,this.onDrop=this._onDrop.event,this._onDragStart=new m,this.onDragStart=this._onDragStart.event,this._element=document.createElement("div"),this._element.className="dv-void-container",this.addDisposables(this._onDrop,this._onDragStart,b(this._element,"pointerdown",()=>{this.accessor.doSetGroupActive(this.group)}),b(this._element,"pointerdown",e=>{e.shiftKey&&G(e)},!0)),this.dragSource=new ot({element:this._element,accessor:this.accessor,group:this.group,isFloatingMoveHandle:()=>!this._element.closest(".dv-resize-container-with-titlebar")});const c=(e,t)=>{if(this.group.api.locked)return!1;const o=d();return!(!o||this.accessor.id!==o.viewId)||i.model.canDisplayOverlay(e,t,"header_space")};this.dropTarget=Ne.createDropTarget(this._element,{acceptedTargetZones:["center"],canDisplayOverlay:c,getOverrideTarget:()=>{var e;return null===(e=i.model.dropTargetContainer)||void 0===e?void 0:e.model},overlayModel:null===(n=(o=this.accessor).resolveDropOverlayModel)||void 0===n?void 0:n.call(o,"header_space",this.group)}),this.pointerDropTarget=We.createDropTarget(this._element,{acceptedTargetZones:["center"],canDisplayOverlay:c,getOverrideTarget:()=>{var e;return null===(e=i.model.dropTargetContainer)||void 0===e?void 0:e.model},overlayModel:null===(s=(r=this.accessor).resolveDropOverlayModel)||void 0===s?void 0:s.call(r,"header_space",this.group)}),this.onWillShowOverlay=e.DockviewEvent.any(this.dropTarget.onWillShowOverlay,this.pointerDropTarget.onWillShowOverlay),this.addDisposables(this.dragSource,this.dragSource.onDragStart(e=>{this._onDragStart.fire(e)}),this.dropTarget.onDrop(e=>{this._onDrop.fire(e)}),this.pointerDropTarget.onDrop(e=>{this._onDrop.fire(e)}),this.dropTarget,this.pointerDropTarget,null!==(h=null===(l=(a=this.accessor).onDidOptionsChange)||void 0===l?void 0:l.call(a,()=>{var e,t,i;const o=null!==(i=null===(t=(e=this.accessor).resolveDropOverlayModel)||void 0===t?void 0:t.call(e,"header_space",this.group))&&void 0!==i?i:{};this.dropTarget.setOverlayModel(o),this.pointerDropTarget.setOverlayModel(o)}))&&void 0!==h?h:e.DockviewDisposable.NONE)}updateDragAndDropState(){this.dragSource.updateDragAndDropState()}}class rt extends h{get element(){return this._element}get orientation(){return this._orientation}set orientation(e){this._orientation!==e&&(this._scrollOffset=0,this._orientation=e,x(this._scrollbar,"dv-scrollbar-vertical","dv-scrollbar-horizontal"),D(this._scrollbar,"vertical"===e?"dv-scrollbar-vertical":"dv-scrollbar-horizontal"))}constructor(e){super(),this.scrollableElement=e,this._scrollOffset=0,this._orientation="horizontal",this._element=document.createElement("div"),this._element.className="dv-scrollable",this._scrollbar=document.createElement("div"),this._scrollbar.className="dv-scrollbar dv-scrollbar-horizontal",this.element.appendChild(e),this.element.appendChild(this._scrollbar),this.addDisposables(b(this.element,"wheel",e=>{this._scrollOffset+=e.deltaY*rt.MouseWheelSpeed,this.calculateScrollbarStyles()}),b(this._scrollbar,"pointerdown",e=>{e.preventDefault(),y(this.element,"dv-scrollable-scrolling",!0);const t="horizontal"===this._orientation?e.clientX:e.clientY,i=this._scrollOffset,o=e=>{const o="horizontal"===this._orientation?e.clientX-t:e.clientY-t,n=("horizontal"===this._orientation?this.element.clientWidth:this.element.clientHeight)/("horizontal"===this._orientation?this.scrollableElement.scrollWidth:this.scrollableElement.scrollHeight);this._scrollOffset=i+o/n,this.calculateScrollbarStyles()},n=()=>{y(this.element,"dv-scrollable-scrolling",!1),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",n),document.removeEventListener("pointercancel",n)};document.addEventListener("pointermove",o),document.addEventListener("pointerup",n),document.addEventListener("pointercancel",n)}),b(this.element,"scroll",()=>{this.calculateScrollbarStyles()}),b(this.scrollableElement,"scroll",()=>{this._scrollOffset="horizontal"===this._orientation?this.scrollableElement.scrollLeft:this.scrollableElement.scrollTop,this.calculateScrollbarStyles()}),w(this.element,()=>{y(this.element,"dv-scrollable-resizing",!0),this._animationTimer&&clearTimeout(this._animationTimer),this._animationTimer=setTimeout(()=>{clearTimeout(this._animationTimer),y(this.element,"dv-scrollable-resizing",!1)},500),this.calculateScrollbarStyles()}))}calculateScrollbarStyles(){const e="horizontal"===this._orientation?this.element.clientWidth:this.element.clientHeight,t="horizontal"===this._orientation?this.scrollableElement.scrollWidth:this.scrollableElement.scrollHeight;if(t>e){const i=e*(e/t);"horizontal"===this._orientation?(this._scrollbar.style.width=`${i}px`,this._scrollbar.style.height=""):(this._scrollbar.style.height=`${i}px`,this._scrollbar.style.width=""),this._scrollOffset=W(this._scrollOffset,0,t-e),"horizontal"===this._orientation?this.scrollableElement.scrollLeft=this._scrollOffset:this.scrollableElement.scrollTop=this._scrollOffset;const o=this._scrollOffset/(t-e);"horizontal"===this._orientation?(this._scrollbar.style.left=(e-i)*o+"px",this._scrollbar.style.top=""):(this._scrollbar.style.top=(e-i)*o+"px",this._scrollbar.style.left="")}else"horizontal"===this._orientation?(this._scrollbar.style.width="0px",this._scrollbar.style.left="0px"):(this._scrollbar.style.height="0px",this._scrollbar.style.top="0px"),this._scrollOffset=0}}rt.MouseWheelSpeed=1;const st=[{id:"grey",value:"var(--dv-tab-group-color-grey)",label:"Grey"},{id:"blue",value:"var(--dv-tab-group-color-blue)",label:"Blue"},{id:"red",value:"var(--dv-tab-group-color-red)",label:"Red"},{id:"yellow",value:"var(--dv-tab-group-color-yellow)",label:"Yellow"},{id:"green",value:"var(--dv-tab-group-color-green)",label:"Green"},{id:"pink",value:"var(--dv-tab-group-color-pink)",label:"Pink"},{id:"purple",value:"var(--dv-tab-group-color-purple)",label:"Purple"},{id:"cyan",value:"var(--dv-tab-group-color-cyan)",label:"Cyan"},{id:"orange",value:"var(--dv-tab-group-color-orange)",label:"Orange"}];class at{constructor(e,t=!0){this._entries=e.slice(),this._byId=new Map(e.map(e=>[e.id,e])),this._enabled=t}get enabled(){return this._enabled}set enabled(e){this._enabled=e}setEntries(e){this._entries=e.slice(),this._byId=new Map(e.map(e=>[e.id,e]))}entries(){return this._entries}has(e){return this._byId.has(e)}get(e){return this._byId.get(e)}defaultId(){var e;return null===(e=this._entries[0])||void 0===e?void 0:e.id}resolveValue(e){if(!this._enabled||!e)return;const t=this._byId.get(e);return t?t.value:e}}let dt;function lt(){return dt||(dt=new at(st,!0)),dt}function ht(e,t,i){const o=(null!=i?i:lt()).resolveValue(t);void 0===o?e.style.removeProperty("--dv-tab-group-color"):e.style.setProperty("--dv-tab-group-color",o)}function ct(e,t){return(null!=t?t:lt()).resolveValue(e)}class pt extends h{get element(){return this._element}constructor(e){super(),this._palette=e,this._onClick=new m,this.onClick=this._onClick.event,this._onContextMenu=new m,this.onContextMenu=this._onContextMenu.event,this._element=document.createElement("div"),this._element.className="dv-tab-group-chip",this._element.tabIndex=0,this._label=document.createElement("span"),this._label.className="dv-tab-group-chip-label",this._element.appendChild(this._label),this.addDisposables(this._onClick,this._onContextMenu,new qe(this._element,{onLongPress:e=>{this._onContextMenu.fire(e)}}),b(this._element,"click",e=>{this._onClick.fire(e)}),b(this._element,"contextmenu",e=>{this._onContextMenu.fire(e)}))}init(e){this._tabGroup=e.tabGroup,this.updateColor(e.tabGroup.color),this.updateLabel(e.tabGroup.label),this.updateCollapsed(e.tabGroup.collapsed),this.addDisposables(e.tabGroup.onDidChange(()=>{this._tabGroup&&(this.updateColor(this._tabGroup.color),this.updateLabel(this._tabGroup.label))}),e.tabGroup.onDidCollapseChange(e=>{this.updateCollapsed(e)}),this._onClick.event(()=>{var e;null===(e=this._tabGroup)||void 0===e||e.toggle()}))}update(e){this._tabGroup=e.tabGroup,this.updateColor(e.tabGroup.color),this.updateLabel(e.tabGroup.label),this.updateCollapsed(e.tabGroup.collapsed)}updateColor(e){var t;ht(this._element,e,this._palette),y(this._element,"dv-tab-group-chip--accent-off",!1===(null===(t=this._palette)||void 0===t?void 0:t.enabled))}updateLabel(e){this._label.textContent=e,y(this._label,"dv-tab-group-chip-label--empty",!e)}updateCollapsed(e){y(this._element,"dv-tab-group-chip--collapsed",e)}}class vt{get underlines(){return this._underlines}constructor(e){this._ctx=e,this._underlines=new Map,this._rafId=null}positionUnderlines(){requestAnimationFrame(()=>{this._positionUnderlinesSync()})}trackUnderlines(){null!==this._rafId&&cancelAnimationFrame(this._rafId);const e=performance.now(),t=()=>{this._positionUnderlinesSync(),performance.now()-e<250?this._rafId=requestAnimationFrame(t):this._rafId=null};this._rafId=requestAnimationFrame(t)}syncUnderlineElements(e){for(const t of e)if(!this._underlines.has(t)){const e=document.createElement("div");e.className="dv-tab-group-underline",this._ctx.tabsList.appendChild(e),this._underlines.set(t,e)}for(const[t,i]of this._underlines)e.has(t)||(i.remove(),this._underlines.delete(t))}getUnderline(e){return this._underlines.get(e)}dispose(){null!==this._rafId&&(cancelAnimationFrame(this._rafId),this._rafId=null);for(const[,e]of this._underlines)e.remove();this._underlines.clear()}_positionUnderlinesSync(){const e=this._ctx.tabsList.getBoundingClientRect(),t=this._ctx.getTabGroups(),i="vertical"===this._ctx.getDirection(),o=i?e.width:e.height,n=this._ctx.getActivePanelId(),r=this._ctx.getTabMap();for(const s of t){const t=this._underlines.get(s.id);if(!t)continue;const a=s.panelIds;if(0===a.length){t.style.display="none";continue}t.style.display="";const d=this._ctx.getChipElement(s.id);let l;if(d){const t=d.getBoundingClientRect(),o=getComputedStyle(d),n=i?Number.parseFloat(o.marginTop)||0:Number.parseFloat(o.marginLeft)||0;l=i?t.top-e.top-n:t.left-e.left-n}else{const t=a[0],o=r.get(t);if(o){const t=o.value.element.getBoundingClientRect();l=i?t.top-e.top:t.left-e.left}else l=0}const h=a[a.length-1],c=r.get(h);if(!c){i?(t.style.top=`${l}px`,t.style.height="0px",t.style.left="",t.style.width=""):(t.style.left=`${l}px`,t.style.width="0px",t.style.top="",t.style.height="");continue}const p=c.value.element.getBoundingClientRect();let v=i?p.bottom-e.top:p.right-e.left,u=v-l;if((s.collapsed||s.panelIds.some(e=>{const t=r.get(e);return t&&t.value.element.classList.contains("dv-tab--group-expanding")}))&&d){const t=d.getBoundingClientRect(),o=i?t.top+t.height/2-e.top:t.left+t.width/2-e.left;let n=0,a=0;for(const e of s.panelIds){const t=r.get(e);if(!t)continue;const o=t.value.element;i?(n+=o.getBoundingClientRect().height,a+=o.scrollHeight):(n+=o.getBoundingClientRect().width,a+=o.scrollWidth)}const h=a>0?Math.min(1,n/a):0;l=o+(l-o)*h,v=o+(v-o)*h,u=Math.max(0,v-l)}i?(t.style.top=`${l}px`,t.style.height=`${Math.max(0,u)}px`,t.style.left="",t.style.width=""):(t.style.left=`${l}px`,t.style.width=`${Math.max(0,u)}px`,t.style.top="",t.style.height=""),this.applyShape(t,s,l,u,o,n,e,i)}}}class ut extends vt{_applyStraightLine(e,t,i,o,n,r){r?(e.setAttribute("width",String(o)),e.setAttribute("height",String(n)),i.style.width=`${o}px`,i.style.height=`${n}px`,t.setAttribute("d",`M ${o/2},0 L ${o/2},${n}`)):(e.setAttribute("width",String(n)),e.setAttribute("height",String(o)),i.style.width=`${n}px`,i.style.height=`${o}px`,t.setAttribute("d",`M 0,${o/2} L ${n},${o/2}`))}applyShape(e,t,i,o,n,r,s,a){const d=n,l=o,h=ct(t.color,this._ctx.getColorPalette());if(l<=0||d<=0||void 0===h)return void(e.style.display="none");let c;e.style.display="",r&&t.panelIds.includes(r)&&(c=this._ctx.getTabMap().get(r));let p,v=e.firstElementChild;if(v&&"svg"===v.tagName?p=v.firstElementChild:(e.replaceChildren(),v=document.createElementNS("http://www.w3.org/2000/svg","svg"),v.style.display="block",p=document.createElementNS("http://www.w3.org/2000/svg","path"),p.setAttribute("fill","none"),v.appendChild(p),e.appendChild(v)),p.setAttribute("stroke",h),p.setAttribute("stroke-width",String(2)),!c)return void this._applyStraightLine(v,p,e,2,l,a);const u=c.value.element.getBoundingClientRect();let g,m;if(a?(g=Math.max(0,u.top-s.top-i),m=Math.min(l,u.bottom-s.top-i)):(g=Math.max(0,u.left-s.left-i),m=Math.min(l,u.right-s.left-i)),m<=g)return void this._applyStraightLine(v,p,e,2,l,a);const b=this._ctx.getHeaderPosition();if(a){const t=d,i=l;v.setAttribute("width",String(t)),v.setAttribute("height",String(i)),e.style.width=`${t}px`,e.style.height=`${i}px`;const o="right"===b,n=o?t-1:1,r=o?1:t-1,s=o?-1:1,a=[`M ${n},0`,`L ${n},${g-6}`,`Q ${n},${g} ${n+6*s},${g}`,`L ${r-6*s},${g}`,`Q ${r},${g} ${r},${g+6}`,`L ${r},${m-6}`,`Q ${r},${m} ${r-6*s},${m}`,`L ${n+6*s},${m}`,`Q ${n},${m} ${n},${m+6}`,`L ${n},${i}`].join(" ");p.setAttribute("d",a)}else{const t=l,i=d;v.setAttribute("width",String(t)),v.setAttribute("height",String(i)),e.style.width=`${t}px`,e.style.height=`${i}px`;const o="bottom"===b,n=o?1:i-1,r=o?i-1:1,s=o?1:-1,a=[`M 0,${n}`,`L ${g-6},${n}`,`Q ${g},${n} ${g},${n+6*s}`,`L ${g},${r-6*s}`,`Q ${g},${r} ${g+6},${r}`,`L ${m-6},${r}`,`Q ${m},${r} ${m},${r-6*s}`,`L ${m},${n+6*s}`,`Q ${m},${n} ${m+6},${n}`,`L ${t},${n}`].join(" ");p.setAttribute("d",a)}}}class gt extends vt{applyShape(e,t,i,o,n,r,s,a){const d=ct(t.color,this._ctx.getColorPalette());o<=0||void 0===d?e.style.display="none":(e.style.display="",e.firstElementChild&&e.replaceChildren(),e.style.backgroundColor=d,a?(e.style.width="2px",e.style.height=`${o}px`):(e.style.width=`${o}px`,e.style.height="2px"))}}const mt=new Map;class bt{get chipRenderers(){return this._chipRenderers}get groupUnderlines(){var e,t;return null!==(t=null===(e=this._indicator)||void 0===e?void 0:e.underlines)&&void 0!==t?t:mt}get skipNextCollapseAnimation(){return this._skipNextCollapseAnimation}set skipNextCollapseAnimation(e){this._skipNextCollapseAnimation=e}constructor(e,t){this._ctx=e,this._callbacks=t,this._chipRenderers=new Map,this._indicator=null,this._skipNextCollapseAnimation=!1,this._pendingTransitionCleanups=new Map}update(){const e=this._ctx.group.model.getTabGroups(),t=new Set;for(const i of e)t.add(i.id),this._ensureChipForGroup(i),this._positionChipForGroup(i);for(const[e,i]of this._chipRenderers)t.has(e)||(i.chip.element.remove(),i.chip.dispose(),i.disposable.dispose(),this._chipRenderers.delete(e));this._updateTabGroupClasses()}refreshAccents(){var e,t;for(const i of this._ctx.group.model.getTabGroups()){const o=this._chipRenderers.get(i.id);null===(t=null==o?void 0:(e=o.chip).update)||void 0===t||t.call(e,{tabGroup:i})}this._updateTabGroupClasses()}positionAllChips(){if(0!==this._chipRenderers.size)for(const e of this._ctx.group.model.getTabGroups())this._positionChipForGroup(e)}updateDirection(){const e="vertical"===this._ctx.getDirection();for(const[,t]of this._chipRenderers)t.dropTarget.setTargetZones(e?["top"]:["left"])}snapshotChipWidths(){const e=new Map;for(const[t,i]of this._chipRenderers)e.set(t,i.chip.element.getBoundingClientRect().width);return e}positionUnderlines(){var e;null===(e=this._indicator)||void 0===e||e.positionUnderlines()}trackUnderlines(){var e;null===(e=this._indicator)||void 0===e||e.trackUnderlines()}setGroupDragImage(e,t,i){if(!e.dataTransfer)return;const o="vertical"===this._ctx.getDirection(),n=this._ctx.tabsList.cloneNode(!0);o?(n.classList.remove("dv-tabs-container-vertical","dv-vertical"),n.classList.add("dv-horizontal"),n.style.writingMode="horizontal-tb",n.style.height=`${this._ctx.tabsList.offsetWidth}px`):n.style.height=`${this._ctx.tabsList.offsetHeight}px`,n.style.width="auto",n.style.overflow="visible",n.style.pointerEvents="none";const r=Array.from(n.children),s=Array.from(this._ctx.tabsList.children);for(let e=r.length-1;e>=0;e--){s[e]!==i&&r[e].remove()}const a=document.createElement("div");a.className="dv-groupview dv-active-group",a.style.position="fixed",a.style.top="-10000px",a.style.left="0px",a.style.height="auto",a.style.width="auto",a.style.pointerEvents="none";const d=document.createElement("div");d.className="dv-tabs-and-actions-container",d.style.height="auto",d.style.width="auto",a.appendChild(d),d.appendChild(n),this._ctx.accessor.element.appendChild(a);const l=n.querySelector(".dv-tab-group-chip"),h=i.getBoundingClientRect(),c=e.clientX-h.left,p=e.clientY-h.top;if(l){const t=l.getBoundingClientRect(),i=a.getBoundingClientRect(),o=t.left-i.left+c,n=t.top-i.top+p;e.dataTransfer.setDragImage(a,o,n)}else e.dataTransfer.setDragImage(a,c,p);requestAnimationFrame(()=>{a.remove()})}cleanupTransition(e){var t;null===(t=this._pendingTransitionCleanups.get(e))||void 0===t||t(),this._pendingTransitionCleanups.delete(e)}updateDragAndDropState(){const e=Qe(this._ctx.accessor.options);for(const t of this._chipRenderers.values())t.chip.element.draggable=e.html5,t.html5DragSource.setDisabled(!e.html5),t.pointerDragSource.setDisabled(!e.pointer),t.pointerDragSource.setTouchOnly(!e.pointerHandlesMouse)}disposeChipDrag(e){var t,i;const o=this._chipRenderers.get(e);o&&(null===(t=o.html5DragSource)||void 0===t||t.dispose(),null===(i=o.pointerDragSource)||void 0===i||i.dispose())}_buildChipGhostElement(e){const t=getComputedStyle(e),i=e.cloneNode(!0);return Array.from(t).forEach(e=>{i.style.setProperty(e,t.getPropertyValue(e),t.getPropertyPriority(e))}),i.style.position="absolute",i}disposeAll(){var e;null===(e=this._indicator)||void 0===e||e.dispose(),this._indicator=null;for(const[,e]of this._pendingTransitionCleanups)e();this._pendingTransitionCleanups.clear();for(const[,e]of this._chipRenderers)e.chip.element.remove(),e.chip.dispose(),e.disposable.dispose();this._chipRenderers.clear()}_ensureIndicator(){var e,t;const i="none"===(null!==(t=null===(e=this._ctx.accessor.options.theme)||void 0===e?void 0:e.tabGroupIndicator)&&void 0!==t?t:"wrap")?gt:ut;!this._indicator||this._indicator instanceof i||(this._indicator.dispose(),this._indicator=null),this._indicator||(this._indicator=new i({tabsList:this._ctx.tabsList,getTabGroups:()=>this._ctx.group.model.getTabGroups(),getActivePanelId:()=>{var e;return null===(e=this._ctx.group.activePanel)||void 0===e?void 0:e.id},getTabMap:()=>this._ctx.getTabMap(),getChipElement:e=>{var t;return null===(t=this._chipRenderers.get(e))||void 0===t?void 0:t.chip.element},getDirection:()=>this._ctx.getDirection(),getHeaderPosition:()=>this._ctx.group.model.headerPosition,getColorPalette:()=>this._ctx.accessor.tabGroupColorPalette}))}_ensureChipForGroup(e){if(this._chipRenderers.has(e.id))return;const t=this._ctx.accessor.options.createTabGroupChipComponent,i=t?t(e):new pt(this._ctx.accessor.tabGroupColorPalette);i.init({tabGroup:e,api:this._ctx.accessor.api});const o=Qe(this._ctx.accessor.options);i.element.draggable=o.html5;const n=a.getInstance(),s=()=>(n.setData([new r(this._ctx.accessor.id,this._ctx.group.id,null,e.id)],r.prototype),{dispose:()=>{n.clearData(r.prototype)}}),l=Ne.createDragSource(i.element,{getData:s,disabled:!o.html5,isCancelled:()=>!Qe(this._ctx.accessor.options).html5,onDragStart:t=>{"dataTransfer"in t&&t.dataTransfer&&this.setGroupDragImage(t,e,i.element),this._callbacks.onChipDragStart(e,i,t)},onDragEnd:t=>{var o,n;null===(n=(o=this._callbacks).onChipDragEnd)||void 0===n||n.call(o,e,i,t)}});i.element.addEventListener("dragend",()=>{n.clearData(r.prototype)},{once:!0});const c=We.createDragSource(i.element,{getData:s,disabled:!o.pointer,touchOnly:!o.pointerHandlesMouse,isCancelled:()=>!Qe(this._ctx.accessor.options).pointer,createGhost:()=>({element:this._buildChipGhostElement(i.element),offsetX:8,offsetY:8}),onDragStart:t=>{this._callbacks.onChipDragStart(e,i,t)}}),p=[e.onDidChange(()=>{var t;null===(t=i.update)||void 0===t||t.call(i,{tabGroup:e}),this._updateTabGroupClasses()}),e.onDidPanelChange(()=>{this._positionChipForGroup(e),this._updateTabGroupClasses()}),e.onDidCollapseChange(()=>{this._updateTabGroupClasses()}),l,c],v=t=>{c.cancelPending(),this._callbacks.onChipContextMenu(e,t)};i instanceof pt?p.push(i.onContextMenu(v)):p.push(new qe(i.element,{onLongPress:v}),b(i.element,"contextmenu",v));const u="vertical"===this._ctx.getDirection(),g=new Te(i.element,{acceptedTargetZones:u?["top"]:["left"],overlayModel:{activationSize:{value:100,type:"percentage"}},canDisplayOverlay:(e,t)=>{var i;if(this._ctx.group.locked)return!1;if(this._ctx.accessor.options.disableDnd)return!1;const o=d();return o&&this._ctx.accessor.id===o.viewId?"smooth"!==(null===(i=this._ctx.accessor.options.theme)||void 0===i?void 0:i.tabAnimation):this._ctx.group.model.canDisplayOverlay(e,t,"tab")}});p.push(g,g.onDrop(t=>{this._callbacks.onChipDrop(e,t)}));const m=new h(...p);this._chipRenderers.set(e.id,{chip:i,html5DragSource:l,pointerDragSource:c,disposable:m,dropTarget:g}),e.collapsed&&(this._skipNextCollapseAnimation=!0)}_positionChipForGroup(e){const t=this._chipRenderers.get(e.id);if(!t)return;const i=t.chip.element,o=e.panelIds;if(0===o.length)return void i.remove();const n=o[0],r=this._ctx.getTabMap().get(n);if(!r)return void i.remove();const s=r.value.element;i.nextSibling!==s&&this._ctx.tabsList.insertBefore(i,s)}_updateTabGroupClasses(){var e;const t=this._ctx.group.model.getTabGroups(),i=this._ctx.getTabs(),o=this._ctx.getTabMap();let n=!1;const r=new Map;for(const e of t)for(const t of e.panelIds)r.set(t,e);for(const t of i){const i=t.value,o=i.panel.id,s=r.get(o),a=!!s;if(y(i.element,"dv-tab--grouped",a),s){const t=s.panelIds,r=t[0]===o,a=t[t.length-1]===o;y(i.element,"dv-tab--group-first",r),y(i.element,"dv-tab--group-last",a),ht(i.element,s.color,this._ctx.accessor.tabGroupColorPalette);const d=i.element.classList.contains("dv-tab--group-collapsed");if(!s.collapsed&&d){n=!0,i.element.classList.remove("dv-tab--group-collapsed"),i.element.classList.add("dv-tab--group-expanding"),null===(e=this._pendingTransitionCleanups.get(o))||void 0===e||e();const t=()=>{i.element.classList.remove("dv-tab--group-expanding"),i.element.style.removeProperty("width"),i.element.removeEventListener("transitionend",t),clearTimeout(r),this._pendingTransitionCleanups.delete(o)},r=setTimeout(t,300);this._pendingTransitionCleanups.set(o,t),i.element.addEventListener("transitionend",t)}}else y(i.element,"dv-tab--group-first",!1),y(i.element,"dv-tab--group-last",!1),i.element.classList.remove("dv-tab--group-collapsed","dv-tab--group-expanding"),i.element.style.removeProperty("width"),i.element.style.removeProperty("--dv-tab-group-color")}const s=new Set;for(const e of t){s.add(e.id);if(e.collapsed&&e.panelIds.some(e=>{const t=o.get(e);return t&&!t.value.element.classList.contains("dv-tab--group-collapsed")}))if(this._skipNextCollapseAnimation){const t=[];for(const i of e.panelIds){const e=o.get(i);e&&(e.value.element.style.transition="none",e.value.element.classList.add("dv-tab--group-collapsed"),t.push(e.value.element))}if(t.length>0){t[0].offsetHeight;for(const e of t)e.style.removeProperty("transition")}}else{n=!0;const t="vertical"===this._ctx.getDirection();for(const i of e.panelIds){const e=o.get(i);if(e&&!e.value.element.classList.contains("dv-tab--group-collapsed")){const i=e.value.element.getBoundingClientRect();t?e.value.element.style.height=`${i.height}px`:e.value.element.style.width=`${i.width}px`,e.value.element.offsetHeight,e.value.element.classList.add("dv-tab--group-collapsed")}}}}this._skipNextCollapseAnimation=!1,this._ensureIndicator(),this._indicator&&(this._indicator.syncUnderlineElements(s),n?this._indicator.trackUnderlines():this._indicator.positionUnderlines())}}class ft extends h{get showTabsOverflowControl(){return this._showTabsOverflowControl}set showTabsOverflowControl(e){if(this._showTabsOverflowControl!=e&&(this._showTabsOverflowControl=e,e)){const e=new _(this._tabsList);this._observerDisposable.value=new h(e,e.onDidChange(e=>{const t=e.hasScrollX||e.hasScrollY;this.toggleDropdown({reset:!t}),this._tabGroupManager.groupUnderlines.size>0&&this._tabGroupManager.positionUnderlines()}),b(this._tabsList,"scroll",()=>{this.toggleDropdown({reset:!1}),this._tabGroupManager.groupUnderlines.size>0&&this._tabGroupManager.positionUnderlines()}))}}get element(){return this._element}set voidContainer(e){var t;null===(t=this._voidContainerListeners)||void 0===t||t.dispose(),this._voidContainerListeners=null,this._voidContainer=e,e&&(this._voidContainerListeners=new h(b(e,"dragover",e=>{this._animState&&e.preventDefault()}),b(e,"drop",e=>{var t;(null===(t=this._animState)||void 0===t?void 0:t.sourceTabGroupId)&&null!==this._animState.currentInsertionIndex&&(e.preventDefault(),e.stopPropagation(),this.handleVoidDrop())})))}handleVoidDrop(){var e,t;if(!(null===(e=this._animState)||void 0===e?void 0:e.sourceTabGroupId))return!1;const i=this._animState.sourceTabGroupId,o=null!==(t=this._animState.currentInsertionIndex)&&void 0!==t?t:this._tabs.length;return this._animState=null,this._commitGroupMove(i,o),!0}get panels(){return this._tabs.map(e=>e.value.panel.id)}get size(){return this._tabs.length}get tabs(){return this._tabs.map(e=>e.value)}get direction(){return this._direction}set direction(e){if(this._direction!==e){this._direction=e,this._tabsList.setAttribute("aria-orientation","vertical"===e?"vertical":"horizontal"),this._scrollbar&&(this._scrollbar.orientation=e),x(this._tabsList,"dv-horizontal","dv-vertical"),"vertical"===e?D(this._tabsList,"dv-tabs-container-vertical","dv-vertical"):(x(this._tabsList,"dv-tabs-container-vertical"),D(this._tabsList,"dv-horizontal"));for(const t of this._tabs)t.value.setDirection(e);this._tabGroupManager.updateDirection()}}constructor(t,i,o){super(),this.group=t,this.accessor=i,this._observerDisposable=new c,this._scrollbar=null,this._tabs=[],this._tabMap=new Map,this.selectedIndex=-1,this._showTabsOverflowControl=!1,this._direction="horizontal",this._animState=null,this._pendingMarginCleanups=new Map,this._pendingCollapse=!1,this._flipTransitionCleanup=null,this._voidContainer=null,this._voidContainerListeners=null,this._extendedDropZone=null,this._pointerInsideTabsList=!1,this._onTabDragStart=new m,this.onTabDragStart=this._onTabDragStart.event,this._onDrop=new m,this.onDrop=this._onDrop.event,this._onWillShowOverlay=new m,this.onWillShowOverlay=this._onWillShowOverlay.event,this._onOverflowTabsChange=new m,this.onOverflowTabsChange=this._onOverflowTabsChange.event,this._tabsList=document.createElement("div"),this._tabsList.className="dv-tabs-container",this._tabsList.setAttribute("role","tablist"),this._tabsList.setAttribute("aria-orientation","vertical"===this._direction?"vertical":"horizontal"),this.showTabsOverflowControl=o.showTabsOverflowControl,"native"===i.options.scrollbars?this._element=this._tabsList:(this._scrollbar=new rt(this._tabsList),this._scrollbar.orientation=this.direction,this._element=this._scrollbar.element,this.addDisposables(this._scrollbar)),this._tabGroupManager=new bt({group:this.group,accessor:this.accessor,tabsList:this._tabsList,getTabs:()=>this._tabs,getTabMap:()=>this._tabMap,getDirection:()=>this._direction},{onChipContextMenu:(e,t)=>{var i;null===(i=this.accessor.contextMenuService)||void 0===i||i.showForChip(e,this.group,t)},onChipDragStart:(e,t,i)=>{this._handleChipDragStart(e,t,i)},onChipDragEnd:()=>{this.resetDragAnimation()},onChipDrop:(e,t)=>{this._handleChipDrop(e,t)}}),this.addDisposables(this._onOverflowTabsChange,this._observerDisposable,this._onWillShowOverlay,this._onDrop,this._onTabDragStart,{dispose:()=>{var e;null===(e=this._flipTransitionCleanup)||void 0===e||e.call(this)}},Ee.getInstance().onDragEnd(()=>{this._pointerInsideTabsList=!1,this.resetDragAnimation()}),Ee.getInstance().onDragMove(e=>{this._handlePointerDragMove(e.clientX,e.clientY)}),b(this.element,"pointerdown",e=>{if(e.defaultPrevented)return;0===e.button&&this.accessor.doSetGroupActive(this.group)}),b(this._tabsList,"wheel",e=>{const t="vertical"===this._direction,i=t?e.deltaY||e.deltaX:e.deltaX||e.deltaY;if(0===i)return;const o=t?this._tabsList.scrollHeight-this._tabsList.clientHeight:this._tabsList.scrollWidth-this._tabsList.clientWidth;if(o<=0)return;const n=t?this._tabsList.scrollTop:this._tabsList.scrollLeft;i<0&&n<=0||i>0&&n>=o||(e.preventDefault(),e.stopPropagation(),t?this._tabsList.scrollTop=n+i:this._tabsList.scrollLeft=n+i)},{passive:!1}),b(this._tabsList,"keydown",e=>{this._onKeyDown(e)}),b(this._tabsList,"dragover",e=>{this._processDragOver(e.clientX)&&e.preventDefault()},!0),b(this._tabsList,"dragleave",e=>{this._processDragLeave(e.relatedTarget)},!0),b(this._tabsList,"dragend",()=>{this.resetDragAnimation()}),b(this._tabsList,"drop",e=>{var t,i,o;if(!this._animState||null===this._animState.currentInsertionIndex)return;if("smooth"!==(null===(t=this.accessor.options.theme)||void 0===t?void 0:t.tabAnimation)&&!this._animState.sourceTabGroupId)return;e.stopPropagation(),e.preventDefault(),null===(o=null===(i=this.group.model.dropTargetContainer)||void 0===i?void 0:i.model)||void 0===o||o.clear();const n=this._animState;if(this._animState=null,this._pendingCollapse=!1,n.sourceTabGroupId)return void this._commitGroupMove(n.sourceTabGroupId,n.currentInsertionIndex);const r=n.currentInsertionIndex,s=n.sourceIndex,a=r-(-1!==s&&s<r?1:0),d=this.group.model.getTabGroupForPanel(n.sourceTabId);if(a===s&&!n.targetTabGroupId&&!d)return this._uncollapsSourceTab(n.sourceTabId),void this.resetTabTransforms();this._uncollapsSourceTab(n.sourceTabId);const l=this.snapshotTabPositions();this.resetTabTransforms(),this._onDrop.fire({event:e,index:a,targetTabGroupId:n.targetTabGroupId}),this.runFlipAnimation(l,n.sourceTabId,-1===n.sourceIndex,{from:Math.min(s,a),to:Math.max(s,a)})},!0),e.DockviewDisposable.from(()=>{var e;null===(e=this._voidContainerListeners)||void 0===e||e.dispose(),this.resetDragAnimation(),this._tabGroupManager.disposeAll();for(const{value:e,disposable:t}of this._tabs)t.dispose(),e.dispose();this._tabs=[],this._tabMap.clear()}))}indexOf(e){return this._tabs.findIndex(t=>t.value.panel.id===e)}getTabId(e){var t;return null===(t=this._tabMap.get(e))||void 0===t?void 0:t.value.element.id}isActive(e){return this.selectedIndex>-1&&this._tabs[this.selectedIndex].value===e}_onKeyDown(e){const t=this._tabs.findIndex(t=>t.value.element===e.target);if(-1===t)return;const i="vertical"===this._direction,o=i?"ArrowDown":"ArrowRight",n=i?"ArrowUp":"ArrowLeft",r=this._tabs.length-1;switch(e.key){case o:e.preventDefault(),this._focusTab(Math.min(t+1,r));break;case n:e.preventDefault(),this._focusTab(Math.max(t-1,0));break;case"Home":e.preventDefault(),this._focusTab(0);break;case"End":e.preventDefault(),this._focusTab(r);break;case"Enter":case" ":e.preventDefault(),this.accessor.withOrigin("user",()=>this._tabs[t].value.panel.api.setActive());break;case"Delete":case"Backspace":e.preventDefault(),this._closeTab(t)}}_closeTab(e){var t,i,o,n,r;const s=null===(t=this._tabs[e])||void 0===t?void 0:t.value;if(!s)return;const a=null===(r=null!==(o=null===(i=this._tabs[e+1])||void 0===i?void 0:i.value)&&void 0!==o?o:null===(n=this._tabs[e-1])||void 0===n?void 0:n.value)||void 0===r?void 0:r.panel.id;if(s.panel.api.close(),void 0!==a){const e=this._tabs.findIndex(e=>e.value.panel.id===a);e>-1&&this._focusTab(e)}}_focusTab(e){for(let t=0;t<this._tabs.length;t++)this._tabs[t].value.element.tabIndex=t===e?0:-1;this._tabs[e].value.element.focus()}focusActiveTab(){var e;if(0===this._tabs.length)return;const t=null===(e=this.group.activePanel)||void 0===e?void 0:e.id,i=t?this._tabs.findIndex(e=>e.value.panel.id===t):-1;this._focusTab(i>-1?i:0)}setActivePanel(e){const t="vertical"===this._direction;let i=0;for(const o of this._tabs){const n=e.id===o.value.panel.id;if(o.value.setActive(n),n){const e=o.value.element,n=e.parentElement;t?(i<n.scrollTop||i+e.clientHeight>n.scrollTop+n.clientHeight)&&(n.scrollTop=i):(i<n.scrollLeft||i+e.clientWidth>n.scrollLeft+n.clientWidth)&&(n.scrollLeft=i)}i+=t?o.value.element.clientHeight:o.value.element.clientWidth}this._tabGroupManager.groupUnderlines.size>0&&this._tabGroupManager.positionUnderlines()}openPanel(e,t=this._tabs.length){if(this._tabMap.has(e.id))return;const i=new tt(e,this.accessor,this.group);i.setContent(e.view.tab),"horizontal"!==this._direction&&i.setDirection(this._direction);const o=new h(i.onDragStart(t=>{var o;if(this._onTabDragStart.fire({nativeEvent:t,panel:e}),"smooth"===(null===(o=this.accessor.options.theme)||void 0===o?void 0:o.tabAnimation)){const t=i.element.getBoundingClientRect().width,o=this._tabs.findIndex(e=>e.value===i);this._animState={sourceTabId:e.id,sourceIndex:o,tabPositions:this.snapshotTabPositions(),chipPositions:this._tabGroupManager.snapshotChipWidths(),currentInsertionIndex:null,targetTabGroupId:null,sourceTabGroupId:null,sourceGroupPanelIds:null,sourceChipWidth:0,cursorOffsetFromDragLeft:t/2,sourceGapWidth:t,containerLeft:this._tabsList.getBoundingClientRect().left},this._pendingCollapse=!0,requestAnimationFrame(()=>{var e,t;this._pendingCollapse=!1,this._animState&&(i.element.style.transition="none",y(i.element,"dv-tab--dragging",!0),i.element.offsetHeight,null!==(e=(t=this._animState).currentInsertionIndex)&&void 0!==e||(t.currentInsertionIndex=o),this.applyDragOverTransforms(!0),i.element.style.removeProperty("transition"))})}}),i.onTabClick(t=>{t.defaultPrevented||"edge"===this.group.api.location.type&&(this.group.activePanel===e?this.group.api.isCollapsed()?this.group.api.expand():this.group.api.collapse():(this.group.model.openPanel(e),this.group.api.isCollapsed()&&this.group.api.expand()))}),i.onPointerDown(t=>{if(t.defaultPrevented)return;const o=!this.accessor.options.disableFloatingGroups,n="floating"===this.group.api.location.type&&1===this.size;if(o&&!n&&t.shiftKey){t.preventDefault();const e=this.accessor.getGroupPanel(i.panel.id),{top:o,left:n}=i.element.getBoundingClientRect(),{top:r,left:s}=this.accessor.element.getBoundingClientRect();return void this.accessor.addFloatingGroup(e,{x:n-s,y:o-r,inDragMode:!0})}if(0===t.button)"edge"===this.group.api.location.type||this.group.activePanel!==e&&this.group.model.openPanel(e)}),i.onDrop(e=>{var t,o,n,r;const s=this._animState;this._animState=null,this._pendingCollapse=!1;const a=this._tabs.findIndex(e=>e.value===i);if(s){const i="right"===e.position?a+1:a;if(s.sourceTabGroupId)return void this._commitGroupMove(s.sourceTabGroupId,null!==(t=s.currentInsertionIndex)&&void 0!==t?t:i);this._uncollapsSourceTab(s.sourceTabId);const n=this.snapshotTabPositions();this.resetTabTransforms(),this._onDrop.fire({event:e.nativeEvent,index:i,targetTabGroupId:s.targetTabGroupId}),"smooth"===(null===(o=this.accessor.options.theme)||void 0===o?void 0:o.tabAnimation)&&this.runFlipAnimation(n,s.sourceTabId,-1===s.sourceIndex,-1!==s.sourceIndex?{from:Math.min(s.sourceIndex,i),to:Math.max(s.sourceIndex,i)}:void 0)}else{const t="vertical"===this._direction?"bottom":"right",o=e.position===t?a+1:a,s=d(),l=s?this._tabs.findIndex(e=>e.value.panel.id===s.panelId):-1,h=o-(-1!==l&&l<o?1:0),c=null!==(r=null===(n=this.group.model.getTabGroupForPanel(i.panel.id))||void 0===n?void 0:n.id)&&void 0!==r?r:null;this._onDrop.fire({event:e.nativeEvent,index:h,targetTabGroupId:c})}}),i.onWillShowOverlay(e=>{this._onWillShowOverlay.fire(new it(e,{kind:"tab",panel:this.group.activePanel,api:this.accessor.api,group:this.group,getData:d}))})),n={value:i,disposable:o};this.addTab(n,t),this._tabGroupManager.positionAllChips(),this._animState&&(this._animState.tabPositions=this.snapshotTabPositions(),this._animState.chipPositions=this._tabGroupManager.snapshotChipWidths(),this.applyDragOverTransforms())}delete(e){var t;(null===(t=this._animState)||void 0===t?void 0:t.sourceTabId)===e&&(this.resetTabTransforms(),this._animState=null),this._tabGroupManager.cleanupTransition(e);const i=this.indexOf(e),o=this._tabs.splice(i,1)[0];if(this._tabMap.delete(e),o){const{value:e,disposable:t}=o;t.dispose(),e.dispose(),e.element.remove()}this._animState&&(this._animState.tabPositions=this.snapshotTabPositions(),this._animState.chipPositions=this._tabGroupManager.snapshotChipWidths(),this.applyDragOverTransforms())}addTab(e,t=this._tabs.length){if(t<0||t>this._tabs.length)throw new Error("invalid location");const i=t<this._tabs.length?this._tabs[t].value.element:null;this._tabsList.insertBefore(e.value.element,i),this._tabs=[...this._tabs.slice(0,t),e,...this._tabs.slice(t)],this._tabMap.set(e.value.panel.id,e),this.selectedIndex<0&&(this.selectedIndex=t)}toggleDropdown(e){if(e.reset)return void this._onOverflowTabsChange.fire({tabs:[],tabGroups:[],reset:!0});const t=this._tabs.filter(e=>!E(e.value.element,this._tabsList)).map(e=>e.value.panel.id),i=new Set(t),o=[];for(const e of this.group.model.getTabGroups()){const n=this._tabGroupManager.chipRenderers.get(e.id),r=n&&!E(n.chip.element,this._tabsList),s=e.panelIds.length>0&&e.panelIds.every(e=>i.has(e));if((r||s)&&(o.push(e.id),e.collapsed))for(const o of e.panelIds)i.has(o)||(i.add(o),t.push(o))}this._onOverflowTabsChange.fire({tabs:t,tabGroups:o,reset:!1})}updateDragAndDropState(){for(const e of this._tabs)e.value.updateDragAndDropState();this._tabGroupManager.updateDragAndDropState()}updateTabGroups(){this._tabGroupManager.update()}refreshTabGroupAccent(){this._tabGroupManager.refreshAccents()}_handleChipDragStart(e,t,i){var o;const n=e.panelIds[0],r=n?this._tabs.findIndex(e=>e.value.panel.id===n):-1,s=t.element.getBoundingClientRect();let a=s.width;for(const t of e.panelIds){const e=this._tabMap.get(t);e&&(a+=e.value.element.getBoundingClientRect().width)}if(this._animState={sourceTabId:"",sourceIndex:r,tabPositions:this.snapshotTabPositions(),chipPositions:this._tabGroupManager.snapshotChipWidths(),currentInsertionIndex:null,targetTabGroupId:null,sourceTabGroupId:e.id,sourceGroupPanelIds:new Set(e.panelIds),sourceChipWidth:s.width,cursorOffsetFromDragLeft:i.clientX-s.left,sourceGapWidth:a,containerLeft:this._tabsList.getBoundingClientRect().left},"smooth"!==(null===(o=this.accessor.options.theme)||void 0===o?void 0:o.tabAnimation))return;const d=new Set(e.panelIds);this._pendingCollapse=!0,requestAnimationFrame(()=>{var t,i;if(this._pendingCollapse=!1,!this._animState)return;for(const e of this._tabs)d.has(e.value.panel.id)&&(e.value.element.style.transition="none",y(e.value.element,"dv-tab--dragging",!0));const o=this._tabGroupManager.chipRenderers.get(e.id);o&&(o.chip.element.style.transition="none",y(o.chip.element,"dv-tab-group-chip--dragging",!0)),this._tabsList.offsetHeight;const n=this._tabGroupManager.groupUnderlines.get(e.id);n&&(n.style.display="none"),null!==(t=(i=this._animState).currentInsertionIndex)&&void 0!==t||(i.currentInsertionIndex=r),this.applyDragOverTransforms(!0);for(const e of this._tabs)d.has(e.value.panel.id)&&e.value.element.style.removeProperty("transition");o&&o.chip.element.style.removeProperty("transition")})}_handleChipDrop(e,t){const i=e.panelIds[0];if(!i)return;const o=this._tabs.findIndex(e=>e.value.panel.id===i);if(-1===o)return;const n=d(),r=n&&n.groupId===this.group.id&&n.panelId?this._tabs.findIndex(e=>e.value.panel.id===n.panelId):-1,s=o-(-1!==r&&r<o?1:0);this._onDrop.fire({event:t.nativeEvent,index:s,targetTabGroupId:null})}setExtendedDropZone(e){this._extendedDropZone=e}setExternalInsertionIndex(e){this._animState&&e!==this._animState.currentInsertionIndex&&(this._animState.currentInsertionIndex=e,this.applyDragOverTransforms())}clearExternalAnimState(){this._animState&&(this.resetTabTransforms(),-1===this._animState.sourceIndex?this._animState=null:this._animState.currentInsertionIndex=null)}snapshotTabPositions(){const e=new Map;for(const t of this._tabs)e.set(t.value.panel.id,t.value.element.getBoundingClientRect());return e}getAverageTabWidth(){if(0===this._tabs.length)return 0;const e="vertical"===this._direction;let t=0;for(const i of this._tabs){const o=i.value.element.getBoundingClientRect();t+=e?o.height:o.width}return t/this._tabs.length}_handlePointerDragMove(e,t){var i;const o=(null!==(i=this._tabsList.ownerDocument)&&void 0!==i?i:document).elementFromPoint(e,t);!!o&&(this._tabsList.contains(o)||!!this._extendedDropZone&&this._extendedDropZone.contains(o))?(this._pointerInsideTabsList=!0,this._processDragOver(e)):this._pointerInsideTabsList&&(this._pointerInsideTabsList=!1,this._processDragLeave(o))}_processDragOver(e){var t,i,o,n;if(this.accessor.options.disableDnd)return!1;if(this._animState){const e=d();(null==e?void 0:e.tabGroupId)&&e.groupId!==this.group.id&&this._animState.sourceTabGroupId!==e.tabGroupId&&(this._animState=null)}if(!this._animState){const e=d();if("default"===(null===(t=this.accessor.options.theme)||void 0===t?void 0:t.tabAnimation)&&!(null==e?void 0:e.tabGroupId))return!1;if(!e||!e.panelId&&!e.tabGroupId||e.groupId===this.group.id)return!1;{const t=this.getAverageTabWidth();if(e.tabGroupId){const o=this.accessor.getPanel(e.groupId),n=null==o?void 0:o.model.getTabGroups().find(t=>t.id===e.tabGroupId),r=t*(null!==(i=null==n?void 0:n.panelIds.length)&&void 0!==i?i:1)+t;this._animState={sourceTabId:"",sourceIndex:-1,tabPositions:this.snapshotTabPositions(),chipPositions:this._tabGroupManager.snapshotChipWidths(),currentInsertionIndex:null,targetTabGroupId:null,sourceTabGroupId:e.tabGroupId,sourceGroupPanelIds:n?new Set(n.panelIds):new Set,sourceChipWidth:t,cursorOffsetFromDragLeft:r/2,sourceGapWidth:r,containerLeft:this._tabsList.getBoundingClientRect().left}}else this._animState={sourceTabId:e.panelId,sourceIndex:-1,tabPositions:this.snapshotTabPositions(),chipPositions:this._tabGroupManager.snapshotChipWidths(),currentInsertionIndex:null,targetTabGroupId:null,sourceTabGroupId:null,sourceGroupPanelIds:null,sourceChipWidth:0,cursorOffsetFromDragLeft:t/2,sourceGapWidth:t,containerLeft:this._tabsList.getBoundingClientRect().left}}}return-1!==this._animState.sourceIndex&&(null===(n=null===(o=this.group.model.dropTargetContainer)||void 0===o?void 0:o.model)||void 0===n||n.clear()),this.handleDragOver({clientX:e}),!0}_processDragLeave(e){var t,i,o;if(!this._animState)return;if(e&&this._tabsList.contains(e))return;if(e&&(null===(t=this._extendedDropZone)||void 0===t?void 0:t.contains(e)))return this.resetTabTransforms(),void(this._animState.currentInsertionIndex=null);this._voidContainer&&e&&(e===this._voidContainer||this._voidContainer.contains(e))||(this.resetTabTransforms(),-1===this._animState.sourceIndex?(null===(o=null===(i=this.group.model.dropTargetContainer)||void 0===i?void 0:i.model)||void 0===o||o.clear(),this._animState=null):this._animState.currentInsertionIndex=null)}handleDragOver(e){var t,i,o,n,r;if(!this._animState)return;const s=e.clientX;let a=null,d=null;const l=this._animState.sourceGroupPanelIds,h=s-this._animState.cursorOffsetFromDragLeft-this._animState.containerLeft;let c=0;const p=new Map;if(this._tabGroupManager.chipRenderers.size>0){const e=this.group.model.getTabGroups();for(const t of e)t.id!==this._animState.sourceTabGroupId&&t.panelIds.length>0&&p.set(t.panelIds[0],t.id)}for(let e=0;e<this._tabs.length;e++){const i=this._tabs[e].value;if(i.panel.id===this._animState.sourceTabId)continue;if(null==l?void 0:l.has(i.panel.id))continue;const o=p.get(i.panel.id);if(o){const i=null!==(t=this._animState.chipPositions.get(o))&&void 0!==t?t:0;if(c+i>h){null!=a||(a=e);break}c+=i}const n=this._animState.tabPositions.get(i.panel.id),r=n?n.width:i.element.getBoundingClientRect().width;if(!(c+r/2<=h)){null!=a||(a=e);break}c+=r,a=e+1}if(null!==a&&this._tabGroupManager.chipRenderers.size>0){const e=!!this._animState.sourceTabGroupId,t=this.group.model.getTabGroups();let r=0;for(let e=0;e<this._tabs.length;e++){const t=this._tabs[e].value;if(t.panel.id===this._animState.sourceTabId)continue;if(null==l?void 0:l.has(t.panel.id))continue;if(e>=a)break;const o=p.get(t.panel.id);o&&(r+=null!==(i=this._animState.chipPositions.get(o))&&void 0!==i?i:0);const n=this._animState.tabPositions.get(t.panel.id);r+=n?n.width:t.element.getBoundingClientRect().width}for(const i of t){const t=i.panelIds.filter(e=>e!==this._animState.sourceTabId&&!(null==l?void 0:l.has(e)));if(0===t.length)continue;const h=this._tabs.findIndex(e=>e.value.panel.id===t[0]),c=this._tabs.findIndex(e=>e.value.panel.id===t[t.length-1]);if(-1===h||-1===c)continue;const p=a>=h&&a<=c,v=!p&&a===h-1;if(p||v){if(e&&p){a=a<(h+c+1)/2?h:c+1;break}if(e&&v)break;if(v){let e=!0;for(let t=a;t<h;t++){const i=this._tabs[t].value.panel.id;if(i!==this._animState.sourceTabId&&!(null==l?void 0:l.has(i))){e=!1;break}}if(!e)continue;const t=null!==(o=this._animState.chipPositions.get(i.id))&&void 0!==o?o:0;s>=(i.collapsed?this._animState.containerLeft+r+t/2:this._animState.containerLeft+r+t)&&(a=h,d=i.id);break}if(p){const e=null!==(n=this._animState.chipPositions.get(i.id))&&void 0!==n?n:0,t=this._animState.containerLeft+r+e;a===h?s>=t&&(d=i.id):d=i.id;break}}}}a===this._animState.currentInsertionIndex&&d===this._animState.targetTabGroupId||(this._animState.currentInsertionIndex=a,this._animState.targetTabGroupId=d,"smooth"===(null===(r=this.accessor.options.theme)||void 0===r?void 0:r.tabAnimation)&&this.applyDragOverTransforms())}_removeClassInstantlyBatch(e,t){const i=[];for(const o of e)o.classList.contains(t)&&(o.style.transition="none",y(o,t,!1),i.push(o));if(i.length>0){i[0].offsetHeight;for(const e of i)e.style.removeProperty("transition")}}_uncollapsSourceTab(e){const t=this._tabMap.get(e);t&&this._removeClassInstantlyBatch([t.value.element],"dv-tab--dragging")}applyDragOverTransforms(e=!1){if(!this._animState||null===this._animState.currentInsertionIndex)return void this.resetTabTransforms();if(this._pendingCollapse)return;const t=this._animState.currentInsertionIndex;let i;const o=this._animState.sourceGroupPanelIds;if(this._animState.sourceTabGroupId&&o)i=this._animState.sourceGapWidth;else{const e=this._animState.tabPositions.get(this._animState.sourceTabId);i=e?e.width:this.getAverageTabWidth()}let n=null;if(this._tabGroupManager.chipRenderers.size>0){const e=this.group.model.getTabGroups();for(const i of e){if(i.id===this._animState.sourceTabGroupId)continue;if(i.panelIds.includes(this._animState.sourceTabId))continue;const e=i.panelIds.filter(e=>e!==this._animState.sourceTabId&&!(null==o?void 0:o.has(e)));if(0===e.length)continue;const r=this._tabs.findIndex(t=>t.value.panel.id===e[0]);if((!this._animState.targetTabGroupId||this._animState.targetTabGroupId===i.id&&i.collapsed)&&r>=t){let e=!1;for(let i=t;i<r;i++){const t=this._tabs[i].value.panel.id;if(t!==this._animState.sourceTabId&&!(null==o?void 0:o.has(t))){e=!0;break}}if(!e){const e=this._tabGroupManager.chipRenderers.get(i.id);e&&(n=e.chip.element)}break}}}const r=e=>e.classList.contains("dv-tab-group-chip")?"dv-tab-group-chip--shifting":"dv-tab--shifting",s=(t,i)=>{e?(t.style.transition="none",t.style.marginLeft=i,t.offsetHeight,t.style.removeProperty("transition")):t.style.marginLeft=i,y(t,r(t),!0)},a=t=>{const i=r(t),o=this._pendingMarginCleanups.get(t);if(o&&o(),e||!t.style.marginLeft)t.style.removeProperty("margin-left"),y(t,i,!1);else{t.style.marginLeft="0px",y(t,i,!0);const e=()=>{t.style.removeProperty("margin-left"),y(t,i,!1),t.removeEventListener("transitionend",e),clearTimeout(o),this._pendingMarginCleanups.delete(t)},o=setTimeout(e,300);this._pendingMarginCleanups.set(t,e),t.addEventListener("transitionend",e)}};let d=!1;for(const[e,t]of this._tabGroupManager.chipRenderers)e!==this._animState.sourceTabGroupId&&a(t.chip.element);n&&(s(n,`${i}px`),d=!0);for(let e=0;e<this._tabs.length;e++){const n=this._tabs[e].value;n.panel.id!==this._animState.sourceTabId&&((null==o?void 0:o.has(n.panel.id))||(!d&&e>=t?(s(n.element,`${i}px`),d=!0):a(n.element)))}this._tabGroupManager.trackUnderlines()}resetTabTransforms(){for(const[,e]of this._pendingMarginCleanups)e();this._pendingMarginCleanups.clear();for(const e of this._tabs)e.value.element.style.removeProperty("margin-left"),e.value.element.style.removeProperty("margin-right"),e.value.element.style.removeProperty("margin-top"),e.value.element.style.removeProperty("margin-bottom"),e.value.element.style.removeProperty("transform"),y(e.value.element,"dv-tab--shifting",!1);for(const[,e]of this._tabGroupManager.chipRenderers)e.chip.element.style.removeProperty("margin-left"),y(e.chip.element,"dv-tab-group-chip--shifting",!1);this._tabGroupManager.positionUnderlines()}_commitGroupMove(e,t){var i,o;const n=d();this._tabGroupManager.disposeChipDrag(e);if(this.group.model.getTabGroups().some(t=>t.id===e))if("smooth"===(null===(i=this.accessor.options.theme)||void 0===i?void 0:i.tabAnimation)){this._clearGroupDragClasses(e);const i=this.snapshotTabPositions();this.resetTabTransforms(),this.group.model.moveTabGroup(e,t),this.runFlipAnimation(i,"",!1)}else this._tabGroupManager.skipNextCollapseAnimation=!0,this.group.model.moveTabGroup(e,t);else n&&(this.resetTabTransforms(),this.accessor.moveGroupOrPanel({from:{groupId:n.groupId,tabGroupId:null!==(o=n.tabGroupId)&&void 0!==o?o:e},to:{group:this.group,position:"center",index:t}}))}_clearGroupDragClasses(e){const t=this._tabGroupManager.chipRenderers.get(e);t&&this._removeClassInstantlyBatch([t.chip.element],"dv-tab-group-chip--dragging"),this._removeClassInstantlyBatch(this._tabs.map(e=>e.value.element),"dv-tab--dragging");const i=this._tabGroupManager.groupUnderlines.get(e);i&&i.style.removeProperty("display"),this._tabGroupManager.skipNextCollapseAnimation=!0}resetDragAnimation(){if(this._pendingCollapse=!1,this._animState){this.resetTabTransforms(),this._animState.sourceTabGroupId?this._clearGroupDragClasses(this._animState.sourceTabGroupId):this._removeClassInstantlyBatch(this._tabs.map(e=>e.value.element),"dv-tab--dragging"),this._animState=null;for(const[,e]of this._tabGroupManager.groupUnderlines)e.style.removeProperty("display")}}runFlipAnimation(e,t,i=!1,o){const n="vertical"===this._direction;let r=!1;for(let s=0;s<this._tabs.length;s++){const a=this._tabs[s],d=a.value.panel.id;if(d===t){if(i){const e=a.value.element.getBoundingClientRect();a.value.element.style.transform=n?`translateY(${e.height}px)`:`translateX(${e.width}px)`,y(a.value.element,"dv-tab--shifting",!0),r=!0}continue}if(void 0!==o&&(s<o.from||s>o.to))continue;const l=e.get(d);if(!l)continue;const h=a.value.element.getBoundingClientRect(),c=n?l.top-h.top:l.left-h.left;Math.abs(c)<1||(a.value.element.style.transform=n?`translateY(${c}px)`:`translateX(${c}px)`,y(a.value.element,"dv-tab--shifting",!0),r=!0)}r&&requestAnimationFrame(()=>{var e;for(const e of this._tabs)e.value.element.style.transform&&(e.value.element.style.transform="");this._tabGroupManager.trackUnderlines(),null===(e=this._flipTransitionCleanup)||void 0===e||e.call(this);const t=e=>{if("transform"===e.propertyName){i();for(const e of this._tabs)y(e.value.element,"dv-tab--shifting",!1);this._tabGroupManager.positionUnderlines()}},i=()=>{this._tabsList.removeEventListener("transitionend",t),this._flipTransitionCleanup=null};this._flipTransitionCleanup=i,this._tabsList.addEventListener("transitionend",t)})}}const _t=e=>{const t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttributeNS(null,"height",e.height),t.setAttributeNS(null,"width",e.width),t.setAttributeNS(null,"viewBox",e.viewbox),t.setAttributeNS(null,"aria-hidden","false"),t.setAttributeNS(null,"focusable","false"),t.classList.add("dv-svg");const i=document.createElementNS("http://www.w3.org/2000/svg","path");return i.setAttributeNS(null,"d",e.path),t.appendChild(i),t},wt=()=>_t({width:"11",height:"11",viewbox:"0 0 15 25",path:"M2.15 24.1L0 21.95L9.9 12.05L0 2.15L2.15 0L14.2 12.05L2.15 24.1Z"});class xt extends h{get onTabDragStart(){return this.tabs.onTabDragStart}get panels(){return this.tabs.panels}get size(){return this.tabs.size}get hidden(){return this._hidden}set hidden(e){this._hidden=e,this.element.style.display=e?"none":""}get direction(){return this._direction}set direction(e){this._direction=e,"vertical"===e?(D(this._element,"dv-groupview-header-vertical"),D(this.rightActionsContainer,"dv-right-actions-container-vertical"),this.tabs.direction=e):(x(this._element,"dv-groupview-header-vertical"),x(this.rightActionsContainer,"dv-right-actions-container-vertical"),this.tabs.direction=e)}get element(){return this._element}constructor(e,t){super(),this.accessor=e,this.group=t,this._hidden=!1,this._direction="horizontal",this.dropdownPart=null,this._overflowTabs=[],this._overflowTabGroups=[],this._dropdownDisposable=new c,this._onDrop=new m,this.onDrop=this._onDrop.event,this._onGroupDragStart=new m,this.onGroupDragStart=this._onGroupDragStart.event,this._onWillShowOverlay=new m,this.onWillShowOverlay=this._onWillShowOverlay.event,this._element=document.createElement("div"),this._element.className="dv-tabs-and-actions-container",y(this._element,"dv-full-width-single-tab","fullwidth"===this.accessor.options.singleTabMode),this.rightActionsContainer=document.createElement("div"),this.rightActionsContainer.className="dv-right-actions-container",this.leftActionsContainer=document.createElement("div"),this.leftActionsContainer.className="dv-left-actions-container",this.preActionsContainer=document.createElement("div"),this.preActionsContainer.className="dv-pre-actions-container",this.tabs=new ft(t,e,{showTabsOverflowControl:!e.options.disableTabsOverflowList}),this.voidContainer=new nt(this.accessor,this.group),this.tabs.voidContainer=this.voidContainer.element,this._element.appendChild(this.preActionsContainer),this._element.appendChild(this.tabs.element),this._element.appendChild(this.leftActionsContainer),this._element.appendChild(this.voidContainer.element),this._element.appendChild(this.rightActionsContainer),this.tabs.setExtendedDropZone(this._element),this.addDisposables(this.tabs.onDrop(e=>this._onDrop.fire(e)),this.tabs.onWillShowOverlay(e=>this._onWillShowOverlay.fire(e)),e.onDidOptionsChange(()=>{this.tabs.showTabsOverflowControl=!e.options.disableTabsOverflowList}),this.tabs.onOverflowTabsChange(e=>{this.toggleDropdown(e)}),this.tabs,this._onWillShowOverlay,this._onDrop,this._onGroupDragStart,this.voidContainer,this.voidContainer.onDragStart(e=>{this._onGroupDragStart.fire({nativeEvent:e,group:this.group})}),this.voidContainer.onDrop(e=>{this.tabs.handleVoidDrop()||this._onDrop.fire({event:e.nativeEvent,index:this.tabs.size})}),this.voidContainer.onWillShowOverlay(e=>{this._onWillShowOverlay.fire(new it(e,{kind:"header_space",panel:this.group.activePanel,api:this.accessor.api,group:this.group,getData:d}))}),b(this.leftActionsContainer,"dragleave",e=>{const t=e.relatedTarget;this.leftActionsContainer.contains(t)||this._element.contains(t)||this.tabs.clearExternalAnimState()}),b(this.voidContainer.element,"dragleave",e=>{const t=e.relatedTarget;this.voidContainer.element.contains(t)||(this._element.contains(t)?this.tabs.setExternalInsertionIndex(null):this.tabs.clearExternalAnimState())}),b(this.voidContainer.element,"pointerdown",e=>{if(e.defaultPrevented)return;if(!this.accessor.options.disableFloatingGroups&&e.shiftKey&&"floating"!==this.group.api.location.type&&"edge"!==this.group.api.location.type){e.preventDefault();const{top:t,left:i}=this.element.getBoundingClientRect(),{top:o,left:n}=this.accessor.element.getBoundingClientRect();this.accessor.addFloatingGroup(this.group,{x:i-n+20,y:t-o+20,inDragMode:!0})}}))}show(){this.hidden||(this.element.style.display="")}hide(){this._element.style.display="none"}setRightActionsElement(e){this.rightActions!==e&&(this.rightActions&&(this.rightActions.remove(),this.rightActions=void 0),e&&(this.rightActionsContainer.appendChild(e),this.rightActions=e))}setLeftActionsElement(e){this.leftActions!==e&&(this.leftActions&&(this.leftActions.remove(),this.leftActions=void 0),e&&(this.leftActionsContainer.appendChild(e),this.leftActions=e))}setPrefixActionsElement(e){this.preActions!==e&&(this.preActions&&(this.preActions.remove(),this.preActions=void 0),e&&(this.preActionsContainer.appendChild(e),this.preActions=e))}isActive(e){return this.tabs.isActive(e)}indexOf(e){return this.tabs.indexOf(e)}getTabId(e){return this.tabs.getTabId(e)}setActive(e){}delete(e){this.tabs.delete(e),this.updateClassnames()}setActivePanel(e){this.tabs.setActivePanel(e)}focusActiveTab(){this.tabs.focusActiveTab()}openPanel(e,t=this.tabs.size){this.tabs.openPanel(e,t),this.updateClassnames()}closePanel(e){this.delete(e.id)}updateClassnames(){y(this._element,"dv-single-tab",1===this.size)}toggleDropdown(t){const i=t.reset?[]:t.tabs,o=t.reset?[]:t.tabGroups;this._overflowTabs=i,this._overflowTabGroups=o;const n=this._overflowTabs.length;if(n>0&&this.dropdownPart)return void this.dropdownPart.update({tabs:n});if(0===n)return void this._dropdownDisposable.dispose();const r=document.createElement("div");r.className="dv-tabs-overflow-dropdown-root";const s=function(){const e=document.createElement("div");e.className="dv-tabs-overflow-dropdown-default";const t=document.createElement("span");t.textContent="";const i=wt();return e.appendChild(i),e.appendChild(t),{element:e,update:e=>{t.textContent=`${e.tabs}`}}}();s.update({tabs:n}),this.dropdownPart=s,r.appendChild(s.element),this.rightActionsContainer.prepend(r),this._dropdownDisposable.value=new h(e.DockviewDisposable.from(()=>{var e,t;r.remove(),null===(t=null===(e=this.dropdownPart)||void 0===e?void 0:e.dispose)||void 0===t||t.call(e),this.dropdownPart=null}),b(r,"pointerdown",e=>{e.preventDefault()},{capture:!0}),b(r,"click",e=>{const t=document.createElement("div");t.style.overflow="auto",t.className="dv-tabs-overflow-container";const i=new Set(this._overflowTabGroups),o=this.group.model.getTabGroups(),n=new Map;for(const e of o)if(i.has(e.id))for(const t of e.panelIds)n.set(t,e);const s=new Set;for(const e of this.tabs.tabs.filter(e=>this._overflowTabs.includes(e.panel.id))){const i=n.get(e.panel.id);if(i&&!s.has(i.id)){s.add(i.id);const e=document.createElement("div");e.className="dv-tabs-overflow-group-header";const o=document.createElement("span");o.className="dv-tabs-overflow-group-color",ht(o,i.color,this.accessor.tabGroupColorPalette),e.appendChild(o);const n=document.createElement("span");if(n.className="dv-tabs-overflow-group-label",n.textContent=i.label||i.id,e.appendChild(n),i.collapsed){const t=document.createElement("span");t.className="dv-tabs-overflow-group-collapsed-badge",t.textContent=`${i.panelIds.length}`,e.appendChild(t)}e.addEventListener("click",()=>{this.accessor.getPopupServiceForGroup(this.group).close(),i.collapsed&&i.expand();const e=i.panelIds[0];if(e){const t=this.group.panels.find(t=>t.id===e);this.accessor.withOrigin("user",()=>null==t?void 0:t.api.setActive())}}),t.appendChild(e)}const o=this.group.panels.find(t=>t===e.panel),r=o.view.createTabRenderer("headerOverflow").element,a=document.createElement("div");y(a,"dv-tab",!0),y(a,"dv-active-tab",o.api.isActive),y(a,"dv-inactive-tab",!o.api.isActive),i&&y(a,"dv-tab--grouped",!0),a.addEventListener("click",t=>{this.accessor.getPopupServiceForGroup(this.group).close(),t.defaultPrevented||((null==i?void 0:i.collapsed)&&i.expand(),e.element.scrollIntoView(),this.accessor.withOrigin("user",()=>e.panel.api.setActive()))}),a.appendChild(r),t.appendChild(a)}const a=O(r);this.accessor.getPopupServiceForGroup(this.group).openPopover(t,{x:e.clientX,y:e.clientY,zIndex:(null==a?void 0:a.style.zIndex)?`calc(${a.style.zIndex} * 2)`:void 0})}))}updateDragAndDropState(){this.tabs.updateDragAndDropState(),this.voidContainer.updateDragAndDropState()}updateTabGroups(){this.tabs.updateTabGroups()}refreshTabGroupAccent(){this.tabs.refreshTabGroupAccent()}}class Dt extends v{constructor(e,t,i,o,n){super(),this.nativeEvent=e,this.target=t,this.position=i,this.getData=o,this.group=n}}const yt=(()=>{const e={disableAutoResizing:void 0,hideBorders:void 0,singleTabMode:void 0,disableFloatingGroups:void 0,floatingGroupBounds:void 0,transformFloatingGroupDrag:void 0,floatingGroupDragHandle:void 0,popoutUrl:void 0,nonce:void 0,defaultRenderer:void 0,defaultHeaderPosition:void 0,debug:void 0,locked:void 0,disableDnd:void 0,dndStrategy:void 0,className:void 0,noPanelsOverlay:void 0,dndEdges:void 0,theme:void 0,disableTabsOverflowList:void 0,scrollbars:void 0,getTabContextMenuItems:void 0,getTabGroupChipContextMenuItems:void 0,createTabGroupChipComponent:void 0,createGroupDragGhostComponent:void 0,dropOverlayModel:void 0,announcements:void 0,getAnnouncement:void 0,announcer:void 0,messages:void 0,keyboardNavigation:void 0,tabGroupColors:void 0,tabGroupAccent:void 0};return Object.keys(e)})();function Ct(e){return!!e.referencePanel}function St(e){return!!e.referenceGroup}function kt(e){return!!e.referencePanel}function zt(e){return!!e.referenceGroup}class Gt extends h{get label(){return this._label}get color(){return this._color}get componentParams(){return this._componentParams}setLabel(e){this.isDisposed||this._label===e||(this._label=e,this._onDidChange.fire())}setColor(e){if(this.isDisposed)return;const t=""===e?void 0:e;this._color!==t&&(this._color=t,this._onDidChange.fire())}setComponentParams(e){this.isDisposed||(this._componentParams=e,this._onDidChange.fire())}get collapsed(){return this._collapsed}get panelIds(){return this._panelIds}get size(){return this._panelIds.length}get isEmpty(){return 0===this._panelIds.length}constructor(e,t){var i,o;super(),this.id=e,this._collapsed=!1,this._panelIds=[],this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._onDidPanelChange=new m,this.onDidPanelChange=this._onDidPanelChange.event,this._onDidCollapseChange=new m,this.onDidCollapseChange=this._onDidCollapseChange.event,this._onDidDestroy=new m,this.onDidDestroy=this._onDidDestroy.event,this._label=null!==(i=null==t?void 0:t.label)&&void 0!==i?i:"",this._color=""===(null==t?void 0:t.color)||null==t?void 0:t.color,this._collapsed=null!==(o=null==t?void 0:t.collapsed)&&void 0!==o&&o,this._componentParams=null==t?void 0:t.componentParams,this.addDisposables(this._onDidChange,this._onDidPanelChange,this._onDidCollapseChange,this._onDidDestroy)}addPanel(e,t){if(this.isDisposed)return;if(this._panelIds.includes(e))return;const i=void 0!==t?Math.max(0,Math.min(t,this._panelIds.length)):this._panelIds.length;this._panelIds.splice(i,0,e),this._onDidPanelChange.fire({panelId:e,type:"add"})}removePanel(e){if(this.isDisposed)return!1;const t=this._panelIds.indexOf(e);return-1!==t&&(this._panelIds.splice(t,1),this._onDidPanelChange.fire({panelId:e,type:"remove"}),!0)}indexOfPanel(e){return this._panelIds.indexOf(e)}containsPanel(e){return this._panelIds.includes(e)}collapse(){this.isDisposed||this._collapsed||(this._collapsed=!0,this._onDidCollapseChange.fire(!0))}expand(){!this.isDisposed&&this._collapsed&&(this._collapsed=!1,this._onDidCollapseChange.fire(!1))}toggle(){this._collapsed?this.expand():this.collapse()}toJSON(){const e={id:this.id,collapsed:this._collapsed,panelIds:[...this._panelIds]};return this._label&&(e.label=this._label),void 0!==this._color&&(e.color=this._color),void 0!==this._componentParams&&(e.componentParams=this._componentParams),e}dispose(){this._onDidDestroy.fire(),super.dispose()}}class Pt extends p{get nativeEvent(){return this.options.nativeEvent}get position(){return this.options.position}get panel(){return this.options.panel}get group(){return this.options.group}get api(){return this.options.api}constructor(e){super(),this.options=e}getData(){return this.options.getData()}}class Tt extends Pt{get kind(){return this._kind}constructor(e){super(e),this._kind=e.kind}}class At extends h{get tabGroups(){return this._tabGroups}get element(){throw new Error("dockview: not supported")}get activePanel(){return this._activePanel}get contentContainerId(){return this.contentContainer.element.id}get contentDropTarget(){return this.contentContainer.dropTarget}get locked(){return this._locked}set locked(e){this._locked=e,y(this.container,"dv-locked-groupview","no-drop-target"===e||e)}get isActive(){return this._isGroupActive}get panels(){return this._panels}get size(){return this._panels.length}get isEmpty(){return 0===this._panels.length}get hasWatermark(){return!(!this.watermark||!this.container.contains(this.watermark.element))}get header(){return this.tabsContainer}get isContentFocused(){return!!document.activeElement&&C(document.activeElement,this.contentContainer.element)}get headerPosition(){var e;return null!==(e=this._headerPosition)&&void 0!==e?e:"top"}set headerPosition(e){var t;this._headerPosition=e,x(this.container,"dv-groupview-header-top","dv-groupview-header-bottom","dv-groupview-header-left","dv-groupview-header-right"),D(this.container,`dv-groupview-header-${e}`);const i="top"===e||"bottom"===e?"horizontal":"vertical";this.tabsContainer.direction=i,this.header.direction=i,(null===(t=this._activePanel)||void 0===t?void 0:t.layout)&&this._activePanel.layout(this._width,this._height),this.updateHeaderActions()}get location(){return this._location}set location(e){this._location=e,y(this.container,"dv-groupview-floating",!1),y(this.container,"dv-groupview-popout",!1),y(this.container,"dv-groupview-edge",!1);const t=e=>{this.contentContainer.dropTarget.setTargetZones(e),this.contentContainer.pointerDropTarget.setTargetZones(e)};switch(e.type){case"grid":t(["top","bottom","left","right","center"]);break;case"floating":t(["top","bottom","left","right","center"]),y(this.container,"dv-groupview-floating",!0);break;case"popout":t(["top","bottom","left","right","center"]),y(this.container,"dv-groupview-popout",!0);break;case"edge":t(["center"]),y(this.container,"dv-groupview-edge",!0)}this.groupPanel.api._onDidLocationChange.fire({location:this.location})}constructor(e,t,i,o,n){var r,s;super(),this.container=e,this.accessor=t,this.id=i,this.options=o,this.groupPanel=n,this._isGroupActive=!1,this._locked=!1,this._location={type:"grid"},this.mostRecentlyUsed=[],this._overwriteRenderContainer=null,this._overwriteDropTargetContainer=null,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._width=0,this._height=0,this._panels=[],this._panelDisposables=new Map,this._tabGroupDisposables=new Map,this._pendingMicrotaskDisposables=new Set,this._onMove=new m,this.onMove=this._onMove.event,this._onDidDrop=new m,this.onDidDrop=this._onDidDrop.event,this._onWillDrop=new m,this.onWillDrop=this._onWillDrop.event,this._onWillShowOverlay=new m,this.onWillShowOverlay=this._onWillShowOverlay.event,this._onTabDragStart=new m,this.onTabDragStart=this._onTabDragStart.event,this._onGroupDragStart=new m,this.onGroupDragStart=this._onGroupDragStart.event,this._onDidAddPanel=new m,this.onDidAddPanel=this._onDidAddPanel.event,this._onDidPanelTitleChange=new m,this.onDidPanelTitleChange=this._onDidPanelTitleChange.event,this._onDidPanelParametersChange=new m,this.onDidPanelParametersChange=this._onDidPanelParametersChange.event,this._onDidRemovePanel=new m,this.onDidRemovePanel=this._onDidRemovePanel.event,this._onDidActivePanelChange=new m,this.onDidActivePanelChange=this._onDidActivePanelChange.event,this._onUnhandledDragOver=new m,this.onUnhandledDragOver=this._onUnhandledDragOver.event,this._tabGroups=[],this._tabGroupMap=new Map,this._panelToTabGroup=new Map,this._tabGroupIdCounter=0,this._pendingTabGroupUpdate=!1,this._onDidCreateTabGroup=new m,this.onDidCreateTabGroup=this._onDidCreateTabGroup.event,this._onDidDestroyTabGroup=new m,this.onDidDestroyTabGroup=this._onDidDestroyTabGroup.event,this._onDidAddPanelToTabGroup=new m,this.onDidAddPanelToTabGroup=this._onDidAddPanelToTabGroup.event,this._onDidRemovePanelFromTabGroup=new m,this.onDidRemovePanelFromTabGroup=this._onDidRemovePanelFromTabGroup.event,this._onDidTabGroupChange=new m,this.onDidTabGroupChange=this._onDidTabGroupChange.event,this._onDidTabGroupCollapsedChange=new m,this.onDidTabGroupCollapsedChange=this._onDidTabGroupCollapsedChange.event,y(this.container,"dv-groupview",!0),this.container.setAttribute("role","region"),this._api=new _e(this.accessor),this.tabsContainer=new xt(this.accessor,this.groupPanel),this.contentContainer=new Ke(this.accessor,this),e.append(this.tabsContainer.element,this.contentContainer.element),this.header.hidden=!!o.hideHeader,this.locked=null!==(r=o.locked)&&void 0!==r&&r,this.headerPosition=null!==(s=o.headerPosition)&&void 0!==s?s:t.defaultHeaderPosition,this.addDisposables(this._onDidPanelTitleChange.event(()=>this.updateAccessibleLabel()),this._onTabDragStart,this._onGroupDragStart,this._onWillShowOverlay,this.tabsContainer.onTabDragStart(e=>{this._onTabDragStart.fire(e)}),this.tabsContainer.onGroupDragStart(e=>{this._onGroupDragStart.fire(e)}),this.tabsContainer.onDrop(e=>{var t;const i=d(),o=null!==(t=null==i?void 0:i.panelId)&&void 0!==t?t:null;if(this.handleDropEvent("header",e.event,"center",e.index),o&&e.targetTabGroupId){const t=this._tabGroupMap.get(e.targetTabGroupId);let i;if(t){const e=this._panels.findIndex(e=>e.id===o);if(-1!==e){i=0;for(const o of t.panelIds){this._panels.findIndex(e=>e.id===o)<e&&i++}}}this.addPanelToTabGroup(e.targetTabGroupId,o,i)}else o&&null===e.targetTabGroupId&&this.removePanelFromTabGroup(o)}),this.contentContainer.onDidFocus(()=>{this.accessor.doSetGroupActive(this.groupPanel)}),this.contentContainer.onDidBlur(()=>{}),this.contentContainer.dropTarget.onDrop(e=>{this.handleDropEvent("content",e.nativeEvent,e.position)}),this.contentContainer.pointerDropTarget.onDrop(e=>{this.handleDropEvent("content",e.nativeEvent,e.position)}),this.tabsContainer.onWillShowOverlay(e=>{this._onWillShowOverlay.fire(e)}),this.contentContainer.dropTarget.onWillShowOverlay(e=>{this._onWillShowOverlay.fire(new it(e,{kind:"content",panel:this.activePanel,api:this._api,group:this.groupPanel,getData:d}))}),this.contentContainer.pointerDropTarget.onWillShowOverlay(e=>{this._onWillShowOverlay.fire(new it(e,{kind:"content",panel:this.activePanel,api:this._api,group:this.groupPanel,getData:d}))}),this._onMove,this._onDidChange,this._onDidDrop,this._onWillDrop,this._onDidAddPanel,this._onDidRemovePanel,this._onDidActivePanelChange,this._onUnhandledDragOver,this._onDidPanelTitleChange,this._onDidPanelParametersChange,this._onDidCreateTabGroup,this._onDidDestroyTabGroup,this._onDidAddPanelToTabGroup,this._onDidRemovePanelFromTabGroup,this._onDidTabGroupChange,this._onDidTabGroupCollapsedChange,this._onDidCreateTabGroup.event(()=>{this._scheduleTabGroupUpdate()}),this._onDidDestroyTabGroup.event(()=>{this._scheduleTabGroupUpdate()}),this._onDidAddPanelToTabGroup.event(()=>{this._scheduleTabGroupUpdate()}),this._onDidRemovePanelFromTabGroup.event(()=>{this._scheduleTabGroupUpdate()}),this._onDidTabGroupChange.event(()=>{this._scheduleTabGroupUpdate()}),this._onDidTabGroupCollapsedChange.event(()=>{this._scheduleTabGroupUpdate()}))}_scheduleTabGroupUpdate(){this._pendingTabGroupUpdate||(this._pendingTabGroupUpdate=!0,queueMicrotask(()=>{this._pendingTabGroupUpdate=!1,this.isDisposed||this.tabsContainer.updateTabGroups()}))}_bracketTabGroupMutation(e){return this.accessor.mutation?this.accessor.mutation("tab-group",e):e()}createTabGroup(e){return this._bracketTabGroupMutation(()=>this._doCreateTabGroup(e))}_doCreateTabGroup(e){var t;const i=null!==(t=null==e?void 0:e.id)&&void 0!==t?t:`tg-${this.id}-${this._tabGroupIdCounter++}`,o=new Gt(i,{label:null==e?void 0:e.label,color:null==e?void 0:e.color,collapsed:null==e?void 0:e.collapsed,componentParams:null==e?void 0:e.componentParams});return this._tabGroups.push(o),this._tabGroupMap.set(i,o),this._tabGroupDisposables.set(i,new h(o.onDidChange(()=>{this._onDidTabGroupChange.fire({tabGroup:o})}),o.onDidCollapseChange(e=>{e?this._handleGroupCollapse(o):this._handleGroupExpand(o),this._onDidTabGroupCollapsedChange.fire({tabGroup:o})}),o.onDidDestroy(()=>{this._removeTabGroupInternal(o)}))),this._onDidCreateTabGroup.fire({tabGroup:o}),o}dissolveTabGroup(e){const t=this._tabGroupMap.get(e);t&&this._bracketTabGroupMutation(()=>{const e=[...t.panelIds];for(const i of e)t.removePanel(i),this._panelToTabGroup.delete(i),this._onDidRemovePanelFromTabGroup.fire({tabGroup:t,panelId:i});t.dispose()})}addPanelToTabGroup(e,t,i){const o=this._tabGroupMap.get(e);if(!o)return;if(!this._panels.some(e=>e.id===t))return;const n=this.getTabGroupForPanel(t);n&&n.id===e||this._bracketTabGroupMutation(()=>{n&&this.removePanelFromTabGroup(t),o.addPanel(t,i),this._panelToTabGroup.set(t,o),this._enforceContiguity(o,t),this._onDidAddPanelToTabGroup.fire({tabGroup:o,panelId:t})})}movePanelWithinGroup(e,t,i){const o=this._tabGroupMap.get(e);o&&o.containsPanel(t)&&(o.removePanel(t),o.addPanel(t,i),this._enforceContiguity(o,t),this.tabsContainer.updateTabGroups())}movePanelBetweenGroups(e,t,i){const o=this._findTabGroupForPanel(e),n=this._tabGroupMap.get(t);n&&(o&&(o.removePanel(e),this._panelToTabGroup.delete(e),this._onDidRemovePanelFromTabGroup.fire({tabGroup:o,panelId:e}),o.isEmpty&&o.dispose()),n.addPanel(e,i),this._panelToTabGroup.set(e,n),this._enforceContiguity(n,e),this._onDidAddPanelToTabGroup.fire({tabGroup:n,panelId:e}))}moveTabGroup(e,t){const i=this._tabGroupMap.get(e);if(!i||0===i.panelIds.length)return;const o=new Set(i.panelIds),n=i.panelIds.map(e=>this._panels.find(t=>t.id===e)).filter(e=>void 0!==e);if(0===n.length)return;let r=0;for(let e=0;e<Math.min(t,this._panels.length);e++)o.has(this._panels[e].id)&&r++;for(const e of n){const t=this._panels.indexOf(e);-1!==t&&this._panels.splice(t,1)}const s=t-r,a=Math.max(0,Math.min(s,this._panels.length));this._panels.splice(a,0,...n);for(const e of this._panels)this.tabsContainer.delete(e.id);for(let e=0;e<this._panels.length;e++)this.tabsContainer.openPanel(this._panels[e],e);this.tabsContainer.updateTabGroups()}_enforceContiguity(e,t){const i=this._panels.find(e=>e.id===t);if(!i)return;const o=e.indexOfPanel(t),n=this._computeGlobalIndex(e,o),r=this._panels.indexOf(i);if(r===n)return;this._panels.splice(r,1);const s=n>r?n-1:n;this._panels.splice(s,0,i),this.tabsContainer.delete(t),this.tabsContainer.openPanel(i,s)}_computeGlobalIndex(e,t){const i=e.panelIds;if(i.length<=1){const e=this._panels.find(e=>e.id===i[0]);return e?this._panels.indexOf(e):this._panels.length}for(let e=0;e<i.length;e++){if(e===t)continue;const o=this._panels.find(t=>t.id===i[e]);if(o){const i=this._panels.indexOf(o);return Math.max(0,i+(t-e))}}return this._panels.length}removePanelFromTabGroup(e){const t=this._findTabGroupForPanel(e);t&&this._bracketTabGroupMutation(()=>{t.removePanel(e),this._panelToTabGroup.delete(e),this._onDidRemovePanelFromTabGroup.fire({tabGroup:t,panelId:e}),t.isEmpty&&t.dispose()})}getTabGroups(){return this._tabGroups}updateTabGroups(){this.tabsContainer.updateTabGroups()}refreshTabGroupAccent(){this.tabsContainer.refreshTabGroupAccent()}refreshWatermark(){var e,t;this.watermark&&(this.watermark.element.remove(),null===(t=(e=this.watermark).dispose)||void 0===t||t.call(e),this.watermark=void 0),this.updateContainer()}getTabGroupForPanel(e){return this._findTabGroupForPanel(e)}_findTabGroupForPanel(e){return this._panelToTabGroup.get(e)}_removeTabGroupInternal(e){const t=this._tabGroups.indexOf(e);if(-1!==t){this._tabGroups.splice(t,1),this._tabGroupMap.delete(e.id);for(const t of e.panelIds)this._panelToTabGroup.delete(t);this._onDidDestroyTabGroup.fire({tabGroup:e});const i=this._tabGroupDisposables.get(e.id);this._tabGroupDisposables.delete(e.id),i&&(this._pendingMicrotaskDisposables.add(i),queueMicrotask(()=>{this._pendingMicrotaskDisposables.delete(i),i.dispose()}))}}_handleGroupCollapse(e){if(!this._activePanel)return;if(!e.containsPanel(this._activePanel.id))return;const t=this._panels.indexOf(this._activePanel);for(let e=t+1;e<this._panels.length;e++){const t=this._panels[e],i=this._findTabGroupForPanel(t.id);if(!i||!i.collapsed)return this.doSetActivePanel(t),void this.updateContainer()}for(let e=t-1;e>=0;e--){const t=this._panels[e],i=this._findTabGroupForPanel(t.id);if(!i||!i.collapsed)return this.doSetActivePanel(t),void this.updateContainer()}this.contentContainer.closePanel(),this.doSetActivePanel(void 0),this.updateContainer()}_handleGroupExpand(e){if(this._activePanel)return;const t=e.panelIds[0];if(t){const e=this._panels.find(e=>e.id===t);e&&(this.doSetActivePanel(e),this.updateContainer())}}restoreTabGroups(e){for(const t of e){const e=t.id.match(/-(\d+)$/);if(e){const t=parseInt(e[1],10)+1;t>this._tabGroupIdCounter&&(this._tabGroupIdCounter=t)}}for(const t of e){const e=this.createTabGroup({id:t.id,label:t.label,color:t.color,componentParams:t.componentParams}),i=this._tabGroupMap.get(e.id);for(const o of t.panelIds)this._panels.some(e=>e.id===o)&&(e.addPanel(o),this._panelToTabGroup.set(o,i),this._enforceContiguity(i,o));t.collapsed&&e.collapse(),e.isEmpty&&e.dispose()}}focusContent(){this.contentContainer.element.focus()}focusActiveTab(){this.tabsContainer.focusActiveTab()}set renderContainer(e){this.panels.forEach(e=>{this.renderContainer.detatch(e)}),this._overwriteRenderContainer=e,this.panels.forEach(e=>{this.rerender(e)})}get renderContainer(){var e;return null!==(e=this._overwriteRenderContainer)&&void 0!==e?e:this.accessor.overlayRenderContainer}set dropTargetContainer(e){this._overwriteDropTargetContainer=e}get dropTargetContainer(){var e;return null!==(e=this._overwriteDropTargetContainer)&&void 0!==e?e:this.accessor.rootDropTargetContainer}initialize(){this.options.panels&&this.options.panels.forEach(e=>{this.doAddPanel(e)}),this.options.activePanel&&this.openPanel(this.options.activePanel),this.setActive(this.isActive,!0),this.updateContainer(),this.updateHeaderActions()}updateHeaderActions(){var e;null===(e=this.accessor.headerActionsService)||void 0===e||e.refresh(this.groupPanel)}attachHeaderAction(e,t){switch(e){case"left":this.tabsContainer.setLeftActionsElement(t);break;case"right":this.tabsContainer.setRightActionsElement(t);break;case"prefix":this.tabsContainer.setPrefixActionsElement(t)}}rerender(e){this.contentContainer.renderPanel(e,{asActive:!1})}indexOf(e){return this.tabsContainer.indexOf(e.id)}toJSON(){var e;const t={views:this.tabsContainer.panels,activeView:null===(e=this._activePanel)||void 0===e?void 0:e.id,id:this.id};return!1!==this.locked&&(t.locked=this.locked),this.header.hidden&&(t.hideHeader=!0),"top"!==this.headerPosition&&(t.headerPosition=this.headerPosition),this._tabGroups.length>0&&(t.tabGroups=this._tabGroups.map(e=>e.toJSON())),t}moveToNext(e){e||(e={}),e.panel||(e.panel=this.activePanel);const t=e.panel?this.panels.indexOf(e.panel):-1;let i;if(t<this.panels.length-1)i=t+1;else{if(e.suppressRoll)return;i=0}this.openPanel(this.panels[i])}moveToPrevious(e){if(e||(e={}),e.panel||(e.panel=this.activePanel),!e.panel)return;const t=this.panels.indexOf(e.panel);let i;if(t>0)i=t-1;else{if(e.suppressRoll)return;i=this.panels.length-1}this.openPanel(this.panels[i])}containsPanel(e){return this.panels.includes(e)}init(e){}update(e){}focus(){var e;null===(e=this._activePanel)||void 0===e||e.focus()}openPanel(e,t={}){("number"!=typeof t.index||t.index>this.panels.length)&&(t.index=this.panels.length);const i=!!t.skipSetActive;e.updateParentGroup(this.groupPanel,{skipSetActive:t.skipSetActive}),this.doAddPanel(e,t.index,{skipSetActive:i}),this._activePanel!==e?(i||this.doSetActivePanel(e),t.skipSetGroupActive||this.accessor.doSetGroupActive(this.groupPanel),t.skipSetActive||this.updateContainer()):this.contentContainer.renderPanel(e,{asActive:!0})}removePanel(e,t={skipSetActive:!1}){const i="string"==typeof e?e:e.id,o=this._panels.find(e=>e.id===i);if(!o)throw new Error("invalid operation");return this._removePanel(o,t)}closeAllPanels(){if(this.panels.length>0){const e=[...this.panels];for(const t of e)this.doClose(t)}else this.accessor.removeGroup(this.groupPanel)}closePanel(e){this.doClose(e)}doClose(e){const t=1===this.panels.length&&1===this.accessor.groups.length;this.accessor.removePanel(e,t&&"emptyGroup"===this.accessor.options.noPanelsOverlay?{removeEmptyGroup:!1}:void 0)}isPanelActive(e){return this._activePanel===e}updateActions(e){this.tabsContainer.setRightActionsElement(e)}setActive(e,t=!1){if(t||this.isActive!==e){if(this._isGroupActive=e,y(this.container,"dv-active-group",e),y(this.container,"dv-inactive-group",!e),this.tabsContainer.setActive(this.isActive),!this._activePanel&&this.panels.length>0){const e=this._panels.find(e=>{const t=this._findTabGroupForPanel(e.id);return!t||!t.collapsed});e&&this.doSetActivePanel(e)}this.updateContainer()}}layout(e,t){var i;this._width=e,this._height=t,this.contentContainer.layout(this._width,this._height),(null===(i=this._activePanel)||void 0===i?void 0:i.layout)&&this._activePanel.layout(this._width,this._height)}_removePanel(e,t){const i=this._activePanel===e;if(this.doRemovePanel(e),i&&this.panels.length>0){const e=this.mostRecentlyUsed[0];this.openPanel(e,{skipSetActive:t.skipSetActive,skipSetGroupActive:t.skipSetActiveGroup})}return this._activePanel&&0===this.panels.length&&this.doSetActivePanel(void 0),t.skipSetActive||this.updateContainer(),e}doRemovePanel(e){const t=this.panels.indexOf(e);if(this._activePanel===e&&this.contentContainer.closePanel(),this.tabsContainer.delete(e.id),this._panels.splice(t,1),this.mostRecentlyUsed.includes(e)){const t=this.mostRecentlyUsed.indexOf(e);this.mostRecentlyUsed.splice(t,1)}const i=this._panelDisposables.get(e.id);i&&(i.dispose(),this._panelDisposables.delete(e.id)),this.removePanelFromTabGroup(e.id),this._onDidRemovePanel.fire({panel:e})}doAddPanel(e,t=this.panels.length,i={skipSetActive:!1}){const o=this._panels.indexOf(e)>-1;this.tabsContainer.show(),this.contentContainer.show(),this.tabsContainer.openPanel(e,t),i.skipSetActive?"always"===e.api.renderer&&this.contentContainer.renderPanel(e,{asActive:!1}):this.contentContainer.openPanel(e),o||(this.updateMru(e),this.panels.splice(t,0,e),this._panelDisposables.set(e.id,new h(e.api.onDidTitleChange(e=>this._onDidPanelTitleChange.fire(e)),e.api.onDidParametersChange(e=>this._onDidPanelParametersChange.fire(e)))),this._onDidAddPanel.fire({panel:e}))}doSetActivePanel(e){var t,i,o;this._activePanel!==e&&(this._activePanel=e,e&&(this.tabsContainer.setActivePanel(e),this.contentContainer.setLabelledBy(this.tabsContainer.getTabId(e.id)),this.contentContainer.openPanel(e),e.layout(this._width,this._height),this.updateMru(e),this.contentContainer.refreshFocusState(),this._onDidActivePanelChange.fire({panel:e,origin:null!==(o=null===(i=(t=this.accessor).currentOrigin)||void 0===i?void 0:i.call(t))&&void 0!==o?o:"user"})),this.updateAccessibleLabel())}updateAccessibleLabel(){var e;const t=null===(e=this._activePanel)||void 0===e?void 0:e.title;t?this.container.setAttribute("aria-label",t):this.container.removeAttribute("aria-label")}updateMru(e){this.mostRecentlyUsed.includes(e)&&this.mostRecentlyUsed.splice(this.mostRecentlyUsed.indexOf(e),1),this.mostRecentlyUsed=[e,...this.mostRecentlyUsed]}updateContainer(){var e,t;this.panels.forEach(e=>e.runEvents());const i=this.isEmpty||!this._activePanel;if(i&&!this.watermark){const e=this.accessor.createWatermarkComponent();e.init({containerApi:this._api,group:this.groupPanel}),this.watermark=e,b(this.watermark.element,"pointerdown",()=>{this.isActive||this.accessor.doSetGroupActive(this.groupPanel)}),this.contentContainer.element.appendChild(this.watermark.element)}!i&&this.watermark&&(this.watermark.element.remove(),null===(t=(e=this.watermark).dispose)||void 0===t||t.call(e),this.watermark=void 0)}canDisplayOverlay(e,t,i){const o=new Dt(e,i,t,d,this.accessor.getPanel(this.id));return this._onUnhandledDragOver.fire(o),o.isAccepted}handleDropEvent(e,t,i,o){if("no-drop-target"===this.locked)return;const n="number"==typeof o?this.panels[o]:void 0,r=new Tt({nativeEvent:t,position:i,panel:n,getData:()=>d(),kind:function(){switch(e){case"header":return"number"==typeof o?"tab":"header_space";case"content":return"content"}}(),group:this.groupPanel,api:this._api});if(this._onWillDrop.fire(r),r.defaultPrevented)return;const s=d();if(s&&s.viewId===this.accessor.id){if("content"===e&&s.groupId===this.id){if("center"===i)return;if(null===s.panelId&&!s.tabGroupId)return}if("header"===e&&s.groupId===this.id&&null===s.panelId&&!s.tabGroupId)return;if(null===s.panelId){const{groupId:e}=s;return void this._onMove.fire({target:i,groupId:e,index:o,tabGroupId:s.tabGroupId})}if(-1!==this.tabsContainer.indexOf(s.panelId)&&1===this.tabsContainer.size)return;const{groupId:t,panelId:n}=s;if(this.id===t&&!i){if(this.tabsContainer.indexOf(n)===o)return}this._onMove.fire({target:i,groupId:s.groupId,itemId:s.panelId,index:o})}else this._onDidDrop.fire(new Pt({nativeEvent:t,position:i,panel:n,getData:()=>d(),group:this.groupPanel,api:this._api}))}updateDragAndDropState(){this.tabsContainer.updateDragAndDropState()}dispose(){var e,t,i;super.dispose(),null===(e=this.watermark)||void 0===e||e.element.remove(),null===(i=null===(t=this.watermark)||void 0===t?void 0:t.dispose)||void 0===i||i.call(t),this.watermark=void 0;for(const e of[...this._tabGroups])e.dispose();for(const e of this._tabGroupDisposables.values())e.dispose();this._tabGroupDisposables.clear();for(const e of this._pendingMicrotaskDisposables)e.dispose();this._pendingMicrotaskDisposables.clear();for(const e of this.panels)e.dispose();this.tabsContainer.dispose(),this.contentContainer.dispose()}}class It extends $e{constructor(e,t,i){super(e,t),this._onDidConstraintsChangeInternal=new m,this.onDidConstraintsChangeInternal=this._onDidConstraintsChangeInternal.event,this._onDidConstraintsChange=new m,this.onDidConstraintsChange=this._onDidConstraintsChange.event,this._onDidSizeChange=new m,this.onDidSizeChange=this._onDidSizeChange.event,this.addDisposables(this._onDidConstraintsChangeInternal,this._onDidConstraintsChange,this._onDidSizeChange),i&&this.initialize(i)}setConstraints(e){this._onDidConstraintsChangeInternal.fire(e)}setSize(e){this._onDidSizeChange.fire(e)}}class Et extends Ye{get priority(){return this._priority}get snap(){return this._snap}get minimumWidth(){return this.__minimumWidth()}get minimumHeight(){return this.__minimumHeight()}get maximumHeight(){return this.__maximumHeight()}get maximumWidth(){return this.__maximumWidth()}__minimumWidth(){const e="function"==typeof this._minimumWidth?this._minimumWidth():this._minimumWidth;return e!==this._evaluatedMinimumWidth&&(this._evaluatedMinimumWidth=e,this.updateConstraints()),e}__maximumWidth(){const e="function"==typeof this._maximumWidth?this._maximumWidth():this._maximumWidth;return e!==this._evaluatedMaximumWidth&&(this._evaluatedMaximumWidth=e,this.updateConstraints()),e}__minimumHeight(){const e="function"==typeof this._minimumHeight?this._minimumHeight():this._minimumHeight;return e!==this._evaluatedMinimumHeight&&(this._evaluatedMinimumHeight=e,this.updateConstraints()),e}__maximumHeight(){const e="function"==typeof this._maximumHeight?this._maximumHeight():this._maximumHeight;return e!==this._evaluatedMaximumHeight&&(this._evaluatedMaximumHeight=e,this.updateConstraints()),e}get isActive(){return this.api.isActive}get isVisible(){return this.api.isVisible}constructor(e,t,i,o){super(e,t,null!=o?o:new It(e,t)),this._evaluatedMinimumWidth=0,this._evaluatedMaximumWidth=Number.MAX_SAFE_INTEGER,this._evaluatedMinimumHeight=0,this._evaluatedMaximumHeight=Number.MAX_SAFE_INTEGER,this._minimumWidth=0,this._minimumHeight=0,this._maximumWidth=Number.MAX_SAFE_INTEGER,this._maximumHeight=Number.MAX_SAFE_INTEGER,this._snap=!1,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,"number"==typeof(null==i?void 0:i.minimumWidth)&&(this._minimumWidth=i.minimumWidth),"number"==typeof(null==i?void 0:i.maximumWidth)&&(this._maximumWidth=i.maximumWidth),"number"==typeof(null==i?void 0:i.minimumHeight)&&(this._minimumHeight=i.minimumHeight),"number"==typeof(null==i?void 0:i.maximumHeight)&&(this._maximumHeight=i.maximumHeight),this.api.initialize(this),this.addDisposables(this.api.onWillVisibilityChange(e=>{const{isVisible:t}=e,{accessor:i}=this._params;i.setVisible(this,t)}),this.api.onActiveChange(()=>{const{accessor:e}=this._params;e.doSetGroupActive(this)}),this.api.onDidConstraintsChangeInternal(e=>{"number"!=typeof e.minimumWidth&&"function"!=typeof e.minimumWidth||(this._minimumWidth=e.minimumWidth),"number"!=typeof e.minimumHeight&&"function"!=typeof e.minimumHeight||(this._minimumHeight=e.minimumHeight),"number"!=typeof e.maximumWidth&&"function"!=typeof e.maximumWidth||(this._maximumWidth=e.maximumWidth),"number"!=typeof e.maximumHeight&&"function"!=typeof e.maximumHeight||(this._maximumHeight=e.maximumHeight)}),this.api.onDidSizeChange(e=>{this._onDidChange.fire({height:e.height,width:e.width})}),this._onDidChange)}setVisible(e){this.api._onDidVisibilityChange.fire({isVisible:e})}setActive(e){this.api._onDidActiveChange.fire({isActive:e})}init(e){e.maximumHeight&&(this._maximumHeight=e.maximumHeight),e.minimumHeight&&(this._minimumHeight=e.minimumHeight),e.maximumWidth&&(this._maximumWidth=e.maximumWidth),e.minimumWidth&&(this._minimumWidth=e.minimumWidth),this._priority=e.priority,this._snap=!!e.snap,super.init(e),"boolean"==typeof e.isVisible&&this.setVisible(e.isVisible)}updateConstraints(){this.api._onDidConstraintsChange.fire({minimumWidth:this._evaluatedMinimumWidth,maximumWidth:this._evaluatedMaximumWidth,minimumHeight:this._evaluatedMinimumHeight,maximumHeight:this._evaluatedMaximumHeight})}toJSON(){const e=super.toJSON(),t=e=>e===Number.MAX_SAFE_INTEGER?void 0:e,i=e=>e<=0?void 0:e;return Object.assign(Object.assign({},e),{minimumHeight:i(this.minimumHeight),maximumHeight:t(this.maximumHeight),minimumWidth:i(this.minimumWidth),maximumWidth:t(this.maximumWidth),snap:this.snap,priority:this.priority})}}const Ot="dockview: DockviewGroupPanelApiImpl not initialized";class Mt extends It{get location(){if(!this._group)throw new Error(Ot);return this._group.model.location}get boundingBox(){if(!this._group||"popout"===this._group.model.location.type)return;const e=this.accessor.element.getBoundingClientRect(),t=this._group.element.getBoundingClientRect();return{left:t.left-e.left,top:t.top-e.top,width:t.width,height:t.height}}get locked(){if(!this._group)throw new Error(Ot);return this._group.locked}set locked(e){if(!this._group)throw new Error(Ot);this._group.locked=e}constructor(e,t){super(e,"__dockviewgroup__"),this.accessor=t,this._onDidLocationChange=new m,this.onDidLocationChange=this._onDidLocationChange.event,this._onDidActivePanelChange=new m,this.onDidActivePanelChange=this._onDidActivePanelChange.event,this._onDidCollapsedChange=new m,this.onDidCollapsedChange=this._onDidCollapsedChange.event,this.addDisposables(this._onDidLocationChange,this._onDidActivePanelChange,this._onDidCollapsedChange,this._onDidVisibilityChange.event(e=>{e.isVisible&&this._pendingSize&&(super.setSize(this._pendingSize),this._pendingSize=void 0)}))}setSize(e){this._pendingSize=Object.assign({},e),super.setSize(e)}close(){if(this._group)return this.accessor.removeGroup(this._group)}getWindow(){return"popout"===this.location.type?this.location.getWindow():window}setHeaderPosition(e){if(!this._group)throw new Error(Ot);this._group.model.headerPosition=e}getHeaderPosition(){if(!this._group)throw new Error(Ot);return this._group.model.headerPosition}moveTo(e){var t,i,o,n;if(!this._group)throw new Error(Ot);const r=null!==(t=e.group)&&void 0!==t?t:this.accessor.addGroup({direction:Ge(null!==(i=e.position)&&void 0!==i?i:"right"),skipSetActive:null!==(o=e.skipSetActive)&&void 0!==o&&o});this.accessor.moveGroupOrPanel({from:{groupId:this._group.id},to:{group:r,position:e.group&&null!==(n=e.position)&&void 0!==n?n:"center",index:e.index},skipSetActive:e.skipSetActive})}maximize(){if(!this._group)throw new Error(Ot);"grid"===this.location.type&&this.accessor.maximizeGroup(this._group)}isMaximized(){if(!this._group)throw new Error(Ot);return this.accessor.isMaximizedGroup(this._group)}exitMaximized(){if(!this._group)throw new Error(Ot);this.isMaximized()&&this.accessor.exitMaximizedGroup()}collapse(){this._group&&this.accessor.setEdgeGroupCollapsed(this._group,!0)}expand(){this._group&&this.accessor.setEdgeGroupCollapsed(this._group,!1)}isCollapsed(){return!!this._group&&this.accessor.isEdgeGroupCollapsed(this._group)}initialize(e){this._group=e}}class Lt extends Et{get minimumWidth(){var e;if("number"==typeof this._explicitConstraints.minimumWidth)return this._explicitConstraints.minimumWidth;const t=null===(e=this.activePanel)||void 0===e?void 0:e.minimumWidth;return"number"==typeof t?t:super.__minimumWidth()}get minimumHeight(){var e;if("number"==typeof this._explicitConstraints.minimumHeight)return this._explicitConstraints.minimumHeight;const t=null===(e=this.activePanel)||void 0===e?void 0:e.minimumHeight;return"number"==typeof t?t:super.__minimumHeight()}get maximumWidth(){var e;if("number"==typeof this._explicitConstraints.maximumWidth)return this._explicitConstraints.maximumWidth;const t=null===(e=this.activePanel)||void 0===e?void 0:e.maximumWidth;return"number"==typeof t?t:super.__maximumWidth()}get maximumHeight(){var e;if("number"==typeof this._explicitConstraints.maximumHeight)return this._explicitConstraints.maximumHeight;const t=null===(e=this.activePanel)||void 0===e?void 0:e.maximumHeight;return"number"==typeof t?t:super.__maximumHeight()}get panels(){return this._model.panels}get activePanel(){return this._model.activePanel}get size(){return this._model.size}get model(){return this._model}get locked(){return this._model.locked}set locked(e){this._model.locked=e}get header(){return this._model.header}constructor(e,t,i){var o,n,r,s,a,d;super(t,"groupview_default",{minimumHeight:null!==(n=null===(o=i.constraints)||void 0===o?void 0:o.minimumHeight)&&void 0!==n?n:100,minimumWidth:null!==(s=null===(r=i.constraints)||void 0===r?void 0:r.minimumWidth)&&void 0!==s?s:100,maximumHeight:null===(a=i.constraints)||void 0===a?void 0:a.maximumHeight,maximumWidth:null===(d=i.constraints)||void 0===d?void 0:d.maximumWidth},new Mt(t,e)),this._explicitConstraints={},this.api.initialize(this),this._model=new At(this.element,e,t,i,this),this.addDisposables(this.model.onDidActivePanelChange(e=>{this.api._onDidActivePanelChange.fire(e)}),this.api.onDidConstraintsChangeInternal(e=>{void 0!==e.minimumWidth&&(this._explicitConstraints.minimumWidth="function"==typeof e.minimumWidth?e.minimumWidth():e.minimumWidth),void 0!==e.minimumHeight&&(this._explicitConstraints.minimumHeight="function"==typeof e.minimumHeight?e.minimumHeight():e.minimumHeight),void 0!==e.maximumWidth&&(this._explicitConstraints.maximumWidth="function"==typeof e.maximumWidth?e.maximumWidth():e.maximumWidth),void 0!==e.maximumHeight&&(this._explicitConstraints.maximumHeight="function"==typeof e.maximumHeight?e.maximumHeight():e.maximumHeight)}))}focus(){this.api.isActive||this.api.setActive(),super.focus()}initialize(){this._model.initialize()}setActive(e){super.setActive(e),this.model.setActive(e)}layout(e,t){super.layout(e,t),this.model.layout(e,t)}getComponent(){return this._model}toJSON(){return this.model.toJSON()}}const Vt={name:"abyss",className:"dockview-theme-abyss",colorScheme:"dark",tabGroupIndicator:"none"};class Rt extends It{get location(){return this.group.api.location}get title(){return this.panel.title}get isGroupActive(){return this.group.isActive}get renderer(){return this.panel.renderer}set group(e){const t=this._group;this._group!==e&&(this._group=e,this._onDidGroupChange.fire({}),this.setupGroupEventListeners(t),this._onDidLocationChange.fire({location:this.group.api.location}))}get group(){return this._group}get tabComponent(){return this._tabComponent}constructor(e,t,i,o,n){super(e.id,o),this.panel=e,this.accessor=i,this._onDidTitleChange=new m,this.onDidTitleChange=this._onDidTitleChange.event,this._onDidActiveGroupChange=new m,this.onDidActiveGroupChange=this._onDidActiveGroupChange.event,this._onDidGroupChange=new m,this.onDidGroupChange=this._onDidGroupChange.event,this._onDidRendererChange=new m,this.onDidRendererChange=this._onDidRendererChange.event,this._onDidLocationChange=new m,this.onDidLocationChange=this._onDidLocationChange.event,this.groupEventsDisposable=new c,this._tabComponent=n,this.initialize(e),this._group=t,this.setupGroupEventListeners(),this.addDisposables(this.groupEventsDisposable,this._onDidRendererChange,this._onDidTitleChange,this._onDidGroupChange,this._onDidActiveGroupChange,this._onDidLocationChange)}getWindow(){return this.group.api.getWindow()}setActive(){this.accessor.withOrigin("api",()=>super.setActive())}moveTo(e){var t,i;this.accessor.moveGroupOrPanel({from:{groupId:this._group.id,panelId:this.panel.id},to:{group:null!==(t=e.group)&&void 0!==t?t:this._group,position:e.group&&null!==(i=e.position)&&void 0!==i?i:"center",index:e.index},skipSetActive:e.skipSetActive})}setTitle(e){this.panel.setTitle(e)}setRenderer(e){this.panel.setRenderer(e)}close(){this.group.model.closePanel(this.panel)}maximize(){this.group.api.maximize()}isMaximized(){return this.group.api.isMaximized()}exitMaximized(){this.group.api.exitMaximized()}setupGroupEventListeners(e){var t;let i=null!==(t=null==e?void 0:e.isActive)&&void 0!==t&&t;this.groupEventsDisposable.value=new h(this.group.api.onDidVisibilityChange(e=>{const t=!e.isVisible&&this.isVisible,i=e.isVisible&&!this.isVisible,o=this.group.model.isPanelActive(this.panel);(t||i&&o)&&this._onDidVisibilityChange.fire(e)}),this.group.api.onDidLocationChange(e=>{this.group===this.panel.group&&this._onDidLocationChange.fire(e)}),this.group.api.onDidActiveChange(()=>{this.group===this.panel.group&&i!==this.isGroupActive&&(i=this.isGroupActive,this._onDidActiveGroupChange.fire({isActive:this.isGroupActive}))}))}}class Nt extends h{get params(){return this._params}get title(){return this._title}get group(){return this._group}get renderer(){var e;return null!==(e=this._renderer)&&void 0!==e?e:this.accessor.renderer}get minimumWidth(){return this._minimumWidth}get minimumHeight(){return this._minimumHeight}get maximumWidth(){return this._maximumWidth}get maximumHeight(){return this._maximumHeight}constructor(e,t,i,o,n,r,s,a){super(),this.id=e,this.accessor=o,this.containerApi=n,this.view=s,this._renderer=a.renderer,this._group=r,this._minimumWidth=a.minimumWidth,this._minimumHeight=a.minimumHeight,this._maximumWidth=a.maximumWidth,this._maximumHeight=a.maximumHeight,this.api=new Rt(this,this._group,o,t,i),this.addDisposables(this.api.onActiveChange(()=>{o.setActivePanel(this)}),this.api.onDidSizeChange(e=>{this.group.api.setSize(e)}),this.api.onDidRendererChange(()=>{this.group.model.rerender(this)}))}init(e){this._params=e.params,this.view.init(Object.assign(Object.assign({},e),{api:this.api,containerApi:this.containerApi})),this.setTitle(e.title)}focus(){const e=new Be;this.api._onWillFocus.fire(e),e.defaultPrevented||this.api.isActive||this.api.setActive()}toJSON(){return{id:this.id,contentComponent:this.view.contentComponent,tabComponent:this.view.tabComponent,params:Object.keys(this._params||{}).length>0?this._params:void 0,title:this.title,renderer:this._renderer,minimumHeight:this._minimumHeight,maximumHeight:this._maximumHeight,minimumWidth:this._minimumWidth,maximumWidth:this._maximumWidth}}setTitle(e){e!==this.title&&(this._title=e,this.view.setTitle(e),this.api._onDidTitleChange.fire({title:e}))}setRenderer(e){e!==this.renderer&&(this._renderer=e,this.api._onDidRendererChange.fire({renderer:e}))}update(e){var t;this._params=Object.assign(Object.assign({},null!==(t=this._params)&&void 0!==t?t:{}),e.params);for(const t of Object.keys(e.params))void 0===e.params[t]&&delete this._params[t];this.view.update({params:this._params})}updateFromStateModel(e){var t,i,o;this._maximumHeight=e.maximumHeight,this._minimumHeight=e.minimumHeight,this._maximumWidth=e.maximumWidth,this._minimumWidth=e.minimumWidth,this.update({params:null!==(t=e.params)&&void 0!==t?t:{}}),this.setTitle(null!==(i=e.title)&&void 0!==i?i:this.id),this.setRenderer(null!==(o=e.renderer)&&void 0!==o?o:this.accessor.renderer)}updateParentGroup(e,t){this._group=e,this.api.group=this._group;const i=this._group.model.isPanelActive(this),o=this.group.api.isActive&&i;(null==t?void 0:t.skipSetActive)||this.api.isActive!==o&&this.api._onDidActiveChange.fire({isActive:this.group.api.isActive&&i}),this.api.isVisible!==i&&this.api._onDidVisibilityChange.fire({isVisible:i})}runEvents(){const e=this._group.model.isPanelActive(this),t=this.group.api.isActive&&e;this.api.isActive!==t&&this.api._onDidActiveChange.fire({isActive:this.group.api.isActive&&e}),this.api.isVisible!==e&&this.api._onDidVisibilityChange.fire({isVisible:e})}layout(e,t){this.api._onDidDimensionChange.fire({width:e,height:t}),this.view.layout(e,t)}dispose(){this.api.dispose(),this.view.dispose()}}class Wt extends h{get element(){return this._element}constructor(){super(),this._element=document.createElement("div"),this._element.className="dv-default-tab",this._content=document.createElement("div"),this._content.className="dv-default-tab-content",this.action=document.createElement("div"),this.action.className="dv-default-tab-action",this.action.appendChild(_t({width:"11",height:"11",viewbox:"0 0 28 28",path:"M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z"})),this._element.appendChild(this._content),this._element.appendChild(this.action),this.render()}init(e){this._title=e.title,this.addDisposables(e.api.onDidTitleChange(e=>{this._title=e.title,this.render()}),b(this.action,"pointerdown",e=>{e.preventDefault()}),b(this.action,"click",t=>{t.defaultPrevented||(t.preventDefault(),e.api.close())})),this.render()}render(){var e;this._content.textContent!==this._title&&(this._content.textContent=null!==(e=this._title)&&void 0!==e?e:"")}}class Ht{get content(){return this._content}get tab(){return this._tab}constructor(e,t,i,o){this.accessor=e,this.id=t,this.contentComponent=i,this.tabComponent=o,this._content=this.createContentComponent(this.id,i),this._tab=this.createTabComponent(this.id,o)}createTabRenderer(e){var t;const i=this.createTabComponent(this.id,this.tabComponent);return this._params&&i.init(Object.assign(Object.assign({},this._params),{tabLocation:e})),this._updateEvent&&(null===(t=i.update)||void 0===t||t.call(i,this._updateEvent)),i}init(e){this._params=e,this.content.init(e),this.tab.init(Object.assign(Object.assign({},e),{tabLocation:"header"}))}setTitle(e){this._params&&(this._params.title=e)}layout(e,t){var i,o;null===(o=(i=this.content).layout)||void 0===o||o.call(i,e,t)}update(e){var t,i,o,n;this._updateEvent=e,null===(i=(t=this.content).update)||void 0===i||i.call(t,e),null===(n=(o=this.tab).update)||void 0===n||n.call(o,e)}dispose(){var e,t,i,o;null===(t=(e=this.content).dispose)||void 0===t||t.call(e),null===(o=(i=this.tab).dispose)||void 0===o||o.call(i)}createContentComponent(e,t){return this.accessor.options.createComponent({id:e,name:t})}createTabComponent(e,t){const i=null!=t?t:this.accessor.options.defaultTabComponent;if(i){if(this.accessor.options.createTabComponent){const t=this.accessor.options.createTabComponent({id:e,name:i});return t||new Wt}console.warn(`dockview: tabComponent '${t}' was not found. falling back to the default tab.`)}return new Wt}}class Ft{constructor(e){this.accessor=e}fromJSON(e,t){var i,o;const n=e.id,r=e.params,s=e.title,a=e.view,d=a?a.content.id:null!==(i=e.contentComponent)&&void 0!==i?i:"unknown",l=a?null===(o=a.tab)||void 0===o?void 0:o.id:e.tabComponent,h=new Ht(this.accessor,n,d,l),c=new Nt(n,d,l,this.accessor,new _e(this.accessor),t,h,{renderer:e.renderer,minimumWidth:e.minimumWidth,minimumHeight:e.minimumHeight,maximumWidth:e.maximumWidth,maximumHeight:e.maximumHeight});return c.init({title:null!=s?s:n,params:null!=r?r:{}}),c}}class Bt extends h{get element(){return this._element}constructor(){super(),this._element=document.createElement("div"),this._element.className="dv-watermark"}init(e){}}const $t=new class{constructor(){this._orderedList=[]}push(e){this._orderedList=[...this._orderedList.filter(t=>t!==e),e],this.update()}destroy(e){this._orderedList=this._orderedList.filter(t=>t!==e),this.update()}update(){for(let e=0;e<this._orderedList.length;e++)this._orderedList[e].setAttribute("aria-level",`${e}`),this._orderedList[e].style.zIndex=`calc(var(--dv-overlay-z-index, 999) + ${2*e})`}};class Ut extends h{set minimumInViewportWidth(e){this.options.minimumInViewportWidth=e}set minimumInViewportHeight(e){this.options.minimumInViewportHeight=e}get element(){return this._element}get isVisible(){return this._isVisible}get headerHeight(){var e,t;return null!==(t=null===(e=this.options.header)||void 0===e?void 0:e.offsetHeight)&&void 0!==t?t:0}constructor(e){super(),this.options=e,this._element=document.createElement("div"),this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this._onDidChangeEnd=new m,this.onDidChangeEnd=this._onDidChangeEnd.event,this._onDidStartMoving=new m,this.onDidStartMoving=this._onDidStartMoving.event,this._dragMove=new c,this._dragCancelled=!1,this.addDisposables(this._onDidChange,this._onDidChangeEnd,this._onDidStartMoving,this._dragMove),this._element.className="dv-resize-container",this._element.setAttribute("role","dialog"),this._element.setAttribute("aria-modal","false"),this._isVisible=!0,this.setupResize("top"),this.setupResize("bottom"),this.setupResize("left"),this.setupResize("right"),this.setupResize("topleft"),this.setupResize("topright"),this.setupResize("bottomleft"),this.setupResize("bottomright"),this.options.header&&(y(this._element,"dv-resize-container-with-titlebar",!0),this._element.appendChild(this.options.header)),this._element.appendChild(this.options.content),this.options.container.appendChild(this._element),this.setBounds(Object.assign(Object.assign(Object.assign(Object.assign({height:this.options.height,width:this.options.width},"top"in this.options&&{top:this.options.top}),"bottom"in this.options&&{bottom:this.options.bottom}),"left"in this.options&&{left:this.options.left}),"right"in this.options&&{right:this.options.right})),$t.push(this._element)}setVisible(e){e!==this.isVisible&&(this._isVisible=e,y(this.element,"dv-hidden",!this.isVisible))}bringToFront(){$t.push(this._element)}setBounds(e={}){"number"==typeof e.height&&(this._element.style.height=`${e.height}px`),"number"==typeof e.width&&(this._element.style.width=`${e.width}px`),"top"in e&&"number"==typeof e.top&&(this._element.style.top=`${e.top}px`,this._element.style.bottom="auto",this.verticalAlignment="top"),"bottom"in e&&"number"==typeof e.bottom&&(this._element.style.bottom=`${e.bottom}px`,this._element.style.top="auto",this.verticalAlignment="bottom"),"left"in e&&"number"==typeof e.left&&(this._element.style.left=`${e.left}px`,this._element.style.right="auto",this.horiziontalAlignment="left"),"right"in e&&"number"==typeof e.right&&(this._element.style.right=`${e.right}px`,this._element.style.left="auto",this.horiziontalAlignment="right");const t=this.options.container.getBoundingClientRect(),i=this._element.getBoundingClientRect(),o=Math.max(0,this.getMinimumWidth(i.width)),n=Math.max(0,this.getMinimumHeight(i.height));if("top"===this.verticalAlignment){const e=W(i.top-t.top,-n,Math.max(0,t.height-i.height+n));this._element.style.top=`${e}px`,this._element.style.bottom="auto"}if("bottom"===this.verticalAlignment){const e=W(t.bottom-i.bottom,-n,Math.max(0,t.height-i.height+n));this._element.style.bottom=`${e}px`,this._element.style.top="auto"}if("left"===this.horiziontalAlignment){const e=W(i.left-t.left,-o,Math.max(0,t.width-i.width+o));this._element.style.left=`${e}px`,this._element.style.right="auto"}if("right"===this.horiziontalAlignment){const e=W(t.right-i.right,-o,Math.max(0,t.width-i.width+o));this._element.style.right=`${e}px`,this._element.style.left="auto"}this._onDidChange.fire()}toJSON(){const e=this.options.container.getBoundingClientRect(),t=this._element.getBoundingClientRect(),i={};return"top"===this.verticalAlignment?i.top=parseFloat(this._element.style.top):"bottom"===this.verticalAlignment?i.bottom=parseFloat(this._element.style.bottom):i.top=t.top-e.top,"left"===this.horiziontalAlignment?i.left=parseFloat(this._element.style.left):"right"===this.horiziontalAlignment?i.right=parseFloat(this._element.style.right):i.left=t.left-e.left,i.width=t.width,i.height=t.height,i}cancelPendingDrag(){this._dragMove.value&&(this._dragCancelled=!0,y(this._element,"dv-resize-container-dragging",!1),this._dragMove.value=e.DockviewDisposable.NONE)}setupDrag(t,i={inDragMode:!1}){const o=(t,i)=>{var o,n,r;let s=null,a=!1;this._dragCancelled=!1;const d=this.options.transformDragPosition&&null!==(r=null===(n=(o=this.options).getSiblingBoxes)||void 0===n?void 0:n.call(o))&&void 0!==r?r:[],l=A();if(t&&"number"==typeof i&&"function"==typeof t.setPointerCapture)try{t.setPointerCapture(i)}catch(e){}const c=()=>{y(this._element,"dv-resize-container-dragging",!1),this._dragMove.value=e.DockviewDisposable.NONE,this._onDidChangeEnd.fire()};this._dragMove.value=new h({dispose:()=>{if(l.release(),t&&"number"==typeof i&&"function"==typeof t.releasePointerCapture)try{t.releasePointerCapture(i)}catch(e){}}},b(window,"pointermove",e=>{if(this._dragCancelled)return;const t=this.options.container.getBoundingClientRect(),i=e.clientX-t.left,o=e.clientY-t.top;y(this._element,"dv-resize-container-dragging",!0);const n=this._element.getBoundingClientRect();null===s&&(s={x:e.clientX-n.left,y:e.clientY-n.top});const r=Math.max(0,this.getMinimumWidth(n.width)),l=Math.max(0,this.getMinimumHeight(n.height));let h=o-s.y,c=i-s.x;if(this.options.transformDragPosition){const e=this.options.transformDragPosition({proposed:{top:h,left:c,width:n.width,height:n.height},container:{width:t.width,height:t.height},others:d});e&&(h=e.top,c=e.left)}const p=Math.max(0,t.height-n.height+l),v=Math.max(0,t.width-n.width+r),u=W(h,-l,p),g=W(t.height-n.height-h,-l,p),m=W(c,-r,v),b=W(t.width-n.width-c,-r,v),f={};u<=g?f.top=u:f.bottom=g,m<=b?f.left=m:f.right=b,this.setBounds(f),a||(a=!0,this._onDidStartMoving.fire())}),b(window,"pointerup",c),b(window,"pointercancel",c))};this.addDisposables(b(t,"pointerdown",e=>{e.defaultPrevented?e.preventDefault():P(e)||o(t,e.pointerId)}),b(this.options.content,"pointerdown",e=>{e.defaultPrevented||P(e)||e.shiftKey&&o(this.options.content,e.pointerId)}),b(this.options.content,"pointerdown",()=>{$t.push(this._element)},!0)),i.inDragMode&&o()}setupResize(e){const t=document.createElement("div");t.className=`dv-resize-handle-${e}`,this._element.appendChild(t);const i=new c;this.addDisposables(i,b(t,"pointerdown",o=>{o.preventDefault();let n=null;const r=A(),s=o.pointerId;if("function"==typeof t.setPointerCapture)try{t.setPointerCapture(s)}catch(e){}const a=()=>{i.dispose(),this._onDidChangeEnd.fire()};i.value=new h(b(window,"pointermove",t=>{const i=this.options.container.getBoundingClientRect(),o=this._element.getBoundingClientRect(),r=t.clientY-i.top,s=t.clientX-i.left;let a,d,l,h,c,p;null===n&&(n={originalY:r,originalHeight:o.height,originalX:s,originalWidth:o.width});const v=()=>{const e=n.originalY+n.originalHeight>i.height?Math.max(0,i.height-Ut.MINIMUM_HEIGHT):Math.max(0,n.originalY+n.originalHeight-Ut.MINIMUM_HEIGHT);a=W(r,0,e),l=n.originalY+n.originalHeight-a,d=i.height-a-l},u=()=>{a=n.originalY-n.originalHeight;const e=a<0&&"number"==typeof this.options.minimumInViewportHeight?-a+this.options.minimumInViewportHeight:Ut.MINIMUM_HEIGHT,t=i.height-Math.max(0,a);l=W(r-a,e,t),d=i.height-a-l},g=()=>{const e=n.originalX+n.originalWidth>i.width?Math.max(0,i.width-Ut.MINIMUM_WIDTH):Math.max(0,n.originalX+n.originalWidth-Ut.MINIMUM_WIDTH);h=W(s,0,e),p=n.originalX+n.originalWidth-h,c=i.width-h-p},m=()=>{h=n.originalX-n.originalWidth;const e=h<0&&"number"==typeof this.options.minimumInViewportWidth?-h+this.options.minimumInViewportWidth:Ut.MINIMUM_WIDTH,t=i.width-Math.max(0,h);p=W(s-h,e,t),c=i.width-h-p};switch(e){case"top":v();break;case"bottom":u();break;case"left":g();break;case"right":m();break;case"topleft":v(),g();break;case"topright":v(),m();break;case"bottomleft":u(),g();break;case"bottomright":u(),m()}const b={};a<=d?b.top=a:b.bottom=d,h<=c?b.left=h:b.right=c,b.height=l,b.width=p,this.setBounds(b)}),{dispose:()=>{if(r.release(),"function"==typeof t.releasePointerCapture)try{t.releasePointerCapture(s)}catch(e){}}},b(window,"pointerup",a),b(window,"pointercancel",a))}))}getMinimumWidth(e){return"number"==typeof this.options.minimumInViewportWidth?e-this.options.minimumInViewportWidth:0}getMinimumHeight(e){return"number"==typeof this.options.minimumInViewportHeight?e-this.options.minimumInViewportHeight:0}dispose(){$t.destroy(this._element),this._element.remove(),super.dispose()}}Ut.MINIMUM_HEIGHT=20,Ut.MINIMUM_WIDTH=20;class jt extends h{get element(){return this._element}get group(){return this._group}setGroup(e){this._group=e}constructor(e,t){super(),this.accessor=e,this._onDragStart=new m,this.onDragStart=this._onDragStart.event,this._group=t,this._element=document.createElement("div"),this._element.className="dv-floating-titlebar",this.addDisposables(this._onDragStart,b(this._element,"pointerdown",()=>{this.accessor.doSetGroupActive(this._group)}),b(this._element,"pointerdown",e=>{e.shiftKey&&G(e)},!0)),this.dragSource=new ot({element:this._element,accessor:this.accessor,group:()=>this._group}),this.addDisposables(this.dragSource,this.dragSource.onDragStart(e=>{this._onDragStart.fire(e)}))}updateDragAndDropState(){this.dragSource.updateDragAndDropState()}}function Yt(e){return{moduleName:e.name,services:{[e.serviceKey]:e.create},init:e.init?(t,i)=>e.init(t,i[e.serviceKey]):void 0,dependsOn:e.dependsOn}}const Jt=new Set;function Xt(e,t,i){if(void 0!==e)return e;const o=`${t}|${null!=i?i:""}`;if(Jt.has(o))return;Jt.add(o);const n=i?` for ${i}`:"";console.error(`dockview: module "${t}" is not registered${n}.`)}class Zt{constructor(){this._modules=new Map,this._services={},this._initDisposables=[]}get services(){return this._services}register(e){if(!this._modules.has(e.moduleName)){if(e.dependsOn)for(const t of e.dependsOn)this.register(t);this._modules.set(e.moduleName,e)}}initialize(e){for(const t of this._modules.values())if(t.services)for(const[i,o]of Object.entries(t.services))this._services[i]=o(e)}postConstruct(e){for(const t of this._modules.values())t.init&&this._initDisposables.push(t.init(e,this._services))}has(e){return this._modules.has(e)}dispose(){for(const e of this._initDisposables)e.dispose();this._initDisposables.length=0;for(const e of Object.values(this._services))void 0!==e&&"function"==typeof e.dispose&&e.dispose()}}const Kt=[];function qt(e){for(const t of e)Kt.some(e=>e.moduleName===t.moduleName)||Kt.push(t)}function Qt(){return[...Kt]}let ei=!1;function ti(){ei=!0}function ii(){return ei}const oi=100,ni=100,ri=100,si=300,ai=300;class di extends h{get group(){return this._group}setTitleBar(e){this._titleBar=e}setAnchorGroup(e){var t;this._group=e,null===(t=this._titleBar)||void 0===t||t.setGroup(e)}constructor(e,t,i){super(),this.overlay=t,this.gridview=i,this._group=e,this.addDisposables(t,{dispose:()=>this.gridview.dispose()})}position(e){this.overlay.setBounds(e)}}class li{get floatingGroups(){return this._floatingGroups}constructor(e){this._floatingGroups=[],this._host=e}add(e,t,i){const o=new di(e,t,i),n=new h(e.api.onDidActiveChange(e=>{e.isActive&&t.bringToFront()}),(()=>{let e=-1,t=-1;return w(i.element,o=>{const n=Math.round(o.contentRect.width),r=Math.round(o.contentRect.height);n===e&&r===t||(e=n,t=r,i.layout(n,r))})})()),r=()=>{var i;const o=null===(i=e.activePanel)||void 0===i?void 0:i.title;o?t.element.setAttribute("aria-label",o):t.element.removeAttribute("aria-label")};return r(),o.addDisposables(e.api.onDidActivePanelChange(()=>r()),t.onDidChange(()=>{i.layout(i.width,i.height)}),t.onDidChangeEnd(()=>{this._host.fireLayoutChange()}),e.onDidChange(e=>{t.setBounds({height:"number"==typeof(null==e?void 0:e.height)?e.height+t.headerHeight:null==e?void 0:e.height,width:null==e?void 0:e.width})}),{dispose:()=>{n.dispose(),N(this._floatingGroups,o),e.model.location={type:"grid"}}}),this._floatingGroups.push(o),o}findByGroup(e){return this._floatingGroups.find(t=>t.group===e||t.gridview.element.contains(e.element))}serialize(){return this._floatingGroups.map(e=>{const t=e.gridview.serialize(),i=e.overlay.toJSON(),o=t.root;return"branch"===o.type&&1===o.data.length&&"leaf"===o.data[0].type?{data:o.data[0].data,position:i}:{grid:t,position:i}})}constrainBounds(){for(const e of this._floatingGroups)e.overlay.setBounds()}updateBounds(e){var t,i;if("floatingGroupBounds"in e)for(const o of this._floatingGroups){switch(e.floatingGroupBounds){case"boundedWithinViewport":o.overlay.minimumInViewportHeight=void 0,o.overlay.minimumInViewportWidth=void 0;break;case void 0:o.overlay.minimumInViewportHeight=oi,o.overlay.minimumInViewportWidth=oi;break;default:o.overlay.minimumInViewportHeight=null===(t=e.floatingGroupBounds)||void 0===t?void 0:t.minimumHeightWithinViewport,o.overlay.minimumInViewportWidth=null===(i=e.floatingGroupBounds)||void 0===i?void 0:i.minimumWidthWithinViewport}o.overlay.setBounds()}}disposeAll(){for(const e of[...this._floatingGroups])e.dispose()}dispose(){this.disposeAll()}}const hi=Yt({name:"FloatingGroup",serviceKey:"floatingGroupService",create:e=>new li(e)});class ci{constructor(e){this._entries=[],this._popupServices=new Map,this._restorationCleanups=new Set,this._restorationPromise=Promise.resolve(),this._onDidRemove=new m,this.onDidRemove=this._onDidRemove.event,this._host=e}get entries(){return this._entries}get restorationPromise(){return this._restorationPromise}add(e){this._entries.push(e)}remove(e){N(this._entries,e)&&!this._host.isDisposed&&this._onDidRemove.fire(e)}findByGroup(e){return this._entries.find(t=>t.popoutGroup===e||t.gridview.element.contains(e.element))}findReferenceGroupId(e){var t;return null===(t=this._entries.find(t=>t.popoutGroup===e))||void 0===t?void 0:t.referenceGroup}observeGridviewSize(e,t,i){var o;const n=null===(o=e.window)||void 0===o?void 0:o.ResizeObserver;if(!n)return;let r=-1,s=-1;const a=()=>{const o=e.window;if(this._host.isDisposed||!o||o.closed)return;const n=Math.round(t.element.clientWidth),a=Math.round(t.element.clientHeight);n===r&&a===s||(r=n,s=a,n>0&&a>0&&t.layout(n,a),i.updateAllPositions())},d=new n(()=>{var t;const i=null===(t=e.window)||void 0===t?void 0:t.requestAnimationFrame;i?i.call(e.window,a):a()});return d.observe(t.element),{dispose:()=>d.disconnect()}}getPopupService(e){return this._popupServices.get(e)}setPopupService(e,t){this._popupServices.set(e,t)}deletePopupService(e){this._popupServices.delete(e)}scheduleRestoration(e,t,i){return new Promise(o=>{const n=()=>{this._restorationCleanups.delete(n),clearTimeout(r),null==i||i(),o()},r=setTimeout(()=>{this._restorationCleanups.delete(n),this._host.isDisposed||t(),o()},e);this._restorationCleanups.add(n)})}finishRestoration(e){this._restorationPromise=Promise.all(e).then(()=>{})}cancelPendingRestorations(){for(const e of[...this._restorationCleanups])e();this._restorationCleanups.clear()}serialize(){return this._entries.map(e=>{const t=e.gridview.serialize(),i=t.root,o="popout"===e.popoutGroup.api.location.type?e.popoutGroup.api.location.popoutUrl:void 0,n={gridReferenceGroup:e.referenceGroup,position:e.window.dimensions(),url:o};return"branch"===i.type&&1===i.data.length&&"leaf"===i.data[0].type?Object.assign(Object.assign({},n),{data:i.data[0].data}):Object.assign(Object.assign({},n),{grid:t})})}disposeAll(){for(const e of[...this._entries])e.disposable.dispose()}dispose(){this.cancelPendingRestorations(),this.disposeAll(),this._onDidRemove.dispose()}}const pi=Yt({name:"PopoutWindow",serviceKey:"popoutWindowService",create:e=>new ci(e)});class vi{constructor(e){this._watermark=null,this._host=e}update(){if(this._host.hasVisibleGridGroup())return void this._unmount();if(this._watermark)return;this._watermark=this._host.createWatermarkComponent(),this._watermark.init({containerApi:this._host.api});const e=document.createElement("div");var t;e.className="dv-watermark-container",t="watermark-component",e.setAttribute("data-testid",t),e.appendChild(this._watermark.element),this._host.mountElement.appendChild(e)}refresh(){this._unmount(),this.update()}_unmount(){var e,t;this._watermark&&(this._watermark.element.parentElement.remove(),null===(t=(e=this._watermark).dispose)||void 0===t||t.call(e),this._watermark=null)}dispose(){this._unmount()}}const ui=Yt({name:"Watermark",serviceKey:"watermarkService",create:e=>new vi(e),init:(t,i)=>(i.update(),new h(e.DockviewEvent.any(t.onDidAdd,t.onDidRemove)(()=>{i.update()}),t.onDidViewVisibilityChangeMicroTaskQueue(()=>{i.update()})))});class gi{constructor(){this._edgeGroups=new Map,this._edgeGroupDisposables=new Map}add(e,t,i){this._edgeGroups.set(e,t),this._edgeGroupDisposables.set(e,i)}remove(e){var t;null===(t=this._edgeGroupDisposables.get(e))||void 0===t||t.dispose(),this._edgeGroupDisposables.delete(e),this._edgeGroups.delete(e)}get(e){return this._edgeGroups.get(e)}has(e){return this._edgeGroups.has(e)}hasAny(){return this._edgeGroups.size>0}entries(){return this._edgeGroups.entries()}includes(e){for(const t of this._edgeGroups.values())if(t===e)return!0;return!1}findPositionOf(e){for(const[t,i]of this._edgeGroups)if(i===e)return t}disposeAll(){for(const e of this._edgeGroupDisposables.values())e.dispose();this._edgeGroupDisposables.clear(),this._edgeGroups.clear()}dispose(){this.disposeAll()}}const mi=Yt({name:"EdgeGroup",serviceKey:"edgeGroupService",create:()=>new gi}),bi={activationSize:{type:"pixels",value:10},size:{type:"pixels",value:20}};class fi{constructor(t){const i=(e,i)=>{const o=d();return o?o.viewId===t.id&&("center"!==i||t.isGridEmpty()):!("center"===i&&!t.isGridEmpty())&&t.dispatchUnhandledDragOver(e,i)},o="object"==typeof t.options.dndEdges&&null!==t.options.dndEdges?t.options.dndEdges:bi;this._html5Target=Ne.createDropTarget(t.element,{className:"dv-drop-target-edge",canDisplayOverlay:i,acceptedTargetZones:["top","bottom","left","right","center"],overlayModel:o,getOverrideTarget:()=>t.rootDropTargetOverrideTarget()}),this._pointerTarget=We.createDropTarget(t.element,{className:"dv-drop-target-edge",canDisplayOverlay:i,acceptedTargetZones:["top","bottom","left","right","center"],overlayModel:o,getOverrideTarget:()=>t.rootDropTargetOverrideTarget()}),this.onWillShowOverlay=e.DockviewEvent.any(this._html5Target.onWillShowOverlay,this._pointerTarget.onWillShowOverlay),this.onDrop=e.DockviewEvent.any(this._html5Target.onDrop,this._pointerTarget.onDrop),this.setOptions(t.options)}setOptions(e){if("dndEdges"in e){const t="boolean"==typeof e.dndEdges&&!1===e.dndEdges;this._html5Target.disabled=t,this._pointerTarget.disabled=t,"object"==typeof e.dndEdges&&null!==e.dndEdges?(this._html5Target.setOverlayModel(e.dndEdges),this._pointerTarget.setOverlayModel(e.dndEdges)):(this._html5Target.setOverlayModel(bi),this._pointerTarget.setOverlayModel(bi))}}dispose(){this._html5Target.dispose(),this._pointerTarget.dispose()}}const _i=Yt({name:"RootDropTarget",serviceKey:"rootDropTargetService",create:e=>new fi(e)}),wi={left:"createLeftHeaderActionComponent",right:"createRightHeaderActionComponent",prefix:"createPrefixHeaderActionComponent"};class xi{constructor(e){this._perGroup=new Map,this._host=e}refresh(e){if(!(null==e?void 0:e.model))return;const t=this._ensureState(e);this._refreshSlot("left",e,t.left),this._refreshSlot("right",e,t.right),this._refreshSlot("prefix",e,t.prefix)}refreshAll(){for(const e of this._host.groups)this.refresh(e)}disposeGroup(e){const t=this._perGroup.get(e);t&&(t.left.dispose(),t.right.dispose(),t.prefix.dispose(),this._perGroup.delete(e))}dispose(){for(const e of[...this._perGroup.keys()])this.disposeGroup(e)}_ensureState(e){let t=this._perGroup.get(e);return t||(t={left:new c,right:new c,prefix:new c},this._perGroup.set(e,t)),t}_refreshSlot(e,t,i){const o=this._host.options[wi[e]];if(o){const n=o(t);i.value=n,n.init({containerApi:this._host.api,api:t.api,group:t}),t.model.attachHeaderAction(e,n.element)}else i.dispose(),t.model.attachHeaderAction(e,void 0)}}const Di=Yt({name:"HeaderActions",serviceKey:"headerActionsService",create:e=>new xi(e),init:(e,t)=>new h(e.onDidRemoveGroup(e=>{t.disposeGroup(e)}))});const yi={panelOpened:e=>`${e} opened`,panelClosed:e=>`${e} closed`,groupMaximized:e=>`${e} maximized`,groupRestored:e=>`${e} restored`,groupFloated:e=>`${e} floated`,groupDocked:e=>`${e} docked`,groupPoppedOut:e=>`${e} opened in a new window`,movePickTarget:(e,t,i,o)=>`Moving ${e}. Target ${t}, ${i} of ${o}. Enter to choose where, Escape to cancel.`,movePickEdge:(e,t)=>`${function(e,t){return"center"===e?`Tab into ${t}`:`Split ${e} of ${t}`}(e,t)}. Arrows to change, Enter to confirm, Escape to go back.`,moveCommitted:(e,t,i)=>`${e} ${function(e,t){return"center"===e?`docked into ${t}`:`split ${e} of ${t}`}(i,t)}.`,moveCancelled:()=>"Move cancelled.",moveNotAllowed:()=>"That move is not allowed."};function Ci(e){return e?Object.assign(Object.assign({},yi),e):yi}const Si=e=>"load"===e||"clear"===e;function ki(e){const t=document.createElement("div");return t.className="assertive"===e?"dv-live-region-assertive":"dv-live-region",t.setAttribute("role","assertive"===e?"alert":"status"),t.setAttribute("aria-live",e),t.setAttribute("aria-atomic","true"),Object.assign(t.style,{position:"absolute",width:"1px",height:"1px",margin:"-1px",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",whiteSpace:"nowrap",border:"0"}),t}class zi extends h{constructor(e){super(),this._suppressDepth=0,this._locationSubs=new Map,this._host=e,this._polite=ki("polite"),this._assertive=ki("assertive"),e.element.appendChild(this._polite),e.element.appendChild(this._assertive),this.addDisposables({dispose:()=>this._polite.remove()},{dispose:()=>this._assertive.remove()},e.onDidAddPanel(e=>this._announce(e,"open")),e.onDidRemovePanel(e=>this._announce(e,"close")),e.onWillMutateLayout(e=>{Si(e.kind)&&this._suppressDepth++}),e.onDidMutateLayout(e=>{Si(e.kind)&&(this._suppressDepth=Math.max(0,this._suppressDepth-1))}),e.onDidMaximizedGroupChange(e=>{const t=e.group.activePanel;t&&this._announce(t,e.isMaximized?"maximize":"restore")}),e.onDidAddGroup(e=>this._trackLocation(e)),e.onDidRemoveGroup(e=>{var t;null===(t=this._locationSubs.get(e.id))||void 0===t||t.dispose(),this._locationSubs.delete(e.id)}),{dispose:()=>{this._locationSubs.forEach(e=>e.dispose()),this._locationSubs.clear()}})}_trackLocation(e){let t=e.api.location.type;const i=e.api.onDidLocationChange(i=>{const o=i.location.type;if(o===t)return;t=o;const n=e.activePanel;if(!n)return;const r="floating"===o?"float":"popout"===o?"popout":"dock";this._announce(n,r)});this._locationSubs.set(e.id,i)}announce(e,t="polite"){if(!1===this._host.options.announcements||this._suppressDepth>0||!e)return;const i=this._host.options.announcer;if(i)return void i({message:e,politeness:t});const o="assertive"===t?this._assertive:this._polite;o.textContent="",o.textContent=e}_announce(e,t){var i,o;const n=null===(o=(i=this._host.options).getAnnouncement)||void 0===o?void 0:o.call(i,{kind:t,panel:e});null!==n&&""!==n&&this.announce(null!=n?n:this._defaultMessage(e,t))}_defaultMessage(e,t){var i;const o=Ci(this._host.options.messages),n=null!==(i=e.title)&&void 0!==i?i:e.id;switch(t){case"open":return o.panelOpened(n);case"close":return o.panelClosed(n);case"maximize":return o.groupMaximized(n);case"restore":return o.groupRestored(n);case"float":return o.groupFloated(n);case"dock":return o.groupDocked(n);case"popout":return o.groupPoppedOut(n)}}}const Gi=Yt({name:"LiveRegion",serviceKey:"liveRegionService",create:e=>new zi(e)}),Pi=[hi,pi,ui,mi,_i,Di,Gi];class Ti{constructor(){this.cache=new Map,this.currentFrameId=0,this.rafId=null}getPosition(e){const t=this.cache.get(e);if(t&&t.frameId===this.currentFrameId)return t.rect;this.scheduleFrameUpdate();const i=T(e);return this.cache.set(e,{rect:i,frameId:this.currentFrameId}),i}invalidate(){this.currentFrameId++}scheduleFrameUpdate(){this.rafId||(this.rafId=requestAnimationFrame(()=>{this.currentFrameId++,this.rafId=null}))}}class Ai extends h{constructor(t,i){super(),this.element=t,this.accessor=i,this.map={},this._disposed=!1,this.positionCache=new Ti,this.pendingUpdates=new Set,this.addDisposables(e.DockviewDisposable.from(()=>{for(const e of Object.values(this.map))e.disposable.dispose(),e.destroy.dispose();this._disposed=!0}))}updateAllPositions(){if(!this._disposed){this.positionCache.invalidate();for(const e of Object.values(this.map))e.panel.api.isVisible&&e.resize&&e.resize()}}detatch(e){if(this.map[e.api.id]){const{disposable:t,destroy:i}=this.map[e.api.id];return t.dispose(),i.dispose(),delete this.map[e.api.id],!0}return!1}attach(t){const{panel:i,referenceContainer:o}=t;if(!this.map[i.api.id]){const t=function(){const e=document.createElement("div");return e.tabIndex=-1,e}();t.className="dv-render-overlay",t.style.visibility="hidden",this.map[i.api.id]={panel:i,disposable:e.DockviewDisposable.NONE,destroy:e.DockviewDisposable.NONE,element:t}}const n=this.map[i.api.id].element,r=i.view.content.element;r.parentElement!==n&&n.appendChild(r),n.parentElement!==this.element&&this.element.appendChild(n);const s=()=>{const e=i.api.id;this.pendingUpdates.has(e)||(this.pendingUpdates.add(e),requestAnimationFrame(()=>{if(this.pendingUpdates.delete(e),this.isDisposed||!this.map[e])return;const t=this.positionCache.getPosition(o.element),r=this.positionCache.getPosition(this.element),s=t.left-r.left,a=t.top-r.top,d=t.width,l=t.height;n.style.left=`${s}px`,n.style.top=`${a}px`,n.style.width=`${d}px`,n.style.height=`${l}px`,i.api.isVisible?(n.style.visibility="",n.style.pointerEvents=""):(n.style.visibility="hidden",n.style.pointerEvents="none"),y(n,"dv-render-overlay-float","floating"===i.group.api.location.type)}))},a=()=>{i.api.isVisible?(this.positionCache.invalidate(),s(),n.style.pointerEvents=""):(n.style.visibility="hidden",n.style.pointerEvents="none")},d=new c,l=()=>{"floating"===i.api.location.type?queueMicrotask(()=>{const t=this.accessor.floatingGroups.find(e=>e.group===i.api.group);if(!t)return;const o=t.overlay.element,r=()=>{const e=Number(o.getAttribute("aria-level"));n.style.zIndex=`calc(var(--dv-overlay-z-index, 999) + ${2*e+1})`},s=new MutationObserver(()=>{r()});d.value=e.DockviewDisposable.from(()=>s.disconnect()),s.observe(o,{attributeFilter:["aria-level"],attributes:!0}),r()}):n.style.zIndex=""},p=new h(d,new we(n,{onDragEnd:e=>{o.dropTarget.dnd.onDragEnd(e)},onDragEnter:e=>{o.dropTarget.dnd.onDragEnter(e)},onDragLeave:e=>{o.dropTarget.dnd.onDragLeave(e)},onDrop:e=>{o.dropTarget.dnd.onDrop(e)},onDragOver:e=>{o.dropTarget.dnd.onDragOver(e)}}),i.api.onDidVisibilityChange(()=>{a()}),i.api.onDidDimensionsChange(()=>{i.api.isVisible&&s()}),i.api.onDidLocationChange(()=>{l()}));return this.map[i.api.id].destroy=e.DockviewDisposable.from(()=>{var e;r.parentElement===n&&n.removeChild(r),null===(e=n.parentElement)||void 0===e||e.removeChild(n)}),l(),queueMicrotask(()=>{this.isDisposed||a()}),this.map[i.api.id].disposable.dispose(),this.map[i.api.id].disposable=p,this.map[i.api.id].resize=s,n}}function Ii(e,t,i,o){return new(i||(i=Promise))(function(t,n){function r(e){try{a(o.next(e))}catch(e){n(e)}}function s(e){try{a(o.throw(e))}catch(e){n(e)}}function a(e){var o;e.done?t(e.value):(o=e.value,o instanceof i?o:new i(function(e){e(o)})).then(r,s)}a((o=o.apply(e,[])).next())})}"function"==typeof SuppressedError&&SuppressedError;class Ei extends h{get window(){var e,t;return null!==(t=null===(e=this._window)||void 0===e?void 0:e.value)&&void 0!==t?t:null}constructor(e,t,i){super(),this.target=e,this.className=t,this.options=i,this._onWillClose=new m,this.onWillClose=this._onWillClose.event,this._onDidClose=new m,this.onDidClose=this._onDidClose.event,this._window=null,this.addDisposables(this._onWillClose,this._onDidClose,{dispose:()=>{this.close()}})}dimensions(){if(!this._window)return null;const e=this._window.value.screenX;return{top:this._window.value.screenY,left:e,width:this._window.value.innerWidth,height:this._window.value.innerHeight}}close(){var e,t;this._window&&(this._onWillClose.fire(),null===(t=(e=this.options).onWillClose)||void 0===t||t.call(e,{id:this.target,window:this._window.value}),this._window.disposable.dispose(),this._window=null,this._onDidClose.fire())}open(){return Ii(this,0,void 0,function*(){var t,i;if(this._window)throw new Error("instance of popout window is already open");const o=`${this.options.url}`;!function(e){let t;try{t=new URL(e,window.location.href)}catch(t){throw new Error(`dockview: invalid popout URL: ${e}`)}if("http:"!==t.protocol&&"https:"!==t.protocol||t.origin!==window.location.origin)throw new Error(`dockview: popout URL must be same-origin http(s); got: ${e}`)}(o);const n=Object.entries({top:this.options.top,left:this.options.left,width:this.options.width,height:this.options.height}).map(([e,t])=>`${e}=${t}`).join(","),r=window.open(o,this.target,n);if(!r)return null;const s=new h;this._window={value:r,disposable:s},s.addDisposables(e.DockviewDisposable.from(()=>{r.close()}),b(window,"beforeunload",()=>{this.close()}));const a=this.createPopoutWindowContainer();return this.className&&a.classList.add(this.className),null===(i=(t=this.options).onDidOpen)||void 0===i||i.call(t,{id:this.target,window:r}),new Promise((e,t)=>{r.addEventListener("unload",e=>{}),r.addEventListener("load",()=>{try{const t=r.document;t.title=document.title,t.body.appendChild(a),function(e,t,i={}){const o=Array.from(t),{nonce:n}=i,r="function"==typeof n?n(e):n;for(const t of o){if(t.href){const i=e.createElement("link");i.href=t.href,i.type=t.type,i.rel="stylesheet",e.head.appendChild(i);continue}let i=[];try{t.cssRules&&(i=Array.from(t.cssRules).map(e=>e.cssText))}catch(e){console.warn("dockview: failed to access stylesheet rules due to security restrictions",e)}const o=e.createDocumentFragment();for(const t of i){const i=e.createElement("style");r&&i.setAttribute("nonce",r),i.appendChild(e.createTextNode(t)),o.appendChild(i)}e.head.appendChild(o)}}(t,window.document.styleSheets,{nonce:this.options.nonce}),b(r,"beforeunload",()=>{this.close()}),e(a)}catch(e){t(e)}})})})}createPopoutWindowContainer(){const e=document.createElement("div");return e.classList.add("dv-popout-window"),e.id="dv-popout-window",e.style.position="absolute",e.style.width="100%",e.style.height="100%",e.style.top="0px",e.style.left="0px",e}}class Oi extends h{constructor(e){super(),this.accessor=e,this.init()}init(){const e=new Set,t=new Set;this.addDisposables(this.accessor.onDidAddPanel(t=>{if(e.has(t.api.id))throw new Error(`dockview: Invalid event sequence. [onDidAddPanel] called for panel ${t.api.id} but panel already exists`);e.add(t.api.id)}),this.accessor.onDidRemovePanel(t=>{if(!e.has(t.api.id))throw new Error(`dockview: Invalid event sequence. [onDidRemovePanel] called for panel ${t.api.id} but panel does not exists`);e.delete(t.api.id)}),this.accessor.onDidAddGroup(e=>{if(t.has(e.api.id))throw new Error(`dockview: Invalid event sequence. [onDidAddGroup] called for group ${e.api.id} but group already exists`);t.add(e.api.id)}),this.accessor.onDidRemoveGroup(e=>{if(!t.has(e.api.id))throw new Error(`dockview: Invalid event sequence. [onDidRemoveGroup] called for group ${e.api.id} but group does not exists`);t.delete(e.api.id)}))}}class Mi extends h{constructor(t,i=window){super(),this._active=null,this._activeDisposable=new c,this._root=t,this._window=i,this._element=i.document.createElement("div"),this._element.className="dv-popover-anchor",this._element.style.position="relative",this._root.prepend(this._element),this.addDisposables(e.DockviewDisposable.from(()=>{this.close()}),this._activeDisposable)}updateRoot(e){e.prepend(this._element),this._root=e}openPopover(e,t){var i;this.close();const o=this._window.document.createElement("div");o.style.position="absolute",o.style.zIndex=null!==(i=t.zIndex)&&void 0!==i?i:"var(--dv-overlay-z-index)",o.appendChild(e);const n=this._element.getBoundingClientRect(),r=n.left,s=n.top;o.style.top=t.y-s+"px",o.style.left=t.x-r+"px",this._element.appendChild(o),this._active=o;const a=Date.now();this._activeDisposable.value=new h(b(this._window,"pointerdown",e=>{var t;if(Date.now()-a<200)return;const i=e.target;if(!(i instanceof HTMLElement))return;let n=i;for(;n&&n!==o;)n=null!==(t=null==n?void 0:n.parentElement)&&void 0!==t?t:null;n||this.close()}),b(this._window,"keydown",e=>{"Escape"!==e.key&&"Enter"!==e.key||this.close()}),b(this._window,"resize",()=>{(function(e){if(!e.matchMedia)return!1;const t=e.matchMedia("(pointer: coarse)").matches,i=e.matchMedia("(pointer: fine)").matches;return t&&!i})(this._window)||this.close()})),this._window.requestAnimationFrame(()=>{!function(e,t,i={buffer:10}){const o=i.buffer,n=e.getBoundingClientRect(),r=t.getBoundingClientRect();let s=0,a=0;const d=n.left-r.left,l=n.top-r.top,h=n.bottom-r.bottom,c=n.right-r.right;d<o?s=o-d:c>o&&(s=-o-c),l<o?a=o-l:h>o&&(a=-h-o),0===s&&0===a||(e.style.transform=`translate(${s}px, ${a}px)`)}(o,this._root)})}close(){this._active&&(this._active.remove(),this._activeDisposable.dispose(),this._active=null)}}class Li extends h{get disabled(){return this._disabled}set disabled(e){var t;this.disabled!==e&&(this._disabled=e,e&&(null===(t=this.model)||void 0===t||t.clear()))}get model(){if(!this.disabled)return{clear:()=>{var e;this._model&&(null===(e=this._model.root.parentElement)||void 0===e||e.removeChild(this._model.root)),this._model=void 0},exists:()=>!!this._model,getElements:(e,t)=>{const i=this._outline!==t;if(this._outline=t,this._model)return this._model.changed=i,this._model;const o=this.createContainer(),n=this.createAnchor();if(this._model={root:o,overlay:n,changed:i},o.appendChild(n),this.element.appendChild(o),(null==e?void 0:e.target)instanceof HTMLElement){const t=e.target.getBoundingClientRect(),i=this.element.getBoundingClientRect();n.style.left=t.left-i.left+"px",n.style.top=t.top-i.top+"px"}return this._model}}}constructor(t,i){super(),this.element=t,this._disabled=!1,this._disabled=i.disabled,this.addDisposables(e.DockviewDisposable.from(()=>{var e;null===(e=this.model)||void 0===e||e.clear()}))}createContainer(){const e=document.createElement("div");return e.className="dv-drop-target-container",e}createAnchor(){const e=document.createElement("div");return e.className="dv-drop-target-anchor",e.style.visibility="hidden",e}}class Vi{get minimumSize(){return this._isCollapsed?this._collapsedSize:this._expandedMinimumSize}get maximumSize(){return this._isCollapsed?this._collapsedSize:this._expandedMaximumSize}get element(){return this._group.element}get isCollapsed(){return this._isCollapsed}get lastExpandedSize(){return this._lastExpandedSize}get collapsedSize(){return this._collapsedSize}constructor(t,i,o){var n,r,s;this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this.snap=!1,this.priority=e.LayoutPriority.Low,this._isCollapsed=!1,this._group=i,this._orientation=o,i.element.classList.add("dv-edge-group"),i.element.dataset.testid=`dv-edge-group-${t.id}`,this._collapsedSize=null!==(n=t.collapsedSize)&&void 0!==n?n:35,this._expandedMaximumSize=null!==(r=t.maximumSize)&&void 0!==r?r:Number.POSITIVE_INFINITY,this._expandedMinimumSize=void 0!==t.minimumSize?t.minimumSize:this._collapsedSize+50,this._lastExpandedSize=null!==(s=t.initialSize)&&void 0!==s?s:200,t.collapsed&&(this._isCollapsed=!0,i.element.classList.add("dv-edge-collapsed"))}layout(e,t){this._isCollapsed||(this._lastExpandedSize=e),"horizontal"===this._orientation?this._group.layout(e,t):this._group.layout(t,e)}setCollapsed(e){this._isCollapsed!==e&&(this._isCollapsed=e,this._group.element.classList.toggle("dv-edge-collapsed",e))}setVisible(e){}restoreExpandedSize(e){this._lastExpandedSize=e}updateCollapsedSize(e,t){this._collapsedSize=e,this._expandedMinimumSize=t}dispose(){this._onDidChange.dispose()}}class Ri{get element(){return this._dockviewElement}constructor(t,i){this._dockviewElement=t,this._layoutDockview=i,this.priority=e.LayoutPriority.High,this.minimumSize=100,this.maximumSize=Number.POSITIVE_INFINITY,this._onDidChange=new m,this.onDidChange=this._onDidChange.event}layout(e,t){this._layoutDockview(t,e)}setVisible(e){}dispose(){this._onDidChange.dispose()}}class Ni{get element(){return this._element}constructor(t,i=0){this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this.minimumSize=100,this.maximumSize=Number.POSITIVE_INFINITY,this.priority=e.LayoutPriority.High,this._element=document.createElement("div"),this._element.className="dv-shell-middle-column",this._element.style.height="100%",this._element.style.width="100%",this._splitview=new J(this._element,{orientation:e.Orientation.VERTICAL,proportionalLayout:!1,margin:i}),this._centerIndex=0,this._splitview.addView(t,{type:"distribute"},0)}addTopView(e,t){this._splitview.addView(e,t,0),this._topIndex=0,this._centerIndex+=1,void 0!==this._bottomIndex&&(this._bottomIndex+=1)}addBottomView(e,t){const i=this._splitview.length;this._splitview.addView(e,t,i),this._bottomIndex=i}removeView(e){const t="top"===e?this._topIndex:this._bottomIndex;void 0!==t&&(this._splitview.removeView(t),"top"===e?(this._topIndex=void 0,this._centerIndex-=1,void 0!==this._bottomIndex&&(this._bottomIndex-=1)):this._bottomIndex=void 0)}layout(e,t){this._splitview.layout(t,e)}setVisible(e){}setViewVisible(e,t){const i="top"===e?this._topIndex:this._bottomIndex;void 0!==i&&this._splitview.setViewVisible(i,t)}isViewVisible(e){const t="top"===e?this._topIndex:this._bottomIndex;return void 0!==t&&this._splitview.isViewVisible(t)}getViewSize(e){const t="top"===e?this._topIndex:this._bottomIndex;return void 0!==t?this._splitview.getViewSize(t):0}resizeView(e,t){const i="top"===e?this._topIndex:this._bottomIndex;void 0!==i&&this._splitview.resizeView(i,t)}updateMargin(e){this._splitview.margin=e}dispose(){this._onDidChange.dispose(),this._splitview.dispose()}}class Wi{constructor(t,i,o,n=0,r=35){this._disposables=new h,this._viewConfigs=new Map,this._currentWidth=0,this._currentHeight=0,this._gap=n,this._defaultCollapsedSize=r,this._shellElement=document.createElement("div"),this._shellElement.className="dv-shell",this._shellElement.style.height="100%",this._shellElement.style.width="100%",this._shellElement.style.position="relative",t.appendChild(this._shellElement);const s=new Ri(i,o);this._middleColumn=new Ni(s,n),this._outerSplitview=new J(this._shellElement,{orientation:e.Orientation.HORIZONTAL,proportionalLayout:!1,margin:n}),this._middleIndex=0,this._outerSplitview.addView(this._middleColumn,{type:"distribute"},0),this._disposables.addDisposables(w(this._shellElement,e=>{const t=Math.round(e.contentRect.width),i=Math.round(e.contentRect.height);t===this._currentWidth&&i===this._currentHeight||(this._currentWidth=t,this._currentHeight=i,this.layout(t,i))}),this._outerSplitview,this._middleColumn,s)}get element(){return this._shellElement}addEdgeView(e,t,i){if(this.hasEdgeGroup(e))throw new Error(`dockview: edge group already registered at position '${e}'`);this._viewConfigs.set(e,t);const o=1+(this._viewConfigs.has("left")?1:0)+(this._viewConfigs.has("right")?1:0),n=1+(this._viewConfigs.has("top")?1:0)+(this._viewConfigs.has("bottom")?1:0),r=o>1?this._gap*(o-1)/o:0,s=n>1?this._gap*(n-1)/n:0,a="left"===e||"right"===e,d=a?r:s,l=a?"horizontal":"vertical",h=new Vi(function(e,t,i){var o;const n=(null!==(o=e.collapsedSize)&&void 0!==o?o:t)+i,r=Object.assign(Object.assign({},e),{collapsedSize:n});return void 0!==e.minimumSize&&(r.minimumSize=e.minimumSize+i),r}(Object.assign({collapsedSize:this._defaultCollapsedSize},t),this._defaultCollapsedSize,d),i,l),c=h.isCollapsed?h.collapsedSize:h.lastExpandedSize;switch(e){case"left":this._outerSplitview.addView(h,c,0),this._leftIndex=0,this._middleIndex+=1,void 0!==this._rightIndex&&(this._rightIndex+=1),this._leftView=h;break;case"right":{const e=this._outerSplitview.length;this._outerSplitview.addView(h,c,e),this._rightIndex=e,this._rightView=h}break;case"top":this._middleColumn.addTopView(h,c),this._topView=h;break;case"bottom":this._middleColumn.addBottomView(h,c),this._bottomView=h}return this._disposables.addDisposables(h),this.updateTheme(this._gap,this._defaultCollapsedSize),h}layout(e,t){this._outerSplitview.layout(e,t)}updateTheme(e,t){var i,o,n,r;this._gap=e,this._defaultCollapsedSize=t;const s=1+(this._viewConfigs.has("left")?1:0)+(this._viewConfigs.has("right")?1:0),a=1+(this._viewConfigs.has("top")?1:0)+(this._viewConfigs.has("bottom")?1:0),d=s>1?e*(s-1)/s:0,l=a>1?e*(a-1)/a:0;this._outerSplitview.margin=e,this._middleColumn.updateMargin(e);const h=(e,i,o)=>{var n;const r=(null!==(n=i.collapsedSize)&&void 0!==n?n:t)+o,s=i.minimumSize,a=void 0!==s?s+o:r+50;e.updateCollapsedSize(r,a)},c=this._viewConfigs.get("top");this._topView&&c&&h(this._topView,c,l);const p=this._viewConfigs.get("bottom");this._bottomView&&p&&h(this._bottomView,p,l);const v=this._viewConfigs.get("left");this._leftView&&v&&h(this._leftView,v,d);const u=this._viewConfigs.get("right");this._rightView&&u&&h(this._rightView,u,d),(null===(i=this._leftView)||void 0===i?void 0:i.isCollapsed)&&void 0!==this._leftIndex&&this._outerSplitview.resizeView(this._leftIndex,this._leftView.collapsedSize),(null===(o=this._rightView)||void 0===o?void 0:o.isCollapsed)&&void 0!==this._rightIndex&&this._outerSplitview.resizeView(this._rightIndex,this._rightView.collapsedSize),(null===(n=this._topView)||void 0===n?void 0:n.isCollapsed)&&this._middleColumn.resizeView("top",this._topView.collapsedSize),(null===(r=this._bottomView)||void 0===r?void 0:r.isCollapsed)&&this._middleColumn.resizeView("bottom",this._bottomView.collapsedSize),this._currentWidth>0&&this._currentHeight>0&&this.layout(this._currentWidth,this._currentHeight)}removeEdgeView(e){const t=this._getView(e);if(t){switch(e){case"left":this._outerSplitview.removeView(this._leftIndex),this._leftIndex=void 0,this._leftView=void 0,this._middleIndex-=1,void 0!==this._rightIndex&&(this._rightIndex-=1);break;case"right":this._outerSplitview.removeView(this._rightIndex),this._rightIndex=void 0,this._rightView=void 0;break;case"top":this._middleColumn.removeView("top"),this._topView=void 0;break;case"bottom":this._middleColumn.removeView("bottom"),this._bottomView=void 0}this._disposables.removeDisposable(t),t.dispose(),this._viewConfigs.delete(e),this.updateTheme(this._gap,this._defaultCollapsedSize)}}hasEdgeGroup(e){switch(e){case"top":return void 0!==this._topView;case"bottom":return void 0!==this._bottomView;case"left":return void 0!==this._leftView;case"right":return void 0!==this._rightView}}setEdgeGroupVisible(e,t){switch(e){case"left":void 0!==this._leftIndex&&this._outerSplitview.setViewVisible(this._leftIndex,t);break;case"right":void 0!==this._rightIndex&&this._outerSplitview.setViewVisible(this._rightIndex,t);break;case"top":case"bottom":this._middleColumn.setViewVisible(e,t)}}isEdgeGroupVisible(e){switch(e){case"left":return void 0!==this._leftIndex&&this._outerSplitview.isViewVisible(this._leftIndex);case"right":return void 0!==this._rightIndex&&this._outerSplitview.isViewVisible(this._rightIndex);case"top":case"bottom":return this._middleColumn.isViewVisible(e)}}setEdgeGroupCollapsed(e,t){const i=this._getView(e);if(!i)return;i.setCollapsed(t);const o=t?i.collapsedSize:i.lastExpandedSize;switch(e){case"left":void 0!==this._leftIndex&&this._outerSplitview.resizeView(this._leftIndex,o);break;case"right":void 0!==this._rightIndex&&this._outerSplitview.resizeView(this._rightIndex,o);break;case"top":case"bottom":this._middleColumn.resizeView(e,o)}}isEdgeGroupCollapsed(e){var t,i;return null!==(i=null===(t=this._getView(e))||void 0===t?void 0:t.isCollapsed)&&void 0!==i&&i}_getView(e){switch(e){case"top":return this._topView;case"bottom":return this._bottomView;case"left":return this._leftView;case"right":return this._rightView}}toJSON(){const e={};return this._leftView&&void 0!==this._leftIndex&&(e.left={size:this._leftView.isCollapsed?this._leftView.lastExpandedSize:this._outerSplitview.getViewSize(this._leftIndex),visible:this._outerSplitview.isViewVisible(this._leftIndex),collapsed:this._leftView.isCollapsed||void 0}),this._rightView&&void 0!==this._rightIndex&&(e.right={size:this._rightView.isCollapsed?this._rightView.lastExpandedSize:this._outerSplitview.getViewSize(this._rightIndex),visible:this._outerSplitview.isViewVisible(this._rightIndex),collapsed:this._rightView.isCollapsed||void 0}),this._topView&&(e.top={size:this._topView.isCollapsed?this._topView.lastExpandedSize:this._middleColumn.getViewSize("top"),visible:this._middleColumn.isViewVisible("top"),collapsed:this._topView.isCollapsed||void 0}),this._bottomView&&(e.bottom={size:this._bottomView.isCollapsed?this._bottomView.lastExpandedSize:this._middleColumn.getViewSize("bottom"),visible:this._middleColumn.isViewVisible("bottom"),collapsed:this._bottomView.isCollapsed||void 0}),e}fromJSON(e){var t,i,o,n,r,s,a,d,l,h,c,p,v,u,g,m,b,f,_,w;e.left&&void 0!==this._leftIndex&&(null===(t=this._leftView)||void 0===t||t.restoreExpandedSize(e.left.size),null===(i=this._leftView)||void 0===i||i.setCollapsed(null!==(o=e.left.collapsed)&&void 0!==o&&o),this._outerSplitview.resizeView(this._leftIndex,e.left.collapsed&&null!==(r=null===(n=this._leftView)||void 0===n?void 0:n.collapsedSize)&&void 0!==r?r:e.left.size),e.left.visible||this._outerSplitview.setViewVisible(this._leftIndex,!1)),e.right&&void 0!==this._rightIndex&&(null===(s=this._rightView)||void 0===s||s.restoreExpandedSize(e.right.size),null===(a=this._rightView)||void 0===a||a.setCollapsed(null!==(d=e.right.collapsed)&&void 0!==d&&d),this._outerSplitview.resizeView(this._rightIndex,e.right.collapsed&&null!==(h=null===(l=this._rightView)||void 0===l?void 0:l.collapsedSize)&&void 0!==h?h:e.right.size),e.right.visible||this._outerSplitview.setViewVisible(this._rightIndex,!1)),e.top&&(null===(c=this._topView)||void 0===c||c.restoreExpandedSize(e.top.size),null===(p=this._topView)||void 0===p||p.setCollapsed(null!==(v=e.top.collapsed)&&void 0!==v&&v),this._middleColumn.resizeView("top",e.top.collapsed&&null!==(g=null===(u=this._topView)||void 0===u?void 0:u.collapsedSize)&&void 0!==g?g:e.top.size),e.top.visible||this._middleColumn.setViewVisible("top",!1)),e.bottom&&(null===(m=this._bottomView)||void 0===m||m.restoreExpandedSize(e.bottom.size),null===(b=this._bottomView)||void 0===b||b.setCollapsed(null!==(f=e.bottom.collapsed)&&void 0!==f&&f),this._middleColumn.resizeView("bottom",e.bottom.collapsed&&null!==(w=null===(_=this._bottomView)||void 0===_?void 0:_.collapsedSize)&&void 0!==w?w:e.bottom.size),e.bottom.visible||this._middleColumn.setViewVisible("bottom",!1))}dispose(){var e;this._disposables.dispose(),null===(e=this._shellElement.parentElement)||void 0===e||e.removeChild(this._shellElement)}}function Hi(e){const t=e.from.activePanel;[...e.from.panels].map(t=>{const i=e.from.model.removePanel(t);return e.from.model.renderContainer.detatch(t),i}).forEach(i=>{e.to.model.openPanel(i,{skipSetActive:t!==i,skipSetGroupActive:!0})})}let Fi=!1;class Bi extends ge{fireDidCreateTabGroup(e){this._onDidCreateTabGroup.fire(e)}fireDidDestroyTabGroup(e){this._onDidDestroyTabGroup.fire(e)}fireDidAddPanelToTabGroup(e){this._onDidAddPanelToTabGroup.fire(e)}fireDidRemovePanelFromTabGroup(e){this._onDidRemovePanelFromTabGroup.fire(e)}fireDidTabGroupChange(e){this._onDidTabGroupChange.fire(e)}fireDidTabGroupCollapsedChange(e){this._onDidTabGroupCollapsedChange.fire(e)}get orientation(){return this.gridview.orientation}get totalPanels(){return this.panels.length}get panels(){return this.groups.flatMap(e=>e.panels)}get options(){return this._options}get tabGroupColorPalette(){return this._tabGroupColorPalette}get activePanel(){const e=this.activeGroup;if(e)return e.activePanel}get renderer(){var e;return null!==(e=this.options.defaultRenderer)&&void 0!==e?e:"onlyWhenVisible"}get defaultHeaderPosition(){var e;return null!==(e=this.options.defaultHeaderPosition)&&void 0!==e?e:"top"}get api(){return this._api}get floatingGroups(){var e,t,i;return null!==(i=null===(t=null===(e=this._moduleRegistry)||void 0===e?void 0:e.services.floatingGroupService)||void 0===t?void 0:t.floatingGroups)&&void 0!==i?i:[]}_gatherFloatingGroupBoxes(e){var t;const i=(null!==(t=this._floatingOverlayHost)&&void 0!==t?t:this.gridview.element).getBoundingClientRect();return this.floatingGroups.filter(t=>t.group!==e).map(e=>{const t=e.overlay.element.getBoundingClientRect();return{left:t.left-i.left,top:t.top-i.top,width:t.width,height:t.height}})}get _floatingGroupService(){return this._moduleRegistry.services.floatingGroupService}get _popoutWindowService(){return this._moduleRegistry.services.popoutWindowService}get _watermarkService(){return this._moduleRegistry.services.watermarkService}get _edgeGroupService(){return this._moduleRegistry.services.edgeGroupService}get _rootDropTargetService(){return this._moduleRegistry.services.rootDropTargetService}get _advancedDnDService(){return this._moduleRegistry.services.advancedDnDService}get headerActionsService(){return this._moduleRegistry.services.headerActionsService}isGridEmpty(){return 0===this.gridview.length}rootDropTargetOverrideTarget(){var e;return null===(e=this.rootDropTargetContainer)||void 0===e?void 0:e.model}dispatchUnhandledDragOver(e,t){const i=new Dt(e,"edge",t,d);return this._onUnhandledDragOver.fire(i),i.isAccepted}fireWillDragPanel(e){this._onWillDragPanel.fire(e)}fireWillDragGroup(e){this._onWillDragGroup.fire(e)}fireWillDrop(e){this._onWillDrop.fire(e)}fireWillShowOverlay(e){this._onWillShowOverlay.fire(e)}buildGroupDragGhost(e){var t;return null===(t=this._advancedDnDService)||void 0===t?void 0:t.buildGroupDragGhost(e)}resolveDropOverlayModel(e,t){var i;return null===(i=this._advancedDnDService)||void 0===i?void 0:i.resolveOverlayModel(e,t)}get rootElement(){var e,t;return null!==(t=null===(e=this._shellManager)||void 0===e?void 0:e.element)&&void 0!==t?t:this.element}adjacentGroup(e,t){var i;if("grid"!==e.api.location.type)return;const o=oe(e.element);return null===(i=t?this.gridview.previous(o):this.gridview.next(o))||void 0===i?void 0:i.view}adjacentGroupInDirection(e,t){if("grid"!==e.api.location.type)return;const i=e.element.getBoundingClientRect(),o=i.left+i.width/2,n=i.top+i.height/2;let r,s=Number.POSITIVE_INFINITY;for(const i of this.groups){if(i===e||"grid"!==i.api.location.type)continue;const a=i.element.getBoundingClientRect(),d=a.left+a.width/2-o,l=a.top+a.height/2-n;if(!("left"===t?d<0&&Math.abs(d)>=Math.abs(l):"right"===t?d>0&&Math.abs(d)>=Math.abs(l):"up"===t?l<0&&Math.abs(l)>=Math.abs(d):l>0&&Math.abs(l)>=Math.abs(d)))continue;const h=d*d+l*l;h<s&&(s=h,r=i)}return r}showDropPreview(t,i){var o,n;return null!==(n=null===(o=this._advancedDnDService)||void 0===o?void 0:o.showPreviewOverlay(t,i))&&void 0!==n?n:e.DockviewDisposable.NONE}announce(e){var t;null===(t=this._moduleRegistry.services.liveRegionService)||void 0===t||t.announce(e)}dockPanel(e,t,i){this.moveGroupOrPanel({from:{groupId:e.group.id,panelId:e.id},to:{group:t,position:i}})}get contextMenuService(){return this._moduleRegistry.services.contextMenuService}get mountElement(){return this.gridview.element}hasVisibleGridGroup(){return this.groups.some(e=>"grid"===e.api.location.type&&e.api.isVisible)}fireLayoutChange(){this._bufferOnDidLayoutChange.fire()}get popoutRestorationPromise(){var e,t;return null!==(t=null===(e=this._popoutWindowService)||void 0===e?void 0:e.restorationPromise)&&void 0!==t?t:Promise.resolve()}constructor(t,i){var o,n,r,s,a;super(t,{proportionalLayout:!0,orientation:e.Orientation.HORIZONTAL,styles:i.hideBorders?{separatorBorder:"transparent"}:void 0,disableAutoResizing:i.disableAutoResizing,locked:i.locked,margin:null!==(n=null===(o=i.theme)||void 0===o?void 0:o.gap)&&void 0!==n?n:0,className:i.className}),this.nextGroupId=H(),this._deserializer=new Ft(this),this._moduleRegistry=new Zt,this._onWillDragPanel=new m,this.onWillDragPanel=this._onWillDragPanel.event,this._onWillDragGroup=new m,this.onWillDragGroup=this._onWillDragGroup.event,this._onDidDrop=new m,this.onDidDrop=this._onDidDrop.event,this._onWillDrop=new m,this.onWillDrop=this._onWillDrop.event,this._mutationDepth=0,this._origin="user",this._originDepth=0,this._onWillMutateLayout=new m,this.onWillMutateLayout=this._onWillMutateLayout.event,this._onDidMutateLayout=new m,this.onDidMutateLayout=this._onDidMutateLayout.event,this._onWillShowOverlay=new m,this.onWillShowOverlay=this._onWillShowOverlay.event,this._onUnhandledDragOver=new m,this.onUnhandledDragOver=this._onUnhandledDragOver.event,this._onDidRemovePanel=new m,this.onDidRemovePanel=this._onDidRemovePanel.event,this._onDidAddPanel=new m,this.onDidAddPanel=this._onDidAddPanel.event,this._onDidPopoutGroupSizeChange=new m,this.onDidPopoutGroupSizeChange=this._onDidPopoutGroupSizeChange.event,this._onDidPopoutGroupPositionChange=new m,this.onDidPopoutGroupPositionChange=this._onDidPopoutGroupPositionChange.event,this._onDidAddPopoutGroup=new m,this.onDidAddPopoutGroup=this._onDidAddPopoutGroup.event,this._onDidRemovePopoutGroup=new m,this.onDidRemovePopoutGroup=this._onDidRemovePopoutGroup.event,this._onDidOpenPopoutWindowFail=new m,this.onDidOpenPopoutWindowFail=this._onDidOpenPopoutWindowFail.event,this._onDidLayoutFromJSON=new m,this.onDidLayoutFromJSON=this._onDidLayoutFromJSON.event,this._onDidActivePanelChange=new m({replay:!0}),this.onDidActivePanelChange=this._onDidActivePanelChange.event,this._onDidMovePanel=new m,this.onDidMovePanel=this._onDidMovePanel.event,this._onDidCreateTabGroup=new m,this.onDidCreateTabGroup=this._onDidCreateTabGroup.event,this._onDidDestroyTabGroup=new m,this.onDidDestroyTabGroup=this._onDidDestroyTabGroup.event,this._onDidAddPanelToTabGroup=new m,this.onDidAddPanelToTabGroup=this._onDidAddPanelToTabGroup.event,this._onDidRemovePanelFromTabGroup=new m,this.onDidRemovePanelFromTabGroup=this._onDidRemovePanelFromTabGroup.event,this._onDidTabGroupChange=new m,this.onDidTabGroupChange=this._onDidTabGroupChange.event,this._onDidTabGroupCollapsedChange=new m,this.onDidTabGroupCollapsedChange=this._onDidTabGroupCollapsedChange.event,this._onDidMaximizedGroupChange=new m,this.onDidMaximizedGroupChange=this._onDidMaximizedGroupChange.event,this._inShellLayout=!1,this._onDidRemoveGroup=new m,this.onDidRemoveGroup=this._onDidRemoveGroup.event,this._onDidAddGroup=new m,this.onDidAddGroup=this._onDidAddGroup.event,this._onDidOptionsChange=new m,this.onDidOptionsChange=this._onDidOptionsChange.event,this._onDidActiveGroupChange=new m,this.onDidActiveGroupChange=this._onDidActiveGroupChange.event,this._moving=!1,this._options=i,this._tabGroupColorPalette=function(e){var t;const i=null!==(t=e.tabGroupColors)&&void 0!==t?t:st,o="off"!==e.tabGroupAccent;return new at(i,o)}(i);const l=i.modules,h=null!=l?l:[...Pi,...Qt()];for(const e of h)this._moduleRegistry.register(e);this._moduleRegistry.initialize(this);const c=this._popoutWindowService;c&&this.addDisposables(c.onDidRemove(e=>{this._onDidRemovePopoutGroup.fire({id:e.popoutGroup.id,group:e.popoutGroup,window:e.getWindow()})})),"undefined"!=typeof process&&process.env&&"production"===process.env.NODE_ENV||Fi||ii()||(Fi=!0,console.warn('dockview: do not use "dockview-core" directly — it is an internal package. Use the "dockview" package, the JavaScript version of dockview, instead. This notice is shown once.')),this.popupService=new Mi(this.element),this._api=new _e(this),this.disableResizing=!0,t.removeChild(this.element),this._shellManager=new Wi(t,this.element,(e,t)=>this._layoutFromShell(e,t),null!==(s=null===(r=i.theme)||void 0===r?void 0:r.gap)&&void 0!==s?s:0,null===(a=i.theme)||void 0===a?void 0:a.edgeGroupCollapsedSize),this.popupService.updateRoot(this._shellManager.element),this._shellThemeClassnames=new I(this._shellManager.element),this.rootDropTargetContainer=new Li(this._shellManager.element,{disabled:!0}),this.overlayRenderContainer=new Ai(this._shellManager.element,this),this._floatingOverlayHost=document.createElement("div"),this._floatingOverlayHost.className="dv-floating-overlay-host",this._shellManager.element.appendChild(this._floatingOverlayHost),y(this.gridview.element,"dv-dockview",!0),y(this.element,"dv-debug",!!i.debug),this.updateTheme(),i.debug&&this.addDisposables(new Oi(this)),this.addDisposables(this.rootDropTargetContainer,this.overlayRenderContainer,this._onWillDragPanel,this._onWillDragGroup,this._onWillShowOverlay,this._onDidActivePanelChange,this._onDidAddPanel,this._onDidRemovePanel,this._onDidLayoutFromJSON,this._onDidDrop,this._onWillDrop,this._onWillMutateLayout,this._onDidMutateLayout,this._onDidMovePanel,this._onDidMovePanel.event(()=>{this.debouncedUpdateAllPositions()}),this._onDidAddGroup,this._onDidRemoveGroup,this._onDidActiveGroupChange,this._onUnhandledDragOver,this._onDidMaximizedGroupChange,this._onDidPopoutGroupSizeChange,this._onDidPopoutGroupPositionChange,this._onDidAddPopoutGroup,this._onDidRemovePopoutGroup,this._onDidOpenPopoutWindowFail,this._onDidCreateTabGroup,this._onDidDestroyTabGroup,this._onDidAddPanelToTabGroup,this._onDidRemovePanelFromTabGroup,this._onDidTabGroupChange,this._onDidTabGroupCollapsedChange,e.DockviewEvent.any(this.onDidPopoutGroupSizeChange,this.onDidPopoutGroupPositionChange,this.onDidCreateTabGroup,this.onDidDestroyTabGroup,this.onDidAddPanelToTabGroup,this.onDidRemovePanelFromTabGroup,this.onDidTabGroupChange,this.onDidTabGroupCollapsedChange)(()=>{this.fireLayoutChange()}),this._onDidOptionsChange,this.onDidAdd(e=>{this._moving||this._onDidAddGroup.fire(e)}),this.onDidRemove(e=>{this._moving||this._onDidRemoveGroup.fire(e)}),this.onDidActiveChange(e=>{this._moving||this._onDidActiveGroupChange.fire(e)}),this.onDidMaximizedChange(e=>{this._onDidMaximizedGroupChange.fire({group:e.panel,isMaximized:e.isMaximized})}),e.DockviewEvent.any(this.onDidAddPanel,this.onDidRemovePanel,this.onDidAddGroup,this.onDidRemove,this.onDidRemoveGroup,this.onDidMovePanel,this.onDidActivePanelChange)(()=>{this._bufferOnDidLayoutChange.fire()}),e.DockviewDisposable.from(()=>{var e;this._moduleRegistry.dispose(),null===(e=this._shellManager)||void 0===e||e.dispose()}));const p=this._rootDropTargetService;p&&this.addDisposables(p.onWillShowOverlay(e=>{this.gridview.length>0&&"center"===e.position||this._onWillShowOverlay.fire(new it(e,{kind:"edge",panel:void 0,api:this._api,group:void 0,getData:d}))}),p.onDrop(e=>{var t;const i=new Tt({nativeEvent:e.nativeEvent,position:e.position,panel:void 0,api:this._api,group:void 0,getData:d,kind:"edge"});if(this._onWillDrop.fire(i),i.defaultPrevented)return;const o=d();o?this.moveGroupOrPanel({from:{groupId:o.groupId,panelId:null!==(t=o.panelId)&&void 0!==t?t:void 0},to:{group:this.orthogonalize(e.position),position:"center"}}):this._onDidDrop.fire(new Pt({nativeEvent:e.nativeEvent,position:e.position,panel:void 0,api:this._api,group:void 0,getData:d}))})),this._moduleRegistry.postConstruct(this)}setVisible(e,t){switch(e.api.location.type){case"grid":super.setVisible(e,t);break;case"floating":{const i=this.floatingGroups.find(t=>t.group===e);i&&(i.overlay.setVisible(t),e.api._onDidVisibilityChange.fire({isVisible:t}));break}case"popout":console.warn("dockview: You cannot hide a group that is in a popout window")}}getPopupServiceForGroup(e){var t,i;return null!==(i=null===(t=this._popoutWindowService)||void 0===t?void 0:t.getPopupService(e.id))&&void 0!==i?i:this.popupService}addPopoutGroup(e,t){return this.mutation("popout",()=>this._doAddPopoutGroup(e,t))}getPopouts(){var e,t;return null!==(t=null===(e=this._popoutWindowService)||void 0===e?void 0:e.entries.map(e=>({id:e.popoutGroup.id,group:e.popoutGroup,window:e.getWindow()})))&&void 0!==t?t:[]}_doAddPopoutGroup(t,i){var o,n,r,s,a;const d=Xt(this._popoutWindowService,"PopoutWindow","api.addPopoutGroup");if(!d)return Promise.resolve(!1);if(t instanceof Lt&&"edge"===t.model.location.type)return Promise.resolve(!1);if(t instanceof Nt&&1===t.group.size)return this.addPopoutGroup(t.group,i);const l=function(e){function t(e){const t=[];for(let i=0;i<e.classList.length;i++)t.push(e.classList.item(i));return t}let i,o=e;for(;null!==o&&(i=t(o).find(e=>e.startsWith("dockview-theme-")),"string"!=typeof i);)o=o.parentElement;return i}(this.gridview.element),c=this.element;const p=(null==i?void 0:i.position)?i.position:t instanceof Lt?t.element.getBoundingClientRect():t.group?t.group.element.getBoundingClientRect():c.getBoundingClientRect(),v=null!==(n=null===(o=null==i?void 0:i.overridePopoutGroup)||void 0===o?void 0:o.id)&&void 0!==n?n:this.getNextGroupId(),u=null!==(r=null==i?void 0:i.popoutUrl)&&void 0!==r?r:null===(s=this.options)||void 0===s?void 0:s.popoutUrl,g=new Ei(`${this.id}-${v}`,null!=l?l:"",{url:null!=u?u:"/popout.html",left:window.screenX+p.left,top:window.screenY+p.top,width:p.width,height:p.height,onDidOpen:null==i?void 0:i.onDidOpen,onWillClose:null==i?void 0:i.onWillClose,nonce:null===(a=this.options)||void 0===a?void 0:a.nonce}),f=new h(g,g.onDidClose(()=>{f.dispose()}));return g.open().then(o=>{var n,r,s;if(g.isDisposed)return!1;const a=(null==i?void 0:i.referenceGroup)?i.referenceGroup:t instanceof Nt?t.group:t,l=t.api.location.type,c=null!==a.element.parentElement;let p;if((null==i?void 0:i.overridePopoutGridview)?p=null!==(n=i.overridePopoutGroup)&&void 0!==n?n:a:c?(null==i?void 0:i.overridePopoutGroup)?p=i.overridePopoutGroup:(p=this.createGroup({id:v}),o&&this._onDidAddGroup.fire(p)):p=a,null===o)return this.handleBlockedPopout({group:p,referenceGroup:a,options:i,popoutWindowDisposable:f}),!1;const _=document.createElement("div");_.className="dv-overlay-render-container";const w=new Ai(_,this);p.model.renderContainer=w;const x=null!==(r=null==i?void 0:i.overridePopoutGridview)&&void 0!==r?r:this.createNestedGridview();(null==i?void 0:i.overridePopoutGridview)||x.addView(p,e.Sizing.Distribute,[0]),x.element.style.width="100%",x.element.style.height="100%",x.layout(g.window.innerWidth,g.window.innerHeight);let D=!1;const y=()=>{D||(D=!0,x.dispose())};let C;if(!(null==i?void 0:i.overridePopoutGroup)&&!(null==i?void 0:i.overridePopoutGridview)&&c)if(t instanceof Nt)this.movingLock(()=>{const e=a.model.removePanel(t);p.model.openPanel(e)});else switch(this.movingLock(()=>Hi({from:a,to:p})),l){case"grid":a.api.setVisible(!1);break;case"floating":case"popout":C=null===(s=this.floatingGroups.find(e=>e.group.api.id===t.api.id))||void 0===s?void 0:s.overlay.toJSON(),this.removeGroup(a)}o.classList.add("dv-dockview"),o.style.overflow="hidden",o.appendChild(_),o.appendChild(x.element);const S=document.createElement("div"),k=new Li(S,{disabled:this.rootDropTargetContainer.disabled});o.appendChild(S),p.model.dropTargetContainer=k;const z=new Mi(o,g.window);if(d.setPopupService(p.id,z),f.addDisposables(z,e.DockviewDisposable.from(()=>{d.deletePopupService(p.id)})),p.model.location={type:"popout",getWindow:()=>g.window,popoutUrl:u},null==i?void 0:i.overridePopoutGridview){const e=this.groups.filter(e=>x.element.contains(e.element));for(const t of e)t.model.renderContainer=w,t.model.dropTargetContainer=k,t.model.location={type:"popout",getWindow:()=>g.window,popoutUrl:u}}c&&"grid"===t.api.location.type&&t.api.setVisible(!1),this.doSetGroupAndPanelActive(p);const G=d.observeGridviewSize(g,x,w);G&&f.addDisposables(G),f.addDisposables(p.api.onDidActiveChange(e=>{var t;e.isActive&&(null===(t=g.window)||void 0===t||t.focus())}),p.api.onWillFocus(()=>{var e;null===(e=g.window)||void 0===e||e.focus()}));const P={},T=c&&a&&this.getPanel(a.id),A={window:g,popoutGroup:p,gridview:x,overlayRenderContainer:w,dropTargetContainer:k,getWindow:()=>g.window,popoutUrl:u,referenceGroup:T?a.id:void 0,disposable:{dispose:()=>(f.dispose(),P.returnedGroup)}},I=function(e){const t=new m;let i,o=e.screenX,n=e.screenY;const r=()=>{if(e.closed)return;const s=e.screenX,a=e.screenY;s===o&&a===n||(clearTimeout(i),i=setTimeout(()=>{t.fire()},100),o=s,n=a),requestAnimationFrame(r)};return r(),t}(g.window);return f.addDisposables(I,function(e,t){let i;return new h(b(e,"resize",()=>{clearTimeout(i),i=setTimeout(()=>{t()},100)}))}(g.window,()=>{this._onDidPopoutGroupSizeChange.fire({width:g.window.innerWidth,height:g.window.innerHeight,group:p})}),I.event(()=>{this._onDidPopoutGroupPositionChange.fire({screenX:g.window.screenX,screenY:g.window.screenX,group:p})}),b(g.window,"resize",()=>{x.layout(g.window.innerWidth,g.window.innerHeight)}),w,e.DockviewDisposable.from(()=>this.disposePopoutWindow({group:p,referenceGroup:a,popoutGridview:x,isGroupAddedToDom:c,floatingBox:C,disposePopoutGridview:y,closeResult:P}))),d.add(A),this._onDidAddPopoutGroup.fire({id:A.popoutGroup.id,group:A.popoutGroup,window:A.getWindow()}),!0}).catch(e=>(console.error("dockview: failed to create popout.",e),!1))}handleBlockedPopout(e){const{group:t,referenceGroup:i,options:o,popoutWindowDisposable:n}=e;if(console.error("dockview: failed to create popout. perhaps you need to allow pop-ups for this website"),n.dispose(),this._onDidOpenPopoutWindowFail.fire(),null==o?void 0:o.overridePopoutGridview){const e=o.overridePopoutGridview,t=this.groups.filter(t=>e.element.contains(t.element));for(const i of t)this.movingLock(()=>{e.remove(i),this.redockGroupToMainGrid(i)});return e.dispose(),void(i&&!i.api.isVisible&&i.api.setVisible(!0))}t===i?this.gridview.element.contains(t.element)||(this.movingLock(()=>this.doAddGroup(t,[0])),t.model.location={type:"grid"}):(this.movingLock(()=>Hi({from:t,to:i})),0===t.model.size&&this._groups.has(t.id)&&(t.dispose(),this._groups.delete(t.id),this._onDidRemoveGroup.fire(t))),i.api.isVisible||i.api.setVisible(!0)}redockGroupToMainGrid(e){e.model.renderContainer=this.overlayRenderContainer,e.model.dropTargetContainer=this.rootDropTargetContainer,e.model.location={type:"grid"},this.doAddGroup(e,[0])}disposePopoutWindow(e){var t;const{group:i,referenceGroup:o,popoutGridview:n,isGroupAddedToDom:r,floatingBox:s,disposePopoutGridview:a,closeResult:d}=e;if(this.isDisposed)return void a();const l=!!(null===(t=this._popoutWindowService)||void 0===t?void 0:t.entries.find(e=>e.gridview===n)),h=this.groups.filter(e=>n.element.contains(e.element)),c=h.includes(i),p=c&&1===h.length;if(l)for(const e of h)e!==i&&this.movingLock(()=>{this.doRemoveGroup(e,{skipDispose:!0,skipActive:!0,skipPopoutReturn:!0}),this.redockGroupToMainGrid(e)});if(c&&r&&this.getPanel(o.id))this.movingLock(()=>Hi({from:i,to:o})),o.api.isVisible||o.api.setVisible(!0),this.getPanel(i.id)&&this.doRemoveGroup(i,{skipPopoutAssociated:!0});else if(c&&this.getPanel(i.id)){if(i.model.renderContainer=this.overlayRenderContainer,i.model.dropTargetContainer=this.rootDropTargetContainer,d.returnedGroup=i,!l)return void a();s&&p?this.addFloatingGroup(i,{height:s.height,width:s.width,position:s}):(this.doRemoveGroup(i,{skipDispose:!0,skipActive:!0,skipPopoutReturn:!0}),i.model.location={type:"grid"},this.movingLock(()=>{this.doAddGroup(i,[0])})),this.doSetGroupAndPanelActive(i)}a()}addFloatingGroup(e,t){this.mutation("float",()=>this._doAddFloatingGroup(e,t))}_doAddFloatingGroup(t,i){var o;if(!Xt(this._floatingGroupService,"FloatingGroup","api.addFloatingGroup"))return;if(t instanceof Lt&&"edge"===t.model.location.type)return;let n;if(t instanceof Nt)n=this.createGroup(),this._onDidAddGroup.fire(n),this.movingLock(()=>this.removePanel(t,{removeEmptyGroup:!0,skipDispose:!0,skipSetActiveGroup:!0})),this.movingLock(()=>n.model.openPanel(t,{skipSetGroupActive:!0}));else{n=t;const e=null===(o=this._popoutWindowService)||void 0===o?void 0:o.findReferenceGroupId(n),r=e?this.getPanel(e):void 0;"boolean"==typeof(null==i?void 0:i.skipRemoveGroup)&&i.skipRemoveGroup||(r?(this.movingLock(()=>Hi({from:t,to:r})),this.doRemoveGroup(t,{skipPopoutReturn:!0,skipPopoutAssociated:!0}),this.doRemoveGroup(r,{skipDispose:!0}),n=r):this.doRemoveGroup(t,{skipDispose:!0,skipPopoutReturn:!0,skipPopoutAssociated:!1}))}const r=function(){if(null==i?void 0:i.position){const e={};return"left"in i.position?e.left=Math.max(i.position.left,0):"right"in i.position?e.right=Math.max(i.position.right,0):e.left=ni,"top"in i.position?e.top=Math.max(i.position.top,0):"bottom"in i.position?e.bottom=Math.max(i.position.bottom,0):e.top=ri,"number"==typeof i.width?e.width=Math.max(i.width,0):e.width=si,"number"==typeof i.height?e.height=Math.max(i.height,0):e.height=ai,e}return{left:"number"==typeof(null==i?void 0:i.x)?Math.max(i.x,0):ni,top:"number"==typeof(null==i?void 0:i.y)?Math.max(i.y,0):ri,width:"number"==typeof(null==i?void 0:i.width)?Math.max(i.width,0):si,height:"number"==typeof(null==i?void 0:i.height)?Math.max(i.height,0):ai}}(),s=this.createNestedGridview();s.addView(n,e.Sizing.Distribute,[0]),this.mountFloatingWindow(s,n,[n],r,{dragHandle:null==i?void 0:i.dragHandle,inDragMode:null==i?void 0:i.inDragMode,skipActiveGroup:null==i?void 0:i.skipActiveGroup})}createNestedGridview(t=e.Orientation.HORIZONTAL){var i,o;return new he(!0,this.options.hideBorders?{separatorBorder:"transparent"}:void 0,t,!1,null!==(o=null===(i=this.options.theme)||void 0===i?void 0:i.gap)&&void 0!==o?o:0)}mountFloatingWindow(t,i,o,n,r){var s,a,d,l,h,c,p,v;const u=Xt(this._floatingGroupService,"FloatingGroup","api.addFloatingGroup");if(!u)return;const g="titlebar"===(null!==(a=null!==(s=null==r?void 0:r.dragHandle)&&void 0!==s?s:this.options.floatingGroupDragHandle)&&void 0!==a?a:"titlebar")?new jt(this,i):void 0,m=new Ut(Object.assign(Object.assign({container:null!==(d=this._floatingOverlayHost)&&void 0!==d?d:this.gridview.element,content:t.element,header:null==g?void 0:g.element},n),{minimumInViewportWidth:"boundedWithinViewport"===this.options.floatingGroupBounds?void 0:null!==(h=null===(l=this.options.floatingGroupBounds)||void 0===l?void 0:l.minimumWidthWithinViewport)&&void 0!==h?h:oi,minimumInViewportHeight:"boundedWithinViewport"===this.options.floatingGroupBounds?void 0:null!==(p=null===(c=this.options.floatingGroupBounds)||void 0===c?void 0:c.minimumHeightWithinViewport)&&void 0!==p?p:oi,transformDragPosition:this.options.transformFloatingGroupDrag?e=>this.options.transformFloatingGroupDrag({group:i,proposed:e.proposed,container:e.container,others:e.others}):void 0,getSiblingBoxes:()=>this._gatherFloatingGroupBoxes(i)})),b=null!==(v=null==g?void 0:g.element)&&void 0!==v?v:i.element.querySelector(".dv-void-container");if(!b)throw new Error("dockview: failed to find drag handle");m.setupDrag(b,{inDragMode:"boolean"==typeof(null==r?void 0:r.inDragMode)&&r.inDragMode});const f=u.add(i,m,t);g&&(f.setTitleBar(g),f.addDisposables(g,e.DockviewDisposable.from(()=>f.setTitleBar(void 0)),g.onDragStart(e=>{this._onWillDragGroup.fire({nativeEvent:e,group:f.group})})));for(const e of o)e.model.location={type:"floating"};(null==r?void 0:r.skipActiveGroup)||this.doSetGroupAndPanelActive(i)}orthogonalize(t,i){switch(this.gridview.normalize(),t){case"top":case"bottom":this.gridview.orientation===e.Orientation.HORIZONTAL&&this.gridview.insertOrthogonalSplitviewAtRoot();break;case"left":case"right":this.gridview.orientation===e.Orientation.VERTICAL&&this.gridview.insertOrthogonalSplitviewAtRoot()}switch(t){case"top":case"left":case"center":return this.createGroupAtLocation([0],void 0,i);case"bottom":case"right":return this.createGroupAtLocation([this.gridview.length],void 0,i);default:throw new Error(`dockview: unsupported position ${t}`)}}updateOptions(e){var t,i,o,n,r;super.updateOptions(e),null===(t=this._floatingGroupService)||void 0===t||t.updateBounds(e),null===(i=this._rootDropTargetService)||void 0===i||i.setOptions(e);const s=this.options.disableDnd,a=this.options.dndStrategy;this._options=Object.assign(Object.assign({},this.options),e);const d=this.options.disableDnd,l=this.options.dndStrategy;if(s===d&&a===l||this.updateDragAndDropState(),"theme"in e&&this.updateTheme(),("createRightHeaderActionComponent"in e||"createLeftHeaderActionComponent"in e||"createPrefixHeaderActionComponent"in e)&&(null===(o=this.headerActionsService)||void 0===o||o.refreshAll()),"createWatermarkComponent"in e){null===(n=this._watermarkService)||void 0===n||n.refresh();for(const e of this.groups)e.model.refreshWatermark()}if("tabGroupColors"in e||"tabGroupAccent"in e){this._tabGroupColorPalette.setEntries(null!==(r=this._options.tabGroupColors)&&void 0!==r?r:st),this._tabGroupColorPalette.enabled="off"!==this._options.tabGroupAccent;for(const e of this.groups)e.model.refreshTabGroupAccent()}this._onDidOptionsChange.fire(),this._layoutFromShell(this.gridview.width,this.gridview.height)}layout(e,t,i){var o,n;this._shellManager&&!this._inShellLayout?this._shellManager.layout(e,t):super.layout(e,t,i),this._syncFloatingOverlayHost(),null===(n=null===(o=this._moduleRegistry)||void 0===o?void 0:o.services.floatingGroupService)||void 0===n||n.constrainBounds()}_syncFloatingOverlayHost(){if(!this._floatingOverlayHost||!this._shellManager)return;const e=this._shellManager.element.getBoundingClientRect(),t=this.element.getBoundingClientRect(),i=this._floatingOverlayHost;i.style.left=t.left-e.left+"px",i.style.top=t.top-e.top+"px",i.style.width=`${t.width}px`,i.style.height=`${t.height}px`}_layoutFromShell(e,t){this._inShellLayout=!0,this.layout(e,t,!0),this._inShellLayout=!1}forceRelayout(){this._shellManager?this._layoutFromShell(this.width,this.height):super.forceRelayout()}addEdgeGroup(e,t){const i=Xt(this._edgeGroupService,"EdgeGroup","api.addEdgeGroup");if(!i)throw new Error("dockview: EdgeGroup module is not registered");if(i.has(e))throw new Error(`dockview: edge group already exists at position '${e}'`);return this.mutation("add",()=>{const o=this.createGroup({id:t.id});o.model.location={type:"edge",position:e},o.model.headerPosition=e;const n=o.model.onDidRemovePanel(()=>{o.model.isEmpty&&this.setEdgeGroupCollapsed(o,!0)});return i.add(e,o,n),this._onDidAddGroup.fire(o),this._shellManager.addEdgeView(e,t,o),o.api})}getEdgeGroup(e){var t,i;return null===(i=null===(t=this._edgeGroupService)||void 0===t?void 0:t.get(e))||void 0===i?void 0:i.api}setEdgeGroupVisible(e,t){this._shellManager.setEdgeGroupVisible(e,t)}isEdgeGroupVisible(e){return this._shellManager.isEdgeGroupVisible(e)}removeEdgeGroup(e){const t=Xt(this._edgeGroupService,"EdgeGroup","api.removeEdgeGroup");if(!t)return;const i=t.get(e);if(!i)throw new Error(`dockview: no edge group exists at position '${e}'`);this.mutation("remove",()=>{for(const e of[...i.panels])this.removePanel(e,{removeEmptyGroup:!1,skipDispose:!1});this._shellManager.removeEdgeView(e),t.remove(e),i.dispose(),this._groups.delete(i.id),this._onDidRemoveGroup.fire(i)})}setEdgeGroupCollapsed(e,t){var i;const o=null===(i=this._edgeGroupService)||void 0===i?void 0:i.findPositionOf(e);o&&this._shellManager.isEdgeGroupCollapsed(o)!==t&&(this._shellManager.setEdgeGroupCollapsed(o,t),e.api._onDidCollapsedChange.fire({isCollapsed:t}))}isEdgeGroupCollapsed(e){var t;const i=null===(t=this._edgeGroupService)||void 0===t?void 0:t.findPositionOf(e);return!!i&&this._shellManager.isEdgeGroupCollapsed(i)}updateDragAndDropState(){for(const e of this.groups)e.model.updateDragAndDropState()}focus(){var e;null===(e=this.activeGroup)||void 0===e||e.focus()}getGroupPanel(e){return this.panels.find(t=>t.id===e)}setActivePanel(e){e.group.model.openPanel(e),this.doSetGroupAndPanelActive(e.group)}moveToNext(e={}){var t;if(!e.group){if(!this.activeGroup)return;e.group=this.activeGroup}if(e.includePanel&&e.group&&e.group.activePanel!==e.group.panels[e.group.panels.length-1])return void e.group.model.moveToNext({suppressRoll:!0});const i=oe(e.group.element),o=null===(t=this.gridview.next(i))||void 0===t?void 0:t.view;this.doSetGroupAndPanelActive(o)}moveToPrevious(e={}){var t;if(!e.group){if(!this.activeGroup)return;e.group=this.activeGroup}if(e.includePanel&&e.group&&e.group.activePanel!==e.group.panels[0])return void e.group.model.moveToPrevious({suppressRoll:!0});const i=oe(e.group.element),o=null===(t=this.gridview.previous(i))||void 0===t?void 0:t.view;o&&this.doSetGroupAndPanelActive(o)}toJSON(){var e,t,i,o,n,r,s,a;const d=this.gridview.serialize(),l=this.panels.reduce((e,t)=>(e[t.id]=t.toJSON(),e),{}),h=null!==(t=null===(e=this._floatingGroupService)||void 0===e?void 0:e.serialize())&&void 0!==t?t:[],c=null!==(o=null===(i=this._popoutWindowService)||void 0===i?void 0:i.serialize())&&void 0!==o?o:[],p={grid:d,panels:l,activeGroup:null===(n=this.activeGroup)||void 0===n?void 0:n.id};h.length>0&&(p.floatingGroups=h),c.length>0&&(p.popoutGroups=c);const v=null!==(s=null===(r=this._edgeGroupService)||void 0===r?void 0:r.entries())&&void 0!==s?s:[];if(null===(a=this._edgeGroupService)||void 0===a?void 0:a.hasAny()){const e=this._shellManager.toJSON();for(const[t,i]of v){const o=e[t];o&&(o.group=i.toJSON())}p.edgeGroups=e}return p}fromJSON(e,t){this.mutation("load",()=>this._doFromJSON(e,t))}_doFromJSON(e,t){var i,o,n,r,s,a,d;null===(i=this._popoutWindowService)||void 0===i||i.cancelPendingRestorations();const l=new Map;let h;if(null==t?void 0:t.reuseExistingPanels){h=this.createGroup(),this._groups.delete(h.api.id);const t=Object.keys(e.panels);for(const e of this.panels)t.includes(e.api.id)&&l.set(e.api.id,e);this.movingLock(()=>{Array.from(l.values()).forEach(e=>{this.moveGroupOrPanel({from:{groupId:e.api.group.api.id,panelId:e.api.id},to:{group:h,position:"center"},keepEmptyGroups:!0})})})}if(this.clear(),"object"!=typeof e||null===e)throw new Error("dockview: serialized layout must be a non-null object");const{grid:c,panels:p,activeGroup:v}=e;if("branch"!==c.root.type||!Array.isArray(c.root.data))throw new Error("dockview: root must be of type branch");try{const t=this.width,i=this.height,d=e=>{const{id:t,locked:i,hideHeader:o,headerPosition:n,views:r,activeView:s}=e;if("string"!=typeof t)throw new Error("dockview: group id must be of type string");const a=this.createGroup({id:t,locked:!!i,hideHeader:!!o,headerPosition:n});this._onDidAddGroup.fire(a);const d=[];for(const e of r){const t=l.get(e);if(h&&t)this.movingLock(()=>{h.model.removePanel(t)}),d.push(t),t.updateFromStateModel(p[e]);else{const t=this._deserializer.fromJSON(p[e],a);d.push(t)}}for(let e=0;e<r.length;e++){const t=d[e],i="string"==typeof s&&s===t.id;l.has(t.api.id)?this.movingLock(()=>{a.model.openPanel(t,{skipSetActive:!i,skipSetGroupActive:!0})}):a.model.openPanel(t,{skipSetActive:!i,skipSetGroupActive:!0})}return e.tabGroups&&e.tabGroups.length>0&&a.model.restoreTabGroups(e.tabGroups),!a.activePanel&&a.panels.length>0&&a.model.openPanel(a.panels[a.panels.length-1],{skipSetGroupActive:!0}),a};this.gridview.deserialize(c,{fromJSON:e=>d(e.data)}),this._layoutFromShell(t,i),e.edgeGroups&&this.deserializeEdgeGroups(e.edgeGroups,p),this.deserializeFloatingWindows(null!==(o=e.floatingGroups)&&void 0!==o?o:[],d);const u=this.deserializePopoutWindows(null!==(n=e.popoutGroups)&&void 0!==n?n:[],d);if(null===(r=this._popoutWindowService)||void 0===r||r.finishRestoration(u),null===(s=this._floatingGroupService)||void 0===s||s.constrainBounds(),"string"==typeof v){const e=this.getPanel(v);e&&this.doSetGroupAndPanelActive(e)}null===(a=this._watermarkService)||void 0===a||a.update()}catch(e){console.error("dockview: failed to deserialize layout. Reverting changes",e);for(const e of this.groups)for(const t of e.panels)this.removePanel(t,{removeEmptyGroup:!1,skipDispose:!1});for(const e of this.groups)e.dispose(),this._groups.delete(e.id),this._onDidRemoveGroup.fire(e);throw null===(d=this._floatingGroupService)||void 0===d||d.disposeAll(),this.clear(),e}this.debouncedUpdateAllPositions(),this._onDidLayoutFromJSON.fire()}deserializeNestedGridview(e,t){const i=this.createNestedGridview(e.orientation),o=[];return i.deserialize(e,{fromJSON:e=>{const i=t(e.data);return o.push(i),i}}),{gridview:i,members:o}}deserializeEdgeGroups(e,t){var i;const o=Xt(this._edgeGroupService,"EdgeGroup","fromJSON edge restoration");if(o){for(const t of["top","bottom","left","right"]){const n=e[t];if(n&&!o.has(t)){const e=n.group,o=null!==(i=null==e?void 0:e.id)&&void 0!==i?i:`${t}-group`;this.addEdgeGroup(t,{id:o})}}for(const[i,n]of o.entries()){const o=e[i],r=null==o?void 0:o.group;if(r){const{views:e,activeView:i}=r,o=[];for(const i of e)if(t[i]){const e=this._deserializer.fromJSON(t[i],n);o.push(e)}for(let e=0;e<o.length;e++){const t=o[e],r=i===t.id;n.model.openPanel(t,{skipSetActive:!r,skipSetGroupActive:!0})}r.tabGroups&&r.tabGroups.length>0&&n.model.restoreTabGroups(r.tabGroups),!n.activePanel&&n.panels.length>0&&n.model.openPanel(n.panels[n.panels.length-1],{skipSetGroupActive:!0})}}this._shellManager.fromJSON(e)}}deserializeFloatingWindows(e,t){for(const i of e){const{data:e,grid:o,position:n}=i;if(o){const{gridview:e,members:i}=this.deserializeNestedGridview(o,t);if(0===i.length)continue;this.mountFloatingWindow(e,i[0],i,n,{inDragMode:!1})}else if(e){const i=t(e);this.addFloatingGroup(i,{position:n,width:n.width,height:n.height,skipRemoveGroup:!0,inDragMode:!1})}}}deserializePopoutWindows(e,t){const i=e.length>0?Xt(this._popoutWindowService,"PopoutWindow","fromJSON popout restoration"):this._popoutWindowService;return i?e.flatMap((e,o)=>{const{data:n,grid:r,position:s,gridReferenceGroup:a,url:d}=e;let l,h=[];if(r){const e=this.deserializeNestedGridview(r,t);if(l=e.gridview,h=e.members,0===h.length)return l.dispose(),[]}const c=r?h[0]:t(n);return i.scheduleRestoration(100*o,()=>{this.addPopoutGroup(c,{position:null!=s?s:void 0,overridePopoutGroup:a?c:void 0,overridePopoutGridview:l,referenceGroup:a?this.getPanel(a):void 0,popoutUrl:d})},()=>{for(const e of h.length>0?h:[c])if(!this.isDisposed&&this._groups.has(e.id)&&null===e.element.parentElement){for(const t of[...e.panels])this.removePanel(t,{removeEmptyGroup:!1});e.dispose(),this._groups.delete(e.id),this._onDidRemoveGroup.fire(e)}})}):[]}clear(){this.mutation("clear",()=>this._doClear())}_doClear(){var e;const t=Array.from(this._groups.values()).map(e=>e.value),i=!!this.activeGroup;for(const i of t){if(null===(e=this._edgeGroupService)||void 0===e?void 0:e.includes(i)){const e=[...i.panels];for(const t of e)this.removePanel(t,{removeEmptyGroup:!1});continue}this.removeGroup(i,{skipActive:!0})}i&&this.doSetGroupAndPanelActive(void 0),this.gridview.clear()}closeAllGroups(){this.mutation("remove",()=>{for(const e of this._groups.entries()){const[t,i]=e;i.value.model.closeAllPanels()}})}addPanel(e){return this.mutation("add",()=>this._doAddPanel(e))}_doAddPanel(t){var i,o;if(this.panels.find(e=>e.id===t.id))throw new Error(`dockview: panel with id ${t.id} already exists`);let n;if(t.position&&t.floating)throw new Error("dockview: you can only provide one of: position, floating as arguments to .addPanel(...)");const r={width:t.initialWidth,height:t.initialHeight};let s,a;if(t.position)if(Ct(t.position)){const e="string"==typeof t.position.referencePanel?this.getGroupPanel(t.position.referencePanel):t.position.referencePanel;if(s=t.position.index,!e)throw new Error(`dockview: referencePanel '${t.position.referencePanel}' does not exist`);n=this.findGroup(e)}else{if(!St(t.position)){const e=this.orthogonalize(ze(t.position.direction)),i=this.createPanel(t,e);return e.model.openPanel(i,{skipSetActive:t.inactive,skipSetGroupActive:t.inactive,index:s}),t.inactive||this.doSetGroupAndPanelActive(e),e.api.setSize({height:null==r?void 0:r.height,width:null==r?void 0:r.width}),i}if(n="string"==typeof t.position.referenceGroup?null===(i=this._groups.get(t.position.referenceGroup))||void 0===i?void 0:i.value:t.position.referenceGroup,s=t.position.index,!n)throw new Error(`dockview: referenceGroup '${t.position.referenceGroup}' does not exist`)}else n=this.activeGroup;if(n){const i=ue((null===(o=t.position)||void 0===o?void 0:o.direction)||"within");if(t.floating){const e=this.createGroup();this._onDidAddGroup.fire(e);const i="object"==typeof t.floating&&null!==t.floating?t.floating:{};this.addFloatingGroup(e,Object.assign(Object.assign({},i),{inDragMode:!1,skipRemoveGroup:!0,skipActiveGroup:!0})),a=this.createPanel(t,e),e.model.openPanel(a,{skipSetActive:t.inactive,skipSetGroupActive:t.inactive,index:s})}else if("floating"===n.api.location.type||"edge"===n.api.location.type||"center"===i)a=this.createPanel(t,n),n.model.openPanel(a,{skipSetActive:t.inactive,skipSetGroupActive:t.inactive,index:s}),n.api.setSize({width:null==r?void 0:r.width,height:null==r?void 0:r.height}),t.inactive||this.doSetGroupAndPanelActive(n);else{const o=oe(n.element),d=ne(this.gridview.orientation,o,i),l=this.createGroupAtLocation(d,this.orientationAtLocation(d)===e.Orientation.VERTICAL?null==r?void 0:r.height:null==r?void 0:r.width);a=this.createPanel(t,l),l.model.openPanel(a,{skipSetActive:t.inactive,skipSetGroupActive:t.inactive,index:s}),t.inactive||this.doSetGroupAndPanelActive(l)}}else if(t.floating){const e=this.createGroup();this._onDidAddGroup.fire(e);const i="object"==typeof t.floating&&null!==t.floating?t.floating:{};this.addFloatingGroup(e,Object.assign(Object.assign({},i),{inDragMode:!1,skipRemoveGroup:!0,skipActiveGroup:!0})),a=this.createPanel(t,e),e.model.openPanel(a,{skipSetActive:t.inactive,skipSetGroupActive:t.inactive,index:s})}else{const i=this.createGroupAtLocation([0],this.gridview.orientation===e.Orientation.VERTICAL?null==r?void 0:r.height:null==r?void 0:r.width);a=this.createPanel(t,i),i.model.openPanel(a,{skipSetActive:t.inactive,skipSetGroupActive:t.inactive,index:s}),t.inactive||this.doSetGroupAndPanelActive(i)}return a}removePanel(e,t={removeEmptyGroup:!0}){this.mutation("remove",()=>this._doRemovePanel(e,t))}_doRemovePanel(e,t={removeEmptyGroup:!0}){const i=e.group;if(!i)throw new Error(`dockview: cannot remove panel ${e.id}. it's missing a group.`);i.model.removePanel(e,{skipSetActiveGroup:t.skipSetActiveGroup}),t.skipDispose||(e.group.model.renderContainer.detatch(e),e.dispose()),0===i.size&&t.removeEmptyGroup&&this.removeGroup(i,{skipActive:t.skipSetActiveGroup})}createWatermarkComponent(){return this.options.createWatermarkComponent?this.options.createWatermarkComponent():new Bt}addGroup(e){return this.mutation("add",()=>this._doAddGroup(e))}_doAddGroup(t){var i;if(t){let o;if(kt(t)){const e="string"==typeof t.referencePanel?this.panels.find(e=>e.id===t.referencePanel):t.referencePanel;if(!e)throw new Error(`dockview: reference panel ${t.referencePanel} does not exist`);if(o=this.findGroup(e),!o)throw new Error(`dockview: reference group for reference panel ${t.referencePanel} does not exist`)}else{if(!zt(t)){const e=this.orthogonalize(ze(t.direction),t);return t.skipSetActive||this.doSetGroupAndPanelActive(e),e}if(o="string"==typeof t.referenceGroup?null===(i=this._groups.get(t.referenceGroup))||void 0===i?void 0:i.value:t.referenceGroup,!o)throw new Error(`dockview: reference group ${t.referenceGroup} does not exist`)}const n=ue(t.direction||"within"),r=oe(o.element),s=ne(this.gridview.orientation,r,n),a=this.createGroup(t),d=this.getLocationOrientation(s)===e.Orientation.VERTICAL?t.initialHeight:t.initialWidth;return this.doAddGroup(a,s,d),t.skipSetActive||this.doSetGroupAndPanelActive(a),a}{const e=this.createGroup(t);return this.doAddGroup(e),this.doSetGroupAndPanelActive(e),e}}getLocationOrientation(t){return t.length%2==0&&this.gridview.orientation===e.Orientation.HORIZONTAL?e.Orientation.HORIZONTAL:e.Orientation.VERTICAL}removeGroup(e,t){this.mutation("remove",()=>this.doRemoveGroup(e,t))}detachFromNestedWindow(e){var t,i;const o=null===(t=this._floatingGroupService)||void 0===t?void 0:t.findByGroup(e);if(o){const t=this.nestedWindowMembers(e);return!(t.length<=1)&&(o.gridview.remove(e),o.group===e&&o.setAnchorGroup(t.find(t=>t!==e)),!0)}const n=null===(i=this._popoutWindowService)||void 0===i?void 0:i.findByGroup(e);if(n){const t=this.nestedWindowMembers(e);return!(t.length<=1)&&(n.gridview.remove(e),n.popoutGroup===e&&(n.popoutGroup=t.find(t=>t!==e)),!0)}return!1}disposeGroupRecord(e){e.dispose(),this._groups.delete(e.id),this._onDidRemoveGroup.fire(e)}activateFallbackGroupIfRemoved(e,t){if(!t&&this._activeGroup===e){const e=Array.from(this._groups.values());this.doSetGroupAndPanelActive(e.length>0?e[0].value:void 0)}}doRemoveGroup(e,t){var i,o,n,r,s;if(null===(i=this._edgeGroupService)||void 0===i?void 0:i.includes(e))return e;const a=[...e.panels];if(!(null==t?void 0:t.skipDispose))for(const e of a)this.removePanel(e,{removeEmptyGroup:!1,skipDispose:null!==(o=null==t?void 0:t.skipDispose)&&void 0!==o&&o});const d=this.activePanel;if("floating"===e.api.location.type){const i=null===(n=this._floatingGroupService)||void 0===n?void 0:n.findByGroup(e);if(!i)throw new Error("dockview: failed to find floating group");return this.detachFromNestedWindow(e)?((null==t?void 0:t.skipDispose)?e.model.location={type:"grid"}:this.disposeGroupRecord(e),this.activateFallbackGroupIfRemoved(e,null==t?void 0:t.skipActive),e):((null==t?void 0:t.skipDispose)||this.disposeGroupRecord(e),i.dispose(),this.activateFallbackGroupIfRemoved(e,null==t?void 0:t.skipActive),e)}if("popout"===e.api.location.type){const i=null===(r=this._popoutWindowService)||void 0===r?void 0:r.findByGroup(e);if(!i)throw new Error("dockview: failed to find popout group");if(this.detachFromNestedWindow(e))return(null==t?void 0:t.skipDispose)?e.model.location={type:"grid"}:this.disposeGroupRecord(e),this.activateFallbackGroupIfRemoved(e,null==t?void 0:t.skipActive),e;if(!(null==t?void 0:t.skipDispose)){if(!(null==t?void 0:t.skipPopoutAssociated)){const e=i.referenceGroup?this.getPanel(i.referenceGroup):void 0;e&&0===e.panels.length&&this.removeGroup(e)}i.popoutGroup.dispose(),this._groups.delete(e.id),this._onDidRemoveGroup.fire(e)}null===(s=this._popoutWindowService)||void 0===s||s.remove(i);const o=i.disposable.dispose();return!(null==t?void 0:t.skipPopoutReturn)&&o&&(this.doAddGroup(o,[0]),this.doSetGroupAndPanelActive(o)),this.activateFallbackGroupIfRemoved(e,null==t?void 0:t.skipActive),i.popoutGroup}if(!this.gridview.element.contains(e.element)){if(!(null==t?void 0:t.skipDispose)){const t=this._groups.get(e.id);null==t||t.disposable.dispose(),this.disposeGroupRecord(e)}return this.activateFallbackGroupIfRemoved(e,null==t?void 0:t.skipActive),e}const l=super.doRemoveGroup(e,t);return(null==t?void 0:t.skipActive)||this.activePanel!==d&&this.fireActivePanelChange(this.activePanel),l}debouncedUpdateAllPositions(){void 0!==this._updatePositionsFrameId&&cancelAnimationFrame(this._updatePositionsFrameId),this._updatePositionsFrameId=requestAnimationFrame(()=>{var e,t;this._updatePositionsFrameId=void 0,this.overlayRenderContainer.updateAllPositions();for(const i of null!==(t=null===(e=this._popoutWindowService)||void 0===e?void 0:e.entries)&&void 0!==t?t:[])i.overlayRenderContainer.updateAllPositions()})}movingLock(e){const t=this._moving;try{return this._moving=!0,e()}finally{this._moving=t}}mutation(e,t){const i=0===this._mutationDepth,o=this._origin;i&&this._onWillMutateLayout.fire({kind:e,origin:o}),this._mutationDepth++;try{return t()}finally{this._mutationDepth--,i&&this._onDidMutateLayout.fire({kind:e,origin:o})}}currentOrigin(){return this._origin}withOrigin(e,t){if(this._originDepth>0||this._mutationDepth>0)return t();const i=this._origin;this._origin=e,this._originDepth++;try{return t()}finally{this._originDepth--,this._origin=i}}fireActivePanelChange(e){this._onDidActivePanelChange.fire({panel:e,origin:this._origin})}moveGroupOrPanel(e){this.mutation("move",()=>this._doMoveGroupOrPanel(e))}_doMoveGroupOrPanel(e){var t,i;const o=e.to.group,n=e.from.groupId,r=e.from.panelId,s=e.to.position,a=e.to.index,d=n?null===(t=this._groups.get(n))||void 0===t?void 0:t.value:void 0;if(!d)throw new Error(`dockview: Failed to find group id ${n}`);if(void 0!==r)if(s&&"center"!==s){const e=this.getGridviewForGroup(o),t=oe(o.element),n=ne(e.orientation,t,s);if(d.size<2){const[t,a]=M(n);if("grid"===d.api.location.type&&e===this.gridview){const e=oe(d.element),[i,o]=M(e);if(L(i,t))return this.gridview.moveView(i,o,a),void this._onDidMovePanel.fire({panel:this.getGroupPanel(r),from:d})}if("popout"===d.api.location.type&&this.nestedWindowMembers(d).length<=1){const t=null===(i=this._popoutWindowService)||void 0===i?void 0:i.findByGroup(d);if(!t)return;const n=this.movingLock(()=>t.popoutGroup.model.removePanel(t.popoutGroup.panels[0],{skipSetActive:!0,skipSetActiveGroup:!0}));this.doRemoveGroup(d,{skipActive:!0});const a=ne(e.orientation,oe(o.element),s),l=this.createGroupAtLocation(a,void 0,void 0,e);return this.movingLock(()=>l.model.openPanel(n,{skipSetActive:!0})),this.doSetGroupAndPanelActive(l),void this._onDidMovePanel.fire({panel:this.getGroupPanel(r),from:d})}if("edge"===d.api.location.type){const t=this.movingLock(()=>d.model.removePanel(r,{skipSetActive:!1,skipSetActiveGroup:!0}));if(!t)throw new Error(`dockview: No panel with id ${r}`);const i=this.createGroupAtLocation(n,void 0,void 0,e);return this.movingLock(()=>i.model.openPanel(t,{skipSetGroupActive:!0})),this.doSetGroupAndPanelActive(i),void this._onDidMovePanel.fire({panel:t,from:d})}const l=this.movingLock(()=>this.doRemoveGroup(d,{skipActive:!0,skipDispose:!0})),h=oe(o.element),c=ne(e.orientation,h,s);this.movingLock(()=>this.doAddGroup(l,c,void 0,e)),this.setGroupLocationForRoot(l,e),this.doSetGroupAndPanelActive(l),this._onDidMovePanel.fire({panel:this.getGroupPanel(r),from:d})}else{const i=this.movingLock(()=>d.model.removePanel(r,{skipSetActive:!1,skipSetActiveGroup:!0}));if(!i)throw new Error(`dockview: No panel with id ${r}`);const o=ne(e.orientation,t,s),n=this.createGroupAtLocation(o,void 0,void 0,e);this.movingLock(()=>n.model.openPanel(i,{skipSetGroupActive:!0})),this.doSetGroupAndPanelActive(n),this._onDidMovePanel.fire({panel:i,from:d})}}else{const t=this.movingLock(()=>d.model.removePanel(r,{skipSetActive:!1,skipSetActiveGroup:!0}));if(!t)throw new Error(`dockview: No panel with id ${r}`);e.keepEmptyGroups||0!==d.model.size||this.doRemoveGroup(d,{skipActive:!0});const i=0===o.model.size;this.movingLock(()=>{var n;return o.model.openPanel(t,{index:a,skipSetActive:null!==(n=e.skipSetActive)&&void 0!==n&&n&&!i,skipSetGroupActive:!0})}),e.skipSetActive||this.doSetGroupAndPanelActive(o),this._onDidMovePanel.fire({panel:t,from:d})}else e.from.tabGroupId?this.moveTabGroupToGroup({sourceGroup:d,tabGroupId:e.from.tabGroupId,destinationGroup:o,destinationTarget:s,destinationIndex:a,skipSetActive:e.skipSetActive,keepEmptyGroups:e.keepEmptyGroups}):this.moveGroup({from:{group:d},to:{group:o,position:s},skipSetActive:e.skipSetActive})}moveTabGroupToGroup(e){const{sourceGroup:t,tabGroupId:i,destinationGroup:o,destinationTarget:n,destinationIndex:r}=e,s=t.model.getTabGroups().find(e=>e.id===i);if(!s||0===s.panelIds.length)return;const a=s.label,d=s.color,l=s.collapsed,h=s.componentParams,c=[...s.panelIds],p=n&&"center"!==n?oe(o.element):void 0,v=this.movingLock(()=>c.map(e=>t.model.removePanel(e,{skipSetActive:!1,skipSetActiveGroup:!0})).filter(e=>void 0!==e));if(0===v.length)return;let u;if(n&&"center"!==n&&p){const e=ne(this.gridview.orientation,p,n);u=this.createGroupAtLocation(e)}else u=o;e.keepEmptyGroups||0!==t.model.size||t===u||this.doRemoveGroup(t,{skipActive:!0}),(i=>{this.movingLock(()=>{for(const e of v)i.model.openPanel(e,{index:r,skipSetActive:!0,skipSetGroupActive:!0})});const o=i.model.createTabGroup({label:a,color:d,collapsed:l,componentParams:h});for(const e of v)i.model.addPanelToTabGroup(o.id,e.id);e.skipSetActive||this.doSetGroupAndPanelActive(i);for(const e of v)this._onDidMovePanel.fire({panel:e,from:t})})(u)}moveGroup(e){this.mutation("move",()=>this._doMoveGroup(e))}maximizeGroup(e){this.mutation("maximize",()=>super.maximizeGroup(e))}exitMaximizedGroup(){this.mutation("maximize",()=>super.exitMaximizedGroup())}_doMoveGroup(t){var i,o,n;const r=t.from.group,s=t.to.group,a=t.to.position;let d=r;if("center"===a){const e=r.activePanel,i=r.model.getTabGroups().map(e=>({label:e.label,color:e.color,collapsed:e.collapsed,componentParams:e.componentParams,panelIds:[...e.panelIds]})),o=this.movingLock(()=>[...r.panels].map(e=>r.model.removePanel(e.id,{skipSetActive:!0})));0===(null==r?void 0:r.model.size)&&this.doRemoveGroup(r,{skipActive:!0}),this.movingLock(()=>{for(const t of o)s.model.openPanel(t,{skipSetActive:t!==e,skipSetGroupActive:!0})});for(const e of i){const t=s.model.createTabGroup({label:e.label,color:e.color,collapsed:e.collapsed,componentParams:e.componentParams});for(const i of e.panelIds)s.model.addPanelToTabGroup(t.id,i)}!0!==t.skipSetActive?this.doSetGroupAndPanelActive(s):this.activePanel||this.doSetGroupAndPanelActive(s)}else{if("edge"===r.api.location.type){const e=r.activePanel,t=r.model.getTabGroups().map(e=>({label:e.label,color:e.color,collapsed:e.collapsed,componentParams:e.componentParams,panelIds:[...e.panelIds]})),i=this.movingLock(()=>[...r.panels].map(e=>r.model.removePanel(e.id,{skipSetActive:!0})));d=this.createGroup(),this._onDidAddGroup.fire(d),this.movingLock(()=>{for(const t of i)d.model.openPanel(t,{skipSetActive:t!==e,skipSetGroupActive:!0})});for(const e of t){const t=d.model.createTabGroup({label:e.label,color:e.color,collapsed:e.collapsed,componentParams:e.componentParams});for(const i of e.panelIds)d.model.addPanelToTabGroup(t.id,i)}}else switch(r.api.location.type){case"grid":this.gridview.removeView(oe(r.element));break;case"floating":{const e=null===(i=this._floatingGroupService)||void 0===i?void 0:i.findByGroup(r);if(!e)throw new Error("dockview: failed to find floating group");this.detachFromNestedWindow(r)||e.dispose();break}case"popout":{const e=null===(o=this._popoutWindowService)||void 0===o?void 0:o.findByGroup(r);if(!e)throw new Error("dockview: failed to find popout group");if(this.detachFromNestedWindow(r))break;if(null===(n=this._popoutWindowService)||void 0===n||n.remove(e),e.referenceGroup){const t=this.getPanel(e.referenceGroup);t&&!t.api.isVisible&&this.doRemoveGroup(t,{skipActive:!0})}e.window.dispose();break}}if("grid"===s.api.location.type||"floating"===s.api.location.type||"popout"===s.api.location.type){const t=this.getGridviewForGroup(s),i=oe(s.element),o=ne(t.orientation,i,a);let n;switch(t.orientation){case e.Orientation.VERTICAL:n=i.length%2==0?r.api.width:r.api.height;break;case e.Orientation.HORIZONTAL:n=i.length%2==0?r.api.height:r.api.width}t.addView(d,n,o),this.setGroupLocationForRoot(d,t)}}if(d.panels.forEach(e=>{this._onDidMovePanel.fire({panel:e,from:r})}),this.debouncedUpdateAllPositions(),!1===t.skipSetActive){const e=null!=s?s:r;this.doSetGroupAndPanelActive(e)}else d!==r&&!0!==t.skipSetActive&&this.doSetGroupAndPanelActive(d)}doSetGroupActive(e){var t;super.doSetGroupActive(e);const i=this.activePanel;this._moving||i===(null===(t=this._onDidActivePanelChange.value)||void 0===t?void 0:t.panel)||this.fireActivePanelChange(i)}doSetGroupAndPanelActive(e){var t;super.doSetGroupActive(e);const i=this.activePanel;e&&this.hasMaximizedGroup()&&!this.isMaximizedGroup(e)&&this.exitMaximizedGroup(),this._moving||i===(null===(t=this._onDidActivePanelChange.value)||void 0===t?void 0:t.panel)||this.fireActivePanelChange(i)}getNextGroupId(){let e=this.nextGroupId.next();for(;this._groups.has(e);)e=this.nextGroupId.next();return e}createGroup(t){t||(t={});let i=null==t?void 0:t.id;if(i&&this._groups.has(t.id)&&(console.warn(`dockview: Duplicate group id ${null==t?void 0:t.id}. reassigning group id to avoid errors`),i=void 0),!i)for(i=this.nextGroupId.next();this._groups.has(i);)i=this.nextGroupId.next();const o=new Lt(this,i,t);if(o.init({params:{},accessor:this}),!this._groups.has(o.id)){const t=new h(o.model.onTabDragStart(e=>{var t;null===(t=this._advancedDnDService)||void 0===t||t.dispatchWillDragPanel(e)}),o.model.onGroupDragStart(e=>{var t;null===(t=this._advancedDnDService)||void 0===t||t.dispatchWillDragGroup(e)}),o.model.onMove(e=>{const{groupId:t,itemId:i,target:n,index:r,tabGroupId:s}=e;this.moveGroupOrPanel({from:{groupId:t,panelId:i,tabGroupId:s},to:{group:o,position:n,index:r}})}),o.model.onDidDrop(e=>{this._onDidDrop.fire(e)}),o.model.onWillDrop(e=>{var t;null===(t=this._advancedDnDService)||void 0===t||t.dispatchWillDrop(e)}),o.model.onWillShowOverlay(e=>{var t;this.options.disableDnd?e.preventDefault():null===(t=this._advancedDnDService)||void 0===t||t.dispatchWillShowOverlay(e)}),o.model.onUnhandledDragOver(e=>{this._onUnhandledDragOver.fire(e)}),o.model.onDidAddPanel(e=>{this._moving||this._onDidAddPanel.fire(e.panel)}),o.model.onDidRemovePanel(e=>{this._moving||this._onDidRemovePanel.fire(e.panel)}),o.model.onDidActivePanelChange(e=>{var t;this._moving||e.panel===this.activePanel&&(null===(t=this._onDidActivePanelChange.value)||void 0===t?void 0:t.panel)!==e.panel&&this.fireActivePanelChange(e.panel)}),e.DockviewEvent.any(o.model.onDidPanelTitleChange,o.model.onDidPanelParametersChange)(()=>{this._bufferOnDidLayoutChange.fire()}));this._groups.set(o.id,{value:o,disposable:t})}return o.initialize(),o}createPanel(e,t){var i,o,n;const r=e.component,s=null!==(i=e.tabComponent)&&void 0!==i?i:this.options.defaultTabComponent,a=new Ht(this,e.id,r,s),d=new Nt(e.id,r,s,this,this._api,t,a,{renderer:e.renderer,minimumWidth:e.minimumWidth,minimumHeight:e.minimumHeight,maximumWidth:e.maximumWidth,maximumHeight:e.maximumHeight});return d.init({title:null!==(o=e.title)&&void 0!==o?o:e.id,params:null!==(n=null==e?void 0:e.params)&&void 0!==n?n:{}}),d}createGroupAtLocation(e,t,i,o=this.gridview){const n=this.createGroup(i);return this.doAddGroup(n,e,t,o),this.setGroupLocationForRoot(n,o),n}setGroupLocationForRoot(e,t){var i;const o=null===(i=this._popoutWindowService)||void 0===i?void 0:i.entries.find(e=>e.gridview===t);if(o)return e.model.renderContainer!==o.overlayRenderContainer&&(e.model.renderContainer=o.overlayRenderContainer),e.model.dropTargetContainer=o.dropTargetContainer,void(e.model.location={type:"popout",getWindow:o.getWindow,popoutUrl:o.popoutUrl});e.model.renderContainer!==this.overlayRenderContainer&&(e.model.renderContainer=this.overlayRenderContainer),e.model.dropTargetContainer=this.rootDropTargetContainer,e.model.location=t===this.gridview?{type:"grid"}:{type:"floating"}}getGridviewForGroup(e){var t,i;const o=null===(t=this._floatingGroupService)||void 0===t?void 0:t.findByGroup(e);if(o)return o.gridview;const n=null===(i=this._popoutWindowService)||void 0===i?void 0:i.findByGroup(e);return n?n.gridview:this.gridview}nestedWindowMembers(e){const t=this.getGridviewForGroup(e);return t===this.gridview?[]:this.groups.filter(e=>t.element.contains(e.element))}findGroup(e){var t;return null===(t=Array.from(this._groups.values()).find(t=>t.value.model.containsPanel(e)))||void 0===t?void 0:t.value}orientationAtLocation(e){const t=this.gridview.orientation;return e.length%2==1?t:ae(t)}updateTheme(){var e,t,i,o,n,r,s,a,d,l;const h=null!==(e=this._options.theme)&&void 0!==e?e:Vt;null===(t=this._shellThemeClassnames)||void 0===t||t.setClassNames(h.className);const c=null!==(i=h.gap)&&void 0!==i?i:0;this.gridview.margin=c;for(const e of this.floatingGroups)e.gridview.margin=c;for(const e of null!==(n=null===(o=this._popoutWindowService)||void 0===o?void 0:o.entries)&&void 0!==n?n:[])e.gridview.margin=c;if(null===(r=this._shellManager)||void 0===r||r.updateTheme(c,null!==(s=h.edgeGroupCollapsedSize)&&void 0!==s?s:35),void 0!==h.dndOverlayBorder?(this.element.style.setProperty("--dv-drag-over-border",h.dndOverlayBorder),null===(a=this._shellManager)||void 0===a||a.element.style.setProperty("--dv-drag-over-border",h.dndOverlayBorder)):(this.element.style.removeProperty("--dv-drag-over-border"),null===(d=this._shellManager)||void 0===d||d.element.style.removeProperty("--dv-drag-over-border")),"absolute"===h.dndOverlayMounting)this.rootDropTargetContainer.disabled=!1;else this.rootDropTargetContainer.disabled=!0;const p="none"===(null!==(l=h.tabGroupIndicator)&&void 0!==l?l:"wrap");y(this.element,"dv-tab-group-indicator-none",p),this._shellManager&&y(this._shellManager.element,"dv-tab-group-indicator-none",p);for(const e of this.groups)e.model.updateTabGroups()}}class $i extends ge{get orientation(){return this.gridview.orientation}set orientation(e){this.gridview.orientation=e}get options(){return this._options}get deserializer(){return this._deserializer}set deserializer(e){this._deserializer=e}constructor(e,t){var i;super(e,{proportionalLayout:null===(i=t.proportionalLayout)||void 0===i||i,orientation:t.orientation,styles:t.hideBorders?{separatorBorder:"transparent"}:void 0,disableAutoResizing:t.disableAutoResizing,className:t.className}),this._onDidLayoutfromJSON=new m,this.onDidLayoutFromJSON=this._onDidLayoutfromJSON.event,this._onDidRemoveGroup=new m,this.onDidRemoveGroup=this._onDidRemoveGroup.event,this._onDidAddGroup=new m,this.onDidAddGroup=this._onDidAddGroup.event,this._onDidActiveGroupChange=new m,this.onDidActiveGroupChange=this._onDidActiveGroupChange.event,this._options=t,this.addDisposables(this._onDidAddGroup,this._onDidRemoveGroup,this._onDidActiveGroupChange,this.onDidAdd(e=>{this._onDidAddGroup.fire(e)}),this.onDidRemove(e=>{this._onDidRemoveGroup.fire(e)}),this.onDidActiveChange(e=>{this._onDidActiveGroupChange.fire(e)}))}updateOptions(e){super.updateOptions(e);const t="string"==typeof e.orientation&&this.gridview.orientation!==e.orientation;this._options=Object.assign(Object.assign({},this.options),e),t&&(this.gridview.orientation=e.orientation),this.layout(this.gridview.width,this.gridview.height,!0)}removePanel(e){this.removeGroup(e)}toJSON(){var e;return{grid:this.gridview.serialize(),activePanel:null===(e=this.activeGroup)||void 0===e?void 0:e.id}}setVisible(e,t){this.gridview.setViewVisible(oe(e.element),t)}setActive(e){this._groups.forEach((t,i)=>{t.value.setActive(e===t.value)})}focus(){var e;null===(e=this.activeGroup)||void 0===e||e.focus()}fromJSON(e){this.clear();const{grid:t,activePanel:i}=e;try{const e=[],o=this.width,n=this.height;if(this.gridview.deserialize(t,{fromJSON:t=>{const{data:i}=t,o=this.options.createComponent({id:i.id,name:i.component});return e.push(()=>o.init({params:i.params,minimumWidth:i.minimumWidth,maximumWidth:i.maximumWidth,minimumHeight:i.minimumHeight,maximumHeight:i.maximumHeight,priority:i.priority,snap:!!i.snap,accessor:this,isVisible:t.visible})),this._onDidAddGroup.fire(o),this.registerPanel(o),o}}),this.layout(o,n,!0),e.forEach(e=>e()),"string"==typeof i){const e=this.getPanel(i);e&&this.doSetGroupActive(e)}}catch(e){for(const e of this.groups)e.dispose(),this._groups.delete(e.id),this._onDidRemoveGroup.fire(e);throw this.clear(),e}this._onDidLayoutfromJSON.fire()}clear(){const e=this.activeGroup,t=Array.from(this._groups.values());for(const e of t)e.disposable.dispose(),this.doRemoveGroup(e.value,{skipActive:!0});e&&this.doSetGroupActive(void 0),this.gridview.clear()}movePanel(e,t){var i;let o;const n=this.gridview.remove(e),r=null===(i=this._groups.get(t.reference))||void 0===i?void 0:i.value;if(!r)throw new Error(`reference group ${t.reference} does not exist`);const s=ue(t.direction);if("center"===s)throw new Error(`${s} not supported as an option`);{const e=oe(r.element);o=ne(this.gridview.orientation,e,s)}this.doAddGroup(n,o,t.size)}addPanel(e){var t,i,o,n;let r=null!==(t=e.location)&&void 0!==t?t:[0];if(null===(i=e.position)||void 0===i?void 0:i.referencePanel){const t=null===(o=this._groups.get(e.position.referencePanel))||void 0===o?void 0:o.value;if(!t)throw new Error(`reference group ${e.position.referencePanel} does not exist`);const i=ue(e.position.direction);if("center"===i)throw new Error(`${i} not supported as an option`);{const e=oe(t.element);r=ne(this.gridview.orientation,e,i)}}const s=this.options.createComponent({id:e.id,name:e.component});return s.init({params:null!==(n=e.params)&&void 0!==n?n:{},minimumWidth:e.minimumWidth,maximumWidth:e.maximumWidth,minimumHeight:e.minimumHeight,maximumHeight:e.maximumHeight,priority:e.priority,snap:!!e.snap,accessor:this,isVisible:!0}),this.doAddGroup(s,r,e.size),this.registerPanel(s),this.doSetGroupActive(s),s}registerPanel(e){const t=new h(e.api.onDidFocusChange(t=>{t.isFocused&&this._groups.forEach(t=>{const i=t.value;i!==e?i.setActive(!1):i.setActive(!0)})}));this._groups.set(e.id,{value:e,disposable:t})}moveGroup(e,t,i){const o=this.getPanel(t);if(!o)throw new Error("invalid operation");const n=oe(e.element),r=ne(this.gridview.orientation,n,i),[s,a]=M(r),d=oe(o.element),[l,h]=M(d);if(L(l,s))return void this.gridview.moveView(l,h,a);const c=this.doRemoveGroup(o,{skipActive:!0,skipDispose:!0}),p=oe(e.element),v=ne(this.gridview.orientation,p,i);this.doAddGroup(c,v)}removeGroup(e){super.removeGroup(e)}dispose(){super.dispose(),this._onDidLayoutfromJSON.dispose()}}class Ui extends pe{get panels(){return this.splitview.getViews()}get options(){return this._options}get length(){return this._panels.size}get orientation(){return this.splitview.orientation}get splitview(){return this._splitview}set splitview(e){this._splitview&&this._splitview.dispose(),this._splitview=e,this._splitviewChangeDisposable.value=new h(this._splitview.onDidSashEnd(()=>{this._onDidLayoutChange.fire(void 0)}),this._splitview.onDidAddView(e=>this._onDidAddView.fire(e)),this._splitview.onDidRemoveView(e=>this._onDidRemoveView.fire(e)))}get minimumSize(){return this.splitview.minimumSize}get maximumSize(){return this.splitview.maximumSize}get height(){return this.splitview.orientation===e.Orientation.HORIZONTAL?this.splitview.orthogonalSize:this.splitview.size}get width(){return this.splitview.orientation===e.Orientation.HORIZONTAL?this.splitview.size:this.splitview.orthogonalSize}constructor(e,t){var i;super(document.createElement("div"),t.disableAutoResizing),this._splitviewChangeDisposable=new c,this._panels=new Map,this._onDidLayoutfromJSON=new m,this.onDidLayoutFromJSON=this._onDidLayoutfromJSON.event,this._onDidAddView=new m,this.onDidAddView=this._onDidAddView.event,this._onDidRemoveView=new m,this.onDidRemoveView=this._onDidRemoveView.event,this._onDidLayoutChange=new m,this.onDidLayoutChange=this._onDidLayoutChange.event,this.element.style.height="100%",this.element.style.width="100%",this._classNames=new I(this.element),this._classNames.setClassNames(null!==(i=t.className)&&void 0!==i?i:""),e.appendChild(this.element),this._options=t,this.splitview=new J(this.element,t),this.addDisposables(this._onDidAddView,this._onDidLayoutfromJSON,this._onDidRemoveView,this._onDidLayoutChange)}updateOptions(e){var t,i;"className"in e&&this._classNames.setClassNames(null!==(t=e.className)&&void 0!==t?t:""),"disableResizing"in e&&(this.disableResizing=null!==(i=e.disableAutoResizing)&&void 0!==i&&i),"string"==typeof e.orientation&&(this.splitview.orientation=e.orientation),this._options=Object.assign(Object.assign({},this.options),e),this.splitview.layout(this.splitview.size,this.splitview.orthogonalSize)}focus(){var e;null===(e=this._activePanel)||void 0===e||e.focus()}movePanel(e,t){this.splitview.moveView(e,t)}setVisible(e,t){const i=this.panels.indexOf(e);this.splitview.setViewVisible(i,t)}setActive(e,t){this._activePanel=e,this.panels.filter(t=>t!==e).forEach(e=>{e.api._onDidActiveChange.fire({isActive:!1}),t||e.focus()}),e.api._onDidActiveChange.fire({isActive:!0}),t||e.focus()}removePanel(e,t){const i=this._panels.get(e.id);if(!i)throw new Error(`unknown splitview panel ${e.id}`);i.dispose(),this._panels.delete(e.id);const o=this.panels.findIndex(t=>t===e);this.splitview.removeView(o,t).dispose();const n=this.panels;n.length>0&&this.setActive(n[n.length-1])}getPanel(e){return this.panels.find(t=>t.id===e)}addPanel(t){var i;if(this._panels.has(t.id))throw new Error(`panel ${t.id} already exists`);const o=this.options.createComponent({id:t.id,name:t.component});o.orientation=this.splitview.orientation,o.init({params:null!==(i=t.params)&&void 0!==i?i:{},minimumSize:t.minimumSize,maximumSize:t.maximumSize,snap:t.snap,priority:t.priority,accessor:this});const n="number"==typeof t.size?t.size:e.Sizing.Distribute,r="number"==typeof t.index?t.index:void 0;return this.splitview.addView(o,n,r),this.doAddView(o),this.setActive(o),o}layout(t,i){const[o,n]=this.splitview.orientation===e.Orientation.HORIZONTAL?[t,i]:[i,t];this.splitview.layout(o,n)}doAddView(e){const t=e.api.onDidFocusChange(t=>{t.isFocused&&this.setActive(e,!0)});this._panels.set(e.id,t)}toJSON(){var e;return{views:this.splitview.getViews().map((e,t)=>({size:this.splitview.getViewSize(t),data:e.toJSON(),snap:!!e.snap,priority:e.priority})),activeView:null===(e=this._activePanel)||void 0===e?void 0:e.id,size:this.splitview.size,orientation:this.splitview.orientation}}fromJSON(e){this.clear();const{views:t,orientation:i,size:o,activeView:n}=e,r=[],s=this.width,a=this.height;if(this.splitview=new J(this.element,{orientation:i,proportionalLayout:this.options.proportionalLayout,descriptor:{size:o,views:t.map(e=>{const t=e.data;if(this._panels.has(t.id))throw new Error(`panel ${t.id} already exists`);const o=this.options.createComponent({id:t.id,name:t.component});return r.push(()=>{var i;o.init({params:null!==(i=t.params)&&void 0!==i?i:{},minimumSize:t.minimumSize,maximumSize:t.maximumSize,snap:e.snap,priority:e.priority,accessor:this})}),o.orientation=i,this.doAddView(o),setTimeout(()=>{this._onDidAddView.fire(o)},0),{size:e.size,view:o}})}}),this.layout(s,a),r.forEach(e=>e()),"string"==typeof n){const e=this.getPanel(n);e&&this.setActive(e)}this._onDidLayoutfromJSON.fire()}clear(){for(const e of this._panels.values())e.dispose();for(this._panels.clear();this.splitview.length>0;){this.splitview.removeView(0,e.Sizing.Distribute,!0).dispose()}}dispose(){for(const e of this._panels.values())e.dispose();this._panels.clear();const e=this.splitview.getViews();this._splitviewChangeDisposable.dispose(),this.splitview.dispose();for(const t of e)t.dispose();this.element.remove(),super.dispose()}}class ji extends h{get element(){return this._element}constructor(){super(),this._expandedIcon=_t({width:"11",height:"11",viewbox:"0 0 24 15",path:"M12 14.15L0 2.15L2.15 0L12 9.9L21.85 0.0499992L24 2.2L12 14.15Z"}),this._collapsedIcon=wt(),this.disposable=new c,this.apiRef={api:null},this._element=document.createElement("div"),this.element.className="dv-default-header",this._content=document.createElement("span"),this._expander=document.createElement("div"),this._expander.className="dv-pane-header-icon",this.element.appendChild(this._expander),this.element.appendChild(this._content),this.addDisposables(b(this._element,"click",()=>{var e;null===(e=this.apiRef.api)||void 0===e||e.setExpanded(!this.apiRef.api.isExpanded)}))}init(e){this.apiRef.api=e.api,this._content.textContent=e.title,this.updateIcon(),this.disposable.value=e.api.onDidExpansionChange(()=>{this.updateIcon()})}updateIcon(){var e;const t=!!(null===(e=this.apiRef.api)||void 0===e?void 0:e.isExpanded);y(this._expander,"collapsed",!t),t?(this._expander.contains(this._collapsedIcon)&&this._collapsedIcon.remove(),this._expander.contains(this._expandedIcon)||this._expander.appendChild(this._expandedIcon)):(this._expander.contains(this._expandedIcon)&&this._expandedIcon.remove(),this._expander.contains(this._collapsedIcon)||this._expander.appendChild(this._collapsedIcon))}update(e){}dispose(){this.disposable.dispose(),super.dispose()}}const Yi=H(),Ji=Number.MAX_SAFE_INTEGER;class Xi extends Xe{constructor(e){super({accessor:e.accessor,id:e.id,component:e.component,headerComponent:e.headerComponent,orientation:e.orientation,isExpanded:e.isExpanded,disableDnd:e.disableDnd,headerSize:e.headerSize,minimumBodySize:e.minimumBodySize,maximumBodySize:e.maximumBodySize}),this.options=e}getBodyComponent(){return this.options.body}getHeaderComponent(){return this.options.header}}class Zi extends pe{get id(){return this._id}get panels(){return this.paneview.getPanes()}set paneview(e){this._paneview=e,this._disposable.value=new h(this._paneview.onDidChange(()=>{this._onDidLayoutChange.fire(void 0)}),this._paneview.onDidAddView(e=>this._onDidAddView.fire(e)),this._paneview.onDidRemoveView(e=>this._onDidRemoveView.fire(e)))}get paneview(){return this._paneview}get minimumSize(){return this.paneview.minimumSize}get maximumSize(){return this.paneview.maximumSize}get height(){return this.paneview.orientation===e.Orientation.HORIZONTAL?this.paneview.orthogonalSize:this.paneview.size}get width(){return this.paneview.orientation===e.Orientation.HORIZONTAL?this.paneview.size:this.paneview.orthogonalSize}get options(){return this._options}constructor(t,i){var o;super(document.createElement("div"),i.disableAutoResizing),this._id=Yi.next(),this._disposable=new c,this._viewDisposables=new Map,this._onDidLayoutfromJSON=new m,this.onDidLayoutFromJSON=this._onDidLayoutfromJSON.event,this._onDidLayoutChange=new m,this.onDidLayoutChange=this._onDidLayoutChange.event,this._onDidDrop=new m,this.onDidDrop=this._onDidDrop.event,this._onDidAddView=new m,this.onDidAddView=this._onDidAddView.event,this._onDidRemoveView=new m,this.onDidRemoveView=this._onDidRemoveView.event,this._onUnhandledDragOver=new m,this.onUnhandledDragOver=this._onUnhandledDragOver.event,this.element.style.height="100%",this.element.style.width="100%",this.addDisposables(this._onDidLayoutChange,this._onDidLayoutfromJSON,this._onDidDrop,this._onDidAddView,this._onDidRemoveView,this._onUnhandledDragOver),this._classNames=new I(this.element),this._classNames.setClassNames(null!==(o=i.className)&&void 0!==o?o:""),t.appendChild(this.element),this._options=i,this.paneview=new Z(this.element,{orientation:e.Orientation.VERTICAL}),this.addDisposables(this._disposable)}setVisible(e,t){const i=this.panels.indexOf(e);this.paneview.setViewVisible(i,t)}focus(){}updateOptions(e){var t,i;"className"in e&&this._classNames.setClassNames(null!==(t=e.className)&&void 0!==t?t:""),"disableResizing"in e&&(this.disableResizing=null!==(i=e.disableAutoResizing)&&void 0!==i&&i),this._options=Object.assign(Object.assign({},this.options),e)}addPanel(t){var i,o;const n=this.options.createComponent({id:t.id,name:t.component});let r;t.headerComponent&&this.options.createHeaderComponent&&(r=this.options.createHeaderComponent({id:t.id,name:t.headerComponent})),r||(r=new ji);const s=new Xi({id:t.id,component:t.component,headerComponent:t.headerComponent,header:r,body:n,orientation:e.Orientation.VERTICAL,isExpanded:!!t.isExpanded,disableDnd:!!this.options.disableDnd,accessor:this,headerSize:null!==(i=t.headerSize)&&void 0!==i?i:22,minimumBodySize:0,maximumBodySize:Ji});this.doAddPanel(s);const a="number"==typeof t.size?t.size:e.Sizing.Distribute,d="number"==typeof t.index?t.index:void 0;return s.init({params:null!==(o=t.params)&&void 0!==o?o:{},minimumBodySize:t.minimumBodySize,maximumBodySize:t.maximumBodySize,isExpanded:t.isExpanded,title:t.title,containerApi:new be(this),accessor:this}),this.paneview.addPane(s,a,d),s.orientation=this.paneview.orientation,s}removePanel(e){const t=this.panels.findIndex(t=>t===e);this.paneview.removePane(t),this.doRemovePanel(e)}movePanel(e,t){this.paneview.moveView(e,t)}getPanel(e){return this.panels.find(t=>t.id===e)}layout(t,i){const[o,n]=this.paneview.orientation===e.Orientation.HORIZONTAL?[t,i]:[i,t];this.paneview.layout(o,n)}toJSON(){const e=e=>e===Number.MAX_SAFE_INTEGER||e===Number.POSITIVE_INFINITY?void 0:e;return{views:this.paneview.getPanes().map((t,i)=>{return{size:this.paneview.getViewSize(i),data:t.toJSON(),minimumSize:(o=t.minimumBodySize,o<=0?void 0:o),maximumSize:e(t.maximumBodySize),headerSize:t.headerSize,expanded:t.isExpanded()};var o}),size:this.paneview.size}}fromJSON(t){this.clear();const{views:i,size:o}=t,n=[],r=this.width,s=this.height;this.paneview=new Z(this.element,{orientation:e.Orientation.VERTICAL,descriptor:{size:o,views:i.map(t=>{var i,o,r;const s=t.data,a=this.options.createComponent({id:s.id,name:s.component});let d;s.headerComponent&&this.options.createHeaderComponent&&(d=this.options.createHeaderComponent({id:s.id,name:s.headerComponent})),d||(d=new ji);const l=new Xi({id:s.id,component:s.component,headerComponent:s.headerComponent,header:d,body:a,orientation:e.Orientation.VERTICAL,isExpanded:!!t.expanded,disableDnd:!!this.options.disableDnd,accessor:this,headerSize:null!==(i=t.headerSize)&&void 0!==i?i:22,minimumBodySize:null!==(o=t.minimumSize)&&void 0!==o?o:0,maximumBodySize:null!==(r=t.maximumSize)&&void 0!==r?r:Ji});return this.doAddPanel(l),n.push(()=>{var e;l.init({params:null!==(e=s.params)&&void 0!==e?e:{},minimumBodySize:t.minimumSize,maximumBodySize:t.maximumSize,title:s.title,isExpanded:!!t.expanded,containerApi:new be(this),accessor:this}),l.orientation=this.paneview.orientation}),setTimeout(()=>{this._onDidAddView.fire(l)},0),{size:t.size,view:l}})}}),this.layout(r,s),n.forEach(e=>e()),this._onDidLayoutfromJSON.fire()}clear(){for(const[e,t]of this._viewDisposables.entries())t.dispose();this._viewDisposables.clear(),this.paneview.dispose()}doAddPanel(e){const t=new h(e.onDidDrop(e=>{this._onDidDrop.fire(e)}),e.onUnhandledDragOver(e=>{this._onUnhandledDragOver.fire(e)}));this._viewDisposables.set(e.id,t)}doRemovePanel(e){const t=this._viewDisposables.get(e.id);t&&(t.dispose(),this._viewDisposables.delete(e.id))}dispose(){super.dispose();for(const[e,t]of this._viewDisposables.entries())t.dispose();this._viewDisposables.clear(),this.element.remove(),this.paneview.dispose()}}class Ki extends Ye{get priority(){return this._priority}set orientation(e){this._orientation=e}get orientation(){return this._orientation}get minimumSize(){const e="function"==typeof this._minimumSize?this._minimumSize():this._minimumSize;return e!==this._evaluatedMinimumSize&&(this._evaluatedMinimumSize=e,this.updateConstraints()),e}get maximumSize(){const e="function"==typeof this._maximumSize?this._maximumSize():this._maximumSize;return e!==this._evaluatedMaximumSize&&(this._evaluatedMaximumSize=e,this.updateConstraints()),e}get snap(){return this._snap}constructor(e,t){super(e,t,new Ue(e,t)),this._evaluatedMinimumSize=0,this._evaluatedMaximumSize=Number.POSITIVE_INFINITY,this._minimumSize=0,this._maximumSize=Number.POSITIVE_INFINITY,this._snap=!1,this._onDidChange=new m,this.onDidChange=this._onDidChange.event,this.api.initialize(this),this.addDisposables(this._onDidChange,this.api.onWillVisibilityChange(e=>{const{isVisible:t}=e,{accessor:i}=this._params;i.setVisible(this,t)}),this.api.onActiveChange(()=>{const{accessor:e}=this._params;e.setActive(this)}),this.api.onDidConstraintsChangeInternal(e=>{"number"!=typeof e.minimumSize&&"function"!=typeof e.minimumSize||(this._minimumSize=e.minimumSize),"number"!=typeof e.maximumSize&&"function"!=typeof e.maximumSize||(this._maximumSize=e.maximumSize),this.updateConstraints()}),this.api.onDidSizeChange(e=>{this._onDidChange.fire({size:e.size})}))}setVisible(e){this.api._onDidVisibilityChange.fire({isVisible:e})}setActive(e){this.api._onDidActiveChange.fire({isActive:e})}layout(t,i){const[o,n]=this.orientation===e.Orientation.HORIZONTAL?[t,i]:[i,t];super.layout(o,n)}init(e){super.init(e),this._priority=e.priority,e.minimumSize&&(this._minimumSize=e.minimumSize),e.maximumSize&&(this._maximumSize=e.maximumSize),e.snap&&(this._snap=e.snap)}toJSON(){return Object.assign(Object.assign({},super.toJSON()),{minimumSize:(e=this.minimumSize,e<=0?void 0:e),maximumSize:(e=>e===Number.MAX_SAFE_INTEGER||e===Number.POSITIVE_INFINITY?void 0:e)(this.maximumSize)});var e}updateConstraints(){this.api._onDidConstraintsChange.fire({maximumSize:this._evaluatedMaximumSize,minimumSize:this._evaluatedMinimumSize})}}function qi(e,t){return new Bi(e,t).api}function Qi(e,t){const i=new Ui(e,t);return new me(i)}function eo(e,t){const i=new $i(e,t);return new fe(i)}function to(e,t){const i=new Zi(e,t);return new be(i)}
15
+ /**
16
+ * dockview
17
+ * @version 7.0.2
18
+ * @link https://github.com/mathuo/dockview
19
+ * @license MIT
20
+ */
21
+ /**
22
+ * dockview-modules
23
+ * @version 7.0.2
24
+ * @link https://github.com/mathuo/dockview
25
+ * @license MIT
26
+ */class io{constructor(e){this._host=e}attachToGroup(e){return new h(e.model.onDidCreateTabGroup(e=>{this._host.fireDidCreateTabGroup(e)}),e.model.onDidDestroyTabGroup(e=>{this._host.fireDidDestroyTabGroup(e)}),e.model.onDidAddPanelToTabGroup(e=>{this._host.fireDidAddPanelToTabGroup(e)}),e.model.onDidRemovePanelFromTabGroup(e=>{this._host.fireDidRemovePanelFromTabGroup(e)}),e.model.onDidTabGroupChange(e=>{this._host.fireDidTabGroupChange(e)}),e.model.onDidTabGroupCollapsedChange(e=>{this._host.fireDidTabGroupCollapsedChange(e)}))}dispose(){}}const oo=Yt({name:"TabGroupChips",serviceKey:"tabGroupChipsService",create:e=>new io(e),init:(e,t)=>{const i=new Map;return new h(e.onDidAddGroup(e=>{i.set(e,t.attachToGroup(e))}),e.onDidRemoveGroup(e=>{var t;null===(t=i.get(e))||void 0===t||t.dispose(),i.delete(e)}),{dispose:()=>{for(const e of i.values())e.dispose();i.clear()}})}});function no(e){if(!(e instanceof HTMLElement))return;const t=O(e);return(null==t?void 0:t.style.zIndex)?`calc(${t.style.zIndex} * 2)`:void 0}let ro=0;const so=()=>"dv-ctx-menu-item-"+ro++;function ao(e){return"object"==typeof e}function lo(e,t,i,o){const n=document.createElement("div");return n.className="dv-context-menu-item",n.setAttribute("role","menuitem"),o&&(n.classList.add("dv-context-menu-item--disabled"),n.setAttribute("aria-disabled","true")),n.textContent=e,o||n.addEventListener("click",()=>{i(),t()}),n}function ho(){const e=document.createElement("div");return e.className="dv-context-menu-separator",e.setAttribute("role","separator"),e}function co(e){const t=document.createElement("div");t.className="dv-context-menu-rename";const i=document.createElement("input");return i.className="dv-context-menu-rename-input",i.type="text",i.placeholder="Name This Group",i.value=e.label,i.addEventListener("input",()=>{e.setLabel(i.value)}),i.addEventListener("keydown",e=>{"Escape"!==e.key&&"Enter"!==e.key&&e.stopPropagation()}),i.addEventListener("click",e=>{e.stopPropagation()}),t.appendChild(i),function(){if("undefined"==typeof window||!window.matchMedia)return!1;const e=window.matchMedia("(pointer: coarse)").matches,t=window.matchMedia("(pointer: fine)").matches;return e&&!t}()||requestAnimationFrame(()=>{i.focus(),i.select()}),t}function po(e,t){const i=document.createElement("div");if(i.className="dv-context-menu-color-picker",!t.enabled)return i;for(const o of t.entries()){const t=document.createElement("div");t.className="dv-context-menu-color-swatch",t.style.setProperty("--dv-tab-group-color",o.value),o.label&&(t.title=o.label),e.color===o.id&&t.classList.add("dv-context-menu-color-swatch--selected"),t.addEventListener("click",()=>{e.setColor(o.id)}),i.appendChild(t)}return i}class vo{constructor(e){this.accessor=e}show(e,t,i){var o,n;if(!this.accessor.options.getTabContextMenuItems)return;const r=this.accessor.options.getTabContextMenuItems({panel:e,group:t,api:this.accessor.api,event:i});if(0===r.length)return;i.preventDefault();const s=this.accessor.getPopupServiceForGroup(t),a=()=>s.close(),d=document.createElement("div");d.className="dv-context-menu",d.setAttribute("role","menu");for(const i of r)if("separator"===i)d.appendChild(ho());else if("close"===i)d.appendChild(lo("Close",a,()=>e.api.close()));else if("closeOthers"===i)d.appendChild(lo("Close Others",a,()=>{t.panels.filter(t=>t!==e).forEach(e=>e.api.close())}));else if("closeAll"===i)d.appendChild(lo("Close All",a,()=>{[...t.panels].forEach(e=>e.api.close())}));else if(ao(i)&&i.element)d.appendChild(i.element);else if(ao(i)&&i.component){const r=null===(n=(o=this.accessor.options).createContextMenuItemComponent)||void 0===n?void 0:n.call(o,{id:so(),component:i.component});r&&(r.init({panel:e,group:t,api:this.accessor.api,close:a,componentProps:i.componentProps}),d.appendChild(r.element))}else ao(i)&&i.label&&d.appendChild(lo(i.label,a,()=>{var e;return null===(e=i.action)||void 0===e?void 0:e.call(i)},i.disabled));s.openPopover(d,{x:i.clientX,y:i.clientY,zIndex:no(i.target)})}showForChip(e,t,i){if(!this.accessor.options.getTabGroupChipContextMenuItems)return;const o=this.accessor.options.getTabGroupChipContextMenuItems({tabGroup:e,group:t,api:this.accessor.api,event:i});if(0===o.length)return;i.preventDefault();const n=this.accessor.getPopupServiceForGroup(t),r=()=>n.close(),s=document.createElement("div");s.className="dv-context-menu",s.setAttribute("role","menu");for(const t of o)"separator"===t?s.appendChild(ho()):"rename"===t?s.appendChild(co(e)):"colorPicker"===t?s.appendChild(po(e,this.accessor.tabGroupColorPalette)):ao(t)&&t.element?s.appendChild(t.element):ao(t)&&t.label&&s.appendChild(lo(t.label,r,()=>{var e;return null===(e=t.action)||void 0===e?void 0:e.call(t)},t.disabled));n.openPopover(s,{x:i.clientX,y:i.clientY,zIndex:no(i.target)})}}const uo=Yt({name:"ContextMenu",serviceKey:"contextMenuService",create:e=>new vo(e)});class go{constructor(e){this.host=e}dispatchWillDragPanel(e){this.host.fireWillDragPanel(e)}dispatchWillDragGroup(e){this.host.fireWillDragGroup(e)}dispatchWillDrop(e){this.host.fireWillDrop(e)}dispatchWillShowOverlay(e){this.host.fireWillShowOverlay(e)}buildGroupDragGhost(e){const t=this.host.options.createGroupDragGhostComponent;if(!t)return;const i=t(e);return i.init({group:e,api:this.host.api}),{element:i.element,offsetX:30,offsetY:-10,dispose:i.dispose?()=>{var e;return null===(e=i.dispose)||void 0===e?void 0:e.call(i)}:void 0}}resolveOverlayModel(e,t){var i,o;return null===(o=(i=this.host.options).dropOverlayModel)||void 0===o?void 0:o.call(i,{location:e,group:t})}showPreviewOverlay(t,i){const o=t.model.contentDropTarget;return o.showOverlay(i),e.DockviewDisposable.from(()=>o.clearOverlay())}dispose(){}}const mo=Yt({name:"AdvancedDnD",serviceKey:"advancedDnDService",create:e=>new go(e)}),bo="data-dv-kbd-moving";function fo(e,t){const i=t.toLowerCase().split("+"),o=i[i.length-1],n=i.slice(0,-1);return e.ctrlKey===n.includes("ctrl")&&e.shiftKey===n.includes("shift")&&e.altKey===n.includes("alt")&&e.metaKey===(n.includes("meta")||n.includes("cmd"))&&e.key.toLowerCase()===o}function _o(e){const t=e.keyboardNavigation;if(t)return!0===t?{}:t}const wo={nextTab:"ctrl+]",prevTab:"ctrl+[",focusNextGroup:"f6",focusPrevGroup:"shift+f6",focusTabs:"ctrl+shift+\\"};class xo extends h{constructor(e){super(),this.host=e,this._focusWasInside=!1;const t=e.rootElement.ownerDocument,i=e=>this._onKeyDown(e);t.addEventListener("keydown",i,!0);const o=e=>{const t=e.target;t instanceof HTMLElement&&this.host.rootElement.contains(t)&&!t.closest('[role="dialog"]')&&(this._lastNonFloatFocus=t)};t.addEventListener("focusin",o,!0);const n=e=>this._onFloatingEscape(e);t.addEventListener("keydown",n,!1),this.addDisposables({dispose:()=>t.removeEventListener("keydown",i,!0)},{dispose:()=>t.removeEventListener("focusin",o,!0)},{dispose:()=>t.removeEventListener("keydown",n,!1)},e.onWillMutateLayout(e=>{"remove"===e.kind&&this._nav&&(this._focusWasInside=this._isFocusInside())}),e.onDidMutateLayout(e=>{"remove"===e.kind&&this._nav&&this._focusWasInside&&!this._isFocusInside()&&this._restoreFocus()}))}get _moveActive(){return this.host.rootElement.hasAttribute(bo)}_isFocusInside(){const e=this.host.rootElement.ownerDocument.activeElement;return e instanceof Node&&this.host.rootElement.contains(e)}_onFloatingEscape(e){if(!this._nav||this._moveActive||e.defaultPrevented||"Escape"!==e.key)return;const t=e.target;if(!(t instanceof Element))return;const i=t.closest('[role="dialog"]');i&&this.host.rootElement.contains(i)&&(e.preventDefault(),e.stopPropagation(),this._returnFocusFromFloat())}_trapFloatTab(e){const t=e.target;if(!(t instanceof Element))return!1;const i=t.closest('[role="dialog"]');if(!i||!this.host.rootElement.contains(i))return!1;e.preventDefault();const o=this._tabbables(i);if(0===o.length)return!0;const n=i.ownerDocument.activeElement,r=n instanceof HTMLElement?o.indexOf(n):-1,s=o.length;return o[-1===r?e.shiftKey?s-1:0:(r+(e.shiftKey?-1:1)+s)%s].focus(),!0}_tabbables(e){const t=e.querySelectorAll("a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]");return Array.from(t).filter(e=>e.tabIndex>=0)}_returnFocusFromFloat(){var e;const t=this._lastNonFloatFocus;t&&t.isConnected&&this.host.rootElement.contains(t)&&!t.closest('[role="dialog"]')?t.focus():null===(e=this.host.groups.find(e=>"grid"===e.api.location.type))||void 0===e||e.model.focusContent()}get _nav(){return _o(this.host.options)}get _keymap(){var e;return Object.assign(Object.assign({},wo),null===(e=this._nav)||void 0===e?void 0:e.keymap)}_onKeyDown(e){if(!this._nav)return;if(this._moveActive)return;if(!(e.target instanceof Node&&this.host.rootElement.contains(e.target)))return;if("Tab"===e.key&&this._trapFloatTab(e))return;const t=this._keymap;fo(e,t.nextTab)?(this._consume(e),this._switchTab(!1)):fo(e,t.prevTab)?(this._consume(e),this._switchTab(!0)):fo(e,t.focusNextGroup)?(this._consume(e),this._cycleGroup(!1)):fo(e,t.focusPrevGroup)?(this._consume(e),this._cycleGroup(!0)):fo(e,t.focusTabs)&&(this._consume(e),this._focusTabs())}_focusTabs(){var e;null===(e=this.host.activeGroup)||void 0===e||e.model.focusActiveTab()}_switchTab(e){const t=this.host.activeGroup;t&&(e?t.model.moveToPrevious():t.model.moveToNext(),t.model.focusContent())}_cycleGroup(e){const t=this.host.activeGroup,i=t?this.host.adjacentGroup(t,e):this.host.groups[0];this._focusGroup(i)}_focusGroup(e){e&&(e.api.setActive(),e.model.focusContent())}_restoreFocus(){var e;null===(e=this.host.activeGroup)||void 0===e||e.model.focusContent()}_consume(e){e.preventDefault(),e.stopPropagation()}}const Do=Yt({name:"Accessibility",serviceKey:"accessibilityService",create:e=>new xo(e)}),yo={ArrowLeft:"left",ArrowRight:"right",ArrowUp:"top",ArrowDown:"bottom"},Co="ctrl+shift+arrowleft",So="ctrl+shift+arrowright",ko="ctrl+shift+arrowup",zo="ctrl+shift+arrowdown",Go="ctrl+m";class Po extends h{constructor(e){super(),this.host=e,this._move=null;const t=e.rootElement.ownerDocument,i=e=>this._onKeyDown(e);t.addEventListener("keydown",i,!0),this.addDisposables({dispose:()=>this._exit()},{dispose:()=>t.removeEventListener("keydown",i,!0)})}get _enabled(){return!!_o(this.host.options)}get _keymap(){var e,t,i,o,n,r,s;const a=null!==(t=null===(e=_o(this.host.options))||void 0===e?void 0:e.keymap)&&void 0!==t?t:{};return{focusGroupLeft:null!==(i=a.focusGroupLeft)&&void 0!==i?i:Co,focusGroupRight:null!==(o=a.focusGroupRight)&&void 0!==o?o:So,focusGroupUp:null!==(n=a.focusGroupUp)&&void 0!==n?n:ko,focusGroupDown:null!==(r=a.focusGroupDown)&&void 0!==r?r:zo,dock:null!==(s=a.dock)&&void 0!==s?s:Go}}get _messages(){return Ci(this.host.options.messages)}_onKeyDown(e){if(!this._enabled)return;if(this._move)return void this._onMoveKey(e);if(!(e.target instanceof Node&&this.host.rootElement.contains(e.target)))return;const t=this._keymap;fo(e,t.dock)?this._enterMoveMode(e):fo(e,t.focusGroupLeft)?(this._consume(e),this._focusGroupInDirection("left")):fo(e,t.focusGroupRight)?(this._consume(e),this._focusGroupInDirection("right")):fo(e,t.focusGroupUp)?(this._consume(e),this._focusGroupInDirection("up")):fo(e,t.focusGroupDown)&&(this._consume(e),this._focusGroupInDirection("down"))}_focusGroupInDirection(e){const t=this.host.activeGroup;t&&this._focusGroup(this.host.adjacentGroupInDirection(t,e))}_focusGroup(e){e&&(e.api.setActive(),e.model.focusContent())}_restoreFocus(){var e;null===(e=this.host.activeGroup)||void 0===e||e.model.focusContent()}_enterMoveMode(e){const t=this.host.activePanel,i=this.host.groups;if(!t||0===i.length)return;e.preventDefault(),e.stopPropagation();const o=Math.max(0,i.indexOf(t.group));this._move={source:t,groups:i,groupIndex:o,phase:"target",position:"center"},this.host.rootElement.setAttribute(bo,""),this._render()}_onMoveKey(e){const t=this._move;if("Escape"===e.key)return this._consume(e),void("edge"===t.phase?(t.phase="target",t.position="center",this._render()):(this._exit(),this.host.announce(this._messages.moveCancelled()),this._restoreFocus()));if("Enter"===e.key)return this._consume(e),void("target"===t.phase?(t.phase="edge",t.position="center",this._render()):this._commit());if("target"===t.phase){const i=t.groups.length;return void("ArrowRight"===e.key||"ArrowDown"===e.key?(this._consume(e),t.groupIndex=(t.groupIndex+1)%i,this._render()):"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||(this._consume(e),t.groupIndex=(t.groupIndex-1+i)%i,this._render()))}const i=yo[e.key];i?(this._consume(e),t.position=i,this._render()):" "!==e.key&&"c"!==e.key&&"C"!==e.key||(this._consume(e),t.position="center",this._render())}_render(){var e,t;const i=this._move,o=i.groups[i.groupIndex];this._clearPreview(),this._preview=this.host.showDropPreview(o,i.position);const n=null!==(t=null===(e=o.activePanel)||void 0===e?void 0:e.title)&&void 0!==t?t:o.id,r=this._messages;"target"===i.phase?this.host.announce(r.movePickTarget(this._label(i.source),n,i.groupIndex+1,i.groups.length)):this.host.announce(r.movePickEdge(i.position,n))}_commit(){var e,t;const i=this._move,o=i.groups[i.groupIndex],n=i.position,r=i.source,s=null!==(t=null===(e=o.activePanel)||void 0===e?void 0:e.title)&&void 0!==t?t:o.id,a=this._messages;this._exit();try{this.host.dockPanel(r,o,n),this.host.announce(a.moveCommitted(this._label(r),s,n))}catch(e){this.host.announce(a.moveNotAllowed())}this._restoreFocus()}_exit(){this._clearPreview(),this._move=null,this.host.rootElement.removeAttribute(bo)}_clearPreview(){var e;null===(e=this._preview)||void 0===e||e.dispose(),this._preview=void 0}_consume(e){e.preventDefault(),e.stopPropagation()}_label(e){var t;return null!==(t=e.title)&&void 0!==t?t:e.id}}Yt({name:"KeyboardDocking",serviceKey:"keyboardDockingService",create:e=>new Po(e),dependsOn:[mo,Gi]});qt([oo,uo,mo,Do]),ti();const To=(e,i)=>{const[,o]=t.useState(0),n=t.useRef(e.componentProps);return t.useImperativeHandle(i,()=>({update:e=>{n.current=Object.assign(Object.assign({},n.current),e),o(e=>e+1)}}),[]),t.createElement(e.component,n.current)};To.displayName="DockviewReactJsBridge";const Ao=(()=>{let e=1;return{next:()=>`dockview_react_portal_key_${(e++).toString()}`}})(),Io=t.createContext({});class Eo{constructor(e,t,i,o,n){this.parent=e,this.portalStore=t,this.component=i,this.parameters=o,this.context=n,this._initialProps={},this.disposed=!1,this.createPortal()}update(e){if(this.disposed)throw new Error("invalid operation: resource is already disposed");this.componentInstance?this.componentInstance.update(e):this._initialProps=Object.assign(Object.assign({},this._initialProps),e)}createPortal(){if(this.disposed)throw new Error("invalid operation: resource is already disposed");if(!Mo(this.component))throw new Error("Dockview: Only React.memo(...), React.ForwardRef(...) and functional components are accepted as components");const e=t.createElement(t.forwardRef(To),{component:this.component,componentProps:this.parameters,ref:e=>{this.componentInstance=e,Object.keys(this._initialProps).length>0&&(this.componentInstance.update(this._initialProps),this._initialProps={})}}),o=this.context?t.createElement(Io.Provider,{value:this.context},e):e,n=i.createPortal(o,this.parent,Ao.next());this.ref={portal:n,disposable:this.portalStore.addPortal(n)}}dispose(){var e;null===(e=this.ref)||void 0===e||e.disposable.dispose(),this.disposed=!0}}const Oo=()=>{const[i,o]=t.useState([]);t.useDebugValue(`Portal count: ${i.length}`);return[i,t.useCallback(t=>{o(e=>[...e,t]);let i=!1;return e.DockviewDisposable.from(()=>{if(i)throw new Error("invalid operation: resource already disposed");i=!0,o(e=>e.filter(e=>e!==t))})},[])]};function Mo(e){return"function"==typeof e||!!(null==e?void 0:e.$$typeof)}class Lo{get element(){return this._element}constructor(e,t,i){this.id=e,this.component=t,this.reactPortalStore=i,this._onDidFocus=new m,this.onDidFocus=this._onDidFocus.event,this._onDidBlur=new m,this.onDidBlur=this._onDidBlur.event,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.height="100%",this._element.style.width="100%"}focus(){}init(e){this.part=new Eo(this.element,this.reactPortalStore,this.component,{params:e.params,api:e.api,containerApi:e.containerApi})}update(e){var t;null===(t=this.part)||void 0===t||t.update({params:e.params})}layout(e,t){}dispose(){var e;this._onDidFocus.dispose(),this._onDidBlur.dispose(),null===(e=this.part)||void 0===e||e.dispose()}}class Vo{get element(){return this._element}constructor(e,t,i){this.id=e,this.component=t,this.reactPortalStore=i,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.height="100%",this._element.style.width="100%"}focus(){}init(e){this.part=new Eo(this.element,this.reactPortalStore,this.component,{params:e.params,api:e.api,containerApi:e.containerApi,tabLocation:e.tabLocation})}update(e){var t;null===(t=this.part)||void 0===t||t.update({params:e.params})}layout(e,t){}dispose(){var e;null===(e=this.part)||void 0===e||e.dispose()}}class Ro{get element(){return this._element}constructor(e,t,i){this.id=e,this.component=t,this.reactPortalStore=i,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.height="100%",this._element.style.width="100%"}init(e){this.part=new Eo(this.element,this.reactPortalStore,this.component,{group:e.group,containerApi:e.containerApi})}focus(){}update(e){var t,i,o;this.parameters&&(this.parameters.params=e.params),null===(t=this.part)||void 0===t||t.update({params:null!==(o=null===(i=this.parameters)||void 0===i?void 0:i.params)&&void 0!==o?o:{}})}layout(e,t){}dispose(){var e;null===(e=this.part)||void 0===e||e.dispose()}}class No{get element(){return this._element}get part(){return this._part}constructor(e,t,i){this.component=e,this.reactPortalStore=t,this._group=i,this.mutableDisposable=new c,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.height="100%",this._element.style.width="100%"}init(e){this.mutableDisposable.value=new h(this._group.model.onDidAddPanel(()=>{this.updatePanels()}),this._group.model.onDidRemovePanel(()=>{this.updatePanels()}),this._group.model.onDidActivePanelChange(()=>{this.updateActivePanel()}),e.api.onDidActiveChange(()=>{this.updateGroupActive()}),e.api.onDidLocationChange(e=>{this.updateLocation(e.location)})),this._part=new Eo(this.element,this.reactPortalStore,this.component,{api:e.api,containerApi:e.containerApi,panels:this._group.model.panels,activePanel:this._group.model.activePanel,isGroupActive:this._group.api.isActive,group:this._group,headerPosition:this._group.model.headerPosition,location:e.api.location})}dispose(){var e;this.mutableDisposable.dispose(),null===(e=this._part)||void 0===e||e.dispose()}update(e){var t;null===(t=this._part)||void 0===t||t.update(e.params)}updatePanels(){this.update({params:{panels:this._group.model.panels}})}updateActivePanel(){this.update({params:{activePanel:this._group.model.activePanel}})}updateGroupActive(){this.update({params:{isGroupActive:this._group.api.isActive}})}updateLocation(e){this.update({params:{location:e}})}}class Wo{get element(){return this._element}constructor(e,t,i){this.id=e,this.component=t,this.reactPortalStore=i,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.height="100%",this._element.style.width="100%"}init(e){this.part=new Eo(this._element,this.reactPortalStore,this.component,e)}dispose(){var e;null===(e=this.part)||void 0===e||e.dispose()}}class Ho{get element(){return this._element}constructor(e,t){this.component=e,this.reactPortalStore=t,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.display="inline-flex"}init(e){this.part=new Eo(this._element,this.reactPortalStore,this.component,{tabGroup:e.tabGroup,api:e.api})}update(e){var t;null===(t=this.part)||void 0===t||t.update({tabGroup:e.tabGroup})}dispose(){var e;null===(e=this.part)||void 0===e||e.dispose()}}class Fo{get element(){return this._element}constructor(e,t){this.component=e,this.reactPortalStore=t,this._element=document.createElement("div"),this._element.className="dv-react-part",this._element.style.display="inline-flex"}init(e){this.part=new Eo(this._element,this.reactPortalStore,this.component,{group:e.group,api:e.api})}dispose(){var e;null===(e=this.part)||void 0===e||e.dispose()}}function Bo(e,t){return e?i=>new No(e,t,i):void 0}const $o="props.defaultTabComponent";const Uo=t.forwardRef((e,i)=>{const o=t.useRef(null),n=t.useRef(void 0),[r,s]=Oo();t.useImperativeHandle(i,()=>o.current,[]);const a=t.useRef({});return t.useEffect(()=>{const t={};yt.forEach(i=>{const o=i,n=e[o];o in e&&n!==a.current[o]&&(t[o]=n)}),n.current&&n.current.updateOptions(t),a.current=e},yt.map(t=>e[t])),t.useEffect(()=>{var t;if(!o.current)return;const i=null!==(t=e.tabComponents)&&void 0!==t?t:{};e.defaultTabComponent&&(i[$o]=e.defaultTabComponent);const r={createLeftHeaderActionComponent:Bo(e.leftHeaderActionsComponent,{addPortal:s}),createRightHeaderActionComponent:Bo(e.rightHeaderActionsComponent,{addPortal:s}),createPrefixHeaderActionComponent:Bo(e.prefixHeaderActionsComponent,{addPortal:s}),createComponent:t=>new Lo(t.id,e.components[t.name],{addPortal:s}),createTabComponent:e=>new Vo(e.id,i[e.name],{addPortal:s}),createWatermarkComponent:e.watermarkComponent?()=>new Ro("watermark",e.watermarkComponent,{addPortal:s}):void 0,defaultTabComponent:e.defaultTabComponent?$o:void 0,createContextMenuItemComponent:e=>{if(e.component)return new Wo(e.id,e.component,{addPortal:s})}},a=function(e){return yt.reduce((t,i)=>(i in e&&(t[i]=e[i]),t),{})}(e);if(e.tabGroupChipComponent){const t=e.tabGroupChipComponent;a.createTabGroupChipComponent=()=>new Ho(t,{addPortal:s})}if(e.groupDragGhostComponent){const t=e.groupDragGhostComponent;a.createGroupDragGhostComponent=()=>new Fo(t,{addPortal:s})}const d=qi(o.current,Object.assign(Object.assign({},a),r)),{clientWidth:l,clientHeight:h}=o.current;return d.layout(l,h),e.onReady&&e.onReady({api:d}),n.current=d,()=>{n.current=void 0,d.dispose()}},[]),t.useEffect(()=>{if(!n.current)return()=>{};const t=n.current.onDidDrop(t=>{e.onDidDrop&&e.onDidDrop(t)});return()=>{t.dispose()}},[e.onDidDrop]),t.useEffect(()=>{if(!n.current)return()=>{};const t=n.current.onWillDrop(t=>{e.onWillDrop&&e.onWillDrop(t)});return()=>{t.dispose()}},[e.onWillDrop]),t.useEffect(()=>{n.current&&n.current.updateOptions({createTabGroupChipComponent:e.tabGroupChipComponent?()=>new Ho(e.tabGroupChipComponent,{addPortal:s}):void 0})},[e.tabGroupChipComponent]),t.useEffect(()=>{n.current&&n.current.updateOptions({createGroupDragGhostComponent:e.groupDragGhostComponent?()=>new Fo(e.groupDragGhostComponent,{addPortal:s}):void 0})},[e.groupDragGhostComponent]),t.useEffect(()=>{n.current&&n.current.updateOptions({createComponent:t=>new Lo(t.id,e.components[t.name],{addPortal:s})})},[e.components]),t.useEffect(()=>{var t;if(!n.current)return;const i=null!==(t=e.tabComponents)&&void 0!==t?t:{};e.defaultTabComponent&&(i[$o]=e.defaultTabComponent),n.current.updateOptions({defaultTabComponent:e.defaultTabComponent?$o:void 0,createTabComponent:e=>new Vo(e.id,i[e.name],{addPortal:s})})},[e.tabComponents,e.defaultTabComponent]),t.useEffect(()=>{n.current&&n.current.updateOptions({createWatermarkComponent:e.watermarkComponent?()=>new Ro("watermark",e.watermarkComponent,{addPortal:s}):void 0})},[e.watermarkComponent]),t.useEffect(()=>{n.current&&n.current.updateOptions({createRightHeaderActionComponent:Bo(e.rightHeaderActionsComponent,{addPortal:s})})},[e.rightHeaderActionsComponent]),t.useEffect(()=>{n.current&&n.current.updateOptions({createLeftHeaderActionComponent:Bo(e.leftHeaderActionsComponent,{addPortal:s})})},[e.leftHeaderActionsComponent]),t.useEffect(()=>{n.current&&n.current.updateOptions({createPrefixHeaderActionComponent:Bo(e.prefixHeaderActionsComponent,{addPortal:s})})},[e.prefixHeaderActionsComponent]),t.createElement("div",{style:{height:"100%",width:"100%"},ref:o},r)});Uo.displayName="DockviewComponent","function"==typeof SuppressedError&&SuppressedError;const jo=()=>t.createElement("svg",{height:"11",width:"11",viewBox:"0 0 28 28","aria-hidden":"false",focusable:!1,className:"dv-svg"},t.createElement("path",{d:"M2.1 27.3L0 25.2L11.55 13.65L0 2.1L2.1 0L13.65 11.55L25.2 0L27.3 2.1L15.75 13.65L27.3 25.2L25.2 27.3L13.65 15.75L2.1 27.3Z"}));class Yo extends Ki{constructor(e,t,i,o){super(e,t),this.reactComponent=i,this.reactPortalStore=o}getComponent(){var e,t;return new Eo(this.element,this.reactPortalStore,this.reactComponent,{params:null!==(t=null===(e=this._params)||void 0===e?void 0:e.params)&&void 0!==t?t:{},api:this.api,containerApi:new me(this._params.accessor)})}}const Jo=t.forwardRef((e,i)=>{const o=t.useRef(null),n=t.useRef(void 0),[r,s]=Oo();t.useImperativeHandle(i,()=>o.current,[]);const a=t.useRef({});return t.useEffect(()=>{const t={};X.forEach(i=>{const o=i,n=e[o];o in e&&n!==a.current[o]&&(t[o]=n)}),n.current&&n.current.updateOptions(t),a.current=e},X.map(t=>e[t])),t.useEffect(()=>{if(!o.current)return()=>{};const t={createComponent:t=>new Yo(t.id,t.name,e.components[t.name],{addPortal:s})},i=Qi(o.current,Object.assign(Object.assign({},function(e){return X.reduce((t,i)=>(i in e&&(t[i]=e[i]),t),{})}(e)),t)),{clientWidth:r,clientHeight:a}=o.current;return i.layout(r,a),e.onReady&&e.onReady({api:i}),n.current=i,()=>{n.current=void 0,i.dispose()}},[]),t.useEffect(()=>{n.current&&n.current.updateOptions({createComponent:t=>new Yo(t.id,t.name,e.components[t.name],{addPortal:s})})},[e.components]),t.createElement("div",{style:{height:"100%",width:"100%"},ref:o},r)});Jo.displayName="SplitviewComponent";class Xo extends Et{constructor(e,t,i,o){super(e,t),this.reactComponent=i,this.reactPortalStore=o}getComponent(){var e,t;return new Eo(this.element,this.reactPortalStore,this.reactComponent,{params:null!==(t=null===(e=this._params)||void 0===e?void 0:e.params)&&void 0!==t?t:{},api:this.api,containerApi:new fe(this._params.accessor)})}}const Zo=t.forwardRef((e,i)=>{const o=t.useRef(null),n=t.useRef(void 0),[r,s]=Oo();t.useImperativeHandle(i,()=>o.current,[]);const a=t.useRef({});return t.useEffect(()=>{const t={};ce.forEach(i=>{const o=i,n=e[o];o in e&&n!==a.current[o]&&(t[o]=n)}),n.current&&n.current.updateOptions(t),a.current=e},ce.map(t=>e[t])),t.useEffect(()=>{if(!o.current)return()=>{};const t={createComponent:t=>new Xo(t.id,t.name,e.components[t.name],{addPortal:s})},i=eo(o.current,Object.assign(Object.assign({},function(e){return ce.reduce((t,i)=>(i in e&&(t[i]=e[i]),t),{})}(e)),t)),{clientWidth:r,clientHeight:a}=o.current;return i.layout(r,a),e.onReady&&e.onReady({api:i}),n.current=i,()=>{n.current=void 0,i.dispose()}},[]),t.useEffect(()=>{n.current&&n.current.updateOptions({createComponent:t=>new Xo(t.id,t.name,e.components[t.name],{addPortal:s})})},[e.components]),t.createElement("div",{style:{height:"100%",width:"100%"},ref:o},r)});Zo.displayName="GridviewComponent";class Ko{get element(){return this._element}constructor(e,t,i){this.id=e,this.component=t,this.reactPortalStore=i,this._element=document.createElement("div"),this._element.style.height="100%",this._element.style.width="100%"}init(e){this.part=new Eo(this.element,this.reactPortalStore,this.component,{params:e.params,api:e.api,title:e.title,containerApi:e.containerApi})}toJSON(){return{id:this.id}}update(e){var t;null===(t=this.part)||void 0===t||t.update(e.params)}dispose(){var e;null===(e=this.part)||void 0===e||e.dispose()}}const qo=t.forwardRef((e,i)=>{const o=t.useRef(null),n=t.useRef(void 0),[r,s]=Oo();t.useImperativeHandle(i,()=>o.current,[]);const a=t.useRef({});return t.useEffect(()=>{const t={};He.forEach(i=>{const o=i,n=e[o];o in e&&n!==a.current[o]&&(t[o]=n)}),n.current&&n.current.updateOptions(t),a.current=e},He.map(t=>e[t])),t.useEffect(()=>{var t;if(!o.current)return()=>{};const i=null!==(t=e.headerComponents)&&void 0!==t?t:{},r={createComponent:t=>new Ko(t.id,e.components[t.name],{addPortal:s}),createHeaderComponent:e=>new Ko(e.id,i[e.name],{addPortal:s})},a=to(o.current,Object.assign(Object.assign({},function(e){return He.reduce((t,i)=>(i in e&&(t[i]=e[i]),t),{})}(e)),r)),{clientWidth:d,clientHeight:l}=o.current;return a.layout(d,l),e.onReady&&e.onReady({api:a}),n.current=a,()=>{n.current=void 0,a.dispose()}},[]),t.useEffect(()=>{n.current&&n.current.updateOptions({createComponent:t=>new Ko(t.id,e.components[t.name],{addPortal:s})})},[e.components]),t.useEffect(()=>{var t;if(!n.current)return;const i=null!==(t=e.headerComponents)&&void 0!==t?t:{};n.current.updateOptions({createHeaderComponent:e=>new Ko(e.id,i[e.name],{addPortal:s})})},[e.headerComponents]),t.useEffect(()=>{if(!n.current)return()=>{};const t=n.current.onDidDrop(t=>{e.onDidDrop&&e.onDidDrop(t)});return()=>{t.dispose()}},[e.onDidDrop]),t.createElement("div",{style:{height:"100%",width:"100%"},ref:o},r)});qo.displayName="PaneviewComponent",e.BaseGrid=ge,e.ContentContainer=Ke,e.DEFAULT_TAB_GROUP_COLORS=st,e.DefaultDockviewDeserialzier=Ft,e.DefaultTab=Wt,e.DockviewApi=_e,e.DockviewComponent=Bi,e.DockviewCompositeDisposable=h,e.DockviewDefaultTab=e=>{var{api:i,containerApi:o,params:n,hideClose:r,closeActionOverride:s,onPointerDown:a,onPointerUp:d,onPointerLeave:l,tabLocation:h}=e,c=function(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(i[o[n]]=e[o[n]])}return i}(e,["api","containerApi","params","hideClose","closeActionOverride","onPointerDown","onPointerUp","onPointerLeave","tabLocation"]);const p=function(e){const[i,o]=t.useState(e.title);return t.useEffect(()=>{const t=e.onDidTitleChange(e=>{o(e.title)});return i!==e.title&&o(e.title),()=>{t.dispose()}},[e]),i}(i),v=t.useRef(!1),u=t.useCallback(e=>{e.preventDefault(),s?s():i.close()},[i,s]),g=t.useCallback(e=>{e.preventDefault()},[]),m=t.useCallback(e=>{v.current=1===e.button,null==a||a(e)},[a]),b=t.useCallback(e=>{v&&1===e.button&&!r&&(v.current=!1,u(e)),null==d||d(e)},[d,u,r]),f=t.useCallback(e=>{v.current=!1,null==l||l(e)},[l]);return t.createElement("div",Object.assign({"data-testid":"dockview-dv-default-tab"},c,{onPointerDown:m,onPointerUp:b,onPointerLeave:f,className:"dv-default-tab"}),t.createElement("span",{className:"dv-default-tab-content"},p),!r&&t.createElement("div",{className:"dv-default-tab-action",onPointerDown:g,onClick:u},t.createElement(jo,null)))},e.DockviewDidDropEvent=Pt,e.DockviewEmitter=m,e.DockviewGroupPanel=Lt,e.DockviewGroupPanelModel=At,e.DockviewMutableDisposable=c,e.DockviewPanel=Nt,e.DockviewReact=Uo,e.DockviewUnhandledDragOverEvent=Dt,e.DockviewWillDropEvent=Tt,e.DockviewWillShowOverlayLocationEvent=it,e.DraggablePaneviewPanel=Xe,e.Gridview=he,e.GridviewApi=fe,e.GridviewComponent=$i,e.GridviewPanel=Et,e.GridviewReact=Zo,e.LiveRegionModule=Gi,e.PROPERTY_KEYS_DOCKVIEW=yt,e.PROPERTY_KEYS_GRIDVIEW=ce,e.PROPERTY_KEYS_PANEVIEW=He,e.PROPERTY_KEYS_SPLITVIEW=X,e.PaneFramework=Xi,e.PaneTransfer=s,e.PanelTransfer=r,e.Paneview=Z,e.PaneviewApi=be,e.PaneviewComponent=Zi,e.PaneviewPanel=Je,e.PaneviewReact=qo,e.PaneviewUnhandledDragOverEvent=Fe,e.ReactPart=Eo,e.ReactPartContext=Io,e.Splitview=J,e.SplitviewApi=me,e.SplitviewComponent=Ui,e.SplitviewPanel=Ki,e.SplitviewReact=Jo,e.Tab=tt,e.TabGroupColorPalette=at,e.applyTabGroupAccent=ht,e.clearRegisteredModules=function(){Kt.length=0},e.createDockview=qi,e.createGridview=eo,e.createPaneview=to,e.createSplitview=Qi,e.defineModule=Yt,e.directionToPosition=ze,e.findRelativeZIndexParent=O,e.getDirectionOrientation=re,e.getGridLocation=oe,e.getLocationOrientation=se,e.getPaneData=l,e.getPanelData=d,e.getRegisteredModules=Qt,e.getRelativeLocation=ne,e.indexInParent=ie,e.isDockviewPackageLoaded=ii,e.isGridBranchNode=de,e.isGroupOptionsWithGroup=zt,e.isGroupOptionsWithPanel=kt,e.isPanelOptionsWithGroup=St,e.isPanelOptionsWithPanel=Ct,e.isReactComponent=Mo,e.markDockviewPackageLoaded=ti,e.orthogonal=ae,e.positionToDirection=Ge,e.registerModules=qt,e.resolveMessages=Ci,e.resolveTabGroupAccent=ct,e.themeAbyss=Vt,e.themeAbyssSpaced={name:"abyssSpaced",className:"dockview-theme-abyss-spaced",colorScheme:"dark",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeCatppuccinMocha={name:"catppuccinMocha",className:"dockview-theme-catppuccin-mocha",colorScheme:"dark"},e.themeCatppuccinMochaSpaced={name:"catppuccinMochaSpaced",className:"dockview-theme-catppuccin-mocha-spaced",colorScheme:"dark",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeDark={name:"dark",className:"dockview-theme-dark",colorScheme:"dark"},e.themeDracula={name:"dracula",className:"dockview-theme-dracula",colorScheme:"dark"},e.themeGithubDark={name:"githubDark",className:"dockview-theme-github-dark",colorScheme:"dark"},e.themeGithubDarkSpaced={name:"githubDarkSpaced",className:"dockview-theme-github-dark-spaced",colorScheme:"dark",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeGithubLight={name:"githubLight",className:"dockview-theme-github-light",colorScheme:"light"},e.themeGithubLightSpaced={name:"githubLightSpaced",className:"dockview-theme-github-light-spaced",colorScheme:"light",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeLight={name:"light",className:"dockview-theme-light",colorScheme:"light"},e.themeLightSpaced={name:"lightSpaced",className:"dockview-theme-light-spaced",colorScheme:"light",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeMonokai={name:"monokai",className:"dockview-theme-monokai",colorScheme:"dark"},e.themeNord={name:"nord",className:"dockview-theme-nord",colorScheme:"dark"},e.themeNordSpaced={name:"nordSpaced",className:"dockview-theme-nord-spaced",colorScheme:"dark",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeSolarizedLight={name:"solarizedLight",className:"dockview-theme-solarized-light",colorScheme:"light"},e.themeSolarizedLightSpaced={name:"solarizedLightSpaced",className:"dockview-theme-solarized-light-spaced",colorScheme:"light",gap:10,edgeGroupCollapsedSize:44,dndOverlayMounting:"absolute",dndPanelOverlay:"group",dndTabIndicator:"line",dndOverlayBorder:"2px solid var(--dv-active-sash-color)"},e.themeVisualStudio={name:"visualStudio",className:"dockview-theme-vs",colorScheme:"dark",edgeGroupCollapsedSize:22},e.toTarget=ue,e.usePortalsLifecycle=Oo,Object.defineProperty(e,"__esModule",{value:!0})});
8
27
  //# sourceMappingURL=dockview-react.min.js.map