@datagrok-libraries/dock-spawn-dg 0.0.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/.eslintrc.json +47 -0
- package/CHANGELOG.md +355 -0
- package/LICENSE +21 -0
- package/README.md +11 -0
- package/css/dock-manager-context-menu.css +19 -0
- package/css/dock-manager-style.css +190 -0
- package/css/dock-manager.css +411 -0
- package/images/close.svg +6 -0
- package/images/dock_bottom.png +0 -0
- package/images/dock_bottom_sel.png +0 -0
- package/images/dock_fill.png +0 -0
- package/images/dock_fill_sel.png +0 -0
- package/images/dock_left.png +0 -0
- package/images/dock_left_sel.png +0 -0
- package/images/dock_right.png +0 -0
- package/images/dock_right_sel.png +0 -0
- package/images/dock_top.png +0 -0
- package/images/dock_top_sel.png +0 -0
- package/index.ts +32 -0
- package/lib/BrowserDialogHelper.d.ts +8 -0
- package/lib/BrowserDialogHelper.d.ts.map +1 -0
- package/lib/BrowserDialogHelper.js +60 -0
- package/lib/ContainerType.d.ts +7 -0
- package/lib/ContainerType.d.ts.map +1 -0
- package/lib/ContainerType.js +7 -0
- package/lib/Dialog.d.ts +51 -0
- package/lib/Dialog.d.ts.map +1 -0
- package/lib/Dialog.js +209 -0
- package/lib/DockConfig.d.ts +9 -0
- package/lib/DockConfig.d.ts.map +1 -0
- package/lib/DockConfig.js +14 -0
- package/lib/DockGraphDeserializer.d.ts +19 -0
- package/lib/DockGraphDeserializer.d.ts.map +1 -0
- package/lib/DockGraphDeserializer.js +114 -0
- package/lib/DockGraphSerializer.d.ts +14 -0
- package/lib/DockGraphSerializer.d.ts.map +1 -0
- package/lib/DockGraphSerializer.js +40 -0
- package/lib/DockLayoutEngine.d.ts +36 -0
- package/lib/DockLayoutEngine.d.ts.map +1 -0
- package/lib/DockLayoutEngine.js +323 -0
- package/lib/DockManager.d.ts +155 -0
- package/lib/DockManager.d.ts.map +1 -0
- package/lib/DockManager.js +752 -0
- package/lib/DockManagerContext.d.ts +10 -0
- package/lib/DockManagerContext.d.ts.map +1 -0
- package/lib/DockManagerContext.js +12 -0
- package/lib/DockModel.d.ts +9 -0
- package/lib/DockModel.d.ts.map +1 -0
- package/lib/DockModel.js +8 -0
- package/lib/DockNode.d.ts +16 -0
- package/lib/DockNode.d.ts.map +1 -0
- package/lib/DockNode.js +64 -0
- package/lib/DockWheel.d.ts +41 -0
- package/lib/DockWheel.d.ts.map +1 -0
- package/lib/DockWheel.js +208 -0
- package/lib/DockWheelItem.d.ts +16 -0
- package/lib/DockWheelItem.d.ts.map +1 -0
- package/lib/DockWheelItem.js +34 -0
- package/lib/DocumentManagerContainer.d.ts +16 -0
- package/lib/DocumentManagerContainer.d.ts.map +1 -0
- package/lib/DocumentManagerContainer.js +28 -0
- package/lib/DocumentTabPage.d.ts +11 -0
- package/lib/DocumentTabPage.d.ts.map +1 -0
- package/lib/DocumentTabPage.js +26 -0
- package/lib/DraggableContainer.d.ts +51 -0
- package/lib/DraggableContainer.d.ts.map +1 -0
- package/lib/DraggableContainer.js +145 -0
- package/lib/EventHandler.d.ts +8 -0
- package/lib/EventHandler.d.ts.map +1 -0
- package/lib/EventHandler.js +14 -0
- package/lib/FillDockContainer.d.ts +34 -0
- package/lib/FillDockContainer.d.ts.map +1 -0
- package/lib/FillDockContainer.js +80 -0
- package/lib/HorizontalDockContainer.d.ts +7 -0
- package/lib/HorizontalDockContainer.d.ts.map +1 -0
- package/lib/HorizontalDockContainer.js +9 -0
- package/lib/PanelContainer.d.ts +114 -0
- package/lib/PanelContainer.d.ts.map +1 -0
- package/lib/PanelContainer.js +517 -0
- package/lib/Point.d.ts +6 -0
- package/lib/Point.d.ts.map +1 -0
- package/lib/Point.js +8 -0
- package/lib/ResizableContainer.d.ts +56 -0
- package/lib/ResizableContainer.d.ts.map +1 -0
- package/lib/ResizableContainer.js +254 -0
- package/lib/ResizeHandle.d.ts +16 -0
- package/lib/ResizeHandle.d.ts.map +1 -0
- package/lib/ResizeHandle.js +58 -0
- package/lib/SplitterBar.d.ts +33 -0
- package/lib/SplitterBar.d.ts.map +1 -0
- package/lib/SplitterBar.js +137 -0
- package/lib/SplitterDockContainer.d.ts +36 -0
- package/lib/SplitterDockContainer.d.ts.map +1 -0
- package/lib/SplitterDockContainer.js +75 -0
- package/lib/SplitterPanel.d.ts +27 -0
- package/lib/SplitterPanel.d.ts.map +1 -0
- package/lib/SplitterPanel.js +195 -0
- package/lib/TabHandle.d.ts +56 -0
- package/lib/TabHandle.d.ts.map +1 -0
- package/lib/TabHandle.js +292 -0
- package/lib/TabHost.d.ts +47 -0
- package/lib/TabHost.d.ts.map +1 -0
- package/lib/TabHost.js +238 -0
- package/lib/TabPage.d.ts +20 -0
- package/lib/TabPage.d.ts.map +1 -0
- package/lib/TabPage.js +81 -0
- package/lib/UndockInitiator.d.ts +32 -0
- package/lib/UndockInitiator.d.ts.map +1 -0
- package/lib/UndockInitiator.js +152 -0
- package/lib/Utils.d.ts +15 -0
- package/lib/Utils.d.ts.map +1 -0
- package/lib/Utils.js +69 -0
- package/lib/VerticalDockContainer.d.ts +7 -0
- package/lib/VerticalDockContainer.d.ts.map +1 -0
- package/lib/VerticalDockContainer.js +9 -0
- package/lib/enums/PanelType.d.ts +5 -0
- package/lib/enums/PanelType.d.ts.map +1 -0
- package/lib/enums/PanelType.js +5 -0
- package/lib/enums/TabHostDirection.d.ts +7 -0
- package/lib/enums/TabHostDirection.d.ts.map +1 -0
- package/lib/enums/TabHostDirection.js +7 -0
- package/lib/enums/WheelTypes.d.ts +12 -0
- package/lib/enums/WheelTypes.d.ts.map +1 -0
- package/lib/enums/WheelTypes.js +14 -0
- package/lib/i18n/Defaults.d.ts +12 -0
- package/lib/i18n/Defaults.d.ts.map +1 -0
- package/lib/i18n/Defaults.js +9 -0
- package/lib/i18n/Localizer.d.ts +7 -0
- package/lib/i18n/Localizer.d.ts.map +1 -0
- package/lib/i18n/Localizer.js +16 -0
- package/lib/index.d.ts +33 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +32 -0
- package/lib/interfaces/IDockContainer.d.ts +26 -0
- package/lib/interfaces/IDockContainer.d.ts.map +1 -0
- package/lib/interfaces/IDockContainer.js +1 -0
- package/lib/interfaces/IDockContainerWithSize.d.ts +6 -0
- package/lib/interfaces/IDockContainerWithSize.d.ts.map +1 -0
- package/lib/interfaces/IDockContainerWithSize.js +1 -0
- package/lib/interfaces/ILayoutEventListener.d.ts +27 -0
- package/lib/interfaces/ILayoutEventListener.d.ts.map +1 -0
- package/lib/interfaces/ILayoutEventListener.js +1 -0
- package/lib/interfaces/IMouseOrTouchEvent.d.ts +7 -0
- package/lib/interfaces/IMouseOrTouchEvent.d.ts.map +1 -0
- package/lib/interfaces/IMouseOrTouchEvent.js +1 -0
- package/lib/interfaces/INodeInfo.d.ts +8 -0
- package/lib/interfaces/INodeInfo.d.ts.map +1 -0
- package/lib/interfaces/INodeInfo.js +1 -0
- package/lib/interfaces/IPanelInfo.d.ts +10 -0
- package/lib/interfaces/IPanelInfo.d.ts.map +1 -0
- package/lib/interfaces/IPanelInfo.js +1 -0
- package/lib/interfaces/IRectangle.d.ts +7 -0
- package/lib/interfaces/IRectangle.d.ts.map +1 -0
- package/lib/interfaces/IRectangle.js +1 -0
- package/lib/interfaces/ISize.d.ts +5 -0
- package/lib/interfaces/ISize.d.ts.map +1 -0
- package/lib/interfaces/ISize.js +1 -0
- package/lib/interfaces/IState.d.ts +12 -0
- package/lib/interfaces/IState.d.ts.map +1 -0
- package/lib/interfaces/IState.js +1 -0
- package/lib/interfaces/IThickness.d.ts +7 -0
- package/lib/interfaces/IThickness.d.ts.map +1 -0
- package/lib/interfaces/IThickness.js +1 -0
- package/lib/webcomponent/DockSpawnTsWebcomponent.d.ts +35 -0
- package/lib/webcomponent/DockSpawnTsWebcomponent.d.ts.map +1 -0
- package/lib/webcomponent/DockSpawnTsWebcomponent.js +209 -0
- package/lib/webcomponent/styles.d.ts +5 -0
- package/lib/webcomponent/styles.d.ts.map +1 -0
- package/lib/webcomponent/styles.js +537 -0
- package/package.json +36 -0
- package/src/BrowserDialogHelper.ts +76 -0
- package/src/ContainerType.ts +6 -0
- package/src/Dialog.ts +253 -0
- package/src/DockConfig.ts +15 -0
- package/src/DockGraphDeserializer.ts +129 -0
- package/src/DockGraphSerializer.ts +53 -0
- package/src/DockLayoutEngine.ts +370 -0
- package/src/DockManager.ts +880 -0
- package/src/DockManagerContext.ts +16 -0
- package/src/DockModel.ts +12 -0
- package/src/DockNode.ts +81 -0
- package/src/DockWheel.ts +215 -0
- package/src/DockWheelItem.ts +41 -0
- package/src/DocumentManagerContainer.ts +39 -0
- package/src/DocumentTabPage.ts +35 -0
- package/src/DraggableContainer.ts +177 -0
- package/src/EventHandler.ts +17 -0
- package/src/FillDockContainer.ts +98 -0
- package/src/HorizontalDockContainer.ts +13 -0
- package/src/PanelContainer.ts +596 -0
- package/src/Point.ts +10 -0
- package/src/ResizableContainer.ts +293 -0
- package/src/ResizeHandle.ts +59 -0
- package/src/SplitterBar.ts +157 -0
- package/src/SplitterDockContainer.ts +95 -0
- package/src/SplitterPanel.ts +228 -0
- package/src/TabHandle.ts +347 -0
- package/src/TabHost.ts +267 -0
- package/src/TabPage.ts +98 -0
- package/src/UndockInitiator.ts +181 -0
- package/src/Utils.ts +85 -0
- package/src/VerticalDockContainer.ts +13 -0
- package/src/enums/PanelType.ts +4 -0
- package/src/enums/TabHostDirection.ts +6 -0
- package/src/enums/WheelTypes.ts +14 -0
- package/src/i18n/Defaults.ts +20 -0
- package/src/i18n/Localizer.ts +23 -0
- package/src/index.ts +32 -0
- package/src/interfaces/IDockContainer.ts +27 -0
- package/src/interfaces/IDockContainerWithSize.ts +6 -0
- package/src/interfaces/ILayoutEventListener.ts +28 -0
- package/src/interfaces/IMouseOrTouchEvent.ts +6 -0
- package/src/interfaces/INodeInfo.ts +8 -0
- package/src/interfaces/IPanelInfo.ts +10 -0
- package/src/interfaces/IRectangle.ts +6 -0
- package/src/interfaces/ISize.ts +4 -0
- package/src/interfaces/IState.ts +12 -0
- package/src/interfaces/IThickness.ts +6 -0
- package/src/webcomponent/DockSpawnTsWebcomponent.ts +248 -0
- package/src/webcomponent/styles.ts +544 -0
- package/tsconfig.json +74 -0
- package/tsconfig.tsbuildinfo +1 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { EventHandler } from "./EventHandler.js";
|
|
2
|
+
import { Point } from "./Point.js";
|
|
3
|
+
import { Utils } from "./Utils.js";
|
|
4
|
+
export class DraggableContainer {
|
|
5
|
+
dialog;
|
|
6
|
+
delegate;
|
|
7
|
+
containerElement;
|
|
8
|
+
dockManager;
|
|
9
|
+
topLevelElement;
|
|
10
|
+
containerType;
|
|
11
|
+
mouseDownHandler;
|
|
12
|
+
touchDownHandler;
|
|
13
|
+
minimumAllowedChildNodes;
|
|
14
|
+
previousMousePosition;
|
|
15
|
+
mouseMoveHandler;
|
|
16
|
+
mouseUpHandler;
|
|
17
|
+
iframeEventHandlers;
|
|
18
|
+
constructor(dialog, delegate, topLevelElement, dragHandle) {
|
|
19
|
+
this.dialog = dialog;
|
|
20
|
+
this.delegate = delegate;
|
|
21
|
+
this.containerElement = delegate.containerElement;
|
|
22
|
+
this.dockManager = delegate.dockManager;
|
|
23
|
+
this.topLevelElement = topLevelElement;
|
|
24
|
+
this.containerType = delegate.containerType;
|
|
25
|
+
this.mouseDownHandler = new EventHandler(dragHandle, 'mousedown', this.onMouseDown.bind(this));
|
|
26
|
+
this.touchDownHandler = new EventHandler(dragHandle, 'touchstart', this.onMouseDown.bind(this));
|
|
27
|
+
this.topLevelElement.style.left = topLevelElement.offsetLeft + 'px';
|
|
28
|
+
this.topLevelElement.style.top = topLevelElement.offsetTop + 'px';
|
|
29
|
+
this.minimumAllowedChildNodes = delegate.minimumAllowedChildNodes;
|
|
30
|
+
this.iframeEventHandlers = [];
|
|
31
|
+
}
|
|
32
|
+
destroy() {
|
|
33
|
+
this.removeDecorator();
|
|
34
|
+
this.delegate.destroy();
|
|
35
|
+
}
|
|
36
|
+
saveState(state) {
|
|
37
|
+
this.delegate.saveState(state);
|
|
38
|
+
}
|
|
39
|
+
loadState(state) {
|
|
40
|
+
this.delegate.loadState(state);
|
|
41
|
+
}
|
|
42
|
+
setActiveChild( /*child*/) {
|
|
43
|
+
}
|
|
44
|
+
get width() {
|
|
45
|
+
return this.delegate.width;
|
|
46
|
+
}
|
|
47
|
+
get height() {
|
|
48
|
+
return this.delegate.height;
|
|
49
|
+
}
|
|
50
|
+
get name() {
|
|
51
|
+
return this.delegate.name;
|
|
52
|
+
}
|
|
53
|
+
set name(value) {
|
|
54
|
+
if (value)
|
|
55
|
+
this.delegate.name = value;
|
|
56
|
+
}
|
|
57
|
+
resize(width, height) {
|
|
58
|
+
this.delegate.resize(width, height);
|
|
59
|
+
}
|
|
60
|
+
performLayout(children) {
|
|
61
|
+
this.delegate.performLayout(children, false);
|
|
62
|
+
}
|
|
63
|
+
removeDecorator() {
|
|
64
|
+
if (this.mouseDownHandler) {
|
|
65
|
+
this.mouseDownHandler.cancel();
|
|
66
|
+
delete this.mouseDownHandler;
|
|
67
|
+
}
|
|
68
|
+
if (this.touchDownHandler) {
|
|
69
|
+
this.touchDownHandler.cancel();
|
|
70
|
+
delete this.touchDownHandler;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
onMouseDown(event) {
|
|
74
|
+
if (event.button == 2)
|
|
75
|
+
return;
|
|
76
|
+
if (event.preventDefault)
|
|
77
|
+
event.preventDefault();
|
|
78
|
+
this._startDragging(event);
|
|
79
|
+
this.previousMousePosition = { x: event.clientX, y: event.clientY };
|
|
80
|
+
if (this.mouseMoveHandler) {
|
|
81
|
+
this.mouseMoveHandler.cancel();
|
|
82
|
+
delete this.mouseMoveHandler;
|
|
83
|
+
}
|
|
84
|
+
if (this.mouseUpHandler) {
|
|
85
|
+
this.mouseUpHandler.cancel();
|
|
86
|
+
delete this.mouseUpHandler;
|
|
87
|
+
}
|
|
88
|
+
this.mouseMoveHandler = new EventHandler(window, 'pointermove', this.onMouseMove.bind(this));
|
|
89
|
+
this.mouseUpHandler = new EventHandler(window, 'pointerup', this.onMouseUp.bind(this));
|
|
90
|
+
if (this.dockManager.iframes) {
|
|
91
|
+
for (let f of this.dockManager.iframes) {
|
|
92
|
+
let mmi = this.onMouseMovedIframe.bind(this);
|
|
93
|
+
this.iframeEventHandlers.push(new EventHandler(f.contentWindow, 'pointermove', (e) => mmi(e, f)));
|
|
94
|
+
this.iframeEventHandlers.push(new EventHandler(f.contentWindow, 'pointerup', this.onMouseUp.bind(this)));
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
onMouseUp(event) {
|
|
99
|
+
this._stopDragging(event);
|
|
100
|
+
this.mouseMoveHandler.cancel();
|
|
101
|
+
delete this.mouseMoveHandler;
|
|
102
|
+
this.mouseUpHandler.cancel();
|
|
103
|
+
delete this.mouseUpHandler;
|
|
104
|
+
for (let e of this.iframeEventHandlers) {
|
|
105
|
+
e.cancel();
|
|
106
|
+
}
|
|
107
|
+
this.iframeEventHandlers = [];
|
|
108
|
+
}
|
|
109
|
+
_startDragging(event) {
|
|
110
|
+
this.containerElement.classList.add("draggable-dragging-active");
|
|
111
|
+
this.delegate.elementContentContainer.classList.add("draggable-dragging-active");
|
|
112
|
+
if (this.dialog.eventListener)
|
|
113
|
+
this.dialog.eventListener._onDialogDragStarted(this.dialog, event);
|
|
114
|
+
Utils.disableGlobalTextSelection(this.dockManager.config.dialogRootElement);
|
|
115
|
+
}
|
|
116
|
+
_stopDragging(event) {
|
|
117
|
+
this.containerElement.classList.remove("draggable-dragging-active");
|
|
118
|
+
this.delegate.elementContentContainer.classList.remove("draggable-dragging-active");
|
|
119
|
+
if (this.dialog.eventListener)
|
|
120
|
+
this.dialog.eventListener._onDialogDragEnded(this.dialog, event);
|
|
121
|
+
Utils.enableGlobalTextSelection(this.dockManager.config.dialogRootElement);
|
|
122
|
+
}
|
|
123
|
+
onMouseMovedIframe(e, iframe) {
|
|
124
|
+
let posIf = iframe.getBoundingClientRect();
|
|
125
|
+
this.onMouseMove(e, { x: posIf.x, y: posIf.y });
|
|
126
|
+
}
|
|
127
|
+
onMouseMove(event, iframeOffset) {
|
|
128
|
+
if (event.preventDefault)
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
let currentMousePosition = new Point(event.clientX, event.clientY);
|
|
131
|
+
if (iframeOffset)
|
|
132
|
+
currentMousePosition = new Point(event.clientX + iframeOffset.x, event.clientY + iframeOffset.y);
|
|
133
|
+
let dx = this.dockManager.checkXBounds(this.topLevelElement, currentMousePosition, this.previousMousePosition, false, false);
|
|
134
|
+
let dy = this.dockManager.checkYBounds(this.topLevelElement, currentMousePosition, this.previousMousePosition, false, false);
|
|
135
|
+
this._performDrag(dx, dy);
|
|
136
|
+
this.previousMousePosition = currentMousePosition;
|
|
137
|
+
}
|
|
138
|
+
_performDrag(dx, dy) {
|
|
139
|
+
let left = dx + Utils.getPixels(this.topLevelElement.style.left);
|
|
140
|
+
let top = dy + Utils.getPixels(this.topLevelElement.style.top);
|
|
141
|
+
this.topLevelElement.style.left = left + 'px';
|
|
142
|
+
this.topLevelElement.style.top = top + 'px';
|
|
143
|
+
this.dialog.panel.setDialogPosition(left, top);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare class EventHandler {
|
|
2
|
+
target: EventListenerOrEventListenerObject;
|
|
3
|
+
eventName: string;
|
|
4
|
+
source: Element | Window;
|
|
5
|
+
constructor(source: Element | Window, eventName: string, target: EventListenerOrEventListenerObject, useCapture?: boolean | AddEventListenerOptions);
|
|
6
|
+
cancel(): void;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=EventHandler.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventHandler.d.ts","sourceRoot":"","sources":["../src/EventHandler.ts"],"names":[],"mappings":"AAAA,qBAAa,YAAY;IACrB,MAAM,EAAE,kCAAkC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;gBAEb,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,kCAAkC,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB;IAQnJ,MAAM;CAGT"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export class EventHandler {
|
|
2
|
+
target;
|
|
3
|
+
eventName;
|
|
4
|
+
source;
|
|
5
|
+
constructor(source, eventName, target, useCapture) {
|
|
6
|
+
this.target = target;
|
|
7
|
+
this.eventName = eventName;
|
|
8
|
+
this.source = source;
|
|
9
|
+
this.source.addEventListener(eventName, this.target, useCapture);
|
|
10
|
+
}
|
|
11
|
+
cancel() {
|
|
12
|
+
this.source.removeEventListener(this.eventName, this.target);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { DockManager } from "./DockManager.js";
|
|
2
|
+
import { ContainerType } from "./ContainerType.js";
|
|
3
|
+
import { TabHost } from "./TabHost.js";
|
|
4
|
+
import { TabHostDirection } from "./enums/TabHostDirection.js";
|
|
5
|
+
import { ISize } from "./interfaces/ISize.js";
|
|
6
|
+
import { IDockContainerWithSize } from "./interfaces/IDockContainerWithSize.js";
|
|
7
|
+
import { IState } from "./interfaces/IState.js";
|
|
8
|
+
import { IDockContainer } from "./interfaces/IDockContainer.js";
|
|
9
|
+
export declare class FillDockContainer implements IDockContainerWithSize {
|
|
10
|
+
dockManager: DockManager;
|
|
11
|
+
tabOrientation: TabHostDirection;
|
|
12
|
+
name: string;
|
|
13
|
+
element: HTMLDivElement;
|
|
14
|
+
containerElement: HTMLDivElement;
|
|
15
|
+
containerType: ContainerType;
|
|
16
|
+
minimumAllowedChildNodes: number;
|
|
17
|
+
tabHost: TabHost;
|
|
18
|
+
tabHostListener: {
|
|
19
|
+
onChange: (e: any) => void;
|
|
20
|
+
};
|
|
21
|
+
state: ISize;
|
|
22
|
+
constructor(dockManager: DockManager, tabStripDirection?: TabHostDirection);
|
|
23
|
+
setActiveChild(child: IDockContainer): void;
|
|
24
|
+
resize(width: number, height: number): void;
|
|
25
|
+
performLayout(children: IDockContainer[]): void;
|
|
26
|
+
destroy(): void;
|
|
27
|
+
saveState(state: IState): void;
|
|
28
|
+
loadState(state: IState): void;
|
|
29
|
+
get width(): number;
|
|
30
|
+
set width(value: number);
|
|
31
|
+
get height(): number;
|
|
32
|
+
set height(value: number);
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=FillDockContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FillDockContainer.d.ts","sourceRoot":"","sources":["../src/FillDockContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,qBAAa,iBAAkB,YAAW,sBAAsB;IAE5D,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,gBAAgB,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,cAAc,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,wBAAwB,EAAE,MAAM,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE;QAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;KAAE,CAAC;IACjD,KAAK,EAAE,KAAK,CAAC;gBAED,WAAW,EAAE,WAAW,EAAE,iBAAiB,CAAC,EAAE,gBAAgB;IAyB1E,cAAc,CAAC,KAAK,EAAE,cAAc;IAIpC,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAMpC,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE;IAIxC,OAAO;IAMP,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK9B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO9B,IAAI,KAAK,IAAI,MAAM,CAIlB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,IAAI,MAAM,IAAI,MAAM,CAInB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;CACJ"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { Utils } from "./Utils.js";
|
|
2
|
+
import { ContainerType } from "./ContainerType.js";
|
|
3
|
+
import { TabHost } from "./TabHost.js";
|
|
4
|
+
import { TabHostDirection } from "./enums/TabHostDirection.js";
|
|
5
|
+
export class FillDockContainer {
|
|
6
|
+
dockManager;
|
|
7
|
+
tabOrientation;
|
|
8
|
+
name;
|
|
9
|
+
element;
|
|
10
|
+
containerElement;
|
|
11
|
+
containerType;
|
|
12
|
+
minimumAllowedChildNodes;
|
|
13
|
+
tabHost;
|
|
14
|
+
tabHostListener;
|
|
15
|
+
state;
|
|
16
|
+
constructor(dockManager, tabStripDirection) {
|
|
17
|
+
if (tabStripDirection === undefined) {
|
|
18
|
+
tabStripDirection = TabHostDirection.BOTTOM;
|
|
19
|
+
}
|
|
20
|
+
this.dockManager = dockManager;
|
|
21
|
+
this.tabOrientation = tabStripDirection;
|
|
22
|
+
this.name = Utils.getNextId('fill_');
|
|
23
|
+
this.element = document.createElement('div');
|
|
24
|
+
this.containerElement = this.element;
|
|
25
|
+
this.containerType = ContainerType.fill;
|
|
26
|
+
this.minimumAllowedChildNodes = 2;
|
|
27
|
+
this.element.classList.add('dock-container');
|
|
28
|
+
this.element.classList.add('dock-container-fill');
|
|
29
|
+
this.tabHost = new TabHost(dockManager, this.tabOrientation);
|
|
30
|
+
this.tabHostListener = {
|
|
31
|
+
onChange: (e) => {
|
|
32
|
+
this.dockManager._requestTabReorder(this, e);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
this.tabHost.addListener(this.tabHostListener);
|
|
36
|
+
this.element.appendChild(this.tabHost.hostElement);
|
|
37
|
+
}
|
|
38
|
+
setActiveChild(child) {
|
|
39
|
+
this.tabHost.setActiveTab(child);
|
|
40
|
+
}
|
|
41
|
+
resize(width, height) {
|
|
42
|
+
this.element.style.width = width + 'px';
|
|
43
|
+
this.element.style.height = height + 'px';
|
|
44
|
+
this.tabHost.resize(width, height);
|
|
45
|
+
}
|
|
46
|
+
performLayout(children) {
|
|
47
|
+
this.tabHost.performLayout(children);
|
|
48
|
+
}
|
|
49
|
+
destroy() {
|
|
50
|
+
this.tabHost.pages.forEach(x => x.destroy());
|
|
51
|
+
if (Utils.removeNode(this.element))
|
|
52
|
+
delete this.element;
|
|
53
|
+
}
|
|
54
|
+
saveState(state) {
|
|
55
|
+
state.width = this.width;
|
|
56
|
+
state.height = this.height;
|
|
57
|
+
}
|
|
58
|
+
loadState(state) {
|
|
59
|
+
// this.resize(state.width, state.height);
|
|
60
|
+
// this.width = state.width;
|
|
61
|
+
// this.height = state.height;
|
|
62
|
+
this.state = { width: state.width, height: state.height };
|
|
63
|
+
}
|
|
64
|
+
get width() {
|
|
65
|
+
// if(this.element.clientWidth === 0 && this.stateWidth !== 0)
|
|
66
|
+
// return this.stateWidth;
|
|
67
|
+
return this.element.clientWidth;
|
|
68
|
+
}
|
|
69
|
+
set width(value) {
|
|
70
|
+
this.element.style.width = value + 'px';
|
|
71
|
+
}
|
|
72
|
+
get height() {
|
|
73
|
+
// if(this.element.clientHeight === 0 && this.stateHeight !== 0)
|
|
74
|
+
// return this.stateHeight;
|
|
75
|
+
return this.element.clientHeight;
|
|
76
|
+
}
|
|
77
|
+
set height(value) {
|
|
78
|
+
this.element.style.height = value + 'px';
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SplitterDockContainer } from "./SplitterDockContainer.js";
|
|
2
|
+
import { DockManager } from "./DockManager.js";
|
|
3
|
+
import { IDockContainer } from "./interfaces/IDockContainer.js";
|
|
4
|
+
export declare class HorizontalDockContainer extends SplitterDockContainer {
|
|
5
|
+
constructor(dockManager: DockManager, childContainers: IDockContainer[]);
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=HorizontalDockContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalDockContainer.d.ts","sourceRoot":"","sources":["../src/HorizontalDockContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,qBAAa,uBAAwB,SAAQ,qBAAqB;gBAElD,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE;CAI1E"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SplitterDockContainer } from "./SplitterDockContainer.js";
|
|
2
|
+
import { Utils } from "./Utils.js";
|
|
3
|
+
import { ContainerType } from "./ContainerType.js";
|
|
4
|
+
export class HorizontalDockContainer extends SplitterDockContainer {
|
|
5
|
+
constructor(dockManager, childContainers) {
|
|
6
|
+
super(Utils.getNextId('horizontal_splitter_'), dockManager, childContainers, false);
|
|
7
|
+
this.containerType = ContainerType.horizontal;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { DockManager } from './DockManager.js';
|
|
2
|
+
import { UndockInitiator } from './UndockInitiator.js';
|
|
3
|
+
import { ContainerType } from './ContainerType.js';
|
|
4
|
+
import { EventHandler } from './EventHandler.js';
|
|
5
|
+
import { ISize } from './interfaces/ISize.js';
|
|
6
|
+
import { IDockContainerWithSize } from './interfaces/IDockContainerWithSize.js';
|
|
7
|
+
import { IState } from './interfaces/IState.js';
|
|
8
|
+
import { Point } from './Point.js';
|
|
9
|
+
import { IDockContainer } from './interfaces/IDockContainer.js';
|
|
10
|
+
import { PanelType } from './enums/PanelType.js';
|
|
11
|
+
import { Dialog } from './Dialog.js';
|
|
12
|
+
import { TabPage } from './TabPage.js';
|
|
13
|
+
/**
|
|
14
|
+
* This dock container wraps the specified element on a panel frame with a title bar and close button
|
|
15
|
+
*/
|
|
16
|
+
export declare class PanelContainer implements IDockContainerWithSize {
|
|
17
|
+
closePanelContainerCallback: (panelContainer: PanelContainer) => Promise<boolean>;
|
|
18
|
+
onTitleChanged: (panelContainer: PanelContainer, title: string) => void;
|
|
19
|
+
elementPanel: HTMLDivElement;
|
|
20
|
+
elementTitle: HTMLDivElement;
|
|
21
|
+
elementTitleText: HTMLDivElement;
|
|
22
|
+
elementContentHost: HTMLDivElement;
|
|
23
|
+
name: string;
|
|
24
|
+
state: ISize;
|
|
25
|
+
elementContent: HTMLElement & {
|
|
26
|
+
resizeHandler?: any;
|
|
27
|
+
_dockSpawnPanelContainer: PanelContainer;
|
|
28
|
+
};
|
|
29
|
+
private _resolvedElementContent;
|
|
30
|
+
elementContentContainer: HTMLElement;
|
|
31
|
+
elementContentWrapper: HTMLElement;
|
|
32
|
+
dockManager: DockManager;
|
|
33
|
+
title: string;
|
|
34
|
+
containerType: ContainerType;
|
|
35
|
+
icon: string;
|
|
36
|
+
hasChanges: boolean;
|
|
37
|
+
minimumAllowedChildNodes: number;
|
|
38
|
+
isDialog: boolean;
|
|
39
|
+
eventListeners: any[];
|
|
40
|
+
undockInitiator: UndockInitiator;
|
|
41
|
+
elementButtonClose: HTMLDivElement;
|
|
42
|
+
closeButtonClickedHandler: EventHandler;
|
|
43
|
+
closeButtonTouchedHandler: EventHandler;
|
|
44
|
+
mouseDownHandler: EventHandler;
|
|
45
|
+
touchDownHandler: EventHandler;
|
|
46
|
+
panelType: PanelType;
|
|
47
|
+
tabPage?: TabPage;
|
|
48
|
+
undockedToNewBrowserWindow: boolean;
|
|
49
|
+
contextMenuHandler: EventHandler;
|
|
50
|
+
lastDialogSize?: ISize;
|
|
51
|
+
_floatingDialog?: Dialog;
|
|
52
|
+
_canUndock: boolean;
|
|
53
|
+
_cachedWidth: number;
|
|
54
|
+
_cachedHeight: number;
|
|
55
|
+
_hideCloseButton: boolean;
|
|
56
|
+
_grayOut: HTMLDivElement;
|
|
57
|
+
_ctxMenu: HTMLDivElement;
|
|
58
|
+
constructor(elementContent: HTMLElement, dockManager: DockManager, title?: string, panelType?: PanelType, hideCloseButton?: boolean, panelIcon?: string);
|
|
59
|
+
_initialize(): void;
|
|
60
|
+
static createContextMenuContentCallback: (panelContainer: PanelContainer) => Node[];
|
|
61
|
+
oncontextMenuClicked(e: MouseEvent): void;
|
|
62
|
+
closeContextMenu(): void;
|
|
63
|
+
windowsContextMenuClose(e: Event): void;
|
|
64
|
+
canUndock(state: boolean): void;
|
|
65
|
+
addListener(listener: any): void;
|
|
66
|
+
removeListener(listener: any): void;
|
|
67
|
+
get floatingDialog(): Dialog;
|
|
68
|
+
set floatingDialog(value: Dialog);
|
|
69
|
+
static loadFromState(state: IState, dockManager: DockManager): Promise<PanelContainer>;
|
|
70
|
+
saveState(state: IState): void;
|
|
71
|
+
loadState(state: IState): void;
|
|
72
|
+
setActiveChild(): void;
|
|
73
|
+
get containerElement(): HTMLDivElement;
|
|
74
|
+
grayOut(show: boolean): void;
|
|
75
|
+
onMouseDown(): void;
|
|
76
|
+
hideCloseButton(state: boolean): void;
|
|
77
|
+
destroy(): void;
|
|
78
|
+
/**
|
|
79
|
+
* Undocks the panel and and converts it to a dialog box
|
|
80
|
+
*/
|
|
81
|
+
performUndockToDialog(e: any, dragOffset: Point): Dialog;
|
|
82
|
+
/**
|
|
83
|
+
* Closes the panel
|
|
84
|
+
*/
|
|
85
|
+
private performClose;
|
|
86
|
+
/**
|
|
87
|
+
* Undocks the container and from the layout hierarchy
|
|
88
|
+
* The container would be removed from the DOM
|
|
89
|
+
*/
|
|
90
|
+
performUndock(): void;
|
|
91
|
+
prepareForDocking(): void;
|
|
92
|
+
get width(): number;
|
|
93
|
+
set width(value: number);
|
|
94
|
+
get height(): number;
|
|
95
|
+
set height(value: number);
|
|
96
|
+
get resolvedElementContent(): HTMLElement;
|
|
97
|
+
private panelDocked;
|
|
98
|
+
resize(width: number, height: number): void;
|
|
99
|
+
_setPanelDimensions(width: number, height: number): void;
|
|
100
|
+
setDialogPosition(x: number, y: number): void;
|
|
101
|
+
setVisible(isVisible: boolean): void;
|
|
102
|
+
setTitle(title: string): void;
|
|
103
|
+
setTitleIcon(icon: string): void;
|
|
104
|
+
setHasChanges(changes: boolean): void;
|
|
105
|
+
setCloseIconTemplate(closeIconTemplate: string): void;
|
|
106
|
+
_updateTitle(): void;
|
|
107
|
+
getRawTitle(): string;
|
|
108
|
+
performLayout(children: IDockContainer[], relayoutEvenIfEqual: boolean): void;
|
|
109
|
+
onCloseButtonClicked(e: Event): void;
|
|
110
|
+
undockToBrowserDialog(): void;
|
|
111
|
+
close(): Promise<void>;
|
|
112
|
+
private closeInternal;
|
|
113
|
+
}
|
|
114
|
+
//# sourceMappingURL=PanelContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PanelContainer.d.ts","sourceRoot":"","sources":["../src/PanelContainer.ts"],"names":[],"mappings":"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"}
|