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
package/lib/js/Exports.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
export * from './ContainerType.js';
|
|
2
|
-
export * from './Dialog.js';
|
|
3
|
-
export * from './DockConfig.js';
|
|
4
|
-
export * from './DockGraphSerializer.js';
|
|
5
|
-
export * from './DockLayoutEngine.js';
|
|
6
|
-
export * from './DockManager.js';
|
|
7
|
-
export * from './DockManagerContext.js';
|
|
8
|
-
export * from './DockModel.js';
|
|
9
|
-
export * from './DockNode.js';
|
|
10
|
-
export * from './DockWheel.js';
|
|
11
|
-
export * from './DockWheelItem.js';
|
|
12
|
-
export * from './DocumentManagerContainer.js';
|
|
13
|
-
export * from './DocumentTabPage.js';
|
|
14
|
-
export * from './DraggableContainer.js';
|
|
15
|
-
export * from './EventHandler.js';
|
|
16
|
-
export * from './FillDockContainer.js';
|
|
17
|
-
export * from './HorizontalDockContainer.js';
|
|
18
|
-
export * from './PanelContainer.js';
|
|
19
|
-
export * from './Point.js';
|
|
20
|
-
export * from './ResizableContainer.js';
|
|
21
|
-
export * from './ResizeHandle.js';
|
|
22
|
-
export * from './SplitterBar.js';
|
|
23
|
-
export * from './SplitterDockContainer.js';
|
|
24
|
-
export * from './SplitterPanel.js';
|
|
25
|
-
export * from './TabHandle.js';
|
|
26
|
-
export * from './TabHost.js';
|
|
27
|
-
export * from './TabPage.js';
|
|
28
|
-
export * from './UndockInitiator.js';
|
|
29
|
-
export * from './Utils.js';
|
|
30
|
-
export * from './VerticalDockContainer.js';
|
|
1
|
+
export * from './ContainerType.js';
|
|
2
|
+
export * from './Dialog.js';
|
|
3
|
+
export * from './DockConfig.js';
|
|
4
|
+
export * from './DockGraphSerializer.js';
|
|
5
|
+
export * from './DockLayoutEngine.js';
|
|
6
|
+
export * from './DockManager.js';
|
|
7
|
+
export * from './DockManagerContext.js';
|
|
8
|
+
export * from './DockModel.js';
|
|
9
|
+
export * from './DockNode.js';
|
|
10
|
+
export * from './DockWheel.js';
|
|
11
|
+
export * from './DockWheelItem.js';
|
|
12
|
+
export * from './DocumentManagerContainer.js';
|
|
13
|
+
export * from './DocumentTabPage.js';
|
|
14
|
+
export * from './DraggableContainer.js';
|
|
15
|
+
export * from './EventHandler.js';
|
|
16
|
+
export * from './FillDockContainer.js';
|
|
17
|
+
export * from './HorizontalDockContainer.js';
|
|
18
|
+
export * from './PanelContainer.js';
|
|
19
|
+
export * from './Point.js';
|
|
20
|
+
export * from './ResizableContainer.js';
|
|
21
|
+
export * from './ResizeHandle.js';
|
|
22
|
+
export * from './SplitterBar.js';
|
|
23
|
+
export * from './SplitterDockContainer.js';
|
|
24
|
+
export * from './SplitterPanel.js';
|
|
25
|
+
export * from './TabHandle.js';
|
|
26
|
+
export * from './TabHost.js';
|
|
27
|
+
export * from './TabPage.js';
|
|
28
|
+
export * from './UndockInitiator.js';
|
|
29
|
+
export * from './Utils.js';
|
|
30
|
+
export * from './VerticalDockContainer.js';
|
|
31
31
|
//# sourceMappingURL=Exports.js.map
|
|
@@ -1,33 +1,33 @@
|
|
|
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
|
-
}
|
|
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
|
+
}
|
|
@@ -1,70 +1,70 @@
|
|
|
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
|
-
constructor(dockManager, tabStripDirection) {
|
|
7
|
-
if (tabStripDirection === undefined) {
|
|
8
|
-
tabStripDirection = TabHostDirection.BOTTOM;
|
|
9
|
-
}
|
|
10
|
-
this.dockManager = dockManager;
|
|
11
|
-
this.tabOrientation = tabStripDirection;
|
|
12
|
-
this.name = Utils.getNextId('fill_');
|
|
13
|
-
this.element = document.createElement('div');
|
|
14
|
-
this.containerElement = this.element;
|
|
15
|
-
this.containerType = ContainerType.fill;
|
|
16
|
-
this.minimumAllowedChildNodes = 2;
|
|
17
|
-
this.element.classList.add('dock-container');
|
|
18
|
-
this.element.classList.add('dock-container-fill');
|
|
19
|
-
this.tabHost = new TabHost(dockManager, this.tabOrientation);
|
|
20
|
-
this.tabHostListener = {
|
|
21
|
-
onChange: (e) => {
|
|
22
|
-
this.dockManager._requestTabReorder(this, e);
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
this.tabHost.addListener(this.tabHostListener);
|
|
26
|
-
this.element.appendChild(this.tabHost.hostElement);
|
|
27
|
-
}
|
|
28
|
-
setActiveChild(child) {
|
|
29
|
-
this.tabHost.setActiveTab(child);
|
|
30
|
-
}
|
|
31
|
-
resize(width, height) {
|
|
32
|
-
this.element.style.width = width + 'px';
|
|
33
|
-
this.element.style.height = height + 'px';
|
|
34
|
-
this.tabHost.resize(width, height);
|
|
35
|
-
}
|
|
36
|
-
performLayout(children) {
|
|
37
|
-
this.tabHost.performLayout(children);
|
|
38
|
-
}
|
|
39
|
-
destroy() {
|
|
40
|
-
if (Utils.removeNode(this.element))
|
|
41
|
-
delete this.element;
|
|
42
|
-
}
|
|
43
|
-
saveState(state) {
|
|
44
|
-
state.width = this.width;
|
|
45
|
-
state.height = this.height;
|
|
46
|
-
}
|
|
47
|
-
loadState(state) {
|
|
48
|
-
// this.resize(state.width, state.height);
|
|
49
|
-
// this.width = state.width;
|
|
50
|
-
// this.height = state.height;
|
|
51
|
-
this.state = { width: state.width, height: state.height };
|
|
52
|
-
}
|
|
53
|
-
get width() {
|
|
54
|
-
// if(this.element.clientWidth === 0 && this.stateWidth !== 0)
|
|
55
|
-
// return this.stateWidth;
|
|
56
|
-
return this.element.clientWidth;
|
|
57
|
-
}
|
|
58
|
-
set width(value) {
|
|
59
|
-
this.element.style.width = value + 'px';
|
|
60
|
-
}
|
|
61
|
-
get height() {
|
|
62
|
-
// if(this.element.clientHeight === 0 && this.stateHeight !== 0)
|
|
63
|
-
// return this.stateHeight;
|
|
64
|
-
return this.element.clientHeight;
|
|
65
|
-
}
|
|
66
|
-
set height(value) {
|
|
67
|
-
this.element.style.height = value + 'px';
|
|
68
|
-
}
|
|
69
|
-
}
|
|
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
|
+
constructor(dockManager, tabStripDirection) {
|
|
7
|
+
if (tabStripDirection === undefined) {
|
|
8
|
+
tabStripDirection = TabHostDirection.BOTTOM;
|
|
9
|
+
}
|
|
10
|
+
this.dockManager = dockManager;
|
|
11
|
+
this.tabOrientation = tabStripDirection;
|
|
12
|
+
this.name = Utils.getNextId('fill_');
|
|
13
|
+
this.element = document.createElement('div');
|
|
14
|
+
this.containerElement = this.element;
|
|
15
|
+
this.containerType = ContainerType.fill;
|
|
16
|
+
this.minimumAllowedChildNodes = 2;
|
|
17
|
+
this.element.classList.add('dock-container');
|
|
18
|
+
this.element.classList.add('dock-container-fill');
|
|
19
|
+
this.tabHost = new TabHost(dockManager, this.tabOrientation);
|
|
20
|
+
this.tabHostListener = {
|
|
21
|
+
onChange: (e) => {
|
|
22
|
+
this.dockManager._requestTabReorder(this, e);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
this.tabHost.addListener(this.tabHostListener);
|
|
26
|
+
this.element.appendChild(this.tabHost.hostElement);
|
|
27
|
+
}
|
|
28
|
+
setActiveChild(child) {
|
|
29
|
+
this.tabHost.setActiveTab(child);
|
|
30
|
+
}
|
|
31
|
+
resize(width, height) {
|
|
32
|
+
this.element.style.width = width + 'px';
|
|
33
|
+
this.element.style.height = height + 'px';
|
|
34
|
+
this.tabHost.resize(width, height);
|
|
35
|
+
}
|
|
36
|
+
performLayout(children) {
|
|
37
|
+
this.tabHost.performLayout(children);
|
|
38
|
+
}
|
|
39
|
+
destroy() {
|
|
40
|
+
if (Utils.removeNode(this.element))
|
|
41
|
+
delete this.element;
|
|
42
|
+
}
|
|
43
|
+
saveState(state) {
|
|
44
|
+
state.width = this.width;
|
|
45
|
+
state.height = this.height;
|
|
46
|
+
}
|
|
47
|
+
loadState(state) {
|
|
48
|
+
// this.resize(state.width, state.height);
|
|
49
|
+
// this.width = state.width;
|
|
50
|
+
// this.height = state.height;
|
|
51
|
+
this.state = { width: state.width, height: state.height };
|
|
52
|
+
}
|
|
53
|
+
get width() {
|
|
54
|
+
// if(this.element.clientWidth === 0 && this.stateWidth !== 0)
|
|
55
|
+
// return this.stateWidth;
|
|
56
|
+
return this.element.clientWidth;
|
|
57
|
+
}
|
|
58
|
+
set width(value) {
|
|
59
|
+
this.element.style.width = value + 'px';
|
|
60
|
+
}
|
|
61
|
+
get height() {
|
|
62
|
+
// if(this.element.clientHeight === 0 && this.stateHeight !== 0)
|
|
63
|
+
// return this.stateHeight;
|
|
64
|
+
return this.element.clientHeight;
|
|
65
|
+
}
|
|
66
|
+
set height(value) {
|
|
67
|
+
this.element.style.height = value + 'px';
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
70
|
//# sourceMappingURL=FillDockContainer.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
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
|
-
}
|
|
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
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
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
|
-
}
|
|
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
|
+
}
|
|
10
10
|
//# sourceMappingURL=HorizontalDockContainer.js.map
|
|
@@ -1,101 +1,101 @@
|
|
|
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
|
-
elementContentContainer: HTMLElement;
|
|
30
|
-
elementContentWrapper: HTMLElement;
|
|
31
|
-
dockManager: DockManager;
|
|
32
|
-
title: string;
|
|
33
|
-
containerType: ContainerType;
|
|
34
|
-
icon: string;
|
|
35
|
-
hasChanges: boolean;
|
|
36
|
-
minimumAllowedChildNodes: number;
|
|
37
|
-
isDialog: boolean;
|
|
38
|
-
eventListeners: any[];
|
|
39
|
-
undockInitiator: UndockInitiator;
|
|
40
|
-
elementButtonClose: HTMLDivElement;
|
|
41
|
-
closeButtonClickedHandler: EventHandler;
|
|
42
|
-
closeButtonTouchedHandler: EventHandler;
|
|
43
|
-
mouseDownHandler: EventHandler;
|
|
44
|
-
touchDownHandler: EventHandler;
|
|
45
|
-
panelType: PanelType;
|
|
46
|
-
tabPage?: TabPage;
|
|
47
|
-
lastDialogSize?: ISize;
|
|
48
|
-
_floatingDialog?: Dialog;
|
|
49
|
-
_canUndock: boolean;
|
|
50
|
-
_cachedWidth: number;
|
|
51
|
-
_cachedHeight: number;
|
|
52
|
-
_hideCloseButton: boolean;
|
|
53
|
-
_grayOut: HTMLDivElement;
|
|
54
|
-
constructor(elementContent: HTMLElement, dockManager: DockManager, title?: string, panelType?: PanelType, hideCloseButton?: boolean);
|
|
55
|
-
canUndock(state: boolean): void;
|
|
56
|
-
addListener(listener: any): void;
|
|
57
|
-
removeListener(listener: any): void;
|
|
58
|
-
get floatingDialog(): Dialog;
|
|
59
|
-
set floatingDialog(value: Dialog);
|
|
60
|
-
static loadFromState(state: IState, dockManager: DockManager): Promise<PanelContainer>;
|
|
61
|
-
saveState(state: IState): void;
|
|
62
|
-
loadState(state: IState): void;
|
|
63
|
-
setActiveChild(): void;
|
|
64
|
-
get containerElement(): HTMLDivElement;
|
|
65
|
-
grayOut(show: boolean): void;
|
|
66
|
-
_initialize(): void;
|
|
67
|
-
onMouseDown(): void;
|
|
68
|
-
hideCloseButton(state: boolean): void;
|
|
69
|
-
destroy(): void;
|
|
70
|
-
/**
|
|
71
|
-
* Undocks the panel and and converts it to a dialog box
|
|
72
|
-
*/
|
|
73
|
-
performUndockToDialog(e: any, dragOffset: Point): Dialog;
|
|
74
|
-
/**
|
|
75
|
-
* Closes the panel
|
|
76
|
-
*/
|
|
77
|
-
private performClose;
|
|
78
|
-
/**
|
|
79
|
-
* Undocks the container and from the layout hierarchy
|
|
80
|
-
* The container would be removed from the DOM
|
|
81
|
-
*/
|
|
82
|
-
performUndock(): void;
|
|
83
|
-
prepareForDocking(): void;
|
|
84
|
-
get width(): number;
|
|
85
|
-
set width(value: number);
|
|
86
|
-
get height(): number;
|
|
87
|
-
set height(value: number);
|
|
88
|
-
resize(width: number, height: number): void;
|
|
89
|
-
_setPanelDimensions(width: number, height: number): void;
|
|
90
|
-
setDialogPosition(x: number, y: number): void;
|
|
91
|
-
setVisible(isVisible: boolean): void;
|
|
92
|
-
setTitle(title: string): void;
|
|
93
|
-
setTitleIcon(icon: string): void;
|
|
94
|
-
setHasChanges(changes: boolean): void;
|
|
95
|
-
setCloseIconTemplate(closeIconTemplate: string): void;
|
|
96
|
-
_updateTitle(): void;
|
|
97
|
-
getRawTitle(): string;
|
|
98
|
-
performLayout(children: IDockContainer[], relayoutEvenIfEqual: boolean): void;
|
|
99
|
-
onCloseButtonClicked(e: Event): void;
|
|
100
|
-
close(): Promise<void>;
|
|
101
|
-
}
|
|
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
|
+
elementContentContainer: HTMLElement;
|
|
30
|
+
elementContentWrapper: HTMLElement;
|
|
31
|
+
dockManager: DockManager;
|
|
32
|
+
title: string;
|
|
33
|
+
containerType: ContainerType;
|
|
34
|
+
icon: string;
|
|
35
|
+
hasChanges: boolean;
|
|
36
|
+
minimumAllowedChildNodes: number;
|
|
37
|
+
isDialog: boolean;
|
|
38
|
+
eventListeners: any[];
|
|
39
|
+
undockInitiator: UndockInitiator;
|
|
40
|
+
elementButtonClose: HTMLDivElement;
|
|
41
|
+
closeButtonClickedHandler: EventHandler;
|
|
42
|
+
closeButtonTouchedHandler: EventHandler;
|
|
43
|
+
mouseDownHandler: EventHandler;
|
|
44
|
+
touchDownHandler: EventHandler;
|
|
45
|
+
panelType: PanelType;
|
|
46
|
+
tabPage?: TabPage;
|
|
47
|
+
lastDialogSize?: ISize;
|
|
48
|
+
_floatingDialog?: Dialog;
|
|
49
|
+
_canUndock: boolean;
|
|
50
|
+
_cachedWidth: number;
|
|
51
|
+
_cachedHeight: number;
|
|
52
|
+
_hideCloseButton: boolean;
|
|
53
|
+
_grayOut: HTMLDivElement;
|
|
54
|
+
constructor(elementContent: HTMLElement, dockManager: DockManager, title?: string, panelType?: PanelType, hideCloseButton?: boolean);
|
|
55
|
+
canUndock(state: boolean): void;
|
|
56
|
+
addListener(listener: any): void;
|
|
57
|
+
removeListener(listener: any): void;
|
|
58
|
+
get floatingDialog(): Dialog;
|
|
59
|
+
set floatingDialog(value: Dialog);
|
|
60
|
+
static loadFromState(state: IState, dockManager: DockManager): Promise<PanelContainer>;
|
|
61
|
+
saveState(state: IState): void;
|
|
62
|
+
loadState(state: IState): void;
|
|
63
|
+
setActiveChild(): void;
|
|
64
|
+
get containerElement(): HTMLDivElement;
|
|
65
|
+
grayOut(show: boolean): void;
|
|
66
|
+
_initialize(): void;
|
|
67
|
+
onMouseDown(): void;
|
|
68
|
+
hideCloseButton(state: boolean): void;
|
|
69
|
+
destroy(): void;
|
|
70
|
+
/**
|
|
71
|
+
* Undocks the panel and and converts it to a dialog box
|
|
72
|
+
*/
|
|
73
|
+
performUndockToDialog(e: any, dragOffset: Point): Dialog;
|
|
74
|
+
/**
|
|
75
|
+
* Closes the panel
|
|
76
|
+
*/
|
|
77
|
+
private performClose;
|
|
78
|
+
/**
|
|
79
|
+
* Undocks the container and from the layout hierarchy
|
|
80
|
+
* The container would be removed from the DOM
|
|
81
|
+
*/
|
|
82
|
+
performUndock(): void;
|
|
83
|
+
prepareForDocking(): void;
|
|
84
|
+
get width(): number;
|
|
85
|
+
set width(value: number);
|
|
86
|
+
get height(): number;
|
|
87
|
+
set height(value: number);
|
|
88
|
+
resize(width: number, height: number): void;
|
|
89
|
+
_setPanelDimensions(width: number, height: number): void;
|
|
90
|
+
setDialogPosition(x: number, y: number): void;
|
|
91
|
+
setVisible(isVisible: boolean): void;
|
|
92
|
+
setTitle(title: string): void;
|
|
93
|
+
setTitleIcon(icon: string): void;
|
|
94
|
+
setHasChanges(changes: boolean): void;
|
|
95
|
+
setCloseIconTemplate(closeIconTemplate: string): void;
|
|
96
|
+
_updateTitle(): void;
|
|
97
|
+
getRawTitle(): string;
|
|
98
|
+
performLayout(children: IDockContainer[], relayoutEvenIfEqual: boolean): void;
|
|
99
|
+
onCloseButtonClicked(e: Event): void;
|
|
100
|
+
close(): Promise<void>;
|
|
101
|
+
}
|