dockview 1.5.0 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/api/groupPanelApi.d.ts +6 -13
- package/dist/cjs/api/groupPanelApi.js +1 -12
- package/dist/cjs/api/groupPanelApi.js.map +1 -1
- package/dist/cjs/dockview/components/tab/defaultTab.js +4 -9
- package/dist/cjs/dockview/components/tab/defaultTab.js.map +1 -1
- package/dist/cjs/dockview/dockviewComponent.d.ts +1 -6
- package/dist/cjs/dockview/dockviewComponent.js +1 -16
- package/dist/cjs/dockview/dockviewComponent.js.map +1 -1
- package/dist/cjs/dockview/dockviewGroupPanel.d.ts +2 -4
- package/dist/cjs/dockview/dockviewGroupPanel.js +12 -31
- package/dist/cjs/dockview/dockviewGroupPanel.js.map +1 -1
- package/dist/cjs/dockview/options.d.ts +0 -1
- package/dist/cjs/groupview/groupPanel.d.ts +0 -3
- package/dist/cjs/groupview/tab.d.ts +1 -2
- package/dist/cjs/groupview/tab.js +0 -6
- package/dist/cjs/groupview/tab.js.map +1 -1
- package/dist/cjs/groupview/titlebar/tabsContainer.js +0 -12
- package/dist/cjs/groupview/titlebar/tabsContainer.js.map +1 -1
- package/dist/cjs/groupview/types.d.ts +0 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/react/deserializer.js +0 -2
- package/dist/cjs/react/deserializer.js.map +1 -1
- package/dist/cjs/react/dockview/defaultTab.js +1 -1
- package/dist/cjs/react/dockview/defaultTab.js.map +1 -1
- package/dist/cjs/react/dockview/dockview.d.ts +1 -2
- package/dist/cjs/react/dockview/dockview.js +0 -15
- package/dist/cjs/react/dockview/dockview.js.map +1 -1
- package/dist/dockview.amd.js +21 -86
- package/dist/dockview.amd.min.js +2 -2
- package/dist/dockview.amd.min.noStyle.js +2 -2
- package/dist/dockview.amd.noStyle.js +20 -85
- package/dist/dockview.cjs.js +21 -86
- package/dist/dockview.esm.js +21 -86
- package/dist/dockview.esm.min.js +2 -2
- package/dist/dockview.js +21 -86
- package/dist/dockview.min.js +2 -2
- package/dist/dockview.min.noStyle.js +2 -2
- package/dist/dockview.noStyle.js +20 -85
- package/dist/esm/api/groupPanelApi.d.ts +6 -13
- package/dist/esm/api/groupPanelApi.js +1 -8
- package/dist/esm/dockview/components/tab/defaultTab.js +4 -9
- package/dist/esm/dockview/dockviewComponent.d.ts +1 -6
- package/dist/esm/dockview/dockviewComponent.js +1 -16
- package/dist/esm/dockview/dockviewGroupPanel.d.ts +2 -4
- package/dist/esm/dockview/dockviewGroupPanel.js +12 -27
- package/dist/esm/dockview/options.d.ts +0 -1
- package/dist/esm/groupview/groupPanel.d.ts +0 -3
- package/dist/esm/groupview/tab.d.ts +1 -2
- package/dist/esm/groupview/tab.js +0 -6
- package/dist/esm/groupview/titlebar/tabsContainer.js +0 -1
- package/dist/esm/groupview/types.d.ts +0 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/react/deserializer.js +0 -2
- package/dist/esm/react/dockview/defaultTab.js +1 -1
- package/dist/esm/react/dockview/dockview.d.ts +1 -2
- package/dist/esm/react/dockview/dockview.js +0 -15
- package/dist/styles/dockview.css +0 -3
- package/package.json +2 -2
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,6DAA2C;AAC3C,sDAAoC;AACpC,sDAAoC;AACpC,wDAAsC;AACtC,mEAAiD;AAEjD,4DAA0C;AAC1C,kDAAgC;AAChC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AAEnC,+DAA6C;AAC7C,+DAA6C;AAC7C,iEAA+C;AAC/C,+DAA6C;AAG7C,2DAAyC;AACzC,6DAA2C;AAC3C,2DAAyC;AACzC,yDAAuC;AAEvC,0CAAwB,CAAC,uEAAuE;AAEhG,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AAEd,+CAA4C;AAAnC,sGAAA,QAAQ,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,6DAA2C;AAC3C,sDAAoC;AACpC,sDAAoC;AACpC,wDAAsC;AACtC,mEAAiD;AAEjD,4DAA0C;AAC1C,kDAAgC;AAChC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AAEnC,+DAA6C;AAC7C,+DAA6C;AAC7C,iEAA+C;AAC/C,+DAA6C;AAG7C,2DAAyC;AACzC,6DAA2C;AAC3C,2DAAyC;AACzC,yDAAuC;AAEvC,0CAAwB,CAAC,uEAAuE;AAEhG,mCAAiC;AAAxB,+FAAA,KAAK,OAAA;AAEd,+CAA4C;AAAnC,sGAAA,QAAQ,OAAA;AAoBjB,qDAM6B;AAJzB,6GAAA,YAAY,OAAA;AACZ,4GAAA,WAAW,OAAA;AACX,4GAAA,WAAW,OAAA;AACX,4GAAA,WAAW,OAAA"}
|
|
@@ -15,7 +15,6 @@ var ReactPanelDeserialzier = /** @class */ (function () {
|
|
|
15
15
|
var panelId = panelData.id;
|
|
16
16
|
var params = panelData.params;
|
|
17
17
|
var title = panelData.title;
|
|
18
|
-
var suppressClosable = panelData.suppressClosable;
|
|
19
18
|
var viewData = panelData.view;
|
|
20
19
|
var tab;
|
|
21
20
|
if ((_a = viewData.tab) === null || _a === void 0 ? void 0 : _a.id) {
|
|
@@ -35,7 +34,6 @@ var ReactPanelDeserialzier = /** @class */ (function () {
|
|
|
35
34
|
panel.init({
|
|
36
35
|
view: view,
|
|
37
36
|
title: title,
|
|
38
|
-
suppressClosable: suppressClosable,
|
|
39
37
|
params: params || {},
|
|
40
38
|
});
|
|
41
39
|
return panel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deserializer.js","sourceRoot":"","sources":["../../../src/react/deserializer.ts"],"names":[],"mappings":";;;AAEA,qEAAoE;AAEpE,8DAA4D;AAC5D,sDAAmD;AACnD,oEAAmE;AACnE,2EAA0E;AAI1E;IACI,gCAA6B,MAAyB;QAAzB,WAAM,GAAN,MAAM,CAAmB;IAAG,CAAC;IAEnD,yCAAQ,GAAf,UACI,SAA8B,EAC9B,KAAiB;;QAEjB,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;QAChC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAM,
|
|
1
|
+
{"version":3,"file":"deserializer.js","sourceRoot":"","sources":["../../../src/react/deserializer.ts"],"names":[],"mappings":";;;AAEA,qEAAoE;AAEpE,8DAA4D;AAC5D,sDAAmD;AACnD,oEAAmE;AACnE,2EAA0E;AAI1E;IACI,gCAA6B,MAAyB;QAAzB,WAAM,GAAN,MAAM,CAAmB;IAAG,CAAC;IAEnD,yCAAQ,GAAf,UACI,SAA8B,EAC9B,KAAiB;;QAEjB,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;QAChC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC;QAEhC,IAAI,GAAiB,CAAC;QAEtB,IAAI,MAAA,QAAQ,CAAC,GAAG,0CAAE,EAAE,EAAE;YAClB,GAAG,GAAG,IAAA,kCAAe,EACjB,QAAQ,CAAC,GAAG,CAAC,EAAE,EACf,QAAQ,CAAC,GAAG,CAAC,EAAE,EACf,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,EAClD,cAAM,OAAA,IAAI,uBAAU,EAAE,EAAhB,CAAgB,CACzB,CAAC;SACL;aAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EAAE;YAChD,GAAG,GAAG,IAAA,kCAAe,EACjB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,EAClD,cAAM,OAAA,IAAI,uBAAU,EAAE,EAAhB,CAAgB,CACzB,CAAC;SACL;aAAM;YACH,GAAG,GAAG,IAAI,uBAAU,EAAE,CAAC;SAC1B;QAED,IAAM,IAAI,GAAG,IAAI,6CAAqB,CAAC;YACnC,OAAO,EAAE,IAAA,kCAAe,EACpB,QAAQ,CAAC,OAAO,CAAC,EAAE,EACnB,QAAQ,CAAC,OAAO,CAAC,EAAE,EACnB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,EAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,OAAO,CACzD;YACD,GAAG,KAAA;SACN,CAAC,CAAC;QAEH,IAAM,KAAK,GAAG,IAAI,uCAAkB,CAChC,OAAO,EACP,IAAI,CAAC,MAAM,EACX,IAAI,2BAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAC5B,KAAK,CACR,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC;YACP,IAAI,MAAA;YACJ,KAAK,OAAA;YACL,MAAM,EAAE,MAAM,IAAI,EAAE;SACvB,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACjB,CAAC;IACL,6BAAC;AAAD,CAAC,AA9DD,IA8DC;AA9DY,wDAAsB"}
|
|
@@ -63,7 +63,7 @@ var DockviewDefaultTab = function (_a) {
|
|
|
63
63
|
var iconClassname = React.useMemo(function () {
|
|
64
64
|
var cn = ['dockview-react-tab-action'];
|
|
65
65
|
return cn.join(',');
|
|
66
|
-
}, [
|
|
66
|
+
}, []);
|
|
67
67
|
return (React.createElement("div", __assign({}, rest, { onClick: onClick, className: "dockview-react-tab" }),
|
|
68
68
|
React.createElement("span", { className: "dockview-react-tab-title" }, api.title),
|
|
69
69
|
React.createElement("div", { className: iconClassname, onClick: onClose },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../../src/react/dockview/defaultTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAC/B,8BAAqC;AAK9B,IAAM,kBAAkB,GAC3B,UAAC,EAA8D;IAA5D,IAAA,GAAG,SAAA,EAAgB,aAAa,kBAAA,EAAU,OAAO,YAAA,EAAK,IAAI,cAA5D,iCAA8D,CAAF;IACzD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAwC;QACrC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,GAAG,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAuC;QACpC,GAAG,CAAC,SAAS,EAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACvB;IACL,CAAC,EACD,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CACtB,CAAC;IAEF,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC;QAChC,IAAM,EAAE,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"defaultTab.js","sourceRoot":"","sources":["../../../../src/react/dockview/defaultTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA+B;AAC/B,8BAAqC;AAK9B,IAAM,kBAAkB,GAC3B,UAAC,EAA8D;IAA5D,IAAA,GAAG,SAAA,EAAgB,aAAa,kBAAA,EAAU,OAAO,YAAA,EAAK,IAAI,cAA5D,iCAA8D,CAAF;IACzD,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAwC;QACrC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,GAAG,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,GAAG,CAAC,CACR,CAAC;IAEF,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,UAAC,KAAuC;QACpC,GAAG,CAAC,SAAS,EAAE,CAAC;QAEhB,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACvB;IACL,CAAC,EACD,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CACtB,CAAC;IAEF,IAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC;QAChC,IAAM,EAAE,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACzC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,wCAAS,IAAI,IAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,oBAAoB;QAC3D,8BAAM,SAAS,EAAC,0BAA0B,IAAE,GAAG,CAAC,KAAK,CAAQ;QAC7D,6BAAK,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO;YAC3C,oBAAC,iBAAW,OAAG,CACb,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAlCO,QAAA,kBAAkB,sBAkCzB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DockviewDropEvent } from '../../dockview/dockviewComponent';
|
|
3
|
-
import { DockviewDndOverlayEvent
|
|
3
|
+
import { DockviewDndOverlayEvent } from '../../dockview/options';
|
|
4
4
|
import { DockviewPanelApi } from '../../api/groupPanelApi';
|
|
5
5
|
import { DockviewApi } from '../../api/component.api';
|
|
6
6
|
import { IWatermarkPanelProps } from './reactWatermarkPart';
|
|
@@ -23,7 +23,6 @@ export interface IDockviewReactProps {
|
|
|
23
23
|
watermarkComponent?: React.FunctionComponent<IWatermarkPanelProps>;
|
|
24
24
|
onReady: (event: DockviewReadyEvent) => void;
|
|
25
25
|
tabHeight?: number;
|
|
26
|
-
onTabContextMenu?: (event: TabContextMenuEvent) => void;
|
|
27
26
|
onDidDrop?: (event: DockviewDropEvent) => void;
|
|
28
27
|
showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
|
|
29
28
|
hideBorders?: boolean;
|
|
@@ -189,21 +189,6 @@ exports.DockviewReact = React.forwardRef(function (props, ref) {
|
|
|
189
189
|
frameworkTabComponents: props.tabComponents,
|
|
190
190
|
});
|
|
191
191
|
}, [props.tabComponents]);
|
|
192
|
-
React.useEffect(function () {
|
|
193
|
-
if (!props.onTabContextMenu || !dockviewRef.current) {
|
|
194
|
-
return function () {
|
|
195
|
-
//noop
|
|
196
|
-
};
|
|
197
|
-
}
|
|
198
|
-
var disposable = dockviewRef.current.onTabContextMenu(function (event) {
|
|
199
|
-
if (props.onTabContextMenu) {
|
|
200
|
-
props.onTabContextMenu(event);
|
|
201
|
-
}
|
|
202
|
-
});
|
|
203
|
-
return function () {
|
|
204
|
-
disposable.dispose();
|
|
205
|
-
};
|
|
206
|
-
}, [props.onTabContextMenu]);
|
|
207
192
|
React.useEffect(function () {
|
|
208
193
|
var _a;
|
|
209
194
|
if (!dockviewRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../../src/react/dockview/dockview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sEAG0C;AAC1C,uDAA2D;AAC3D,qDAAyD;AACzD,gDAAyD;
|
|
1
|
+
{"version":3,"file":"dockview.js","sourceRoot":"","sources":["../../../../src/react/dockview/dockview.tsx"],"names":[],"mappings":"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"}
|
package/dist/dockview.amd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* dockview
|
|
3
|
-
* @version 1.5.
|
|
3
|
+
* @version 1.5.1
|
|
4
4
|
* @link https://github.com/mathuo/dockview
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
@@ -54,7 +54,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
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-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-group-view-background-color: #1e1e1e;\n --dv-tabs-and-actions-container-background-color: #252526;\n --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-tab-divider-color: #1e1e1e;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: #969696;\n --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n --dv-separator-border: rgb(68, 68, 68);\n --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\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-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-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-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-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-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-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.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 .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.actions-bar .actions-container .close-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-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: 10000;\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.left {\n transform: translateX(-25%) scaleX(0.5);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.right {\n transform: translateX(25%) scaleX(0.5);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.top {\n transform: translateY(-25%) scaleY(0.5);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {\n transform: translateY(25%) scaleY(0.5);\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.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.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 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.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.tab .dockview-react-tab {\n display: flex;\n padding: 0px 8px;\n align-items: center;\n height: 100%;\n}\n.tab .dockview-react-tab .dockview-react-tab-title {\n padding: 0px 8px;\n flex-grow: 1;\n}\n.tab .dockview-react-tab .dockview-react-tab-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.tab .dockview-react-tab .dockview-react-tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n.tab.inactive-tab:not(:hover) .dockview-react-tab-action {\n visibility: hidden;\n}\n.dockview-react-part {\n height: 100%;\n width: 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 {\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: 0px 8px;\n white-space: nowrap;\n text-overflow: elipsis;\n}\n.tab .default-tab .tab-content {\n padding: 0px 8px;\n flex-grow: 1;\n}\n.tab .default-tab .action-container {\n text-align: right;\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 .tab-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.tab .default-tab .action-container .tab-list .tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n.tab .default-tab .action-container .tab-list .tab-action.disable-close {\n display: none;\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}";
|
|
57
|
+
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-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-group-view-background-color: #1e1e1e;\n --dv-tabs-and-actions-container-background-color: #252526;\n --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n --dv-tab-divider-color: #1e1e1e;\n --dv-activegroup-visiblepanel-tab-color: white;\n --dv-activegroup-hiddenpanel-tab-color: #969696;\n --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n --dv-separator-border: rgb(68, 68, 68);\n --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n --dv-paneview-active-outline-color: dodgerblue;\n --dv-tabs-and-actions-container-font-size: 13px;\n --dv-tabs-and-actions-container-height: 35px;\n --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n --dv-drag-over-border-color: white;\n --dv-tabs-container-scrollbar-color: #888;\n --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\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-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-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-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-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-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-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.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 .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.actions-bar .actions-container .close-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-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: 10000;\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.left {\n transform: translateX(-25%) scaleX(0.5);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.right {\n transform: translateX(25%) scaleX(0.5);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.top {\n transform: translateY(-25%) scaleY(0.5);\n}\n.drop-target > .drop-target-dropzone > .drop-target-selection.bottom {\n transform: translateY(25%) scaleY(0.5);\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.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.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 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.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.tab .dockview-react-tab {\n display: flex;\n padding: 0px 8px;\n align-items: center;\n height: 100%;\n}\n.tab .dockview-react-tab .dockview-react-tab-title {\n padding: 0px 8px;\n flex-grow: 1;\n}\n.tab .dockview-react-tab .dockview-react-tab-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.tab .dockview-react-tab .dockview-react-tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\n}\n.tab.inactive-tab:not(:hover) .dockview-react-tab-action {\n visibility: hidden;\n}\n.dockview-react-part {\n height: 100%;\n width: 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 {\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: 0px 8px;\n white-space: nowrap;\n text-overflow: elipsis;\n}\n.tab .default-tab .tab-content {\n padding: 0px 8px;\n flex-grow: 1;\n}\n.tab .default-tab .action-container {\n text-align: right;\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 .tab-action {\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n}\n.tab .default-tab .action-container .tab-list .tab-action:hover {\n border-radius: 2px;\n background-color: var(--dv-icon-hover-background-color);\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}";
|
|
58
58
|
styleInject(css_248z);
|
|
59
59
|
|
|
60
60
|
class TransferObject {
|
|
@@ -2702,7 +2702,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
2702
2702
|
exports.MouseEventKind = void 0;
|
|
2703
2703
|
(function (MouseEventKind) {
|
|
2704
2704
|
MouseEventKind["CLICK"] = "CLICK";
|
|
2705
|
-
MouseEventKind["CONTEXT_MENU"] = "CONTEXT_MENU";
|
|
2706
2705
|
})(exports.MouseEventKind || (exports.MouseEventKind = {}));
|
|
2707
2706
|
class Tab extends CompositeDisposable {
|
|
2708
2707
|
constructor(panelId, accessor, group) {
|
|
@@ -2749,11 +2748,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
2749
2748
|
*/
|
|
2750
2749
|
event.stopPropagation();
|
|
2751
2750
|
this._onChanged.fire({ kind: exports.MouseEventKind.CLICK, event });
|
|
2752
|
-
}), addDisposableListener(this._element, 'contextmenu', (event) => {
|
|
2753
|
-
this._onChanged.fire({
|
|
2754
|
-
kind: exports.MouseEventKind.CONTEXT_MENU,
|
|
2755
|
-
event,
|
|
2756
|
-
});
|
|
2757
2751
|
}));
|
|
2758
2752
|
this.droptarget = new Droptarget(this._element, {
|
|
2759
2753
|
validOverlays: 'none',
|
|
@@ -2943,7 +2937,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
2943
2937
|
var _a;
|
|
2944
2938
|
const alreadyFocused = panel.id === ((_a = this.group.model.activePanel) === null || _a === void 0 ? void 0 : _a.id) &&
|
|
2945
2939
|
this.group.model.isContentFocused;
|
|
2946
|
-
this.accessor.fireMouseEvent(Object.assign(Object.assign({}, event), { panel, tab: true }));
|
|
2947
2940
|
const isLeftClick = event.event.button === 0;
|
|
2948
2941
|
if (!isLeftClick || event.event.defaultPrevented) {
|
|
2949
2942
|
return;
|
|
@@ -3702,24 +3695,17 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3702
3695
|
this.panel = panel;
|
|
3703
3696
|
this._onDidTitleChange = new Emitter();
|
|
3704
3697
|
this.onDidTitleChange = this._onDidTitleChange.event;
|
|
3705
|
-
this._titleChanged = new Emitter();
|
|
3706
|
-
this.titleChanged = this._titleChanged.event;
|
|
3707
|
-
this._suppressClosableChanged = new Emitter();
|
|
3708
|
-
this.suppressClosableChanged = this._suppressClosableChanged.event;
|
|
3709
3698
|
this._onDidActiveGroupChange = new Emitter();
|
|
3710
3699
|
this.onDidActiveGroupChange = this._onDidActiveGroupChange.event;
|
|
3711
3700
|
this._onDidGroupChange = new Emitter();
|
|
3712
3701
|
this.onDidGroupChange = this._onDidGroupChange.event;
|
|
3713
3702
|
this.disposable = new MutableDisposable();
|
|
3714
3703
|
this._group = group;
|
|
3715
|
-
this.addDisposables(this.disposable, this._onDidTitleChange, this.
|
|
3704
|
+
this.addDisposables(this.disposable, this._onDidTitleChange, this._onDidGroupChange, this._onDidActiveGroupChange);
|
|
3716
3705
|
}
|
|
3717
3706
|
get title() {
|
|
3718
3707
|
return this.panel.title;
|
|
3719
3708
|
}
|
|
3720
|
-
get suppressClosable() {
|
|
3721
|
-
return !!this.panel.suppressClosable;
|
|
3722
|
-
}
|
|
3723
3709
|
get isGroupActive() {
|
|
3724
3710
|
var _a;
|
|
3725
3711
|
return !!((_a = this.group) === null || _a === void 0 ? void 0 : _a.isActive);
|
|
@@ -3757,27 +3743,19 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3757
3743
|
this.id = id;
|
|
3758
3744
|
this.containerApi = containerApi;
|
|
3759
3745
|
this.mutableDisposable = new MutableDisposable();
|
|
3760
|
-
this._suppressClosable = false;
|
|
3761
3746
|
this._title = '';
|
|
3762
3747
|
this._group = group;
|
|
3763
3748
|
this.api = new DockviewPanelApiImpl(this, this._group);
|
|
3764
3749
|
this.addDisposables(this.api.onActiveChange(() => {
|
|
3765
3750
|
accessor.setActivePanel(this);
|
|
3766
|
-
}), this.api.onDidTitleChange((event) => {
|
|
3767
|
-
const title = event.title;
|
|
3768
|
-
this.update({ params: { title } });
|
|
3769
3751
|
}));
|
|
3770
3752
|
}
|
|
3771
3753
|
get params() {
|
|
3772
|
-
|
|
3773
|
-
return (_a = this._params) === null || _a === void 0 ? void 0 : _a.params;
|
|
3754
|
+
return this._params;
|
|
3774
3755
|
}
|
|
3775
3756
|
get title() {
|
|
3776
3757
|
return this._title;
|
|
3777
3758
|
}
|
|
3778
|
-
get suppressClosable() {
|
|
3779
|
-
return this._suppressClosable;
|
|
3780
|
-
}
|
|
3781
3759
|
get group() {
|
|
3782
3760
|
return this._group;
|
|
3783
3761
|
}
|
|
@@ -3789,7 +3767,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3789
3767
|
this._params = params.params;
|
|
3790
3768
|
this._view = params.view;
|
|
3791
3769
|
this.setTitle(params.title);
|
|
3792
|
-
this.setSuppressClosable(params.suppressClosable || false);
|
|
3793
3770
|
(_a = this.view) === null || _a === void 0 ? void 0 : _a.init(Object.assign(Object.assign({}, params), { api: this.api, containerApi: this.containerApi }));
|
|
3794
3771
|
}
|
|
3795
3772
|
focus() {
|
|
@@ -3802,26 +3779,21 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3802
3779
|
params: Object.keys(this._params || {}).length > 0
|
|
3803
3780
|
? this._params
|
|
3804
3781
|
: undefined,
|
|
3805
|
-
suppressClosable: this.suppressClosable || undefined,
|
|
3806
3782
|
title: this.title,
|
|
3807
3783
|
};
|
|
3808
3784
|
}
|
|
3809
3785
|
setTitle(title) {
|
|
3810
|
-
var _a;
|
|
3786
|
+
var _a, _b;
|
|
3811
3787
|
const didTitleChange = title !== ((_a = this._params) === null || _a === void 0 ? void 0 : _a.title);
|
|
3812
3788
|
if (didTitleChange) {
|
|
3813
3789
|
this._title = title;
|
|
3814
|
-
this.
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
const didSuppressChangableClose = suppressClosable !== ((_a = this._params) === null || _a === void 0 ? void 0 : _a.suppressClosable);
|
|
3820
|
-
if (didSuppressChangableClose) {
|
|
3821
|
-
this._suppressClosable = suppressClosable;
|
|
3822
|
-
this.api._suppressClosableChanged.fire({
|
|
3823
|
-
suppressClosable: !!this.suppressClosable,
|
|
3790
|
+
(_b = this.view) === null || _b === void 0 ? void 0 : _b.update({
|
|
3791
|
+
params: {
|
|
3792
|
+
params: this._params,
|
|
3793
|
+
title: this.title,
|
|
3794
|
+
},
|
|
3824
3795
|
});
|
|
3796
|
+
this.api._onDidTitleChange.fire({ title });
|
|
3825
3797
|
}
|
|
3826
3798
|
}
|
|
3827
3799
|
update(event) {
|
|
@@ -3829,16 +3801,15 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
3829
3801
|
const params = event.params;
|
|
3830
3802
|
this._params = Object.assign(Object.assign({}, (this._params || {})), event.params.params);
|
|
3831
3803
|
if (typeof params.title === 'string') {
|
|
3832
|
-
|
|
3833
|
-
|
|
3834
|
-
|
|
3835
|
-
|
|
3804
|
+
if (params.title !== this.title) {
|
|
3805
|
+
this._title = params.title;
|
|
3806
|
+
this.api._onDidTitleChange.fire({ title: this.title });
|
|
3807
|
+
}
|
|
3836
3808
|
}
|
|
3837
3809
|
(_a = this.view) === null || _a === void 0 ? void 0 : _a.update({
|
|
3838
3810
|
params: {
|
|
3839
3811
|
params: this._params,
|
|
3840
3812
|
title: this.title,
|
|
3841
|
-
suppressClosable: this.suppressClosable,
|
|
3842
3813
|
},
|
|
3843
3814
|
});
|
|
3844
3815
|
}
|
|
@@ -4066,15 +4037,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4066
4037
|
init(params) {
|
|
4067
4038
|
this.params = params;
|
|
4068
4039
|
this._content.textContent = params.title;
|
|
4069
|
-
|
|
4070
|
-
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
});
|
|
4074
|
-
}
|
|
4075
|
-
else {
|
|
4076
|
-
this.action.classList.add('disable-close');
|
|
4077
|
-
}
|
|
4040
|
+
addDisposableListener(this.action, 'click', (ev) => {
|
|
4041
|
+
ev.preventDefault(); //
|
|
4042
|
+
this.params.api.close();
|
|
4043
|
+
});
|
|
4078
4044
|
}
|
|
4079
4045
|
updateParentGroup(group, isPanelVisible) {
|
|
4080
4046
|
const changed = this._isPanelVisible !== isPanelVisible ||
|
|
@@ -4415,8 +4381,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4415
4381
|
orientation: options.orientation || exports.Orientation.HORIZONTAL,
|
|
4416
4382
|
styles: options.styles,
|
|
4417
4383
|
});
|
|
4418
|
-
this._onTabContextMenu = new Emitter();
|
|
4419
|
-
this.onTabContextMenu = this._onTabContextMenu.event;
|
|
4420
4384
|
this._onDidDrop = new Emitter();
|
|
4421
4385
|
this.onDidDrop = this._onDidDrop.event;
|
|
4422
4386
|
this._onDidRemovePanel = new Emitter();
|
|
@@ -4427,7 +4391,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4427
4391
|
this.onDidLayoutFromJSON = this._onDidLayoutFromJSON.event;
|
|
4428
4392
|
this._onDidActivePanelChange = new Emitter();
|
|
4429
4393
|
this.onDidActivePanelChange = this._onDidActivePanelChange.event;
|
|
4430
|
-
this.addDisposables(this.
|
|
4394
|
+
this.addDisposables(this._onDidDrop, exports.Event.any(this.onDidAddPanel, this.onDidRemovePanel, this.onDidActivePanelChange)(() => {
|
|
4431
4395
|
this._bufferOnDidLayoutChange.fire();
|
|
4432
4396
|
}));
|
|
4433
4397
|
this._options = options;
|
|
@@ -4627,17 +4591,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4627
4591
|
group.value.model.closeAllPanels();
|
|
4628
4592
|
}
|
|
4629
4593
|
}
|
|
4630
|
-
fireMouseEvent(event) {
|
|
4631
|
-
if (event.kind === exports.MouseEventKind.CONTEXT_MENU) {
|
|
4632
|
-
if (event.tab && event.panel) {
|
|
4633
|
-
this._onTabContextMenu.fire({
|
|
4634
|
-
event: event.event,
|
|
4635
|
-
api: this._api,
|
|
4636
|
-
panel: event.panel,
|
|
4637
|
-
});
|
|
4638
|
-
}
|
|
4639
|
-
}
|
|
4640
|
-
}
|
|
4641
4594
|
addPanel(options) {
|
|
4642
4595
|
var _a, _b;
|
|
4643
4596
|
if (this.panels.find((_) => _.id === options.id)) {
|
|
@@ -4844,7 +4797,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
4844
4797
|
panel.init({
|
|
4845
4798
|
view,
|
|
4846
4799
|
title: options.title || options.id,
|
|
4847
|
-
suppressClosable: options === null || options === void 0 ? void 0 : options.suppressClosable,
|
|
4848
4800
|
params: (options === null || options === void 0 ? void 0 : options.params) || {},
|
|
4849
4801
|
});
|
|
4850
4802
|
return panel;
|
|
@@ -6327,7 +6279,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6327
6279
|
const panelId = panelData.id;
|
|
6328
6280
|
const params = panelData.params;
|
|
6329
6281
|
const title = panelData.title;
|
|
6330
|
-
const suppressClosable = panelData.suppressClosable;
|
|
6331
6282
|
const viewData = panelData.view;
|
|
6332
6283
|
let tab;
|
|
6333
6284
|
if ((_a = viewData.tab) === null || _a === void 0 ? void 0 : _a.id) {
|
|
@@ -6347,7 +6298,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6347
6298
|
panel.init({
|
|
6348
6299
|
view,
|
|
6349
6300
|
title,
|
|
6350
|
-
suppressClosable,
|
|
6351
6301
|
params: params || {},
|
|
6352
6302
|
});
|
|
6353
6303
|
return panel;
|
|
@@ -6602,21 +6552,6 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6602
6552
|
frameworkTabComponents: props.tabComponents,
|
|
6603
6553
|
});
|
|
6604
6554
|
}, [props.tabComponents]);
|
|
6605
|
-
React__namespace.useEffect(() => {
|
|
6606
|
-
if (!props.onTabContextMenu || !dockviewRef.current) {
|
|
6607
|
-
return () => {
|
|
6608
|
-
//noop
|
|
6609
|
-
};
|
|
6610
|
-
}
|
|
6611
|
-
const disposable = dockviewRef.current.onTabContextMenu((event) => {
|
|
6612
|
-
if (props.onTabContextMenu) {
|
|
6613
|
-
props.onTabContextMenu(event);
|
|
6614
|
-
}
|
|
6615
|
-
});
|
|
6616
|
-
return () => {
|
|
6617
|
-
disposable.dispose();
|
|
6618
|
-
};
|
|
6619
|
-
}, [props.onTabContextMenu]);
|
|
6620
6555
|
React__namespace.useEffect(() => {
|
|
6621
6556
|
if (!dockviewRef.current) {
|
|
6622
6557
|
return;
|
|
@@ -6683,7 +6618,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
|
|
|
6683
6618
|
const iconClassname = React__namespace.useMemo(() => {
|
|
6684
6619
|
const cn = ['dockview-react-tab-action'];
|
|
6685
6620
|
return cn.join(',');
|
|
6686
|
-
}, [
|
|
6621
|
+
}, []);
|
|
6687
6622
|
return (React__namespace.createElement("div", Object.assign({}, rest, { onClick: onClick, className: "dockview-react-tab" }),
|
|
6688
6623
|
React__namespace.createElement("span", { className: "dockview-react-tab-title" }, api.title),
|
|
6689
6624
|
React__namespace.createElement("div", { className: iconClassname, onClick: onClose },
|