dockview-react 1.16.0 → 1.17.0
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.
- package/dist/dockview-react.amd.js +233 -108
- package/dist/dockview-react.amd.js.map +1 -1
- package/dist/dockview-react.amd.min.js +2 -2
- package/dist/dockview-react.amd.min.js.map +1 -1
- package/dist/dockview-react.amd.min.noStyle.js +2 -2
- package/dist/dockview-react.amd.min.noStyle.js.map +1 -1
- package/dist/dockview-react.amd.noStyle.js +232 -107
- package/dist/dockview-react.amd.noStyle.js.map +1 -1
- package/dist/dockview-react.cjs.js +233 -108
- package/dist/dockview-react.cjs.js.map +1 -1
- package/dist/dockview-react.esm.js +233 -108
- package/dist/dockview-react.esm.js.map +1 -1
- package/dist/dockview-react.esm.min.js +2 -2
- package/dist/dockview-react.esm.min.js.map +1 -1
- package/dist/dockview-react.js +233 -108
- package/dist/dockview-react.js.map +1 -1
- package/dist/dockview-react.min.js +2 -2
- package/dist/dockview-react.min.js.map +1 -1
- package/dist/dockview-react.min.noStyle.js +2 -2
- package/dist/dockview-react.min.noStyle.js.map +1 -1
- package/dist/dockview-react.noStyle.js +232 -107
- package/dist/dockview-react.noStyle.js.map +1 -1
- package/dist/styles/dockview.css +1 -1
- package/package.json +2 -2
package/dist/dockview-react.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* dockview-react
|
|
3
|
-
* @version 1.
|
|
3
|
+
* @version 1.17.0
|
|
4
4
|
* @link https://github.com/mathuo/dockview
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
var css_248z = ".dockview-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-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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}\n\n.dockview-theme-vs {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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 .groupview.active-group > .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 .groupview.active-group > .tabs-and-actions-container .tab.active-tab {\n border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.active-group > .tabs-and-actions-container .tab.inactive-tab {\n border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.inactive-group > .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 .groupview.inactive-group > .tabs-and-actions-container .tab.active-tab {\n border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.inactive-group > .tabs-and-actions-container .tab.inactive-tab {\n border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\n --dv-group-view-background-color: #000c18;\n --dv-tabs-and-actions-container-background-color: #1c1c2a;\n --dv-activegroup-visiblepanel-tab-background-color: #000c18;\n --dv-activegroup-hiddenpanel-tab-background-color: #10192c;\n --dv-inactivegroup-visiblepanel-tab-background-color: #000c18;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #10192c;\n --dv-tab-divider-color: #2b2b4a;\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: #2b2b4a;\n --dv-paneview-header-border-color: #2b2b4a;\n --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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 .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n position: relative;\n}\n.dockview-theme-dracula .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.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 .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n position: relative;\n}\n.dockview-theme-dracula .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.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-replit {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\n --dv-group-view-background-color: #ebeced;\n --dv-tabs-and-actions-container-background-color: #fcfcfc;\n --dv-activegroup-visiblepanel-tab-background-color: #f0f1f2;\n --dv-activegroup-hiddenpanel-tab-background-color: ##fcfcfc;\n --dv-inactivegroup-visiblepanel-tab-background-color: #f0f1f2;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #fcfcfc;\n --dv-tab-divider-color: transparent;\n --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n --dv-activegroup-hiddenpanel-tab-color: rgb(51, 51, 51);\n --dv-inactivegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n --dv-inactivegroup-hiddenpanel-tab-color: rgb(51, 51, 51);\n --dv-separator-border: transparent;\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-background-color: #ebeced;\n --dv-separator-handle-background-color: #cfd1d3;\n --dv-separator-handle-hover-background-color: #babbbb;\n}\n.dockview-theme-replit .dv-resize-container:has(> .groupview) {\n border-radius: 8px;\n}\n.dockview-theme-replit .groupview {\n overflow: hidden;\n border-radius: 10px;\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container {\n border-bottom: 1px solid rgba(128, 128, 128, 0.35);\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container .tab {\n margin: 4px;\n border-radius: 8px;\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container .tab .dockview-svg {\n height: 8px;\n width: 8px;\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container .tab:hover {\n background-color: #e4e5e6 !important;\n}\n.dockview-theme-replit .groupview .content-container {\n background-color: #fcfcfc;\n}\n.dockview-theme-replit .groupview.active-group {\n border: 1px solid rgba(128, 128, 128, 0.35);\n}\n.dockview-theme-replit .groupview.inactive-group {\n border: 1px solid transparent;\n}\n.dockview-theme-replit .vertical > .sash-container > .sash:not(.disabled)::after {\n content: \"\";\n height: 4px;\n width: 40px;\n border-radius: 2px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--dv-separator-handle-background-color);\n position: absolute;\n}\n.dockview-theme-replit .vertical > .sash-container > .sash:not(.disabled):hover::after {\n background-color: var(--dv-separator-handle-hover-background-color);\n}\n.dockview-theme-replit .horizontal > .sash-container > .sash:not(.disabled)::after {\n content: \"\";\n height: 40px;\n width: 4px;\n border-radius: 2px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--dv-separator-handle-background-color);\n position: absolute;\n}\n.dockview-theme-replit .horizontal > .sash-container > .sash:not(.disabled):hover::after {\n background-color: var(--dv-separator-handle-hover-background-color);\n}\n.drop-target {\n position: relative;\n}\n.drop-target > .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.drop-target > .drop-target-dropzone > .drop-target-selection {\n position: relative;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n background-color: var(--dv-drag-over-background-color);\n transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 0.15s ease-out;\n will-change: transform;\n pointer-events: none;\n}\n.drop-target > .drop-target-dropzone > .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.drop-target > .drop-target-dropzone > .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.drop-target > .drop-target-dropzone > .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.drop-target > .drop-target-dropzone > .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.groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {\n background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);\n color: var(--dv-inactivegroup-visiblepanel-tab-color);\n}\n.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.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.tab.dv-tab-dragging {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.groupview {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--dv-group-view-background-color);\n overflow: hidden;\n}\n.groupview:focus {\n outline: none;\n}\n.groupview.empty > .tabs-and-actions-container {\n display: none;\n}\n.groupview > .content-container {\n flex-grow: 1;\n min-height: 0;\n outline: none;\n}\n.dv-root-wrapper {\n height: 100%;\n width: 100%;\n}\n.grid-view,\n.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-resize-container {\n position: absolute;\n z-index: 997;\n border: 1px solid var(--dv-tab-divider-color);\n box-shadow: var(--dv-floating-box-shadow);\n}\n.dv-resize-container.dv-resize-container-dragging {\n opacity: 0.5;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\n position: absolute;\n cursor: se-resize;\n}\n.dv-render-overlay {\n position: absolute;\n z-index: 1;\n height: 100%;\n}\n.dv-render-overlay.dv-render-overlay-float {\n z-index: 998;\n}\n.dv-debug .dv-render-overlay {\n outline: 1px solid red;\n outline-offset: -1;\n}\n.pane-container {\n height: 100%;\n width: 100%;\n}\n.pane-container.animated .view {\n transition-duration: 0.15s;\n transition-timing-function: ease-out;\n}\n.pane-container .view {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n padding: 0px !important;\n}\n.pane-container .view:not(:first-child)::before {\n background-color: transparent !important;\n}\n.pane-container .view:not(:first-child) .pane > .pane-header {\n border-top: 1px solid var(--dv-paneview-header-border-color);\n}\n.pane-container .view .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.pane-container .view .default-header .dockview-pane-header-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.pane-container .view .default-header > span {\n padding-left: 8px;\n flex-grow: 1;\n}\n.pane-container:first-of-type > .pane > .pane-header {\n border-top: none !important;\n}\n.pane-container .pane {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n height: 100%;\n}\n.pane-container .pane .pane-header {\n box-sizing: border-box;\n user-select: none;\n position: relative;\n outline: none;\n}\n.pane-container .pane .pane-header.pane-draggable {\n cursor: pointer;\n}\n.pane-container .pane .pane-header:focus:before, .pane-container .pane .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.pane-container .pane .pane-body {\n overflow-y: auto;\n overflow-x: hidden;\n flex-grow: 1;\n position: relative;\n outline: none;\n}\n.pane-container .pane .pane-body:focus:before, .pane-container .pane .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 .split-view-container .sash-container .sash.enabled {\n background-color: black;\n}\n.dv-debug .split-view-container .sash-container .sash.disabled {\n background-color: orange;\n}\n.dv-debug .split-view-container .sash-container .sash.maximum {\n background-color: green;\n}\n.dv-debug .split-view-container .sash-container .sash.minimum {\n background-color: red;\n}\n\n.split-view-container {\n position: relative;\n overflow: hidden;\n height: 100%;\n width: 100%;\n}\n.split-view-container.dv-splitview-disabled > .sash-container > .sash {\n pointer-events: none;\n}\n.split-view-container.animation .view,\n.split-view-container.animation .sash {\n transition-duration: 0.15s;\n transition-timing-function: ease-out;\n}\n.split-view-container.horizontal {\n height: 100%;\n}\n.split-view-container.horizontal > .sash-container > .sash {\n height: 100%;\n width: 4px;\n}\n.split-view-container.horizontal > .sash-container > .sash.enabled {\n cursor: ew-resize;\n}\n.split-view-container.horizontal > .sash-container > .sash.disabled {\n cursor: default;\n}\n.split-view-container.horizontal > .sash-container > .sash.maximum {\n cursor: w-resize;\n}\n.split-view-container.horizontal > .sash-container > .sash.minimum {\n cursor: e-resize;\n}\n.split-view-container.horizontal > .view-container > .view:not(:first-child)::before {\n height: 100%;\n width: 1px;\n}\n.split-view-container.vertical {\n width: 100%;\n}\n.split-view-container.vertical > .sash-container > .sash {\n width: 100%;\n height: 4px;\n}\n.split-view-container.vertical > .sash-container > .sash.enabled {\n cursor: ns-resize;\n}\n.split-view-container.vertical > .sash-container > .sash.disabled {\n cursor: default;\n}\n.split-view-container.vertical > .sash-container > .sash.maximum {\n cursor: n-resize;\n}\n.split-view-container.vertical > .sash-container > .sash.minimum {\n cursor: s-resize;\n}\n.split-view-container.vertical > .view-container > .view {\n width: 100%;\n}\n.split-view-container.vertical > .view-container > .view:not(:first-child)::before {\n height: 1px;\n width: 100%;\n}\n.split-view-container .sash-container {\n height: 100%;\n width: 100%;\n position: absolute;\n}\n.split-view-container .sash-container .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}\n.split-view-container .sash-container .sash:not(.disabled):active {\n transition: background-color 0.1s ease-in-out;\n background-color: var(--dv-active-sash-color, transparent);\n}\n.split-view-container .sash-container .sash:not(.disabled):hover {\n background-color: var(--dv-active-sash-color, transparent);\n transition: background-color 0.1s ease-in-out;\n transition-delay: 0.5s;\n}\n.split-view-container .view-container {\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--dv-background-color);\n}\n.split-view-container .view-container .view {\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n}\n.split-view-container.separator-border .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.tab {\n flex-shrink: 0;\n}\n.tab:focus-within, .tab:focus {\n position: relative;\n}\n.tab:focus-within::after, .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.tab.dv-tab-dragging .dv-default-tab-action {\n background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.tab.active-tab .dv-default-tab .dv-default-tab-action {\n visibility: visible;\n}\n.tab.inactive-tab .dv-default-tab .dv-default-tab-action {\n visibility: hidden;\n}\n.tab.inactive-tab .dv-default-tab:hover .dv-default-tab-action {\n visibility: visible;\n}\n.tab .dv-default-tab {\n position: relative;\n height: 100%;\n display: flex;\n min-width: 80px;\n align-items: center;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.tab .dv-default-tab .dv-default-tab-content {\n padding: 0px 8px;\n flex-grow: 1;\n}\n.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.tab .dv-default-tab .dv-default-tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n.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.tabs-and-actions-container.hidden {\n display: none;\n}\n.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container {\n flex-grow: 1;\n}\n.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container .tab {\n flex-grow: 1;\n}\n.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .void-container {\n flex-grow: 0;\n}\n.tabs-and-actions-container .void-container {\n display: flex;\n flex-grow: 1;\n cursor: grab;\n}\n.tabs-and-actions-container .tabs-container {\n display: flex;\n overflow-x: overlay;\n overflow-y: hidden;\n scrollbar-width: thin;\n /* Track */\n /* Handle */\n}\n.tabs-and-actions-container .tabs-container::-webkit-scrollbar {\n height: 3px;\n}\n.tabs-and-actions-container .tabs-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabs-and-actions-container .tabs-container::-webkit-scrollbar-thumb {\n background: var(--dv-tabs-container-scrollbar-color);\n}\n.tabs-and-actions-container .tabs-container .tab {\n -webkit-user-drag: element;\n outline: none;\n min-width: 75px;\n cursor: pointer;\n position: relative;\n box-sizing: border-box;\n}\n.tabs-and-actions-container .tabs-container .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 width: 1px;\n height: 100%;\n}\n.watermark {\n display: flex;\n width: 100%;\n}\n.watermark.has-actions .watermark-title .actions-container {\n display: none;\n}\n.watermark .watermark-title {\n height: 35px;\n width: 100%;\n display: flex;\n}\n.watermark .watermark-content {\n flex-grow: 1;\n}\n.watermark .actions-container {\n display: flex;\n align-items: center;\n padding: 0px 8px;\n}\n.watermark .actions-container .close-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n cursor: pointer;\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.watermark .actions-container .close-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}";
|
|
40
|
+
var css_248z = ".dockview-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-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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}\n\n.dockview-theme-vs {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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 .groupview.active-group > .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 .groupview.active-group > .tabs-and-actions-container .tab.active-tab {\n border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.active-group > .tabs-and-actions-container .tab.inactive-tab {\n border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.inactive-group > .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 .groupview.inactive-group > .tabs-and-actions-container .tab.active-tab {\n border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.inactive-group > .tabs-and-actions-container .tab.inactive-tab {\n border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\n --dv-group-view-background-color: #000c18;\n --dv-tabs-and-actions-container-background-color: #1c1c2a;\n --dv-activegroup-visiblepanel-tab-background-color: #000c18;\n --dv-activegroup-hiddenpanel-tab-background-color: #10192c;\n --dv-inactivegroup-visiblepanel-tab-background-color: #000c18;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #10192c;\n --dv-tab-divider-color: #2b2b4a;\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: #2b2b4a;\n --dv-paneview-header-border-color: #2b2b4a;\n --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\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 .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n position: relative;\n}\n.dockview-theme-dracula .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.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 .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n position: relative;\n}\n.dockview-theme-dracula .groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.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-replit {\n --dv-background-color: black;\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: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);\n --dv-group-view-background-color: #ebeced;\n --dv-tabs-and-actions-container-background-color: #fcfcfc;\n --dv-activegroup-visiblepanel-tab-background-color: #f0f1f2;\n --dv-activegroup-hiddenpanel-tab-background-color: #fcfcfc;\n --dv-inactivegroup-visiblepanel-tab-background-color: #f0f1f2;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #fcfcfc;\n --dv-tab-divider-color: transparent;\n --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n --dv-activegroup-hiddenpanel-tab-color: rgb(51, 51, 51);\n --dv-inactivegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n --dv-inactivegroup-hiddenpanel-tab-color: rgb(51, 51, 51);\n --dv-separator-border: transparent;\n --dv-paneview-header-border-color: rgb(51, 51, 51);\n --dv-background-color: #ebeced;\n --dv-separator-handle-background-color: #cfd1d3;\n --dv-separator-handle-hover-background-color: #babbbb;\n}\n.dockview-theme-replit .dv-resize-container:has(> .groupview) {\n border-radius: 8px;\n}\n.dockview-theme-replit .groupview {\n overflow: hidden;\n border-radius: 10px;\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container {\n border-bottom: 1px solid rgba(128, 128, 128, 0.35);\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container .tab {\n margin: 4px;\n border-radius: 8px;\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container .tab .dockview-svg {\n height: 8px;\n width: 8px;\n}\n.dockview-theme-replit .groupview .tabs-and-actions-container .tab:hover {\n background-color: #e4e5e6 !important;\n}\n.dockview-theme-replit .groupview .content-container {\n background-color: #fcfcfc;\n}\n.dockview-theme-replit .groupview.active-group {\n border: 1px solid rgba(128, 128, 128, 0.35);\n}\n.dockview-theme-replit .groupview.inactive-group {\n border: 1px solid transparent;\n}\n.dockview-theme-replit .vertical > .sash-container > .sash:not(.disabled)::after {\n content: \"\";\n height: 4px;\n width: 40px;\n border-radius: 2px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--dv-separator-handle-background-color);\n position: absolute;\n}\n.dockview-theme-replit .vertical > .sash-container > .sash:not(.disabled):hover::after {\n background-color: var(--dv-separator-handle-hover-background-color);\n}\n.dockview-theme-replit .horizontal > .sash-container > .sash:not(.disabled)::after {\n content: \"\";\n height: 40px;\n width: 4px;\n border-radius: 2px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--dv-separator-handle-background-color);\n position: absolute;\n}\n.dockview-theme-replit .horizontal > .sash-container > .sash:not(.disabled):hover::after {\n background-color: var(--dv-separator-handle-hover-background-color);\n}\n.drop-target {\n position: relative;\n}\n.drop-target > .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.drop-target > .drop-target-dropzone > .drop-target-selection {\n position: relative;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n background-color: var(--dv-drag-over-background-color);\n transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 0.15s ease-out;\n will-change: transform;\n pointer-events: none;\n}\n.drop-target > .drop-target-dropzone > .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.drop-target > .drop-target-dropzone > .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.drop-target > .drop-target-dropzone > .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.drop-target > .drop-target-dropzone > .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.groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab {\n background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {\n background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);\n color: var(--dv-inactivegroup-visiblepanel-tab-color);\n}\n.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.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.tab.dv-tab-dragging {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.groupview {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--dv-group-view-background-color);\n overflow: hidden;\n}\n.groupview:focus {\n outline: none;\n}\n.groupview.empty > .tabs-and-actions-container {\n display: none;\n}\n.groupview > .content-container {\n flex-grow: 1;\n min-height: 0;\n outline: none;\n}\n.dv-root-wrapper {\n height: 100%;\n width: 100%;\n}\n.grid-view,\n.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-resize-container {\n position: absolute;\n z-index: 997;\n border: 1px solid var(--dv-tab-divider-color);\n box-shadow: var(--dv-floating-box-shadow);\n}\n.dv-resize-container.dv-resize-container-dragging {\n opacity: 0.5;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\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: 999;\n position: absolute;\n cursor: se-resize;\n}\n.dv-render-overlay {\n position: absolute;\n z-index: 1;\n height: 100%;\n}\n.dv-render-overlay.dv-render-overlay-float {\n z-index: 998;\n}\n.dv-debug .dv-render-overlay {\n outline: 1px solid red;\n outline-offset: -1;\n}\n.pane-container {\n height: 100%;\n width: 100%;\n}\n.pane-container.animated .view {\n transition-duration: 0.15s;\n transition-timing-function: ease-out;\n}\n.pane-container .view {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n padding: 0px !important;\n}\n.pane-container .view:not(:first-child)::before {\n background-color: transparent !important;\n}\n.pane-container .view:not(:first-child) .pane > .pane-header {\n border-top: 1px solid var(--dv-paneview-header-border-color);\n}\n.pane-container .view .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.pane-container .view .default-header .dockview-pane-header-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.pane-container .view .default-header > span {\n padding-left: 8px;\n flex-grow: 1;\n}\n.pane-container:first-of-type > .pane > .pane-header {\n border-top: none !important;\n}\n.pane-container .pane {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n height: 100%;\n}\n.pane-container .pane .pane-header {\n box-sizing: border-box;\n user-select: none;\n position: relative;\n outline: none;\n}\n.pane-container .pane .pane-header.pane-draggable {\n cursor: pointer;\n}\n.pane-container .pane .pane-header:focus:before, .pane-container .pane .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.pane-container .pane .pane-body {\n overflow-y: auto;\n overflow-x: hidden;\n flex-grow: 1;\n position: relative;\n outline: none;\n}\n.pane-container .pane .pane-body:focus:before, .pane-container .pane .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 .split-view-container .sash-container .sash.enabled {\n background-color: black;\n}\n.dv-debug .split-view-container .sash-container .sash.disabled {\n background-color: orange;\n}\n.dv-debug .split-view-container .sash-container .sash.maximum {\n background-color: green;\n}\n.dv-debug .split-view-container .sash-container .sash.minimum {\n background-color: red;\n}\n\n.split-view-container {\n position: relative;\n overflow: hidden;\n height: 100%;\n width: 100%;\n}\n.split-view-container.dv-splitview-disabled > .sash-container > .sash {\n pointer-events: none;\n}\n.split-view-container.animation .view,\n.split-view-container.animation .sash {\n transition-duration: 0.15s;\n transition-timing-function: ease-out;\n}\n.split-view-container.horizontal {\n height: 100%;\n}\n.split-view-container.horizontal > .sash-container > .sash {\n height: 100%;\n width: 4px;\n}\n.split-view-container.horizontal > .sash-container > .sash.enabled {\n cursor: ew-resize;\n}\n.split-view-container.horizontal > .sash-container > .sash.disabled {\n cursor: default;\n}\n.split-view-container.horizontal > .sash-container > .sash.maximum {\n cursor: w-resize;\n}\n.split-view-container.horizontal > .sash-container > .sash.minimum {\n cursor: e-resize;\n}\n.split-view-container.horizontal > .view-container > .view:not(:first-child)::before {\n height: 100%;\n width: 1px;\n}\n.split-view-container.vertical {\n width: 100%;\n}\n.split-view-container.vertical > .sash-container > .sash {\n width: 100%;\n height: 4px;\n}\n.split-view-container.vertical > .sash-container > .sash.enabled {\n cursor: ns-resize;\n}\n.split-view-container.vertical > .sash-container > .sash.disabled {\n cursor: default;\n}\n.split-view-container.vertical > .sash-container > .sash.maximum {\n cursor: n-resize;\n}\n.split-view-container.vertical > .sash-container > .sash.minimum {\n cursor: s-resize;\n}\n.split-view-container.vertical > .view-container > .view {\n width: 100%;\n}\n.split-view-container.vertical > .view-container > .view:not(:first-child)::before {\n height: 1px;\n width: 100%;\n}\n.split-view-container .sash-container {\n height: 100%;\n width: 100%;\n position: absolute;\n}\n.split-view-container .sash-container .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}\n.split-view-container .sash-container .sash:not(.disabled):active {\n transition: background-color 0.1s ease-in-out;\n background-color: var(--dv-active-sash-color, transparent);\n}\n.split-view-container .sash-container .sash:not(.disabled):hover {\n background-color: var(--dv-active-sash-color, transparent);\n transition: background-color 0.1s ease-in-out;\n transition-delay: 0.5s;\n}\n.split-view-container .view-container {\n position: relative;\n height: 100%;\n width: 100%;\n background-color: var(--dv-background-color);\n}\n.split-view-container .view-container .view {\n height: 100%;\n box-sizing: border-box;\n overflow: auto;\n position: absolute;\n}\n.split-view-container.separator-border .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.tab {\n flex-shrink: 0;\n}\n.tab:focus-within, .tab:focus {\n position: relative;\n}\n.tab:focus-within::after, .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.tab.dv-tab-dragging .dv-default-tab-action {\n background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.tab.active-tab .dv-default-tab .dv-default-tab-action {\n visibility: visible;\n}\n.tab.inactive-tab .dv-default-tab .dv-default-tab-action {\n visibility: hidden;\n}\n.tab.inactive-tab .dv-default-tab:hover .dv-default-tab-action {\n visibility: visible;\n}\n.tab .dv-default-tab {\n position: relative;\n height: 100%;\n display: flex;\n min-width: 80px;\n align-items: center;\n padding: 0px 8px;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.tab .dv-default-tab .dv-default-tab-content {\n padding: 0px 8px;\n flex-grow: 1;\n}\n.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.tab .dv-default-tab .dv-default-tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n.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.tabs-and-actions-container.hidden {\n display: none;\n}\n.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container {\n flex-grow: 1;\n}\n.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .tabs-container .tab {\n flex-grow: 1;\n}\n.tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .void-container {\n flex-grow: 0;\n}\n.tabs-and-actions-container .void-container {\n display: flex;\n flex-grow: 1;\n cursor: grab;\n}\n.tabs-and-actions-container .tabs-container {\n display: flex;\n overflow-x: overlay;\n overflow-y: hidden;\n scrollbar-width: thin;\n /* Track */\n /* Handle */\n}\n.tabs-and-actions-container .tabs-container::-webkit-scrollbar {\n height: 3px;\n}\n.tabs-and-actions-container .tabs-container::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabs-and-actions-container .tabs-container::-webkit-scrollbar-thumb {\n background: var(--dv-tabs-container-scrollbar-color);\n}\n.tabs-and-actions-container .tabs-container .tab {\n -webkit-user-drag: element;\n outline: none;\n min-width: 75px;\n cursor: pointer;\n position: relative;\n box-sizing: border-box;\n}\n.tabs-and-actions-container .tabs-container .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 width: 1px;\n height: 100%;\n}\n.watermark {\n display: flex;\n width: 100%;\n}\n.watermark.has-actions .watermark-title .actions-container {\n display: none;\n}\n.watermark .watermark-title {\n height: 35px;\n width: 100%;\n display: flex;\n}\n.watermark .watermark-content {\n flex-grow: 1;\n}\n.watermark .actions-container {\n display: flex;\n align-items: center;\n padding: 0px 8px;\n}\n.watermark .actions-container .close-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n cursor: pointer;\n color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.watermark .actions-container .close-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}";
|
|
41
41
|
styleInject(css_248z);
|
|
42
42
|
|
|
43
43
|
class TransferObject {
|
|
@@ -585,6 +585,42 @@
|
|
|
585
585
|
},
|
|
586
586
|
};
|
|
587
587
|
}
|
|
588
|
+
function getDockviewTheme(element) {
|
|
589
|
+
function toClassList(element) {
|
|
590
|
+
const list = [];
|
|
591
|
+
for (let i = 0; i < element.classList.length; i++) {
|
|
592
|
+
list.push(element.classList.item(i));
|
|
593
|
+
}
|
|
594
|
+
return list;
|
|
595
|
+
}
|
|
596
|
+
let theme = undefined;
|
|
597
|
+
let parent = element;
|
|
598
|
+
while (parent !== null) {
|
|
599
|
+
theme = toClassList(parent).find((cls) => cls.startsWith('dockview-theme-'));
|
|
600
|
+
if (typeof theme === 'string') {
|
|
601
|
+
break;
|
|
602
|
+
}
|
|
603
|
+
parent = parent.parentElement;
|
|
604
|
+
}
|
|
605
|
+
return theme;
|
|
606
|
+
}
|
|
607
|
+
class Classnames {
|
|
608
|
+
constructor(element) {
|
|
609
|
+
this.element = element;
|
|
610
|
+
this._classNames = [];
|
|
611
|
+
}
|
|
612
|
+
setClassNames(classNames) {
|
|
613
|
+
for (const className of this._classNames) {
|
|
614
|
+
toggleClass(this.element, className, false);
|
|
615
|
+
}
|
|
616
|
+
this._classNames = classNames
|
|
617
|
+
.split(' ')
|
|
618
|
+
.filter((v) => v.trim().length > 0);
|
|
619
|
+
for (const className of this._classNames) {
|
|
620
|
+
toggleClass(this.element, className, true);
|
|
621
|
+
}
|
|
622
|
+
}
|
|
623
|
+
}
|
|
588
624
|
|
|
589
625
|
function tail(arr) {
|
|
590
626
|
if (arr.length === 0) {
|
|
@@ -2704,7 +2740,8 @@
|
|
|
2704
2740
|
set locked(value) {
|
|
2705
2741
|
this.gridview.locked = value;
|
|
2706
2742
|
}
|
|
2707
|
-
constructor(options) {
|
|
2743
|
+
constructor(parentElement, options) {
|
|
2744
|
+
var _a;
|
|
2708
2745
|
super(document.createElement('div'), options.disableAutoResizing);
|
|
2709
2746
|
this._id = nextLayoutId$1.next();
|
|
2710
2747
|
this._groups = new Map();
|
|
@@ -2720,10 +2757,9 @@
|
|
|
2720
2757
|
this.onDidViewVisibilityChangeMicroTaskQueue = this._onDidViewVisibilityChangeMicroTaskQueue.onEvent;
|
|
2721
2758
|
this.element.style.height = '100%';
|
|
2722
2759
|
this.element.style.width = '100%';
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
options.parentElement.appendChild(this.element);
|
|
2760
|
+
this._classNames = new Classnames(this.element);
|
|
2761
|
+
this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
|
|
2762
|
+
parentElement.appendChild(this.element);
|
|
2727
2763
|
this.gridview = new Gridview(!!options.proportionalLayout, options.styles, options.orientation, options.locked, options.margin);
|
|
2728
2764
|
this.gridview.locked = !!options.locked;
|
|
2729
2765
|
this.element.appendChild(this.gridview.element);
|
|
@@ -2746,6 +2782,25 @@
|
|
|
2746
2782
|
isVisible(panel) {
|
|
2747
2783
|
return this.gridview.isViewVisible(getGridLocation(panel.element));
|
|
2748
2784
|
}
|
|
2785
|
+
updateOptions(options) {
|
|
2786
|
+
var _a, _b, _c, _d;
|
|
2787
|
+
if (typeof options.proportionalLayout === 'boolean') ;
|
|
2788
|
+
if (options.orientation) {
|
|
2789
|
+
this.gridview.orientation = options.orientation;
|
|
2790
|
+
}
|
|
2791
|
+
if ('disableResizing' in options) {
|
|
2792
|
+
this.disableResizing = (_a = options.disableAutoResizing) !== null && _a !== void 0 ? _a : false;
|
|
2793
|
+
}
|
|
2794
|
+
if ('locked' in options) {
|
|
2795
|
+
this.locked = (_b = options.locked) !== null && _b !== void 0 ? _b : false;
|
|
2796
|
+
}
|
|
2797
|
+
if ('margin' in options) {
|
|
2798
|
+
this.gridview.margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 0;
|
|
2799
|
+
}
|
|
2800
|
+
if ('className' in options) {
|
|
2801
|
+
this._classNames.setClassNames((_d = options.className) !== null && _d !== void 0 ? _d : '');
|
|
2802
|
+
}
|
|
2803
|
+
}
|
|
2749
2804
|
maximizeGroup(panel) {
|
|
2750
2805
|
this.gridview.maximizeView(panel);
|
|
2751
2806
|
this.doSetGroupActive(panel);
|
|
@@ -4669,7 +4724,7 @@
|
|
|
4669
4724
|
this.onWillShowOverlay = this.dropTarget.onWillShowOverlay;
|
|
4670
4725
|
this.addDisposables(this._onChanged, this._onDropped, this._onDragStart, dragHandler.onDragStart((event) => {
|
|
4671
4726
|
this._onDragStart.fire(event);
|
|
4672
|
-
}), dragHandler, addDisposableListener(this._element, '
|
|
4727
|
+
}), dragHandler, addDisposableListener(this._element, 'pointerdown', (event) => {
|
|
4673
4728
|
if (event.defaultPrevented) {
|
|
4674
4729
|
return;
|
|
4675
4730
|
}
|
|
@@ -4711,7 +4766,7 @@
|
|
|
4711
4766
|
this.accessor = accessor;
|
|
4712
4767
|
this.group = group;
|
|
4713
4768
|
this.panelTransfer = LocalSelectionTransfer.getInstance();
|
|
4714
|
-
this.addDisposables(addDisposableListener(element, '
|
|
4769
|
+
this.addDisposables(addDisposableListener(element, 'pointerdown', (e) => {
|
|
4715
4770
|
if (e.shiftKey) {
|
|
4716
4771
|
/**
|
|
4717
4772
|
* You cannot call e.preventDefault() because that will prevent drag events from firing
|
|
@@ -4930,7 +4985,7 @@
|
|
|
4930
4985
|
group: this.group,
|
|
4931
4986
|
getData: getPanelData,
|
|
4932
4987
|
}));
|
|
4933
|
-
}), addDisposableListener(this.voidContainer.element, '
|
|
4988
|
+
}), addDisposableListener(this.voidContainer.element, 'pointerdown', (event) => {
|
|
4934
4989
|
const isFloatingGroupsEnabled = !this.accessor.options.disableFloatingGroups;
|
|
4935
4990
|
if (isFloatingGroupsEnabled &&
|
|
4936
4991
|
event.shiftKey &&
|
|
@@ -4944,7 +4999,7 @@
|
|
|
4944
4999
|
inDragMode: true,
|
|
4945
5000
|
});
|
|
4946
5001
|
}
|
|
4947
|
-
}), addDisposableListener(this.tabContainer, '
|
|
5002
|
+
}), addDisposableListener(this.tabContainer, 'pointerdown', (event) => {
|
|
4948
5003
|
if (event.defaultPrevented) {
|
|
4949
5004
|
return;
|
|
4950
5005
|
}
|
|
@@ -5649,7 +5704,6 @@
|
|
|
5649
5704
|
});
|
|
5650
5705
|
this.tabsContainer.hide();
|
|
5651
5706
|
this.contentContainer.element.appendChild(this.watermark.element);
|
|
5652
|
-
this.watermark.updateParentGroup(this.groupPanel, true);
|
|
5653
5707
|
}
|
|
5654
5708
|
if (!this.isEmpty && this.watermark) {
|
|
5655
5709
|
this.watermark.element.remove();
|
|
@@ -6012,6 +6066,34 @@
|
|
|
6012
6066
|
const MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH = 100;
|
|
6013
6067
|
const MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT = 100;
|
|
6014
6068
|
class DockviewGroupPanel extends GridviewPanel {
|
|
6069
|
+
get minimumWidth() {
|
|
6070
|
+
var _a;
|
|
6071
|
+
const activePanelMinimumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumWidth;
|
|
6072
|
+
return typeof activePanelMinimumWidth === 'number'
|
|
6073
|
+
? activePanelMinimumWidth
|
|
6074
|
+
: MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH;
|
|
6075
|
+
}
|
|
6076
|
+
get minimumHeight() {
|
|
6077
|
+
var _a;
|
|
6078
|
+
const activePanelMinimumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumHeight;
|
|
6079
|
+
return typeof activePanelMinimumHeight === 'number'
|
|
6080
|
+
? activePanelMinimumHeight
|
|
6081
|
+
: MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT;
|
|
6082
|
+
}
|
|
6083
|
+
get maximumWidth() {
|
|
6084
|
+
var _a;
|
|
6085
|
+
const activePanelMaximumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumWidth;
|
|
6086
|
+
return typeof activePanelMaximumWidth === 'number'
|
|
6087
|
+
? activePanelMaximumWidth
|
|
6088
|
+
: Number.MAX_SAFE_INTEGER;
|
|
6089
|
+
}
|
|
6090
|
+
get maximumHeight() {
|
|
6091
|
+
var _a;
|
|
6092
|
+
const activePanelMaximumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumHeight;
|
|
6093
|
+
return typeof activePanelMaximumHeight === 'number'
|
|
6094
|
+
? activePanelMaximumHeight
|
|
6095
|
+
: Number.MAX_SAFE_INTEGER;
|
|
6096
|
+
}
|
|
6015
6097
|
get panels() {
|
|
6016
6098
|
return this._model.panels;
|
|
6017
6099
|
}
|
|
@@ -6034,9 +6116,12 @@
|
|
|
6034
6116
|
return this._model.header;
|
|
6035
6117
|
}
|
|
6036
6118
|
constructor(accessor, id, options) {
|
|
6119
|
+
var _a, _b, _c, _d, _e, _f;
|
|
6037
6120
|
super(id, 'groupview_default', {
|
|
6038
|
-
minimumHeight: MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT,
|
|
6039
|
-
minimumWidth: MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
|
|
6121
|
+
minimumHeight: (_b = (_a = options.constraints) === null || _a === void 0 ? void 0 : _a.minimumHeight) !== null && _b !== void 0 ? _b : MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT,
|
|
6122
|
+
minimumWidth: (_d = (_c = options.constraints) === null || _c === void 0 ? void 0 : _c.maximumHeight) !== null && _d !== void 0 ? _d : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH,
|
|
6123
|
+
maximumHeight: (_e = options.constraints) === null || _e === void 0 ? void 0 : _e.maximumHeight,
|
|
6124
|
+
maximumWidth: (_f = options.constraints) === null || _f === void 0 ? void 0 : _f.maximumWidth,
|
|
6040
6125
|
}, new DockviewGroupPanelApiImpl(id, accessor));
|
|
6041
6126
|
this.api.initialize(this); // cannot use 'this' after after 'super' call
|
|
6042
6127
|
this._model = new DockviewGroupPanelModel(this.element, accessor, id, options, this);
|
|
@@ -6192,6 +6277,18 @@
|
|
|
6192
6277
|
var _a;
|
|
6193
6278
|
return (_a = this._renderer) !== null && _a !== void 0 ? _a : this.accessor.renderer;
|
|
6194
6279
|
}
|
|
6280
|
+
get minimumWidth() {
|
|
6281
|
+
return this._minimumWidth;
|
|
6282
|
+
}
|
|
6283
|
+
get minimumHeight() {
|
|
6284
|
+
return this._minimumHeight;
|
|
6285
|
+
}
|
|
6286
|
+
get maximumWidth() {
|
|
6287
|
+
return this._maximumWidth;
|
|
6288
|
+
}
|
|
6289
|
+
get maximumHeight() {
|
|
6290
|
+
return this._maximumHeight;
|
|
6291
|
+
}
|
|
6195
6292
|
constructor(id, component, tabComponent, accessor, containerApi, group, view, options) {
|
|
6196
6293
|
super();
|
|
6197
6294
|
this.id = id;
|
|
@@ -6200,6 +6297,10 @@
|
|
|
6200
6297
|
this.view = view;
|
|
6201
6298
|
this._renderer = options.renderer;
|
|
6202
6299
|
this._group = group;
|
|
6300
|
+
this._minimumWidth = options.minimumWidth;
|
|
6301
|
+
this._minimumHeight = options.minimumHeight;
|
|
6302
|
+
this._maximumWidth = options.maximumWidth;
|
|
6303
|
+
this._maximumHeight = options.maximumHeight;
|
|
6203
6304
|
this.api = new DockviewPanelApiImpl(this, this._group, accessor, component, tabComponent);
|
|
6204
6305
|
this.addDisposables(this.api.onActiveChange(() => {
|
|
6205
6306
|
accessor.setActivePanel(this);
|
|
@@ -6236,6 +6337,10 @@
|
|
|
6236
6337
|
: undefined,
|
|
6237
6338
|
title: this.title,
|
|
6238
6339
|
renderer: this._renderer,
|
|
6340
|
+
minimumHeight: this._minimumHeight,
|
|
6341
|
+
maximumHeight: this._maximumHeight,
|
|
6342
|
+
minimumWidth: this._minimumWidth,
|
|
6343
|
+
maximumWidth: this._maximumWidth,
|
|
6239
6344
|
};
|
|
6240
6345
|
}
|
|
6241
6346
|
setTitle(title) {
|
|
@@ -6365,7 +6470,7 @@
|
|
|
6365
6470
|
this.action.appendChild(createCloseButton());
|
|
6366
6471
|
this._element.appendChild(this._content);
|
|
6367
6472
|
this._element.appendChild(this.action);
|
|
6368
|
-
this.addDisposables(addDisposableListener(this.action, '
|
|
6473
|
+
this.addDisposables(addDisposableListener(this.action, 'pointerdown', (ev) => {
|
|
6369
6474
|
ev.preventDefault();
|
|
6370
6475
|
}));
|
|
6371
6476
|
this.render();
|
|
@@ -6375,7 +6480,7 @@
|
|
|
6375
6480
|
this.addDisposables(params.api.onDidTitleChange((event) => {
|
|
6376
6481
|
this._title = event.title;
|
|
6377
6482
|
this.render();
|
|
6378
|
-
}), addDisposableListener(this.action, '
|
|
6483
|
+
}), addDisposableListener(this.action, 'pointerdown', (ev) => {
|
|
6379
6484
|
ev.preventDefault();
|
|
6380
6485
|
}), addDisposableListener(this.action, 'click', (ev) => {
|
|
6381
6486
|
if (ev.defaultPrevented) {
|
|
@@ -6476,6 +6581,10 @@
|
|
|
6476
6581
|
const view = new DockviewPanelModel(this.accessor, panelId, contentComponent, tabComponent);
|
|
6477
6582
|
const panel = new DockviewPanel(panelId, contentComponent, tabComponent, this.accessor, new DockviewApi(this.accessor), group, view, {
|
|
6478
6583
|
renderer: panelData.renderer,
|
|
6584
|
+
minimumWidth: panelData.minimumWidth,
|
|
6585
|
+
minimumHeight: panelData.minimumHeight,
|
|
6586
|
+
maximumWidth: panelData.maximumWidth,
|
|
6587
|
+
maximumHeight: panelData.maximumHeight,
|
|
6479
6588
|
});
|
|
6480
6589
|
panel.init({
|
|
6481
6590
|
title: title !== null && title !== void 0 ? title : panelId,
|
|
@@ -6509,34 +6618,19 @@
|
|
|
6509
6618
|
actionsContainer.appendChild(closeAnchor);
|
|
6510
6619
|
title.appendChild(emptySpace);
|
|
6511
6620
|
title.appendChild(actionsContainer);
|
|
6512
|
-
this.addDisposables(addDisposableListener(closeAnchor, 'click', (
|
|
6621
|
+
this.addDisposables(addDisposableListener(closeAnchor, 'click', (event) => {
|
|
6513
6622
|
var _a;
|
|
6514
|
-
|
|
6623
|
+
event.preventDefault();
|
|
6515
6624
|
if (this._group) {
|
|
6516
6625
|
(_a = this._api) === null || _a === void 0 ? void 0 : _a.removeGroup(this._group);
|
|
6517
6626
|
}
|
|
6518
6627
|
}));
|
|
6519
6628
|
}
|
|
6520
|
-
update(_event) {
|
|
6521
|
-
// noop
|
|
6522
|
-
}
|
|
6523
|
-
focus() {
|
|
6524
|
-
// noop
|
|
6525
|
-
}
|
|
6526
|
-
layout(_width, _height) {
|
|
6527
|
-
// noop
|
|
6528
|
-
}
|
|
6529
6629
|
init(_params) {
|
|
6530
6630
|
this._api = _params.containerApi;
|
|
6631
|
+
this._group = _params.group;
|
|
6531
6632
|
this.render();
|
|
6532
6633
|
}
|
|
6533
|
-
updateParentGroup(group, _visible) {
|
|
6534
|
-
this._group = group;
|
|
6535
|
-
this.render();
|
|
6536
|
-
}
|
|
6537
|
-
dispose() {
|
|
6538
|
-
super.dispose();
|
|
6539
|
-
}
|
|
6540
6634
|
render() {
|
|
6541
6635
|
const isOneGroup = !!(this._api && this._api.size <= 1);
|
|
6542
6636
|
toggleClass(this.element, 'has-actions', isOneGroup);
|
|
@@ -6695,7 +6789,7 @@
|
|
|
6695
6789
|
dispose: () => {
|
|
6696
6790
|
iframes.release();
|
|
6697
6791
|
},
|
|
6698
|
-
}, addDisposableWindowListener(window, '
|
|
6792
|
+
}, addDisposableWindowListener(window, 'pointermove', (e) => {
|
|
6699
6793
|
const containerRect = this.options.container.getBoundingClientRect();
|
|
6700
6794
|
const x = e.clientX - containerRect.left;
|
|
6701
6795
|
const y = e.clientY - containerRect.top;
|
|
@@ -6738,7 +6832,7 @@
|
|
|
6738
6832
|
this._onDidChangeEnd.fire();
|
|
6739
6833
|
}));
|
|
6740
6834
|
};
|
|
6741
|
-
this.addDisposables(move, addDisposableListener(dragTarget, '
|
|
6835
|
+
this.addDisposables(move, addDisposableListener(dragTarget, 'pointerdown', (event) => {
|
|
6742
6836
|
if (event.defaultPrevented) {
|
|
6743
6837
|
event.preventDefault();
|
|
6744
6838
|
return;
|
|
@@ -6749,7 +6843,7 @@
|
|
|
6749
6843
|
return;
|
|
6750
6844
|
}
|
|
6751
6845
|
track();
|
|
6752
|
-
}), addDisposableListener(this.options.content, '
|
|
6846
|
+
}), addDisposableListener(this.options.content, 'pointerdown', (event) => {
|
|
6753
6847
|
if (event.defaultPrevented) {
|
|
6754
6848
|
return;
|
|
6755
6849
|
}
|
|
@@ -6761,7 +6855,7 @@
|
|
|
6761
6855
|
if (event.shiftKey) {
|
|
6762
6856
|
track();
|
|
6763
6857
|
}
|
|
6764
|
-
}), addDisposableListener(this.options.content, '
|
|
6858
|
+
}), addDisposableListener(this.options.content, 'pointerdown', () => {
|
|
6765
6859
|
arialLevelTracker.push(this._element);
|
|
6766
6860
|
}, true));
|
|
6767
6861
|
if (options.inDragMode) {
|
|
@@ -6773,11 +6867,11 @@
|
|
|
6773
6867
|
resizeHandleElement.className = `dv-resize-handle-${direction}`;
|
|
6774
6868
|
this._element.appendChild(resizeHandleElement);
|
|
6775
6869
|
const move = new MutableDisposable();
|
|
6776
|
-
this.addDisposables(move, addDisposableListener(resizeHandleElement, '
|
|
6870
|
+
this.addDisposables(move, addDisposableListener(resizeHandleElement, 'pointerdown', (e) => {
|
|
6777
6871
|
e.preventDefault();
|
|
6778
6872
|
let startPosition = null;
|
|
6779
6873
|
const iframes = disableIframePointEvents();
|
|
6780
|
-
move.value = new CompositeDisposable(addDisposableWindowListener(window, '
|
|
6874
|
+
move.value = new CompositeDisposable(addDisposableWindowListener(window, 'pointermove', (e) => {
|
|
6781
6875
|
const containerRect = this.options.container.getBoundingClientRect();
|
|
6782
6876
|
const overlayRect = this._element.getBoundingClientRect();
|
|
6783
6877
|
const y = e.clientY - containerRect.top;
|
|
@@ -7259,25 +7353,6 @@
|
|
|
7259
7353
|
});
|
|
7260
7354
|
});
|
|
7261
7355
|
}
|
|
7262
|
-
function getDockviewTheme(element) {
|
|
7263
|
-
function toClassList(element) {
|
|
7264
|
-
const list = [];
|
|
7265
|
-
for (let i = 0; i < element.classList.length; i++) {
|
|
7266
|
-
list.push(element.classList.item(i));
|
|
7267
|
-
}
|
|
7268
|
-
return list;
|
|
7269
|
-
}
|
|
7270
|
-
let theme = undefined;
|
|
7271
|
-
let parent = element;
|
|
7272
|
-
while (parent !== null) {
|
|
7273
|
-
theme = toClassList(parent).find((cls) => cls.startsWith('dockview-theme-'));
|
|
7274
|
-
if (typeof theme === 'string') {
|
|
7275
|
-
break;
|
|
7276
|
-
}
|
|
7277
|
-
parent = parent.parentElement;
|
|
7278
|
-
}
|
|
7279
|
-
return theme;
|
|
7280
|
-
}
|
|
7281
7356
|
class DockviewComponent extends BaseGrid {
|
|
7282
7357
|
get orientation() {
|
|
7283
7358
|
return this.gridview.orientation;
|
|
@@ -7313,13 +7388,12 @@
|
|
|
7313
7388
|
}
|
|
7314
7389
|
constructor(parentElement, options) {
|
|
7315
7390
|
var _a;
|
|
7316
|
-
super({
|
|
7391
|
+
super(parentElement, {
|
|
7317
7392
|
proportionalLayout: true,
|
|
7318
7393
|
orientation: exports.Orientation.HORIZONTAL,
|
|
7319
7394
|
styles: options.hideBorders
|
|
7320
7395
|
? { separatorBorder: 'transparent' }
|
|
7321
7396
|
: undefined,
|
|
7322
|
-
parentElement: parentElement,
|
|
7323
7397
|
disableAutoResizing: options.disableAutoResizing,
|
|
7324
7398
|
locked: options.locked,
|
|
7325
7399
|
margin: options.gap,
|
|
@@ -7359,9 +7433,6 @@
|
|
|
7359
7433
|
this._onDidActiveGroupChange = new Emitter();
|
|
7360
7434
|
this.onDidActiveGroupChange = this._onDidActiveGroupChange.event;
|
|
7361
7435
|
this._moving = false;
|
|
7362
|
-
// const gready = document.createElement('div');
|
|
7363
|
-
// gready.className = 'dv-overlay-render-container';
|
|
7364
|
-
// this.gridview.element.appendChild(gready);
|
|
7365
7436
|
this.overlayRenderContainer = new OverlayRenderContainer(this.gridview.element, this);
|
|
7366
7437
|
toggleClass(this.gridview.element, 'dv-dockview', true);
|
|
7367
7438
|
toggleClass(this.element, 'dv-debug', !!options.debug);
|
|
@@ -7810,15 +7881,11 @@
|
|
|
7810
7881
|
}
|
|
7811
7882
|
}
|
|
7812
7883
|
updateOptions(options) {
|
|
7813
|
-
var _a, _b;
|
|
7814
|
-
|
|
7815
|
-
|
|
7816
|
-
const changed_rootOverlayOptions = 'rootOverlayModel' in options &&
|
|
7817
|
-
options.rootOverlayModel !== this.options.rootOverlayModel;
|
|
7818
|
-
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
7819
|
-
if (changed_floatingGroupBounds) {
|
|
7884
|
+
var _a, _b, _c, _d;
|
|
7885
|
+
super.updateOptions(options);
|
|
7886
|
+
if ('floatingGroupBounds' in options) {
|
|
7820
7887
|
for (const group of this._floatingGroups) {
|
|
7821
|
-
switch (
|
|
7888
|
+
switch (options.floatingGroupBounds) {
|
|
7822
7889
|
case 'boundedWithinViewport':
|
|
7823
7890
|
group.overlay.minimumInViewportHeight = undefined;
|
|
7824
7891
|
group.overlay.minimumInViewportWidth = undefined;
|
|
@@ -7831,25 +7898,20 @@
|
|
|
7831
7898
|
break;
|
|
7832
7899
|
default:
|
|
7833
7900
|
group.overlay.minimumInViewportHeight =
|
|
7834
|
-
(_a =
|
|
7901
|
+
(_a = options.floatingGroupBounds) === null || _a === void 0 ? void 0 : _a.minimumHeightWithinViewport;
|
|
7835
7902
|
group.overlay.minimumInViewportWidth =
|
|
7836
|
-
(_b =
|
|
7903
|
+
(_b = options.floatingGroupBounds) === null || _b === void 0 ? void 0 : _b.minimumWidthWithinViewport;
|
|
7837
7904
|
}
|
|
7838
7905
|
group.overlay.setBounds();
|
|
7839
7906
|
}
|
|
7840
7907
|
}
|
|
7841
|
-
if (
|
|
7842
|
-
this._rootDropTarget.setOverlayModel(options.rootOverlayModel);
|
|
7908
|
+
if ('rootOverlayModel' in options) {
|
|
7909
|
+
this._rootDropTarget.setOverlayModel((_c = options.rootOverlayModel) !== null && _c !== void 0 ? _c : DEFAULT_ROOT_OVERLAY_MODEL);
|
|
7843
7910
|
}
|
|
7844
|
-
if (
|
|
7845
|
-
|
|
7846
|
-
'gap' in options &&
|
|
7847
|
-
options.gap === undefined) {
|
|
7848
|
-
this.gridview.margin = 0;
|
|
7849
|
-
}
|
|
7850
|
-
if (typeof options.gap === 'number') {
|
|
7851
|
-
this.gridview.margin = options.gap;
|
|
7911
|
+
if ('gap' in options) {
|
|
7912
|
+
this.gridview.margin = (_d = options.gap) !== null && _d !== void 0 ? _d : 0;
|
|
7852
7913
|
}
|
|
7914
|
+
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
7853
7915
|
this.layout(this.gridview.width, this.gridview.height, true);
|
|
7854
7916
|
}
|
|
7855
7917
|
layout(width, height, forceResize) {
|
|
@@ -8106,6 +8168,10 @@
|
|
|
8106
8168
|
if (options.position && options.floating) {
|
|
8107
8169
|
throw new Error('you can only provide one of: position, floating as arguments to .addPanel(...)');
|
|
8108
8170
|
}
|
|
8171
|
+
const initial = {
|
|
8172
|
+
width: options.initialWidth,
|
|
8173
|
+
height: options.initialHeight,
|
|
8174
|
+
};
|
|
8109
8175
|
if (options.position) {
|
|
8110
8176
|
if (isPanelOptionsWithPanel(options.position)) {
|
|
8111
8177
|
const referencePanel = typeof options.position.referencePanel === 'string'
|
|
@@ -8135,6 +8201,10 @@
|
|
|
8135
8201
|
if (!options.inactive) {
|
|
8136
8202
|
this.doSetGroupAndPanelActive(group);
|
|
8137
8203
|
}
|
|
8204
|
+
group.api.setSize({
|
|
8205
|
+
height: initial === null || initial === void 0 ? void 0 : initial.height,
|
|
8206
|
+
width: initial === null || initial === void 0 ? void 0 : initial.width,
|
|
8207
|
+
});
|
|
8138
8208
|
return panel;
|
|
8139
8209
|
}
|
|
8140
8210
|
}
|
|
@@ -8165,6 +8235,10 @@
|
|
|
8165
8235
|
skipSetActive: options.inactive,
|
|
8166
8236
|
skipSetGroupActive: options.inactive,
|
|
8167
8237
|
});
|
|
8238
|
+
referenceGroup.api.setSize({
|
|
8239
|
+
width: initial === null || initial === void 0 ? void 0 : initial.width,
|
|
8240
|
+
height: initial === null || initial === void 0 ? void 0 : initial.height,
|
|
8241
|
+
});
|
|
8168
8242
|
if (!options.inactive) {
|
|
8169
8243
|
this.doSetGroupAndPanelActive(referenceGroup);
|
|
8170
8244
|
}
|
|
@@ -8172,7 +8246,10 @@
|
|
|
8172
8246
|
else {
|
|
8173
8247
|
const location = getGridLocation(referenceGroup.element);
|
|
8174
8248
|
const relativeLocation = getRelativeLocation(this.gridview.orientation, location, target);
|
|
8175
|
-
const group = this.createGroupAtLocation(relativeLocation)
|
|
8249
|
+
const group = this.createGroupAtLocation(relativeLocation, this.orientationAtLocation(relativeLocation) ===
|
|
8250
|
+
exports.Orientation.VERTICAL
|
|
8251
|
+
? initial === null || initial === void 0 ? void 0 : initial.height
|
|
8252
|
+
: initial === null || initial === void 0 ? void 0 : initial.width);
|
|
8176
8253
|
panel = this.createPanel(options, group);
|
|
8177
8254
|
group.model.openPanel(panel, {
|
|
8178
8255
|
skipSetActive: options.inactive,
|
|
@@ -8198,7 +8275,9 @@
|
|
|
8198
8275
|
});
|
|
8199
8276
|
}
|
|
8200
8277
|
else {
|
|
8201
|
-
const group = this.createGroupAtLocation(
|
|
8278
|
+
const group = this.createGroupAtLocation([0], this.gridview.orientation === exports.Orientation.VERTICAL
|
|
8279
|
+
? initial === null || initial === void 0 ? void 0 : initial.height
|
|
8280
|
+
: initial === null || initial === void 0 ? void 0 : initial.width);
|
|
8202
8281
|
panel = this.createPanel(options, group);
|
|
8203
8282
|
group.model.openPanel(panel, {
|
|
8204
8283
|
skipSetActive: options.inactive,
|
|
@@ -8292,7 +8371,11 @@
|
|
|
8292
8371
|
const location = getGridLocation(referenceGroup.element);
|
|
8293
8372
|
const relativeLocation = getRelativeLocation(this.gridview.orientation, location, target);
|
|
8294
8373
|
const group = this.createGroup(options);
|
|
8295
|
-
this.
|
|
8374
|
+
const size = this.getLocationOrientation(relativeLocation) ===
|
|
8375
|
+
exports.Orientation.VERTICAL
|
|
8376
|
+
? options.initialHeight
|
|
8377
|
+
: options.initialWidth;
|
|
8378
|
+
this.doAddGroup(group, relativeLocation, size);
|
|
8296
8379
|
if (!options.skipSetActive) {
|
|
8297
8380
|
this.doSetGroupAndPanelActive(group);
|
|
8298
8381
|
}
|
|
@@ -8305,6 +8388,12 @@
|
|
|
8305
8388
|
return group;
|
|
8306
8389
|
}
|
|
8307
8390
|
}
|
|
8391
|
+
getLocationOrientation(location) {
|
|
8392
|
+
return location.length % 2 == 0 &&
|
|
8393
|
+
this.gridview.orientation === exports.Orientation.HORIZONTAL
|
|
8394
|
+
? exports.Orientation.HORIZONTAL
|
|
8395
|
+
: exports.Orientation.VERTICAL;
|
|
8396
|
+
}
|
|
8308
8397
|
removeGroup(group, options) {
|
|
8309
8398
|
this.doRemoveGroup(group, options);
|
|
8310
8399
|
}
|
|
@@ -8576,7 +8665,22 @@
|
|
|
8576
8665
|
}
|
|
8577
8666
|
const referenceLocation = getGridLocation(to.element);
|
|
8578
8667
|
const dropLocation = getRelativeLocation(this.gridview.orientation, referenceLocation, target);
|
|
8579
|
-
|
|
8668
|
+
let size;
|
|
8669
|
+
switch (this.gridview.orientation) {
|
|
8670
|
+
case exports.Orientation.VERTICAL:
|
|
8671
|
+
size =
|
|
8672
|
+
referenceLocation.length % 2 == 0
|
|
8673
|
+
? from.api.width
|
|
8674
|
+
: from.api.height;
|
|
8675
|
+
break;
|
|
8676
|
+
case exports.Orientation.HORIZONTAL:
|
|
8677
|
+
size =
|
|
8678
|
+
referenceLocation.length % 2 == 0
|
|
8679
|
+
? from.api.height
|
|
8680
|
+
: from.api.width;
|
|
8681
|
+
break;
|
|
8682
|
+
}
|
|
8683
|
+
this.gridview.addView(from, size, dropLocation);
|
|
8580
8684
|
}
|
|
8581
8685
|
from.panels.forEach((panel) => {
|
|
8582
8686
|
this._onDidMovePanel.fire({ panel, from });
|
|
@@ -8688,22 +8792,34 @@
|
|
|
8688
8792
|
const contentComponent = options.component;
|
|
8689
8793
|
const tabComponent = (_a = options.tabComponent) !== null && _a !== void 0 ? _a : this.options.defaultTabComponent;
|
|
8690
8794
|
const view = new DockviewPanelModel(this, options.id, contentComponent, tabComponent);
|
|
8691
|
-
const panel = new DockviewPanel(options.id, contentComponent, tabComponent, this, this._api, group, view, {
|
|
8795
|
+
const panel = new DockviewPanel(options.id, contentComponent, tabComponent, this, this._api, group, view, {
|
|
8796
|
+
renderer: options.renderer,
|
|
8797
|
+
minimumWidth: options.minimumWidth,
|
|
8798
|
+
minimumHeight: options.minimumHeight,
|
|
8799
|
+
maximumWidth: options.maximumWidth,
|
|
8800
|
+
maximumHeight: options.maximumHeight,
|
|
8801
|
+
});
|
|
8692
8802
|
panel.init({
|
|
8693
8803
|
title: (_b = options.title) !== null && _b !== void 0 ? _b : options.id,
|
|
8694
8804
|
params: (_c = options === null || options === void 0 ? void 0 : options.params) !== null && _c !== void 0 ? _c : {},
|
|
8695
8805
|
});
|
|
8696
8806
|
return panel;
|
|
8697
8807
|
}
|
|
8698
|
-
createGroupAtLocation(location
|
|
8808
|
+
createGroupAtLocation(location, size) {
|
|
8699
8809
|
const group = this.createGroup();
|
|
8700
|
-
this.doAddGroup(group, location);
|
|
8810
|
+
this.doAddGroup(group, location, size);
|
|
8701
8811
|
return group;
|
|
8702
8812
|
}
|
|
8703
8813
|
findGroup(panel) {
|
|
8704
8814
|
var _a;
|
|
8705
8815
|
return (_a = Array.from(this._groups.values()).find((group) => group.value.model.containsPanel(panel))) === null || _a === void 0 ? void 0 : _a.value;
|
|
8706
8816
|
}
|
|
8817
|
+
orientationAtLocation(location) {
|
|
8818
|
+
const rootOrientation = this.gridview.orientation;
|
|
8819
|
+
return location.length % 2 == 1
|
|
8820
|
+
? rootOrientation
|
|
8821
|
+
: orthogonal(rootOrientation);
|
|
8822
|
+
}
|
|
8707
8823
|
}
|
|
8708
8824
|
|
|
8709
8825
|
class GridviewComponent extends BaseGrid {
|
|
@@ -8723,8 +8839,7 @@
|
|
|
8723
8839
|
this._deserializer = value;
|
|
8724
8840
|
}
|
|
8725
8841
|
constructor(parentElement, options) {
|
|
8726
|
-
super({
|
|
8727
|
-
parentElement: parentElement,
|
|
8842
|
+
super(parentElement, {
|
|
8728
8843
|
proportionalLayout: options.proportionalLayout,
|
|
8729
8844
|
orientation: options.orientation,
|
|
8730
8845
|
styles: options.styles,
|
|
@@ -8755,6 +8870,7 @@
|
|
|
8755
8870
|
}
|
|
8756
8871
|
}
|
|
8757
8872
|
updateOptions(options) {
|
|
8873
|
+
super.updateOptions(options);
|
|
8758
8874
|
const hasOrientationChanged = typeof options.orientation === 'string' &&
|
|
8759
8875
|
this.gridview.orientation !== options.orientation;
|
|
8760
8876
|
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
@@ -9022,6 +9138,7 @@
|
|
|
9022
9138
|
: this.splitview.orthogonalSize;
|
|
9023
9139
|
}
|
|
9024
9140
|
constructor(parentElement, options) {
|
|
9141
|
+
var _a;
|
|
9025
9142
|
super(parentElement, options.disableAutoResizing);
|
|
9026
9143
|
this._splitviewChangeDisposable = new MutableDisposable();
|
|
9027
9144
|
this._panels = new Map();
|
|
@@ -9033,9 +9150,8 @@
|
|
|
9033
9150
|
this.onDidRemoveView = this._onDidRemoveView.event;
|
|
9034
9151
|
this._onDidLayoutChange = new Emitter();
|
|
9035
9152
|
this.onDidLayoutChange = this._onDidLayoutChange.event;
|
|
9036
|
-
|
|
9037
|
-
|
|
9038
|
-
}
|
|
9153
|
+
this._classNames = new Classnames(this.element);
|
|
9154
|
+
this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
|
|
9039
9155
|
this._options = options;
|
|
9040
9156
|
if (!options.components) {
|
|
9041
9157
|
options.components = {};
|
|
@@ -9047,12 +9163,17 @@
|
|
|
9047
9163
|
this.addDisposables(this._onDidAddView, this._onDidLayoutfromJSON, this._onDidRemoveView, this._onDidLayoutChange);
|
|
9048
9164
|
}
|
|
9049
9165
|
updateOptions(options) {
|
|
9050
|
-
|
|
9051
|
-
|
|
9052
|
-
|
|
9053
|
-
|
|
9166
|
+
var _a, _b;
|
|
9167
|
+
if ('className' in options) {
|
|
9168
|
+
this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
|
|
9169
|
+
}
|
|
9170
|
+
if ('disableResizing' in options) {
|
|
9171
|
+
this.disableResizing = (_b = options.disableAutoResizing) !== null && _b !== void 0 ? _b : false;
|
|
9172
|
+
}
|
|
9173
|
+
if (typeof options.orientation === 'string') {
|
|
9054
9174
|
this.splitview.orientation = options.orientation;
|
|
9055
9175
|
}
|
|
9176
|
+
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
9056
9177
|
this.splitview.layout(this.splitview.size, this.splitview.orthogonalSize);
|
|
9057
9178
|
}
|
|
9058
9179
|
focus() {
|
|
@@ -9349,6 +9470,7 @@
|
|
|
9349
9470
|
return this._options;
|
|
9350
9471
|
}
|
|
9351
9472
|
constructor(parentElement, options) {
|
|
9473
|
+
var _a;
|
|
9352
9474
|
super(parentElement, options.disableAutoResizing);
|
|
9353
9475
|
this._id = nextLayoutId.next();
|
|
9354
9476
|
this._disposable = new MutableDisposable();
|
|
@@ -9363,10 +9485,9 @@
|
|
|
9363
9485
|
this.onDidAddView = this._onDidAddView.event;
|
|
9364
9486
|
this._onDidRemoveView = new Emitter();
|
|
9365
9487
|
this.onDidRemoveView = this._onDidRemoveView.event;
|
|
9366
|
-
if (typeof options.className === 'string') {
|
|
9367
|
-
this.element.classList.add(options.className);
|
|
9368
|
-
}
|
|
9369
9488
|
this.addDisposables(this._onDidLayoutChange, this._onDidLayoutfromJSON, this._onDidDrop, this._onDidAddView, this._onDidRemoveView);
|
|
9489
|
+
this._classNames = new Classnames(this.element);
|
|
9490
|
+
this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
|
|
9370
9491
|
this._options = options;
|
|
9371
9492
|
if (!options.components) {
|
|
9372
9493
|
options.components = {};
|
|
@@ -9388,6 +9509,13 @@
|
|
|
9388
9509
|
//noop
|
|
9389
9510
|
}
|
|
9390
9511
|
updateOptions(options) {
|
|
9512
|
+
var _a, _b;
|
|
9513
|
+
if ('className' in options) {
|
|
9514
|
+
this._classNames.setClassNames((_a = options.className) !== null && _a !== void 0 ? _a : '');
|
|
9515
|
+
}
|
|
9516
|
+
if ('disableResizing' in options) {
|
|
9517
|
+
this.disableResizing = (_b = options.disableAutoResizing) !== null && _b !== void 0 ? _b : false;
|
|
9518
|
+
}
|
|
9391
9519
|
this._options = Object.assign(Object.assign({}, this.options), options);
|
|
9392
9520
|
}
|
|
9393
9521
|
addPanel(options) {
|
|
@@ -9936,9 +10064,6 @@
|
|
|
9936
10064
|
layout(_width, _height) {
|
|
9937
10065
|
// noop - retrieval from api
|
|
9938
10066
|
}
|
|
9939
|
-
updateParentGroup(_group, _isPanelVisible) {
|
|
9940
|
-
// noop
|
|
9941
|
-
}
|
|
9942
10067
|
dispose() {
|
|
9943
10068
|
var _a;
|
|
9944
10069
|
(_a = this.part) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
@@ -10251,7 +10376,7 @@
|
|
|
10251
10376
|
api.close();
|
|
10252
10377
|
}
|
|
10253
10378
|
}, [api, closeActionOverride]);
|
|
10254
|
-
const
|
|
10379
|
+
const onPointerDown = React.useCallback((e) => {
|
|
10255
10380
|
e.preventDefault();
|
|
10256
10381
|
}, []);
|
|
10257
10382
|
const onClick = React.useCallback((event) => {
|
|
@@ -10265,7 +10390,7 @@
|
|
|
10265
10390
|
}, [api, rest.onClick]);
|
|
10266
10391
|
return (React.createElement("div", Object.assign({ "data-testid": "dockview-dv-default-tab" }, rest, { onClick: onClick, className: "dv-default-tab" }),
|
|
10267
10392
|
React.createElement("span", { className: "dv-default-tab-content" }, title),
|
|
10268
|
-
!hideClose && (React.createElement("div", { className: "dv-default-tab-action",
|
|
10393
|
+
!hideClose && (React.createElement("div", { className: "dv-default-tab-action", onPointerDown: onPointerDown, onClick: onClose },
|
|
10269
10394
|
React.createElement(CloseButton, null)))));
|
|
10270
10395
|
};
|
|
10271
10396
|
|