dock-spawn-ts 2.513.1 → 2.515.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/es5/dock-spawn-ts.js +1 -1
- package/lib/js/ContainerType.d.ts +6 -6
- package/lib/js/ContainerType.js +7 -7
- package/lib/js/Dialog.d.ts +43 -43
- package/lib/js/Dialog.js +136 -136
- package/lib/js/DockConfig.d.ts +7 -7
- package/lib/js/DockConfig.js +8 -8
- package/lib/js/DockGraphDeserializer.d.ts +18 -18
- package/lib/js/DockGraphDeserializer.js +116 -116
- package/lib/js/DockGraphSerializer.d.ts +13 -13
- package/lib/js/DockGraphSerializer.js +40 -40
- package/lib/js/DockLayoutEngine.d.ts +35 -35
- package/lib/js/DockLayoutEngine.js +319 -319
- package/lib/js/DockManager.d.ts +153 -153
- package/lib/js/DockManager.js +730 -728
- package/lib/js/DockManager.js.map +1 -1
- package/lib/js/DockManagerContext.d.ts +9 -9
- package/lib/js/DockManagerContext.js +9 -9
- package/lib/js/DockModel.d.ts +8 -8
- package/lib/js/DockModel.js +5 -5
- package/lib/js/DockNode.d.ts +15 -15
- package/lib/js/DockNode.js +61 -61
- package/lib/js/DockWheel.d.ts +40 -40
- package/lib/js/DockWheel.js +200 -200
- package/lib/js/DockWheelItem.d.ts +15 -15
- package/lib/js/DockWheelItem.js +27 -27
- package/lib/js/DocumentManagerContainer.d.ts +16 -16
- package/lib/js/DocumentManagerContainer.js +28 -28
- package/lib/js/DocumentTabPage.d.ts +14 -14
- package/lib/js/DocumentTabPage.js +26 -26
- package/lib/js/DraggableContainer.d.ts +52 -52
- package/lib/js/DraggableContainer.js +183 -183
- package/lib/js/EventHandler.d.ts +7 -7
- package/lib/js/EventHandler.js +11 -11
- package/lib/js/Exports.d.ts +30 -30
- package/lib/js/Exports.js +30 -30
- package/lib/js/FillDockContainer.d.ts +33 -33
- package/lib/js/FillDockContainer.js +69 -69
- package/lib/js/HorizontalDockContainer.d.ts +6 -6
- package/lib/js/HorizontalDockContainer.js +9 -9
- package/lib/js/PanelContainer.d.ts +101 -101
- package/lib/js/PanelContainer.js +384 -384
- package/lib/js/PanelContainer.js.map +1 -1
- package/lib/js/Point.d.ts +5 -5
- package/lib/js/Point.js +6 -6
- package/lib/js/ResizableContainer.d.ts +55 -55
- package/lib/js/ResizableContainer.js +241 -241
- package/lib/js/ResizeHandle.d.ts +15 -15
- package/lib/js/ResizeHandle.js +48 -48
- package/lib/js/SplitterBar.d.ts +35 -35
- package/lib/js/SplitterBar.js +149 -149
- package/lib/js/SplitterDockContainer.d.ts +35 -35
- package/lib/js/SplitterDockContainer.js +65 -65
- package/lib/js/SplitterPanel.d.ts +26 -26
- package/lib/js/SplitterPanel.js +191 -191
- package/lib/js/TabHandle.d.ts +55 -55
- package/lib/js/TabHandle.js +261 -260
- package/lib/js/TabHandle.js.map +1 -1
- package/lib/js/TabHost.d.ts +46 -46
- package/lib/js/TabHost.js +223 -223
- package/lib/js/TabHost.js.map +1 -1
- package/lib/js/TabPage.d.ts +19 -19
- package/lib/js/TabPage.js +74 -73
- package/lib/js/TabPage.js.map +1 -1
- package/lib/js/UndockInitiator.d.ts +31 -31
- package/lib/js/UndockInitiator.js +140 -140
- package/lib/js/Utils.d.ts +14 -14
- package/lib/js/Utils.js +70 -69
- package/lib/js/Utils.js.map +1 -1
- package/lib/js/VerticalDockContainer.d.ts +6 -6
- package/lib/js/VerticalDockContainer.js +9 -9
- package/lib/js/enums/PanelType.d.ts +4 -4
- package/lib/js/enums/PanelType.js +5 -5
- package/lib/js/enums/TabHostDirection.d.ts +6 -6
- package/lib/js/enums/TabHostDirection.js +7 -7
- package/lib/js/enums/WheelTypes.d.ts +11 -11
- package/lib/js/enums/WheelTypes.js +14 -14
- package/lib/js/interfaces/IDockContainer.d.ts +25 -25
- package/lib/js/interfaces/IDockContainer.js +1 -1
- package/lib/js/interfaces/IDockContainerWithSize.d.ts +5 -5
- package/lib/js/interfaces/IDockContainerWithSize.js +1 -1
- package/lib/js/interfaces/ILayoutEventListener.d.ts +26 -26
- package/lib/js/interfaces/ILayoutEventListener.js +1 -1
- package/lib/js/interfaces/IMouseOrTouchEvent.d.ts +6 -6
- package/lib/js/interfaces/IMouseOrTouchEvent.js +1 -1
- package/lib/js/interfaces/INodeInfo.d.ts +7 -7
- package/lib/js/interfaces/INodeInfo.js +1 -1
- package/lib/js/interfaces/IPanelInfo.d.ts +9 -9
- package/lib/js/interfaces/IPanelInfo.js +1 -1
- package/lib/js/interfaces/IRectangle.d.ts +6 -6
- package/lib/js/interfaces/IRectangle.js +1 -1
- package/lib/js/interfaces/ISize.d.ts +4 -4
- package/lib/js/interfaces/ISize.js +1 -1
- package/lib/js/interfaces/IState.d.ts +10 -10
- package/lib/js/interfaces/IState.js +1 -1
- package/lib/js/interfaces/IThickness.d.ts +6 -6
- package/lib/js/interfaces/IThickness.js +1 -1
- package/lib/js/webcomponent/DockSpawnTsWebcomponent.d.ts +31 -30
- package/lib/js/webcomponent/DockSpawnTsWebcomponent.js +158 -152
- package/lib/js/webcomponent/DockSpawnTsWebcomponent.js.map +1 -1
- package/package.json +6 -6
- package/src/DockManager.ts +5 -3
- package/src/PanelContainer.ts +1 -1
- package/src/TabHost.ts +5 -5
- package/src/TabPage.ts +4 -3
- package/src/webcomponent/DockSpawnTsWebcomponent.ts +6 -0
|
@@ -1,153 +1,159 @@
|
|
|
1
|
-
import { DockManager } from "../DockManager.js";
|
|
2
|
-
import { PanelContainer } from "../PanelContainer.js";
|
|
3
|
-
import { PanelType } from "../enums/PanelType.js";
|
|
4
|
-
|
|
5
|
-
constructor() {
|
|
6
|
-
super();
|
|
7
|
-
this.slotId = 0;
|
|
8
|
-
this.initialized = false;
|
|
9
|
-
this.elementContainerMap = new Map();
|
|
10
|
-
this.windowResizedBound = this.windowResized.bind(this);
|
|
11
|
-
this.slotElementMap = new WeakMap();
|
|
12
|
-
}
|
|
13
|
-
initDockspawn() {
|
|
14
|
-
const shadowRoot = this.attachShadow({ mode: 'open' });
|
|
15
|
-
const linkElement1 = document.createElement("link");
|
|
16
|
-
linkElement1.rel = "stylesheet";
|
|
17
|
-
linkElement1.href = DockSpawnTsWebcomponent.cssRootDirectory + "dock-manager.css";
|
|
18
|
-
linkElement1.onload = this.cssLoaded.bind(this);
|
|
19
|
-
const linkElement2 = document.createElement("link");
|
|
20
|
-
linkElement2.rel = "stylesheet";
|
|
21
|
-
linkElement2.href = DockSpawnTsWebcomponent.cssRootDirectory + "dock-manager-style.css";
|
|
22
|
-
shadowRoot.appendChild(linkElement1);
|
|
23
|
-
shadowRoot.appendChild(linkElement2);
|
|
24
|
-
const dockSpawnDiv = document.createElement('div');
|
|
25
|
-
dockSpawnDiv.id = "dockSpawnDiv";
|
|
26
|
-
dockSpawnDiv.style.width = "100%";
|
|
27
|
-
dockSpawnDiv.style.height = "100%";
|
|
28
|
-
dockSpawnDiv.style.position = "relative";
|
|
29
|
-
shadowRoot.appendChild(dockSpawnDiv);
|
|
30
|
-
this.dockManager = new DockManager(dockSpawnDiv);
|
|
31
|
-
this.dockManager.config.dialogRootElement = dockSpawnDiv;
|
|
32
|
-
}
|
|
33
|
-
getElementInSlot(slot) {
|
|
34
|
-
return this.slotElementMap.get(slot);
|
|
35
|
-
}
|
|
36
|
-
cssLoaded() {
|
|
37
|
-
setTimeout(() => {
|
|
38
|
-
this.dockManager.initialize();
|
|
39
|
-
this.dockManager.addLayoutListener({
|
|
40
|
-
onClosePanel: (dockManager, dockNode) => {
|
|
41
|
-
let slot = dockNode.elementContent;
|
|
42
|
-
let element = this.slotElementMap.get(slot);
|
|
43
|
-
this.removeChild(element);
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
this.dockManager.resize(this.clientWidth, this.clientHeight);
|
|
47
|
-
for (let element of this.children) {
|
|
48
|
-
this.handleAddedChildNode(element);
|
|
49
|
-
}
|
|
50
|
-
this.observer = new MutationObserver((mutations) => {
|
|
51
|
-
mutations.forEach((mutation) => {
|
|
52
|
-
mutation.addedNodes.forEach((node) => {
|
|
53
|
-
this.handleAddedChildNode(node);
|
|
54
|
-
});
|
|
55
|
-
mutation.removedNodes.forEach((node) => {
|
|
56
|
-
this.handleRemovedChildNode(node);
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
this.observer.observe(this, { childList: true });
|
|
61
|
-
}, 50);
|
|
62
|
-
}
|
|
63
|
-
handleAddedChildNode(element) {
|
|
64
|
-
let slot = document.createElement('slot');
|
|
65
|
-
let slotName = 'slot_' + this.slotId++;
|
|
66
|
-
slot.name = slotName;
|
|
67
|
-
let dockPanelType = PanelType.panel;
|
|
68
|
-
let dockPanelTypeAttribute = element.getAttribute('dock-spawn-panel-type');
|
|
69
|
-
if (dockPanelTypeAttribute)
|
|
70
|
-
dockPanelType = dockPanelTypeAttribute;
|
|
71
|
-
let container = new PanelContainer(slot, this.dockManager, element.title, dockPanelType);
|
|
72
|
-
element.slot = slotName;
|
|
73
|
-
this.slotElementMap.set(slot, element);
|
|
74
|
-
this.elementContainerMap.set(element, container);
|
|
75
|
-
let dockRatio = 0.5;
|
|
76
|
-
let dockRatioAttribute = element.getAttribute('dock-spawn-dock-ratio');
|
|
77
|
-
if (dockRatioAttribute)
|
|
78
|
-
dockRatio = dockRatioAttribute;
|
|
79
|
-
let dockType = element.getAttribute('dock-spawn-dock-type');
|
|
80
|
-
let dockRelativeTo = this.dockManager.context.model.documentManagerNode;
|
|
81
|
-
let dockToAttribute = element.getAttribute('dock-spawn-dock-to');
|
|
82
|
-
if (dockToAttribute) {
|
|
83
|
-
//@ts-ignore
|
|
84
|
-
let dockToElement = this.getRootNode().getElementById(dockToAttribute);
|
|
85
|
-
dockRelativeTo = this.dockManager.findNodeFromContainerElement(this.elementContainerMap.get(dockToElement).containerElement);
|
|
86
|
-
}
|
|
87
|
-
if (dockType == 'left')
|
|
88
|
-
this.dockManager.dockLeft(dockRelativeTo, container, dockRatio);
|
|
89
|
-
else if (dockType == 'right')
|
|
90
|
-
this.dockManager.dockRight(dockRelativeTo, container, dockRatio);
|
|
91
|
-
else if (dockType == 'up')
|
|
92
|
-
this.dockManager.dockUp(dockRelativeTo, container, dockRatio);
|
|
93
|
-
else if (dockType == 'down')
|
|
94
|
-
this.dockManager.dockDown(dockRelativeTo, container, dockRatio);
|
|
95
|
-
else
|
|
96
|
-
this.dockManager.dockFill(dockRelativeTo, container);
|
|
97
|
-
if (element.style.display == 'none')
|
|
98
|
-
element.style.display = 'block';
|
|
99
|
-
}
|
|
100
|
-
handleRemovedChildNode(element) {
|
|
101
|
-
let node = this.getDockNodeForElement(element);
|
|
102
|
-
if (node)
|
|
103
|
-
node.container.close();
|
|
104
|
-
this.elementContainerMap.delete(element);
|
|
105
|
-
}
|
|
106
|
-
connectedCallback() {
|
|
107
|
-
if (!this.initialized) {
|
|
108
|
-
this.initDockspawn();
|
|
109
|
-
this.initialized = true;
|
|
110
|
-
}
|
|
111
|
-
window.addEventListener('resize', this.windowResizedBound);
|
|
112
|
-
window.addEventListener('orientationchange', this.windowResizedBound);
|
|
113
|
-
}
|
|
114
|
-
disconnectedCallback() {
|
|
115
|
-
window.removeEventListener('resize', this.windowResizedBound);
|
|
116
|
-
window.removeEventListener('orientationchange', this.windowResizedBound);
|
|
117
|
-
}
|
|
118
|
-
windowResized() {
|
|
119
|
-
this.resize();
|
|
120
|
-
}
|
|
121
|
-
resize() {
|
|
122
|
-
this.dockManager.resize(this.clientWidth, this.clientHeight);
|
|
123
|
-
}
|
|
124
|
-
getDockNodeForElement(elementOrContainer) {
|
|
125
|
-
let element = elementOrContainer;
|
|
126
|
-
if (element.containerElement)
|
|
127
|
-
element = elementOrContainer.containerElement;
|
|
128
|
-
return this.dockManager.findNodeFromContainerElement(element);
|
|
129
|
-
}
|
|
130
|
-
dockFill(element, panelType, dockNode, title) {
|
|
131
|
-
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
132
|
-
this.dockManager.dockFill(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container);
|
|
133
|
-
}
|
|
134
|
-
dockLeft(element, panelType, dockNode, ratio, title) {
|
|
135
|
-
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
136
|
-
this.dockManager.dockLeft(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
137
|
-
}
|
|
138
|
-
dockRight(element, panelType, dockNode, ratio, title) {
|
|
139
|
-
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
140
|
-
this.dockManager.dockRight(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
141
|
-
}
|
|
142
|
-
dockUp(element, panelType, dockNode, ratio, title) {
|
|
143
|
-
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
144
|
-
this.dockManager.dockUp(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
145
|
-
}
|
|
146
|
-
dockDown(element, panelType, dockNode, ratio, title) {
|
|
147
|
-
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
148
|
-
this.dockManager.dockDown(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
1
|
+
import { DockManager } from "../DockManager.js";
|
|
2
|
+
import { PanelContainer } from "../PanelContainer.js";
|
|
3
|
+
import { PanelType } from "../enums/PanelType.js";
|
|
4
|
+
class DockSpawnTsWebcomponent extends HTMLElement {
|
|
5
|
+
constructor() {
|
|
6
|
+
super();
|
|
7
|
+
this.slotId = 0;
|
|
8
|
+
this.initialized = false;
|
|
9
|
+
this.elementContainerMap = new Map();
|
|
10
|
+
this.windowResizedBound = this.windowResized.bind(this);
|
|
11
|
+
this.slotElementMap = new WeakMap();
|
|
12
|
+
}
|
|
13
|
+
initDockspawn() {
|
|
14
|
+
const shadowRoot = this.attachShadow({ mode: 'open' });
|
|
15
|
+
const linkElement1 = document.createElement("link");
|
|
16
|
+
linkElement1.rel = "stylesheet";
|
|
17
|
+
linkElement1.href = DockSpawnTsWebcomponent.cssRootDirectory + "dock-manager.css";
|
|
18
|
+
linkElement1.onload = this.cssLoaded.bind(this);
|
|
19
|
+
const linkElement2 = document.createElement("link");
|
|
20
|
+
linkElement2.rel = "stylesheet";
|
|
21
|
+
linkElement2.href = DockSpawnTsWebcomponent.cssRootDirectory + "dock-manager-style.css";
|
|
22
|
+
shadowRoot.appendChild(linkElement1);
|
|
23
|
+
shadowRoot.appendChild(linkElement2);
|
|
24
|
+
const dockSpawnDiv = document.createElement('div');
|
|
25
|
+
dockSpawnDiv.id = "dockSpawnDiv";
|
|
26
|
+
dockSpawnDiv.style.width = "100%";
|
|
27
|
+
dockSpawnDiv.style.height = "100%";
|
|
28
|
+
dockSpawnDiv.style.position = "relative";
|
|
29
|
+
shadowRoot.appendChild(dockSpawnDiv);
|
|
30
|
+
this.dockManager = new DockManager(dockSpawnDiv);
|
|
31
|
+
this.dockManager.config.dialogRootElement = dockSpawnDiv;
|
|
32
|
+
}
|
|
33
|
+
getElementInSlot(slot) {
|
|
34
|
+
return this.slotElementMap.get(slot);
|
|
35
|
+
}
|
|
36
|
+
cssLoaded() {
|
|
37
|
+
setTimeout(() => {
|
|
38
|
+
this.dockManager.initialize();
|
|
39
|
+
this.dockManager.addLayoutListener({
|
|
40
|
+
onClosePanel: (dockManager, dockNode) => {
|
|
41
|
+
let slot = dockNode.elementContent;
|
|
42
|
+
let element = this.slotElementMap.get(slot);
|
|
43
|
+
this.removeChild(element);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
this.dockManager.resize(this.clientWidth, this.clientHeight);
|
|
47
|
+
for (let element of this.children) {
|
|
48
|
+
this.handleAddedChildNode(element);
|
|
49
|
+
}
|
|
50
|
+
this.observer = new MutationObserver((mutations) => {
|
|
51
|
+
mutations.forEach((mutation) => {
|
|
52
|
+
mutation.addedNodes.forEach((node) => {
|
|
53
|
+
this.handleAddedChildNode(node);
|
|
54
|
+
});
|
|
55
|
+
mutation.removedNodes.forEach((node) => {
|
|
56
|
+
this.handleRemovedChildNode(node);
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
this.observer.observe(this, { childList: true });
|
|
61
|
+
}, 50);
|
|
62
|
+
}
|
|
63
|
+
handleAddedChildNode(element) {
|
|
64
|
+
let slot = document.createElement('slot');
|
|
65
|
+
let slotName = 'slot_' + this.slotId++;
|
|
66
|
+
slot.name = slotName;
|
|
67
|
+
let dockPanelType = PanelType.panel;
|
|
68
|
+
let dockPanelTypeAttribute = element.getAttribute('dock-spawn-panel-type');
|
|
69
|
+
if (dockPanelTypeAttribute)
|
|
70
|
+
dockPanelType = dockPanelTypeAttribute;
|
|
71
|
+
let container = new PanelContainer(slot, this.dockManager, element.title, dockPanelType);
|
|
72
|
+
element.slot = slotName;
|
|
73
|
+
this.slotElementMap.set(slot, element);
|
|
74
|
+
this.elementContainerMap.set(element, container);
|
|
75
|
+
let dockRatio = 0.5;
|
|
76
|
+
let dockRatioAttribute = element.getAttribute('dock-spawn-dock-ratio');
|
|
77
|
+
if (dockRatioAttribute)
|
|
78
|
+
dockRatio = dockRatioAttribute;
|
|
79
|
+
let dockType = element.getAttribute('dock-spawn-dock-type');
|
|
80
|
+
let dockRelativeTo = this.dockManager.context.model.documentManagerNode;
|
|
81
|
+
let dockToAttribute = element.getAttribute('dock-spawn-dock-to');
|
|
82
|
+
if (dockToAttribute) {
|
|
83
|
+
//@ts-ignore
|
|
84
|
+
let dockToElement = this.getRootNode().getElementById(dockToAttribute);
|
|
85
|
+
dockRelativeTo = this.dockManager.findNodeFromContainerElement(this.elementContainerMap.get(dockToElement).containerElement);
|
|
86
|
+
}
|
|
87
|
+
if (dockType == 'left')
|
|
88
|
+
this.dockManager.dockLeft(dockRelativeTo, container, dockRatio);
|
|
89
|
+
else if (dockType == 'right')
|
|
90
|
+
this.dockManager.dockRight(dockRelativeTo, container, dockRatio);
|
|
91
|
+
else if (dockType == 'up')
|
|
92
|
+
this.dockManager.dockUp(dockRelativeTo, container, dockRatio);
|
|
93
|
+
else if (dockType == 'down')
|
|
94
|
+
this.dockManager.dockDown(dockRelativeTo, container, dockRatio);
|
|
95
|
+
else
|
|
96
|
+
this.dockManager.dockFill(dockRelativeTo, container);
|
|
97
|
+
if (element.style.display == 'none')
|
|
98
|
+
element.style.display = 'block';
|
|
99
|
+
}
|
|
100
|
+
handleRemovedChildNode(element) {
|
|
101
|
+
let node = this.getDockNodeForElement(element);
|
|
102
|
+
if (node)
|
|
103
|
+
node.container.close();
|
|
104
|
+
this.elementContainerMap.delete(element);
|
|
105
|
+
}
|
|
106
|
+
connectedCallback() {
|
|
107
|
+
if (!this.initialized) {
|
|
108
|
+
this.initDockspawn();
|
|
109
|
+
this.initialized = true;
|
|
110
|
+
}
|
|
111
|
+
window.addEventListener('resize', this.windowResizedBound);
|
|
112
|
+
window.addEventListener('orientationchange', this.windowResizedBound);
|
|
113
|
+
}
|
|
114
|
+
disconnectedCallback() {
|
|
115
|
+
window.removeEventListener('resize', this.windowResizedBound);
|
|
116
|
+
window.removeEventListener('orientationchange', this.windowResizedBound);
|
|
117
|
+
}
|
|
118
|
+
windowResized() {
|
|
119
|
+
this.resize();
|
|
120
|
+
}
|
|
121
|
+
resize() {
|
|
122
|
+
this.dockManager.resize(this.clientWidth, this.clientHeight);
|
|
123
|
+
}
|
|
124
|
+
getDockNodeForElement(elementOrContainer) {
|
|
125
|
+
let element = elementOrContainer;
|
|
126
|
+
if (element.containerElement)
|
|
127
|
+
element = elementOrContainer.containerElement;
|
|
128
|
+
return this.dockManager.findNodeFromContainerElement(element);
|
|
129
|
+
}
|
|
130
|
+
dockFill(element, panelType, dockNode, title) {
|
|
131
|
+
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
132
|
+
this.dockManager.dockFill(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container);
|
|
133
|
+
}
|
|
134
|
+
dockLeft(element, panelType, dockNode, ratio, title) {
|
|
135
|
+
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
136
|
+
this.dockManager.dockLeft(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
137
|
+
}
|
|
138
|
+
dockRight(element, panelType, dockNode, ratio, title) {
|
|
139
|
+
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
140
|
+
this.dockManager.dockRight(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
141
|
+
}
|
|
142
|
+
dockUp(element, panelType, dockNode, ratio, title) {
|
|
143
|
+
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
144
|
+
this.dockManager.dockUp(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
145
|
+
}
|
|
146
|
+
dockDown(element, panelType, dockNode, ratio, title) {
|
|
147
|
+
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
148
|
+
this.dockManager.dockDown(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
149
|
+
}
|
|
150
|
+
floatDialog(element, x, y, width, height, panelType, title) {
|
|
151
|
+
let container = new PanelContainer(element, this.dockManager, title, panelType);
|
|
152
|
+
let dlg = this.dockManager.floatDialog(container, x, y, null);
|
|
153
|
+
dlg.resize(width, height);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
DockSpawnTsWebcomponent.cssRootDirectory = "../../lib/css/";
|
|
157
|
+
export { DockSpawnTsWebcomponent };
|
|
158
|
+
window.customElements.define('dock-spawn-ts', DockSpawnTsWebcomponent);
|
|
153
159
|
//# sourceMappingURL=DockSpawnTsWebcomponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DockSpawnTsWebcomponent.js","sourceRoot":"","sources":["../../../src/webcomponent/DockSpawnTsWebcomponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,
|
|
1
|
+
{"version":3,"file":"DockSpawnTsWebcomponent.js","sourceRoot":"","sources":["../../../src/webcomponent/DockSpawnTsWebcomponent.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dock-spawn-ts",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.515.0",
|
|
4
4
|
"description": "DockSpawn Typescript Version",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "jochen.kuehner@gmx.de",
|
|
@@ -10,14 +10,14 @@
|
|
|
10
10
|
"start": "http-server"
|
|
11
11
|
},
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@babel/cli": "^7.
|
|
14
|
-
"@babel/core": "^7.
|
|
13
|
+
"@babel/cli": "^7.21.0",
|
|
14
|
+
"@babel/core": "^7.21.3",
|
|
15
15
|
"@babel/preset-env": "^7.20.2",
|
|
16
|
-
"@types/node": "^18.
|
|
16
|
+
"@types/node": "^18.15.11",
|
|
17
17
|
"http-server": "^14.1.1",
|
|
18
|
-
"typescript": "^
|
|
18
|
+
"typescript": "^5.0.3",
|
|
19
19
|
"uglify-js": "^3.17.4",
|
|
20
|
-
"webpack": "^5.
|
|
20
|
+
"webpack": "^5.77.0",
|
|
21
21
|
"webpack-cli": "^5.0.1"
|
|
22
22
|
},
|
|
23
23
|
"main": "/lib/js/Exports.js",
|
package/src/DockManager.ts
CHANGED
|
@@ -110,8 +110,9 @@ export class DockManager {
|
|
|
110
110
|
if (this._config.moveOnlyWithinDockConatiner)
|
|
111
111
|
return this.checkXBoundsWithinDockContainer(container, currentMousePosition, previousMousePosition, resizeWest, resizeEast);
|
|
112
112
|
|
|
113
|
+
let rect = this.element.getBoundingClientRect();
|
|
113
114
|
let dx = Math.floor(currentMousePosition.x - previousMousePosition.x);
|
|
114
|
-
let leftBounds = container.offsetLeft + container.offsetWidth + dx < 40; // || (container.offsetLeft + container.offsetWidth + dx - 40 ) < 0;
|
|
115
|
+
let leftBounds = container.offsetLeft + container.offsetWidth + dx + rect.left < 40; // || (container.offsetLeft + container.offsetWidth + dx - 40 ) < 0;
|
|
115
116
|
let rightBounds = container.offsetLeft + dx > (window.innerWidth - 40);
|
|
116
117
|
if (leftBounds) {
|
|
117
118
|
previousMousePosition.x = currentMousePosition.x;
|
|
@@ -153,8 +154,9 @@ export class DockManager {
|
|
|
153
154
|
if (this._config.moveOnlyWithinDockConatiner)
|
|
154
155
|
return this.checkYBoundsWithinDockContainer(container, currentMousePosition, previousMousePosition, resizeNorth, resizeSouth);
|
|
155
156
|
|
|
157
|
+
let rect = this.element.getBoundingClientRect();
|
|
156
158
|
let dy = Math.floor(currentMousePosition.y - previousMousePosition.y);
|
|
157
|
-
let topBounds = container.offsetTop + dy < 0;
|
|
159
|
+
let topBounds = container.offsetTop + dy + rect.top < 0;
|
|
158
160
|
let bottomBounds = container.offsetTop + dy > (window.innerHeight - 16);
|
|
159
161
|
if (topBounds) {
|
|
160
162
|
previousMousePosition.y = currentMousePosition.y;
|
|
@@ -521,7 +523,7 @@ export class DockManager {
|
|
|
521
523
|
// Create a new dialog window for the undocked panel
|
|
522
524
|
let dialog = new Dialog(container, this, null, disableResize);
|
|
523
525
|
|
|
524
|
-
if (event
|
|
526
|
+
if (event != null) {
|
|
525
527
|
// Adjust the relative position
|
|
526
528
|
let dialogWidth = dialog.elementDialog.clientWidth;
|
|
527
529
|
if (dragOffset.x > dialogWidth)
|
package/src/PanelContainer.ts
CHANGED
|
@@ -79,7 +79,7 @@ export class PanelContainer implements IDockContainerWithSize {
|
|
|
79
79
|
this._floatingDialog.bringToFront();
|
|
80
80
|
} else {
|
|
81
81
|
if (this.tabPage)
|
|
82
|
-
this.tabPage.setSelected(true);
|
|
82
|
+
this.tabPage.setSelected(true, true);
|
|
83
83
|
}
|
|
84
84
|
this.dockManager.activePanel = this;
|
|
85
85
|
});
|
package/src/TabHost.ts
CHANGED
|
@@ -119,7 +119,7 @@ export class TabHost {
|
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
if (this.activeTab)
|
|
122
|
-
this.onTabPageSelected(this.activeTab);
|
|
122
|
+
this.onTabPageSelected(this.activeTab, false);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
getActiveTab() {
|
|
@@ -154,7 +154,7 @@ export class TabHost {
|
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
if (this.pages.length > 0 && currentPage) {
|
|
157
|
-
this.onTabPageSelected(currentPage);
|
|
157
|
+
this.onTabPageSelected(currentPage, true);
|
|
158
158
|
this.dockManager.activePanel = container as PanelContainer;
|
|
159
159
|
}
|
|
160
160
|
}
|
|
@@ -244,7 +244,7 @@ export class TabHost {
|
|
|
244
244
|
this._setTabHandlesVisible(false);
|
|
245
245
|
|
|
246
246
|
if (this.activeTab)
|
|
247
|
-
this.onTabPageSelected(this.activeTab);
|
|
247
|
+
this.onTabPageSelected(this.activeTab, false);
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
_setTabHandlesVisible(visible: boolean) {
|
|
@@ -257,11 +257,11 @@ export class TabHost {
|
|
|
257
257
|
}
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
-
onTabPageSelected(page: TabPage) {
|
|
260
|
+
onTabPageSelected(page: TabPage, active: boolean) {
|
|
261
261
|
this.activeTab = page;
|
|
262
262
|
this.pages.forEach((tabPage) => {
|
|
263
263
|
let selected = (tabPage === page);
|
|
264
|
-
tabPage.setSelected(selected);
|
|
264
|
+
tabPage.setSelected(selected, active);
|
|
265
265
|
});
|
|
266
266
|
}
|
|
267
267
|
}
|
package/src/TabPage.ts
CHANGED
|
@@ -62,14 +62,14 @@ export class TabPage {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
onSelected() {
|
|
65
|
-
this.host.onTabPageSelected(this);
|
|
65
|
+
this.host.onTabPageSelected(this, true);
|
|
66
66
|
if (this.container instanceof PanelContainer) {
|
|
67
67
|
let panel = this.container;
|
|
68
68
|
panel.dockManager.notifyOnTabChange(this);
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
setSelected(flag: boolean) {
|
|
72
|
+
setSelected(flag: boolean, isActive: boolean) {
|
|
73
73
|
this.selected = flag;
|
|
74
74
|
this.handle.setSelected(flag);
|
|
75
75
|
|
|
@@ -83,7 +83,8 @@ export class TabPage {
|
|
|
83
83
|
let width = this.host.contentElement.clientWidth;
|
|
84
84
|
let height = this.host.contentElement.clientHeight;
|
|
85
85
|
this.container.resize(width, height);
|
|
86
|
-
|
|
86
|
+
if (isActive)
|
|
87
|
+
this.host.dockManager.activePanel = this.container as PanelContainer;
|
|
87
88
|
}
|
|
88
89
|
else {
|
|
89
90
|
this.containerElement.style.display = 'none';
|
|
@@ -185,6 +185,12 @@ export class DockSpawnTsWebcomponent extends HTMLElement {
|
|
|
185
185
|
let container = new PanelContainer(element as HTMLElement, this.dockManager, title, panelType);
|
|
186
186
|
this.dockManager.dockDown(dockNode != null ? dockNode : this.dockManager.context.model.documentManagerNode, container, ratio);
|
|
187
187
|
}
|
|
188
|
+
|
|
189
|
+
floatDialog(element: HTMLElement, x: number, y: number, width: number, height: number, panelType?: PanelType, title?: string) {
|
|
190
|
+
let container = new PanelContainer(element as HTMLElement, this.dockManager, title, panelType);
|
|
191
|
+
let dlg = this.dockManager.floatDialog(container, x, y, null);
|
|
192
|
+
dlg.resize(width, height);
|
|
193
|
+
}
|
|
188
194
|
}
|
|
189
195
|
|
|
190
196
|
window.customElements.define('dock-spawn-ts', DockSpawnTsWebcomponent);
|