dockview
Version:
Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support
7 lines • 141 kB
JavaScript
/**
* dockview
* @version 1.0.0
* @link https://github.com/mathuo/dockview
* @license MIT
*/
define(["exports","react","react-dom"],(function(e,t,i){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var s=n(t),o=n(i);!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===i&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}('.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-tab-close-icon: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>\');\n --dv-tab-dirty-icon: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>\');\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-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-tab-close-icon: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>\');\n --dv-tab-dirty-icon: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>\');\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-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-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-tab-close-icon: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>\');\n --dv-tab-dirty-icon: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>\');\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-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-activegroup-visiblepanel-tab-background-color: dodgerblue;\n --dv-tabs-and-actions-container-height: 18px;\n --dv-tabs-and-actions-container-font-size: 11px;\n}\n.dockview-theme-vs .groupview.active-group > .tabs-and-actions-container {\n border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .groupview.inactive-group > .tabs-and-actions-container {\n border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.actions-bar {\n text-align: right;\n width: 28px;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n.actions-bar .actions-container {\n display: flex;\n padding: 0px;\n margin: 0px;\n justify-content: flex-end;\n}\n.actions-bar .actions-container a:active {\n -webkit-mask-size: 100% 100% !important;\n mask-size: 100% 100% !important;\n}\n.actions-bar .actions-container .close-action {\n background-color: white;\n height: 16px;\n width: 16px;\n display: block;\n -webkit-mask: var(--dv-tab-close-icon) 50% 50%/90% 90% no-repeat;\n mask: var(--dv-tab-close-icon) 50% 50%/90% 90% no-repeat;\n margin-right: "0.5em";\n cursor: pointer;\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: 10000;\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection {\n position: relative;\n pointer-events: none;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n background-color: var(--dv-drag-over-background-color);\n transition-duration: 0.15s;\n transition-timing-function: ease-out;\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.left, .drop-target > .drop-target-dropzone > .drop-target-selection.right {\n width: 50%;\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.right {\n transform: translate(100%, 0%);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {\n transform: translate(0%, 100%);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.top, .drop-target > .drop-target-dropzone > .drop-target-selection.bottom {\n height: 50%;\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.small-top {\n border-top: 1px solid var(--dv-drag-over-border-color);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.small-bottom {\n border-bottom: 1px solid var(--dv-drag-over-border-color);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.small-left {\n border-left: 1px solid var(--dv-drag-over-border-color);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.small-right {\n border-right: 1px solid var(--dv-drag-over-border-color);\n}\n.custom-dragging {\n height: 24px;\n line-height: 24px;\n font-size: 11px;\n width: 100px;\n background-color: dodgerblue;\n color: ghostwhite;\n border-radius: 11px;\n position: absolute;\n padding-left: 10px;\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.active-tab .tab-action {\n background-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.active-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab .tab-action {\n background-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.active-tab .tab-action {\n background-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.groupview.inactive-group > .tabs-and-actions-container > .tabs-container > .tab.inactive-tab .tab-action {\n background-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.dragging {\n background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.grid-view,\n.branch-node {\n height: 100%;\n width: 100%;\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 overflow: hidden;\n outline: none;\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}\n.pane-container .view .default-header > span {\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.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 .void-container {\n display: flex;\n flex-grow: 1;\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.split-view-container {\n position: relative;\n overflow: hidden;\n height: 100%;\n width: 100%;\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}\n.split-view-container .sash-container .sash: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: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}\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.dragged {\n transform: translate3d(0px, 0px, 0px);\n /* 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.dragging .tab-action {\n background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.tab.active-tab > .default-tab .tab-action {\n visibility: visible;\n}\n.tab.inactive-tab > .default-tab .tab-action:not(.dirty) {\n visibility: hidden;\n}\n.tab.inactive-tab > .default-tab:hover .tab-action {\n visibility: visible;\n}\n.tab .default-tab {\n position: relative;\n height: 100%;\n display: flex;\n min-width: 80px;\n align-items: center;\n padding-left: 10px;\n white-space: nowrap;\n text-overflow: elipsis;\n}\n.tab .default-tab .tab-content {\n flex-grow: 1;\n}\n.tab .default-tab .action-container {\n text-align: right;\n width: 28px;\n display: flex;\n}\n.tab .default-tab .action-container .tab-list {\n display: flex;\n padding: 0px;\n margin: 0px;\n justify-content: flex-end;\n}\n.tab .default-tab .action-container .tab-list a:active:hover {\n -webkit-mask-size: 100% 100% !important;\n mask-size: 100% 100% !important;\n}\n.tab .default-tab .action-container .tab-list .tab-action {\n height: 16px;\n width: 16px;\n display: block;\n -webkit-mask: var(--dv-tab-close-icon) 50% 50%/90% 90% no-repeat;\n mask: var(--dv-tab-close-icon) 50% 50%/90% 90% no-repeat;\n margin-right: "0.5em";\n}\n.tab .default-tab .action-container .tab-list .tab-action.disable-close {\n display: none;\n}\n.tab .default-tab .action-container .tab-list .tab-action.dirty:not(:hover) {\n display: block;\n -webkit-mask: var(--dv-tab-dirty-icon) 50% 50%/60% 60% no-repeat;\n mask: var(--dv-tab-dirty-icon) 50% 50%/60% 60% no-repeat;\n}\n.watermark {\n display: flex;\n width: 100%;\n}\n.watermark.has-actions .watermark-title .actions-bar {\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}'),function(){var e,t;const i="DOCKVIEW_WATERMARK_SUPPRESSED";if("test"===(null===(t=null===(e=window.process)||void 0===e?void 0:e.env)||void 0===t?void 0:t.NODE_ENV))return;!!window[i]||console.log(["dockview: https://github.com/mathuo/dockview for examples and documentation","dockview: https://www.npmjs.com/package/dockview","dockview: To suppress this message set window.DOCKVIEW_WATERMARK_SUPPRESSED=1 before importing the dockview package",""].join("\n"))}(),e.Event=void 0,(e.Event||(e.Event={})).any=(...e)=>t=>{const i=e.map((e=>e(t)));return{dispose:()=>{i.forEach((e=>{e.dispose()}))}}};class a{constructor(e){this.options=e,this._listeners=[],this._disposed=!1}get event(){return this._event||(this._event=e=>{var t;return(null===(t=this.options)||void 0===t?void 0:t.replay)&&void 0!==this._last&&e(this._last),this._listeners.length,this._listeners.push(e),{dispose:()=>{const t=this._listeners.indexOf(e);t>-1&&this._listeners.splice(t,1)}}}),this._event}fire(e){this._last=e,this._listeners.forEach((t=>{t(e)}))}dispose(){this._listeners=[],this._disposed=!0}}function r(e,t,i,n){return e.addEventListener(t,i,n),{dispose:()=>{e.removeEventListener(t,i)}}}function h(e,t,i,n){return e.addEventListener(t,i,n),{dispose:()=>{e.removeEventListener(t,i)}}}e.Disposable=void 0,(e.Disposable||(e.Disposable={})).NONE={dispose:()=>{}};class d{constructor(...e){this.disposables=e}static from(...e){return new d(...e)}addDisposables(...e){null==e||e.forEach((e=>this.disposables.push(e)))}dispose(){this.disposables.forEach((e=>e.dispose()))}}class l{constructor(){this._disposable=e.Disposable.NONE}set value(e){this._disposable&&this._disposable.dispose(),this._disposable=e}dispose(){this._disposable&&this._disposable.dispose()}}class p{constructor(){}}class c extends p{constructor(e,t,i){super(),this.viewId=e,this.groupId=t,this.panelId=i}}class u extends p{constructor(e,t){super(),this.viewId=e,this.paneId=t}}const m="splitview/transfer";var v;e.DragType=void 0,(v=e.DragType||(e.DragType={})).DOCKVIEW_TAB="dockview_tab",v.EXTERNAL="external_group_drag";class g{constructor(){}static getInstance(){return g.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 w(){const e=g.getInstance();if(e.hasData(c.prototype))return e.getData(c.prototype)[0]}function b(){const e=g.getInstance();if(e.hasData(u.prototype))return e.getData(u.prototype)[0]}g.INSTANCE=new g;class f{constructor(e){this.component=e}get minimumSize(){return this.component.minimumSize}get maximumSize(){return this.component.maximumSize}get height(){return this.component.height}get width(){return this.component.width}get length(){return this.component.length}get onDidLayoutChange(){return this.component.onDidLayoutChange}get orientation(){return this.component.orientation}updateOptions(e){this.component.updateOptions(e)}removePanel(e,t){this.component.removePanel(e,t)}setVisible(e,t){this.component.setVisible(e,t)}getPanels(){return this.component.getPanels()}focus(){this.component.focus()}getPanel(e){return this.component.getPanel(e)}setActive(e){this.component.setActive(e)}layout(e,t){return this.component.layout(e,t)}addPanel(e){this.component.addPanel(e)}resizeToFit(){this.component.resizeToFit()}movePanel(e,t){this.component.movePanel(e,t)}fromJSON(e,t){this.component.fromJSON(e,t)}toJSON(){return this.component.toJSON()}}class _{constructor(e){this.component=e}get width(){return this.component.width}get height(){return this.component.height}get minimumSize(){return this.component.minimumSize}get maximumSize(){return this.component.maximumSize}get onDidLayoutChange(){return this.component.onDidLayoutChange}getPanels(){return this.component.getPanels()}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)}resizeToFit(){this.component.resizeToFit()}fromJSON(e,t){this.component.fromJSON(e,t)}toJSON(){return this.component.toJSON()}}class C{constructor(e){this.component=e}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 onGridEvent(){return this.component.onGridEvent}get onDidLayoutChange(){return this.component.onDidLayoutChange}get panels(){return this.component.groups}get orientation(){return this.component.orientation}set orientation(e){this.component.updateOptions({orientation:e})}focus(){this.component.focus()}layout(e,t,i=!1){this.component.layout(e,t,i)}addPanel(e){this.component.addPanel(e)}removePanel(e,t){this.component.removePanel(e,t)}movePanel(e,t){this.component.movePanel(e,t)}resizeToFit(){this.component.resizeToFit()}getPanel(e){return this.component.getPanel(e)}toggleVisibility(e){this.component.toggleVisibility(e)}setVisible(e,t){this.component.setVisible(e,t)}setActive(e){this.component.setActive(e)}fromJSON(e,t){return this.component.fromJSON(e,t)}toJSON(){return this.component.toJSON()}}class y{constructor(e){this.component=e}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 totalPanels(){return this.component.totalPanels}get onGridEvent(){return this.component.onGridEvent}get onDidLayoutChange(){return this.component.onDidLayoutChange}get panels(){return this.component.panels}get groups(){return this.component.groups}get activePanel(){return this.component.activePanel}get activeGroup(){return this.component.activeGroup}getTabHeight(){return this.component.tabHeight}setTabHeight(e){this.component.tabHeight=e}focus(){this.component.focus()}getPanel(e){return this.component.getGroupPanel(e)}setActivePanel(e){this.component.setActivePanel(e)}layout(e,t,i=!1){this.component.layout(e,t,i)}addPanel(e){return this.component.addPanel(e)}removePanel(e){this.component.removePanel(e)}addEmptyGroup(e){this.component.addEmptyGroup(e)}moveToNext(e){this.component.moveToNext(e)}moveToPrevious(e){this.component.moveToPrevious(e)}closeAllGroups(){return this.component.closeAllGroups()}removeGroup(e){this.component.removeGroup(e)}resizeToFit(){return this.component.resizeToFit()}getGroup(e){return this.component.getPanel(e)}fromJSON(e){this.component.fromJSON(e)}toJSON(){return this.component.toJSON()}}function z(e,t){const i=new ResizeObserver((e=>{const i=e[0];t(i)}));return i.observe(e),{dispose:()=>{i.unobserve(e),i.disconnect()}}}const S=(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)},x=(e,t,i)=>{const n=e.classList.contains(t);i&&!n&&e.classList.add(t),!i&&n&&e.classList.remove(t)};function E(e,t){for(;e;){if(e===t)return!0;e=e.parentNode}return!1}function P(e){return Array.prototype.slice.call(document.getElementsByTagName(e),0)}function A(e){return new O(e)}class O extends d{constructor(e){super(),this._onDidFocus=new a,this.onDidFocus=this._onDidFocus.event,this._onDidBlur=new a,this.onDidBlur=this._onDidBlur.event;let t=E(document.activeElement,e),i=!1;const n=()=>{i=!1,t||(t=!0,this._onDidFocus.fire())},s=()=>{t&&(i=!0,window.setTimeout((()=>{i&&(i=!1,t=!1,this._onDidBlur.fire())}),0))};this._refreshStateHandler=()=>{E(document.activeElement,e)!==t&&(t?s():n())},e instanceof HTMLElement?(this.addDisposables(h(e,"focus",n,!0)),this.addDisposables(h(e,"blur",s,!0))):(this.addDisposables(r(e,"focus",n,!0)),this.addDisposables(r(e,"blur",s,!0)))}refreshState(){this._refreshStateHandler()}dispose(){super.dispose(),this._onDidBlur.dispose(),this._onDidFocus.dispose()}}const N=(e,t,i)=>{if(t>i)throw new Error(`${t} > ${i} is an invalid condition`);return Math.min(i,Math.max(e,t))},k=()=>{let e=1;return{next:()=>(e++).toString()}};function I(e){if(0===e.length)throw new Error("Invalid tail call");return[e.slice(0,e.length-1),e[e.length-1]]}function T(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 G(e,t){const i=e.indexOf(t);i>-1&&(e.splice(i,1),e.push(t))}const L=(e,t)=>{const i=[];if("number"!=typeof t&&(t=e,e=0),e<=t)for(let n=e;n<t;n++)i.push(n);else for(let n=e;n>t;n--)i.push(n);return i};class R{constructor(e,t,i,n){this.container=e,this.view=t,this.disposable=n,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)}set size(e){this._size=e}get size(){return this._size}get cachedVisibleSize(){return this._cachedVisibleSize}get visible(){return void 0===this._cachedVisibleSize}setVisible(e,t){var i;e!==this.visible&&(e?(this.size=N(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))}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"}dispose(){return this.disposable.dispose(),this.view}}var H,M,F,W,B;e.Orientation=void 0,(H=e.Orientation||(e.Orientation={})).HORIZONTAL="HORIZONTAL",H.VERTICAL="VERTICAL",e.SashState=void 0,(M=e.SashState||(e.SashState={}))[M.MAXIMUM=0]="MAXIMUM",M[M.MINIMUM=1]="MINIMUM",M[M.DISABLED=2]="DISABLED",M[M.ENABLED=3]="ENABLED",e.LayoutPriority=void 0,(F=e.LayoutPriority||(e.LayoutPriority={})).Low="low",F.High="high",F.Normal="normal",e.Sizing=void 0,(W=e.Sizing||(e.Sizing={})).Distribute={type:"distribute"},W.Split=function(e){return{type:"split",index:e}},W.Invisible=function(e){return{type:"invisible",cachedVisibleSize:e}};class J{constructor(e,t){this.container=e,this.views=[],this.sashes=[],this._size=0,this._orthogonalSize=0,this.contentSize=0,this._proportions=void 0,this._onDidSashEnd=new a,this.onDidSashEnd=this._onDidSashEnd.event,this._onDidAddView=new a,this.onDidAddView=this._onDidAddView.event,this._onDidRemoveView=new a,this.onDidRemoveView=this._onDidAddView.event,this._startSnappingEnabled=!0,this._endSnappingEnabled=!0,this.resize=(e,t,i=this.views.map((e=>e.size)),n,s,o=Number.NEGATIVE_INFINITY,a=Number.POSITIVE_INFINITY,r,h)=>{if(e<0||e>this.views.length)return 0;const d=L(e,-1),l=L(e+1,this.views.length);if(s)for(const e of s)V(d,e),V(l,e);if(n)for(const e of n)G(d,e),G(l,e);const p=d.map((e=>this.views[e])),c=d.map((e=>i[e])),u=l.map((e=>this.views[e])),m=l.map((e=>i[e])),v=d.reduce(((e,t)=>e+this.views[t].minimumSize-i[t]),0),g=d.reduce(((e,t)=>e+this.views[t].maximumSize-i[t]),0),w=0===l.length?Number.POSITIVE_INFINITY:l.reduce(((e,t)=>e+i[t]-this.views[t].minimumSize),0),b=0===l.length?Number.NEGATIVE_INFINITY:l.reduce(((e,t)=>e+i[t]-this.views[t].maximumSize),0),f=Math.max(v,b),_=Math.min(w,g);let C=!1;if(r){const e=this.views[r.index],i=t>=r.limitDelta;C=i!==e.visible,e.setVisible(i,r.size)}if(!C&&h){const e=this.views[h.index],i=t<h.limitDelta;C=i!==e.visible,e.setVisible(i,h.size)}if(C)return this.resize(e,t,i,n,s,o,a);let y=0,z=N(t,f,_);for(let e=0;e<p.length;e++){const t=p[e],i=N(c[e]+z,t.minimumSize,t.maximumSize),n=i-c[e];y+=n,z-=n,t.size=i}let S=y;for(let e=0;e<u.length;e++){const t=u[e],i=N(m[e]-S,t.minimumSize,t.maximumSize);S+=i-m[e],t.size=i}return t},this._orientation=t.orientation,this.element=this.createContainer(),this.proportionalLayout=void 0===t.proportionalLayout||!!t.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(t.styles),t.descriptor&&(this._size=t.descriptor.size,t.descriptor.views.forEach(((e,t)=>{const i=void 0===e.visible||e.visible?e.size:{type:"invisible",cachedVisibleSize:e.size},n=e.view;this.addView(n,i,t,!0)})),this.contentSize=this.views.reduce(((e,t)=>e+t.size),0),this.saveProportions())}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.views.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,S(this.element,"horizontal","vertical"),this.element.classList.add(this.orientation==e.Orientation.HORIZONTAL?"horizontal":"vertical")}get minimumSize(){return this.views.reduce(((e,t)=>e+t.minimumSize),0)}get maximumSize(){return 0===this.length?Number.POSITIVE_INFINITY:this.views.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())}style(e){"transparent"===(null==e?void 0:e.separatorBorder)?(S(this.element,"separator-border"),this.element.style.removeProperty("--dv-separator-border")):(D(this.element,"separator-border"),(null==e?void 0:e.separatorBorder)&&this.element.style.setProperty("--dv-separator-border",e.separatorBorder))}isViewVisible(e){if(e<0||e>=this.views.length)throw new Error("Index out of bounds");return this.views[e].visible}setViewVisible(e,t){if(e<0||e>=this.views.length)throw new Error("Index out of bounds");x(this.container,"visible",t);const i=this.views[e];x(this.container,"visible",t),i.setVisible(t,i.size),this.distributeEmptySpace(e),this.layoutViews(),this.saveProportions()}getViewSize(e){return e<0||e>=this.views.length?-1:this.views[e].size}resizeView(t,i){if(t<0||t>=this.views.length)return;const n=L(this.views.length).filter((e=>e!==t)),s=[...n.filter((t=>this.views[t].priority===e.LayoutPriority.Low)),t],o=n.filter((t=>this.views[t].priority===e.LayoutPriority.High)),a=this.views[t];i=Math.round(i),i=N(i,a.minimumSize,Math.min(a.maximumSize,this._size)),a.size=i,this.relayout(s,o)}getViews(){return this.views.map((e=>e.view))}onDidChange(e,t){const i=this.views.indexOf(e);i<0||i>=this.views.length||(t="number"==typeof t?t:e.size,t=N(t,e.minimumSize,e.maximumSize),e.size=t,this.relayout([i]))}addView(t,i={type:"distribute"},n=this.views.length,s){const o=document.createElement("div");let a;o.className="view",o.appendChild(t.element),a="number"==typeof i?i:"split"===i.type?this.getViewSize(i.index)/2:"invisible"===i.type?{cachedVisibleSize:i.cachedVisibleSize}:t.minimumSize;const r=t.onDidChange((e=>this.onDidChange(h,e))),h=new R(o,t,a,{dispose:()=>{null==r||r.dispose(),this.viewContainer.removeChild(o)}});if(n===this.views.length?this.viewContainer.appendChild(o):this.viewContainer.insertBefore(o,this.viewContainer.children.item(n)),this.views.splice(n,0,h),this.views.length>1){const t=document.createElement("div");t.className="sash";const i=i=>{for(const e of this.views)e.enabled=!1;const n=[...P("iframe"),...P("webview")];for(const e of n)e.style.pointerEvents="none";const s=this._orientation===e.Orientation.HORIZONTAL?i.clientX:i.clientY,o=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)),a=this.views.map((e=>e.size));let r,h;const d=L(o,-1),l=L(o+1,this.views.length),p=d.reduce(((e,t)=>e+(this.views[t].minimumSize-a[t])),0),c=d.reduce(((e,t)=>e+(this.views[t].viewMaximumSize-a[t])),0),u=0===l.length?Number.POSITIVE_INFINITY:l.reduce(((e,t)=>e+(a[t]-this.views[t].minimumSize)),0),m=0===l.length?Number.NEGATIVE_INFINITY:l.reduce(((e,t)=>e+(a[t]-this.views[t].viewMaximumSize)),0),v=Math.max(p,m),g=Math.min(u,c),w=this.findFirstSnapIndex(d),b=this.findFirstSnapIndex(l);if("number"==typeof w){const e=this.views[w],t=Math.floor(e.viewMinimumSize/2);r={index:w,limitDelta:e.visible?v-t:v+t,size:e.size}}if("number"==typeof b){const e=this.views[b],t=Math.floor(e.viewMinimumSize/2);h={index:b,limitDelta:e.visible?g+t:g-t,size:e.size}}const f=t=>{const i=(this._orientation===e.Orientation.HORIZONTAL?t.clientX:t.clientY)-s;this.resize(o,i,a,void 0,void 0,v,g,r,h),this.distributeEmptySpace(),this.layoutViews()},_=()=>{for(const e of this.views)e.enabled=!0;for(const e of n)e.style.pointerEvents="auto";this.saveProportions(),document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",_),document.removeEventListener("mouseend",_),this._onDidSashEnd.fire(void 0)};document.addEventListener("mousemove",f),document.addEventListener("mouseup",_),document.addEventListener("mouseend",_)};t.addEventListener("mousedown",i);const n={container:t,disposable:()=>{t.removeEventListener("mousedown",i),this.sashContainer.removeChild(t)}};this.sashContainer.appendChild(t),this.sashes.push(n)}s||this.relayout([n]),s||"number"==typeof i||"distribute"!==i.type||this.distributeViewSizes(),this._onDidAddView.fire(t)}distributeViewSizes(){const t=[];let i=0;for(const e of this.views)e.maximumSize-e.minimumSize>0&&(t.push(e),i+=e.size);const n=Math.floor(i/t.length);for(const e of t)e.size=N(n,e.minimumSize,e.maximumSize);const s=L(this.views.length),o=s.filter((t=>this.views[t].priority===e.LayoutPriority.Low)),a=s.filter((t=>this.views[t].priority===e.LayoutPriority.High));this.relayout(o,a)}removeView(e,t,i=!1){const n=this.views.splice(e,1)[0];if(n.dispose(),this.views.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(n.view),n.view}getViewCachedVisibleSize(e){if(e<0||e>=this.views.length)throw new Error("Index out of bounds");return this.views[e].cachedVisibleSize}moveView(t,i){const n=this.getViewCachedVisibleSize(t),s=void 0===n?this.getViewSize(t):e.Sizing.Invisible(n),o=this.removeView(t,void 0,!0);this.addView(o,s,i)}layout(t,i){const n=Math.max(this.size,this.contentSize);if(this.size=t,this.orthogonalSize=i,this.proportions)for(let e=0;e<this.views.length;e++){const i=this.views[e];i.size=N(Math.round(this.proportions[e]*t),i.minimumSize,i.maximumSize)}else{const i=L(this.views.length),s=i.filter((t=>this.views[t].priority===e.LayoutPriority.Low)),o=i.filter((t=>this.views[t].priority===e.LayoutPriority.High));this.resize(this.views.length-1,t-n,void 0,s,o)}this.distributeEmptySpace(),this.layoutViews()}relayout(e,t){const i=this.views.reduce(((e,t)=>e+t.size),0);this.resize(this.views.length-1,this._size-i,void 0,e,t),this.distributeEmptySpace(),this.layoutViews(),this.saveProportions()}distributeEmptySpace(t){const i=this.views.reduce(((e,t)=>e+t.size),0);let n=this.size-i;const s=L(this.views.length-1,-1),o=s.filter((t=>this.views[t].priority===e.LayoutPriority.Low)),a=s.filter((t=>this.views[t].priority===e.LayoutPriority.High));for(const e of a)V(s,e);for(const e of o)G(s,e);"number"==typeof t&&G(s,t);for(let e=0;0!==n&&e<s.length;e++){const t=this.views[s[e]],i=N(t.size+n,t.minimumSize,t.maximumSize);n-=i-t.size,t.size=i}}saveProportions(){this.proportionalLayout&&this.contentSize>0&&(this._proportions=this.views.map((e=>e.size/this.contentSize)))}layoutViews(){this.contentSize=this.views.reduce(((e,t)=>e+t.size),0);let t=0;const i=[];this.updateSashEnablement();for(let n=0;n<this.views.length-1;n++){t+=this.views[n].size,i.push(t);const s=Math.min(Math.max(0,t-2),this.size-4);this._orientation===e.Orientation.HORIZONTAL&&(this.sashes[n].container.style.left=`${s}px`,this.sashes[n].container.style.top="0px"),this._orientation===e.Orientation.VERTICAL&&(this.sashes[n].container.style.left="0px",this.sashes[n].container.style.top=`${s}px`)}this.views.forEach(((t,n)=>{this._orientation===e.Orientation.HORIZONTAL&&(t.container.style.width=`${t.size}px`,t.container.style.left=0==n?"0px":`${i[n-1]}px`,t.container.style.top="",t.container.style.height=""),this._orientation===e.Orientation.VERTICAL&&(t.container.style.height=`${t.size}px`,t.container.style.top=0==n?"0px":`${i[n-1]}px`,t.container.style.width="",t.container.style.left=""),t.view.layout(t.size,this._orthogonalSize)}))}findFirstSnapIndex(e){for(const t of e){const e=this.views[t];if(e.visible&&e.snap)return t}for(const t of e){const e=this.views[t];if(e.visible&&e.maximumSize-e.minimumSize>0)return;if(!e.visible&&e.snap)return t}}updateSashEnablement(){let t=!1;const i=this.views.map((e=>t=e.size-e.minimumSize>0||t));t=!1;const n=this.views.map((e=>t=e.maximumSize-e.size>0||t)),s=[...this.views].reverse();t=!1;const o=s.map((e=>t=e.size-e.minimumSize>0||t)).reverse();t=!1;const a=s.map((e=>t=e.maximumSize-e.size>0||t)).reverse();let r=0;for(let t=0;t<this.sashes.length;t++){const s=this.sashes[t];r+=this.views[t].size;const h=!(i[t]&&a[t+1]),d=!(n[t]&&o[t+1]);if(h&&d){const n=L(t,-1),a=L(t+1,this.views.length),h=this.findFirstSnapIndex(n),d=this.findFirstSnapIndex(a),l="number"==typeof h&&!this.views[h].visible,p="number"==typeof d&&!this.views[d].visible;l&&o[t]&&(r>0||this.startSnappingEnabled)?this.updateSash(s,e.SashState.MINIMUM):p&&i[t]&&(r<this.contentSize||this.endSnappingEnabled)?this.updateSash(s,e.SashState.MAXIMUM):this.updateSash(s,e.SashState.DISABLED)}else h&&!d?this.updateSash(s,e.SashState.MINIMUM):!h&&d?this.updateSash(s,e.SashState.MAXIMUM):this.updateSash(s,e.SashState.ENABLED)}}updateSash(t,i){x(t.container,"disabled",i===e.SashState.DISABLED),x(t.container,"enabled",i===e.SashState.ENABLED),x(t.container,"maximum",i===e.SashState.MAXIMUM),x(t.container,"minimum",i===e.SashState.MINIMUM)}createViewContainer(){const e=document.createElement("div");return e.className="view-container",e}createSashContainer(){const e=document.createElement("div");return e.className="sash-container",e}createContainer(){const t=document.createElement("div"),i=this._orientation===e.Orientation.HORIZONTAL?"horizontal":"vertical";return t.className=`split-view-container ${i}`,t}dispose(){this._onDidSashEnd.dispose(),this._onDidAddView.dispose(),this._onDidRemoveView.dispose(),this.element.remove();for(let e=0;e<this.element.children.length;e++)if(this.element.children.item(e)===this.element){this.element.removeChild(this.element);break}}}class j extends d{constructor(t,i){var n;super(),this.paneItems=[],this._onDidChange=new a,this.onDidChange=this._onDidChange.event,this.skipAnimation=!1,this._orientation=null!==(n=i.orientation)&&void 0!==n?n:e.Orientation.VERTICAL,this.element=document.createElement("div"),this.element.className="pane-container",t.appendChild(this.element),this.splitview=new J(this.element,{orientation:this._orientation,proportionalLayout:!1,descriptor:i.descriptor}),this.getPanes().forEach(((e,t)=>{const i=new d(e.onDidChangeExpansionState((()=>{this.setupAnimation(),this._onDidChange.fire(void 0)}))),n={pane:e,disposable:{dispose:()=>{i.dispose()}}};this.paneItems.push(n),e.orthogonalSize=this.splitview.orthogonalSize})),this.addDisposables(this.splitview.onDidSashEnd((()=>{this._onDidChange.fire(void 0)})),this.splitview.onDidAddView((()=>{this._onDidChange.fire()})),this.splitview.onDidRemoveView((()=>{this._onDidChange.fire()})))}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}addPane(e,t,i=this.splitview.length,n=!1){const s=e.onDidChangeExpansionState((()=>{this.setupAnimation(),this._onDidChange.fire(void 0)})),o={pane:e,disposable:{dispose:()=>{s.dispose()}}};this.paneItems.splice(i,0,o),e.orthogonalSize=this.splitview.orthogonalSize,this.splitview.addView(e,t,i,n)}getViewSize(e){return this.splitview.getViewSize(e)}getPanes(){return this.splitview.getViews()}removePane(e){const t=this.paneItems.splice(e,1)[0];return this.splitview.removeView(e),t.disposable.dispose(),t}moveView(e,t){if(e===t)return;const i=this.removePane(e);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,"animated"),this.animationTimer=setTimeout((()=>{this.animationTimer=void 0,S(this.element,"animated")}),200))}dispose(){super.dispose(),this.splitview.dispose(),this.animationTimer&&(clearTimeout(this.animationTimer),this.animationTimer=void 0),this.paneItems.forEach((e=>{e.disposable.dispose()})),this.paneItems=[],this.element.remove()}}class U extends d{constructor(e,t){super(),this.element=e,this.callbacks=t,this.counter=0,this.registerListeners()}registerListeners(){this.addDisposables(h(this.element,"dragenter",(e=>{this.counter++,this.callbacks.onDragEnter(e)}))),this.addDisposables(h(this.element,"dragover",(e=>{e.preventDefault(),this.callbacks.onDragOver&&this.callbacks.onDragOver(e)}))),this.addDisposables(h(this.element,"dragleave",(e=>{this.counter--,0===this.counter&&this.callbacks.onDragLeave(e)}))),this.addDisposables(h(this.element,"dragend",(e=>{this.counter=0,this.callbacks.onDragEnd(e)}))),this.addDisposables(h(this.element,"drop",(e=>{this.counter=0,this.callbacks.onDrop(e)})))}}e.Position=void 0,(B=e.Position||(e.Position={})).Top="Top",B.Left="Left",B.Bottom="Bottom",B.Right="Right",B.Center="Center";class K extends d{constructor(t,i){super(),this.element=t,this.options=i,this._onDrop=new a,this.onDrop=this._onDrop.event,this.addDisposables(new U(this.element,{onDragEnter:e=>{},onDragOver:t=>{if("boolean"==typeof this.options.canDisplayOverlay){if(!this.options.canDisplayOverlay)return}else if(!this.options.canDisplayOverlay(t))return;if(this.target||(this.target=document.createElement("div"),this.target.className="drop-target-dropzone",this.overlay=document.createElement("div"),this.overlay.className="drop-target-selection",this._state=e.Position.Center,this.target.appendChild(this.overlay),this.element.classList.add("drop-target"),this.element.append(this.target)),"none"===this.options.validOverlays)return;if(!this.target||!this.overlay)return;const i=this.target.clientWidth,n=this.target.clientHeight;if(0===i||0===n)return;const s=100*t.offsetX/i,o=100*t.offsetY/n;let a=!1,r=!1,h=!1,d=!1;switch(this.options.validOverlays){case"all":a=s>80,r=s<20,h=!a&&!r&&o<20,d=!a&&!r&&o>80;break;case"vertical":h=o<50,d=o>=50;break;case"horizontal":r=s<50,a=s>=50}const l=i<100,p=n<100;x(this.overlay,"right",!l&&a),x(this.overlay,"left",!l&&r),x(this.overlay,"top",!p&&h),x(this.overlay,"bottom",!p&&d),x(this.overlay,"small-right",l&&a),x(this.overlay,"small-left",l&&r),x(this.overlay,"small-top",p&&h),x(this.overlay,"small-bottom",p&&d),this._state=a?e.Position.Right:r?e.Position.Left:h?e.Position.Top:d?e.Position.Bottom:e.Position.Center},onDragLeave:e=>{this.removeDropTarget()},onDragEnd:e=>{this.removeDropTarget()},onDrop:e=>{e.preventDefault(),e.stopPropagation();const t=this._state;this.removeDropTarget(),t&&this._onDrop.fire({position:t,event:e})}}))}get state(){return this._state}set validOverlays(e){this.options.validOverlays=e}set canDisplayOverlay(e){this.options.canDisplayOverlay=e}dispose(){this._onDrop.dispose(),this.removeDropTarget()}removeDropTarget(){this.target&&(this._state=void 0,this.element.removeChild(this.target),this.target=void 0,this.element.classList.remove("drop-target"))}}class ${constructor(t,i,n,s=0){this.view=t,this.orientation=i,this._onDidChange=new a,this.onDidChange=this._onDidChange.event,this._orthogonalSize=n,this._size=s,this._disposable=this.view.onDidChange((t=>{t?this._onDidChange.fire(this.orientation===e.Orientation.VERTICAL?t.width:t.height):this._onDidChange.fire(void 0)}))}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}setVisible(e){this.view.setVisible&&(this.view.setVisible(e),this._onDidChange.fire(void 0))}layout(e,t){this._size=e,this._orthogonalSize=t,this.view.layout(this.width,this.height)}dispose(){this._disposable.dispose()}}class Z extends d{constructor(t,i,n,s,o,r){if(super(),this.orientation=t,this.proportionalLayout=i,this.styles=n,this.children=[],this._onDidChange=new a,this.onDidChange=this._onDidChange.event,this._childrenDisposable=e.Disposable.NONE,this._orthogonalSize=o,this._size=s,this.element=document.createElement("div"),this.element.className="branch-node",r){const e={views:r.map((e=>({view:e.node,size:e.node.size,visible:!(e.node instanceof $&&void 0!==e.visible)||e.visible}))),size:this.orthogonalSize};this.children=r.map((e=>e.node)),this.splitview=new J(this.element,{orientation:this.orientation,descriptor:e,proportionalLayout:i})}else this.splitview=new J(this.element,{orientation:this.orientation,proportionalLayout:i,styles:n}