@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.
Files changed (222) hide show
  1. package/.eslintrc.json +47 -0
  2. package/CHANGELOG.md +355 -0
  3. package/LICENSE +21 -0
  4. package/README.md +11 -0
  5. package/css/dock-manager-context-menu.css +19 -0
  6. package/css/dock-manager-style.css +190 -0
  7. package/css/dock-manager.css +411 -0
  8. package/images/close.svg +6 -0
  9. package/images/dock_bottom.png +0 -0
  10. package/images/dock_bottom_sel.png +0 -0
  11. package/images/dock_fill.png +0 -0
  12. package/images/dock_fill_sel.png +0 -0
  13. package/images/dock_left.png +0 -0
  14. package/images/dock_left_sel.png +0 -0
  15. package/images/dock_right.png +0 -0
  16. package/images/dock_right_sel.png +0 -0
  17. package/images/dock_top.png +0 -0
  18. package/images/dock_top_sel.png +0 -0
  19. package/index.ts +32 -0
  20. package/lib/BrowserDialogHelper.d.ts +8 -0
  21. package/lib/BrowserDialogHelper.d.ts.map +1 -0
  22. package/lib/BrowserDialogHelper.js +60 -0
  23. package/lib/ContainerType.d.ts +7 -0
  24. package/lib/ContainerType.d.ts.map +1 -0
  25. package/lib/ContainerType.js +7 -0
  26. package/lib/Dialog.d.ts +51 -0
  27. package/lib/Dialog.d.ts.map +1 -0
  28. package/lib/Dialog.js +209 -0
  29. package/lib/DockConfig.d.ts +9 -0
  30. package/lib/DockConfig.d.ts.map +1 -0
  31. package/lib/DockConfig.js +14 -0
  32. package/lib/DockGraphDeserializer.d.ts +19 -0
  33. package/lib/DockGraphDeserializer.d.ts.map +1 -0
  34. package/lib/DockGraphDeserializer.js +114 -0
  35. package/lib/DockGraphSerializer.d.ts +14 -0
  36. package/lib/DockGraphSerializer.d.ts.map +1 -0
  37. package/lib/DockGraphSerializer.js +40 -0
  38. package/lib/DockLayoutEngine.d.ts +36 -0
  39. package/lib/DockLayoutEngine.d.ts.map +1 -0
  40. package/lib/DockLayoutEngine.js +323 -0
  41. package/lib/DockManager.d.ts +155 -0
  42. package/lib/DockManager.d.ts.map +1 -0
  43. package/lib/DockManager.js +752 -0
  44. package/lib/DockManagerContext.d.ts +10 -0
  45. package/lib/DockManagerContext.d.ts.map +1 -0
  46. package/lib/DockManagerContext.js +12 -0
  47. package/lib/DockModel.d.ts +9 -0
  48. package/lib/DockModel.d.ts.map +1 -0
  49. package/lib/DockModel.js +8 -0
  50. package/lib/DockNode.d.ts +16 -0
  51. package/lib/DockNode.d.ts.map +1 -0
  52. package/lib/DockNode.js +64 -0
  53. package/lib/DockWheel.d.ts +41 -0
  54. package/lib/DockWheel.d.ts.map +1 -0
  55. package/lib/DockWheel.js +208 -0
  56. package/lib/DockWheelItem.d.ts +16 -0
  57. package/lib/DockWheelItem.d.ts.map +1 -0
  58. package/lib/DockWheelItem.js +34 -0
  59. package/lib/DocumentManagerContainer.d.ts +16 -0
  60. package/lib/DocumentManagerContainer.d.ts.map +1 -0
  61. package/lib/DocumentManagerContainer.js +28 -0
  62. package/lib/DocumentTabPage.d.ts +11 -0
  63. package/lib/DocumentTabPage.d.ts.map +1 -0
  64. package/lib/DocumentTabPage.js +26 -0
  65. package/lib/DraggableContainer.d.ts +51 -0
  66. package/lib/DraggableContainer.d.ts.map +1 -0
  67. package/lib/DraggableContainer.js +145 -0
  68. package/lib/EventHandler.d.ts +8 -0
  69. package/lib/EventHandler.d.ts.map +1 -0
  70. package/lib/EventHandler.js +14 -0
  71. package/lib/FillDockContainer.d.ts +34 -0
  72. package/lib/FillDockContainer.d.ts.map +1 -0
  73. package/lib/FillDockContainer.js +80 -0
  74. package/lib/HorizontalDockContainer.d.ts +7 -0
  75. package/lib/HorizontalDockContainer.d.ts.map +1 -0
  76. package/lib/HorizontalDockContainer.js +9 -0
  77. package/lib/PanelContainer.d.ts +114 -0
  78. package/lib/PanelContainer.d.ts.map +1 -0
  79. package/lib/PanelContainer.js +517 -0
  80. package/lib/Point.d.ts +6 -0
  81. package/lib/Point.d.ts.map +1 -0
  82. package/lib/Point.js +8 -0
  83. package/lib/ResizableContainer.d.ts +56 -0
  84. package/lib/ResizableContainer.d.ts.map +1 -0
  85. package/lib/ResizableContainer.js +254 -0
  86. package/lib/ResizeHandle.d.ts +16 -0
  87. package/lib/ResizeHandle.d.ts.map +1 -0
  88. package/lib/ResizeHandle.js +58 -0
  89. package/lib/SplitterBar.d.ts +33 -0
  90. package/lib/SplitterBar.d.ts.map +1 -0
  91. package/lib/SplitterBar.js +137 -0
  92. package/lib/SplitterDockContainer.d.ts +36 -0
  93. package/lib/SplitterDockContainer.d.ts.map +1 -0
  94. package/lib/SplitterDockContainer.js +75 -0
  95. package/lib/SplitterPanel.d.ts +27 -0
  96. package/lib/SplitterPanel.d.ts.map +1 -0
  97. package/lib/SplitterPanel.js +195 -0
  98. package/lib/TabHandle.d.ts +56 -0
  99. package/lib/TabHandle.d.ts.map +1 -0
  100. package/lib/TabHandle.js +292 -0
  101. package/lib/TabHost.d.ts +47 -0
  102. package/lib/TabHost.d.ts.map +1 -0
  103. package/lib/TabHost.js +238 -0
  104. package/lib/TabPage.d.ts +20 -0
  105. package/lib/TabPage.d.ts.map +1 -0
  106. package/lib/TabPage.js +81 -0
  107. package/lib/UndockInitiator.d.ts +32 -0
  108. package/lib/UndockInitiator.d.ts.map +1 -0
  109. package/lib/UndockInitiator.js +152 -0
  110. package/lib/Utils.d.ts +15 -0
  111. package/lib/Utils.d.ts.map +1 -0
  112. package/lib/Utils.js +69 -0
  113. package/lib/VerticalDockContainer.d.ts +7 -0
  114. package/lib/VerticalDockContainer.d.ts.map +1 -0
  115. package/lib/VerticalDockContainer.js +9 -0
  116. package/lib/enums/PanelType.d.ts +5 -0
  117. package/lib/enums/PanelType.d.ts.map +1 -0
  118. package/lib/enums/PanelType.js +5 -0
  119. package/lib/enums/TabHostDirection.d.ts +7 -0
  120. package/lib/enums/TabHostDirection.d.ts.map +1 -0
  121. package/lib/enums/TabHostDirection.js +7 -0
  122. package/lib/enums/WheelTypes.d.ts +12 -0
  123. package/lib/enums/WheelTypes.d.ts.map +1 -0
  124. package/lib/enums/WheelTypes.js +14 -0
  125. package/lib/i18n/Defaults.d.ts +12 -0
  126. package/lib/i18n/Defaults.d.ts.map +1 -0
  127. package/lib/i18n/Defaults.js +9 -0
  128. package/lib/i18n/Localizer.d.ts +7 -0
  129. package/lib/i18n/Localizer.d.ts.map +1 -0
  130. package/lib/i18n/Localizer.js +16 -0
  131. package/lib/index.d.ts +33 -0
  132. package/lib/index.d.ts.map +1 -0
  133. package/lib/index.js +32 -0
  134. package/lib/interfaces/IDockContainer.d.ts +26 -0
  135. package/lib/interfaces/IDockContainer.d.ts.map +1 -0
  136. package/lib/interfaces/IDockContainer.js +1 -0
  137. package/lib/interfaces/IDockContainerWithSize.d.ts +6 -0
  138. package/lib/interfaces/IDockContainerWithSize.d.ts.map +1 -0
  139. package/lib/interfaces/IDockContainerWithSize.js +1 -0
  140. package/lib/interfaces/ILayoutEventListener.d.ts +27 -0
  141. package/lib/interfaces/ILayoutEventListener.d.ts.map +1 -0
  142. package/lib/interfaces/ILayoutEventListener.js +1 -0
  143. package/lib/interfaces/IMouseOrTouchEvent.d.ts +7 -0
  144. package/lib/interfaces/IMouseOrTouchEvent.d.ts.map +1 -0
  145. package/lib/interfaces/IMouseOrTouchEvent.js +1 -0
  146. package/lib/interfaces/INodeInfo.d.ts +8 -0
  147. package/lib/interfaces/INodeInfo.d.ts.map +1 -0
  148. package/lib/interfaces/INodeInfo.js +1 -0
  149. package/lib/interfaces/IPanelInfo.d.ts +10 -0
  150. package/lib/interfaces/IPanelInfo.d.ts.map +1 -0
  151. package/lib/interfaces/IPanelInfo.js +1 -0
  152. package/lib/interfaces/IRectangle.d.ts +7 -0
  153. package/lib/interfaces/IRectangle.d.ts.map +1 -0
  154. package/lib/interfaces/IRectangle.js +1 -0
  155. package/lib/interfaces/ISize.d.ts +5 -0
  156. package/lib/interfaces/ISize.d.ts.map +1 -0
  157. package/lib/interfaces/ISize.js +1 -0
  158. package/lib/interfaces/IState.d.ts +12 -0
  159. package/lib/interfaces/IState.d.ts.map +1 -0
  160. package/lib/interfaces/IState.js +1 -0
  161. package/lib/interfaces/IThickness.d.ts +7 -0
  162. package/lib/interfaces/IThickness.d.ts.map +1 -0
  163. package/lib/interfaces/IThickness.js +1 -0
  164. package/lib/webcomponent/DockSpawnTsWebcomponent.d.ts +35 -0
  165. package/lib/webcomponent/DockSpawnTsWebcomponent.d.ts.map +1 -0
  166. package/lib/webcomponent/DockSpawnTsWebcomponent.js +209 -0
  167. package/lib/webcomponent/styles.d.ts +5 -0
  168. package/lib/webcomponent/styles.d.ts.map +1 -0
  169. package/lib/webcomponent/styles.js +537 -0
  170. package/package.json +36 -0
  171. package/src/BrowserDialogHelper.ts +76 -0
  172. package/src/ContainerType.ts +6 -0
  173. package/src/Dialog.ts +253 -0
  174. package/src/DockConfig.ts +15 -0
  175. package/src/DockGraphDeserializer.ts +129 -0
  176. package/src/DockGraphSerializer.ts +53 -0
  177. package/src/DockLayoutEngine.ts +370 -0
  178. package/src/DockManager.ts +880 -0
  179. package/src/DockManagerContext.ts +16 -0
  180. package/src/DockModel.ts +12 -0
  181. package/src/DockNode.ts +81 -0
  182. package/src/DockWheel.ts +215 -0
  183. package/src/DockWheelItem.ts +41 -0
  184. package/src/DocumentManagerContainer.ts +39 -0
  185. package/src/DocumentTabPage.ts +35 -0
  186. package/src/DraggableContainer.ts +177 -0
  187. package/src/EventHandler.ts +17 -0
  188. package/src/FillDockContainer.ts +98 -0
  189. package/src/HorizontalDockContainer.ts +13 -0
  190. package/src/PanelContainer.ts +596 -0
  191. package/src/Point.ts +10 -0
  192. package/src/ResizableContainer.ts +293 -0
  193. package/src/ResizeHandle.ts +59 -0
  194. package/src/SplitterBar.ts +157 -0
  195. package/src/SplitterDockContainer.ts +95 -0
  196. package/src/SplitterPanel.ts +228 -0
  197. package/src/TabHandle.ts +347 -0
  198. package/src/TabHost.ts +267 -0
  199. package/src/TabPage.ts +98 -0
  200. package/src/UndockInitiator.ts +181 -0
  201. package/src/Utils.ts +85 -0
  202. package/src/VerticalDockContainer.ts +13 -0
  203. package/src/enums/PanelType.ts +4 -0
  204. package/src/enums/TabHostDirection.ts +6 -0
  205. package/src/enums/WheelTypes.ts +14 -0
  206. package/src/i18n/Defaults.ts +20 -0
  207. package/src/i18n/Localizer.ts +23 -0
  208. package/src/index.ts +32 -0
  209. package/src/interfaces/IDockContainer.ts +27 -0
  210. package/src/interfaces/IDockContainerWithSize.ts +6 -0
  211. package/src/interfaces/ILayoutEventListener.ts +28 -0
  212. package/src/interfaces/IMouseOrTouchEvent.ts +6 -0
  213. package/src/interfaces/INodeInfo.ts +8 -0
  214. package/src/interfaces/IPanelInfo.ts +10 -0
  215. package/src/interfaces/IRectangle.ts +6 -0
  216. package/src/interfaces/ISize.ts +4 -0
  217. package/src/interfaces/IState.ts +12 -0
  218. package/src/interfaces/IThickness.ts +6 -0
  219. package/src/webcomponent/DockSpawnTsWebcomponent.ts +248 -0
  220. package/src/webcomponent/styles.ts +544 -0
  221. package/tsconfig.json +74 -0
  222. 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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"}