@genesislcap/foundation-layout 14.231.1-alpha-85a050e.0 → 14.231.1-alpha-eb7c3cb.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/dist/custom-elements.json +1 -38
- package/dist/dts/main/layout-main.d.ts +3 -6
- package/dist/dts/main/layout-main.d.ts.map +1 -1
- package/dist/dts/utils/types.d.ts +1 -0
- package/dist/dts/utils/types.d.ts.map +1 -1
- package/dist/esm/main/layout-main.js +18 -19
- package/dist/foundation-layout.api.json +58 -60
- package/dist/foundation-layout.d.ts +3 -4
- package/docs/api/{foundation-layout.foundationlayout.showcloseicons.md → foundation-layout.foundationlayout.layout.md} +3 -3
- package/docs/api/foundation-layout.foundationlayout.md +1 -2
- package/docs/api/foundation-layout.registeredelementconfig.md +1 -0
- package/docs/api/foundation-layout.registeredelementconfig.showmaximisebutton.md +11 -0
- package/docs/api-report.md +5 -4
- package/package.json +12 -12
- package/docs/api/foundation-layout.foundationlayout.showmaximiseicons.md +0 -11
@@ -444,7 +444,7 @@
|
|
444
444
|
"type": {
|
445
445
|
"text": "GoldenLayout"
|
446
446
|
},
|
447
|
-
"privacy": "
|
447
|
+
"privacy": "public"
|
448
448
|
},
|
449
449
|
{
|
450
450
|
"kind": "field",
|
@@ -573,22 +573,6 @@
|
|
573
573
|
"privacy": "private",
|
574
574
|
"default": "false"
|
575
575
|
},
|
576
|
-
{
|
577
|
-
"kind": "field",
|
578
|
-
"name": "showCloseIcons",
|
579
|
-
"type": {
|
580
|
-
"text": "boolean"
|
581
|
-
},
|
582
|
-
"default": "false"
|
583
|
-
},
|
584
|
-
{
|
585
|
-
"kind": "field",
|
586
|
-
"name": "showMaximiseIcons",
|
587
|
-
"type": {
|
588
|
-
"text": "boolean"
|
589
|
-
},
|
590
|
-
"default": "false"
|
591
|
-
},
|
592
576
|
{
|
593
577
|
"kind": "method",
|
594
578
|
"name": "layoutRequiredRegistrations",
|
@@ -767,11 +751,6 @@
|
|
767
751
|
},
|
768
752
|
"description": "The `LifecycleMixin` can use the lifecycleUpdateToken to determine if it needs to gate\nlifecycle methods from running when other items have been added or deleted.\nThis key is updated every time one of these actions are performed, so you can check if the key has changed and know you potentially need to gate some of your lifecycle functionality.\nThis method should be called whenever we are about to perform an action which will cause a lifecycle update, should as adding or removing an item from the layout"
|
769
753
|
},
|
770
|
-
{
|
771
|
-
"kind": "method",
|
772
|
-
"name": "setupOverrides",
|
773
|
-
"privacy": "private"
|
774
|
-
},
|
775
754
|
{
|
776
755
|
"kind": "field",
|
777
756
|
"name": "_presentation",
|
@@ -934,22 +913,6 @@
|
|
934
913
|
"module": "src/main/layout-main.ts"
|
935
914
|
},
|
936
915
|
"fieldName": "popoutConfig"
|
937
|
-
},
|
938
|
-
{
|
939
|
-
"name": "hideCloseIcons",
|
940
|
-
"type": {
|
941
|
-
"text": "boolean"
|
942
|
-
},
|
943
|
-
"default": "false",
|
944
|
-
"fieldName": "showCloseIcons"
|
945
|
-
},
|
946
|
-
{
|
947
|
-
"name": "showMaximiseIcons",
|
948
|
-
"type": {
|
949
|
-
"text": "boolean"
|
950
|
-
},
|
951
|
-
"default": "false",
|
952
|
-
"fieldName": "showMaximiseIcons"
|
953
916
|
}
|
954
917
|
],
|
955
918
|
"superclass": {
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { LayoutConfig, RootItemConfig } from '@genesis-community/golden-layout';
|
1
|
+
import { GoldenLayout, LayoutConfig, RootItemConfig } from '@genesis-community/golden-layout';
|
2
2
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
3
|
-
import { LayoutComponent, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout
|
3
|
+
import { componentType, CustomButton, LayoutComponent, Placement, RegisteredElementConfig, RegistrationConfig, SerialisedLayout } from '../utils/';
|
4
4
|
export { layoutStyles } from '../styles';
|
5
5
|
/**
|
6
6
|
* @public
|
@@ -16,7 +16,7 @@ export { layoutStyles } from '../styles';
|
|
16
16
|
*/
|
17
17
|
export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
|
18
18
|
#private;
|
19
|
-
|
19
|
+
layout: GoldenLayout;
|
20
20
|
/** @internal */
|
21
21
|
layoutElement: HTMLElement;
|
22
22
|
private layoutConfig;
|
@@ -101,8 +101,6 @@ export declare class FoundationLayout extends FoundationElement implements Layou
|
|
101
101
|
*/
|
102
102
|
popoutConfig: string | undefined;
|
103
103
|
private popupMode;
|
104
|
-
showCloseIcons: boolean;
|
105
|
-
showMaximiseIcons: boolean;
|
106
104
|
/** @internal */
|
107
105
|
constructor();
|
108
106
|
/** @internal */
|
@@ -344,7 +342,6 @@ export declare class FoundationLayout extends FoundationElement implements Layou
|
|
344
342
|
* @internal
|
345
343
|
*/
|
346
344
|
private initPopoutModeIfEnabled;
|
347
|
-
private setupOverrides;
|
348
345
|
}
|
349
346
|
/**
|
350
347
|
* `ViewTemplate` which defines the html for {@link FoundationLayout}.
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,oBAAoB,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDK;AACL,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,IAAI,CAAC,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,oBAAoB,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoDK;AACL,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,IAAI,CAAC,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,gBAAgB,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,gBAAgB;AAChB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,gBAAgB;AAChB,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,OAAO,GAC1C,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrC,CAAC,iBAAiB,CAAC,CAAC,EAAE,iBAAiB,CAAC;CACzC,CAAC;AAEJ,gBAAgB;AAChB,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,gBAAgB;AAChB,eAAO,MAAM,iBAAiB,6CAA8C,CAAC;AAC7E;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,gBAAgB;AAChB,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhE,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,CAAC,aAAa,CAAC,EAAE,cAAc,CAAC;IAChC,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC;IAC7D,mBAAmB,IAAI,IAAI,CAAC;CAC7B;AAED,gBAAgB;AAChB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB,CAAC"}
|
@@ -3,11 +3,10 @@ import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from "tsli
|
|
3
3
|
import { GoldenLayout, LayoutConfig, ResolvedLayoutConfig, } from '@genesis-community/golden-layout';
|
4
4
|
import { Session } from '@genesislcap/foundation-comms';
|
5
5
|
import { layoutCacheDocument, UUID } from '@genesislcap/foundation-utils';
|
6
|
-
import {
|
6
|
+
import { attr, html, observable, ref, when } from '@microsoft/fast-element';
|
7
7
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
8
|
-
import { globalDraggingStyles, glVisualConfig,
|
9
|
-
import {
|
10
|
-
import { getMissingArrayItems } from '../utils/';
|
8
|
+
import { globalDraggingStyles, glVisualConfig, LAYOUT_ICONS, layoutStyles } from '../styles';
|
9
|
+
import { AUTOSAVE_KEY, componentType, DEFAULT_RELOAD_BUFFER, getMissingArrayItems, instanceContainer, LAYOUT_POPOUT_CONTAINER_CLASS, LAYOUT_POPOUT_CONTROL_KEY, LayoutEmitEvents, LayoutReceiveEvents, regionConveter, } from '../utils/';
|
11
10
|
import { LayoutRegistrationError, LayoutUsageError } from '../utils/error';
|
12
11
|
import { logger } from '../utils/logger';
|
13
12
|
export { layoutStyles } from '../styles';
|
@@ -37,6 +36,8 @@ const defaultAddItemPlacement = {
|
|
37
36
|
* @fires item-resized - emitted when the user drags the divider to resize elements
|
38
37
|
*/
|
39
38
|
export class FoundationLayout extends FoundationElement {
|
39
|
+
// @attr({ attribute: 'showCloseIcon' }) showCloseIcon: boolean = false;
|
40
|
+
// @attr({ attribute: 'showMaximiseIcon' }) showMaximiseIcon: boolean = false;
|
40
41
|
/** @internal */
|
41
42
|
constructor() {
|
42
43
|
super();
|
@@ -106,8 +107,6 @@ export class FoundationLayout extends FoundationElement {
|
|
106
107
|
*/
|
107
108
|
this.popoutConfig = undefined;
|
108
109
|
this.popupMode = false;
|
109
|
-
this.showCloseIcons = false;
|
110
|
-
this.showMaximiseIcons = false;
|
111
110
|
/** @internal */
|
112
111
|
_FoundationLayout__boundDragListener.set(this, undefined);
|
113
112
|
this.onDragStart = this.onDragStart.bind(this);
|
@@ -126,7 +125,6 @@ export class FoundationLayout extends FoundationElement {
|
|
126
125
|
this.updateLifecycleToken();
|
127
126
|
this.layout = new GoldenLayout(this.layoutElement);
|
128
127
|
this.layout.resizeWithContainerAutomatically = true;
|
129
|
-
this.setupOverrides();
|
130
128
|
if (!appliedGlobalStyles) {
|
131
129
|
new CSSStyleSheet()
|
132
130
|
.replace(globalDraggingStyles)
|
@@ -394,7 +392,7 @@ export class FoundationLayout extends FoundationElement {
|
|
394
392
|
const configArray = Array.isArray(config) ? config : [config];
|
395
393
|
const isSingleItem = configArray.length === 1;
|
396
394
|
const childItems = configArray.map((regConfig) => {
|
397
|
-
const { registration, title, size, closable } = regConfig;
|
395
|
+
const { registration, title, size, closable, showMaximiseButton } = regConfig;
|
398
396
|
if (!this.layout.getRegisteredComponentTypeNames().includes(registration)) {
|
399
397
|
throw new LayoutRegistrationError(`Cannot add item '${registration}' which is not registered with the layout system.`);
|
400
398
|
}
|
@@ -405,6 +403,9 @@ export class FoundationLayout extends FoundationElement {
|
|
405
403
|
reorderEnabled: true,
|
406
404
|
isClosable: closable || false,
|
407
405
|
size: !isSingleItem ? size : undefined,
|
406
|
+
header: {
|
407
|
+
maximise: showMaximiseButton ? 'maximise' : false,
|
408
|
+
},
|
408
409
|
};
|
409
410
|
});
|
410
411
|
const itemConfig = {
|
@@ -714,8 +715,15 @@ export class FoundationLayout extends FoundationElement {
|
|
714
715
|
*/
|
715
716
|
loadGLConfigAndSetup(config) {
|
716
717
|
this.hasFirstLoaded = true;
|
717
|
-
const layoutConfig =
|
718
|
-
|
718
|
+
// const layoutConfig = {
|
719
|
+
// ...config,
|
720
|
+
// header: {
|
721
|
+
// ...config.header,
|
722
|
+
// maximise: this.showMaximiseIcon ? 'maximise' : false,
|
723
|
+
// close: this.showCloseIcon ? 'close' : false,
|
724
|
+
// },
|
725
|
+
// } as LayoutConfig;
|
726
|
+
this.layout.loadLayout(Object.assign(Object.assign(Object.assign({}, config), glVisualConfig), { dimensions: Object.assign(Object.assign({}, glVisualConfig.dimensions), this.dimensionsConfig) }));
|
719
727
|
this.attatchResizeEvents();
|
720
728
|
}
|
721
729
|
/**
|
@@ -807,9 +815,6 @@ export class FoundationLayout extends FoundationElement {
|
|
807
815
|
});
|
808
816
|
this.popupMode = window.location.search.includes(LAYOUT_POPOUT_CONTROL_KEY);
|
809
817
|
}
|
810
|
-
setupOverrides() {
|
811
|
-
this.layout.layoutConfig = Object.assign(Object.assign({}, this.layout.layoutConfig), { header: Object.assign(Object.assign({}, this.layout.layoutConfig.header), { maximise: this.showMaximiseIcons ? 'maximise' : false, close: this.showCloseIcons ? 'close' : false }) });
|
812
|
-
}
|
813
818
|
}
|
814
819
|
_FoundationLayout__boundDragListener = new WeakMap(), _a = componentType;
|
815
820
|
__decorate([
|
@@ -839,12 +844,6 @@ __decorate([
|
|
839
844
|
__decorate([
|
840
845
|
attr({ attribute: 'popout-config' })
|
841
846
|
], FoundationLayout.prototype, "popoutConfig", void 0);
|
842
|
-
__decorate([
|
843
|
-
attr({ attribute: 'hideCloseIcons' })
|
844
|
-
], FoundationLayout.prototype, "showCloseIcons", void 0);
|
845
|
-
__decorate([
|
846
|
-
attr({ attribute: 'showMaximiseIcons' })
|
847
|
-
], FoundationLayout.prototype, "showMaximiseIcons", void 0);
|
848
847
|
const loadingTemplate = html `
|
849
848
|
<div class="html-spinner"></div>
|
850
849
|
`;
|
@@ -586,6 +586,37 @@
|
|
586
586
|
"isProtected": false,
|
587
587
|
"isAbstract": false
|
588
588
|
},
|
589
|
+
{
|
590
|
+
"kind": "Property",
|
591
|
+
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#layout:member",
|
592
|
+
"docComment": "",
|
593
|
+
"excerptTokens": [
|
594
|
+
{
|
595
|
+
"kind": "Content",
|
596
|
+
"text": "layout: "
|
597
|
+
},
|
598
|
+
{
|
599
|
+
"kind": "Reference",
|
600
|
+
"text": "GoldenLayout",
|
601
|
+
"canonicalReference": "@genesis-community/golden-layout!GoldenLayout:class"
|
602
|
+
},
|
603
|
+
{
|
604
|
+
"kind": "Content",
|
605
|
+
"text": ";"
|
606
|
+
}
|
607
|
+
],
|
608
|
+
"isReadonly": false,
|
609
|
+
"isOptional": false,
|
610
|
+
"releaseTag": "Public",
|
611
|
+
"name": "layout",
|
612
|
+
"propertyTypeTokenRange": {
|
613
|
+
"startIndex": 1,
|
614
|
+
"endIndex": 2
|
615
|
+
},
|
616
|
+
"isStatic": false,
|
617
|
+
"isProtected": false,
|
618
|
+
"isAbstract": false
|
619
|
+
},
|
589
620
|
{
|
590
621
|
"kind": "Method",
|
591
622
|
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayout.layoutRequiredRegistrations:member(1)",
|
@@ -1000,66 +1031,6 @@
|
|
1000
1031
|
"isAbstract": false,
|
1001
1032
|
"name": "removeItems"
|
1002
1033
|
},
|
1003
|
-
{
|
1004
|
-
"kind": "Property",
|
1005
|
-
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#showCloseIcons:member",
|
1006
|
-
"docComment": "",
|
1007
|
-
"excerptTokens": [
|
1008
|
-
{
|
1009
|
-
"kind": "Content",
|
1010
|
-
"text": "showCloseIcons: "
|
1011
|
-
},
|
1012
|
-
{
|
1013
|
-
"kind": "Content",
|
1014
|
-
"text": "boolean"
|
1015
|
-
},
|
1016
|
-
{
|
1017
|
-
"kind": "Content",
|
1018
|
-
"text": ";"
|
1019
|
-
}
|
1020
|
-
],
|
1021
|
-
"isReadonly": false,
|
1022
|
-
"isOptional": false,
|
1023
|
-
"releaseTag": "Public",
|
1024
|
-
"name": "showCloseIcons",
|
1025
|
-
"propertyTypeTokenRange": {
|
1026
|
-
"startIndex": 1,
|
1027
|
-
"endIndex": 2
|
1028
|
-
},
|
1029
|
-
"isStatic": false,
|
1030
|
-
"isProtected": false,
|
1031
|
-
"isAbstract": false
|
1032
|
-
},
|
1033
|
-
{
|
1034
|
-
"kind": "Property",
|
1035
|
-
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#showMaximiseIcons:member",
|
1036
|
-
"docComment": "",
|
1037
|
-
"excerptTokens": [
|
1038
|
-
{
|
1039
|
-
"kind": "Content",
|
1040
|
-
"text": "showMaximiseIcons: "
|
1041
|
-
},
|
1042
|
-
{
|
1043
|
-
"kind": "Content",
|
1044
|
-
"text": "boolean"
|
1045
|
-
},
|
1046
|
-
{
|
1047
|
-
"kind": "Content",
|
1048
|
-
"text": ";"
|
1049
|
-
}
|
1050
|
-
],
|
1051
|
-
"isReadonly": false,
|
1052
|
-
"isOptional": false,
|
1053
|
-
"releaseTag": "Public",
|
1054
|
-
"name": "showMaximiseIcons",
|
1055
|
-
"propertyTypeTokenRange": {
|
1056
|
-
"startIndex": 1,
|
1057
|
-
"endIndex": 2
|
1058
|
-
},
|
1059
|
-
"isStatic": false,
|
1060
|
-
"isProtected": false,
|
1061
|
-
"isAbstract": false
|
1062
|
-
},
|
1063
1034
|
{
|
1064
1035
|
"kind": "Method",
|
1065
1036
|
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayout#tryActivatePopoutMode:member(1)",
|
@@ -2172,6 +2143,33 @@
|
|
2172
2143
|
"endIndex": 2
|
2173
2144
|
}
|
2174
2145
|
},
|
2146
|
+
{
|
2147
|
+
"kind": "PropertySignature",
|
2148
|
+
"canonicalReference": "@genesislcap/foundation-layout!RegisteredElementConfig#showMaximiseButton:member",
|
2149
|
+
"docComment": "",
|
2150
|
+
"excerptTokens": [
|
2151
|
+
{
|
2152
|
+
"kind": "Content",
|
2153
|
+
"text": "showMaximiseButton?: "
|
2154
|
+
},
|
2155
|
+
{
|
2156
|
+
"kind": "Content",
|
2157
|
+
"text": "boolean"
|
2158
|
+
},
|
2159
|
+
{
|
2160
|
+
"kind": "Content",
|
2161
|
+
"text": ";"
|
2162
|
+
}
|
2163
|
+
],
|
2164
|
+
"isReadonly": false,
|
2165
|
+
"isOptional": true,
|
2166
|
+
"releaseTag": "Public",
|
2167
|
+
"name": "showMaximiseButton",
|
2168
|
+
"propertyTypeTokenRange": {
|
2169
|
+
"startIndex": 1,
|
2170
|
+
"endIndex": 2
|
2171
|
+
}
|
2172
|
+
},
|
2175
2173
|
{
|
2176
2174
|
"kind": "PropertySignature",
|
2177
2175
|
"canonicalReference": "@genesislcap/foundation-layout!RegisteredElementConfig#size:member",
|
@@ -2,6 +2,7 @@ import type { Container } from '@microsoft/fast-foundation';
|
|
2
2
|
import { ElementStyles } from '@microsoft/fast-element';
|
3
3
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
4
4
|
import { FoundationElementRegistry } from '@microsoft/fast-foundation';
|
5
|
+
import { GoldenLayout } from '@genesis-community/golden-layout';
|
5
6
|
import { LayoutConfig } from '@genesis-community/golden-layout';
|
6
7
|
import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
|
7
8
|
import { ResolvedLayoutConfig } from '@genesis-community/golden-layout';
|
@@ -52,7 +53,7 @@ export declare const DEFAULT_RELOAD_BUFFER = 500;
|
|
52
53
|
*/
|
53
54
|
export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
|
54
55
|
#private;
|
55
|
-
|
56
|
+
layout: GoldenLayout;
|
56
57
|
/** @internal */
|
57
58
|
layoutElement: HTMLElement;
|
58
59
|
private layoutConfig;
|
@@ -137,8 +138,6 @@ export declare class FoundationLayout extends FoundationElement implements Layou
|
|
137
138
|
*/
|
138
139
|
popoutConfig: string | undefined;
|
139
140
|
private popupMode;
|
140
|
-
showCloseIcons: boolean;
|
141
|
-
showMaximiseIcons: boolean;
|
142
141
|
/** @internal */
|
143
142
|
constructor();
|
144
143
|
/** @internal */
|
@@ -380,7 +379,6 @@ export declare class FoundationLayout extends FoundationElement implements Layou
|
|
380
379
|
* @internal
|
381
380
|
*/
|
382
381
|
private initPopoutModeIfEnabled;
|
383
|
-
private setupOverrides;
|
384
382
|
}
|
385
383
|
|
386
384
|
/**
|
@@ -749,6 +747,7 @@ export declare interface RegisteredElementConfig {
|
|
749
747
|
title?: string;
|
750
748
|
closable?: boolean;
|
751
749
|
size?: string;
|
750
|
+
showMaximiseButton?: boolean;
|
752
751
|
}
|
753
752
|
|
754
753
|
/** @internal */
|
@@ -1,11 +1,11 @@
|
|
1
1
|
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
2
2
|
|
3
|
-
[Home](./index.md) > [@genesislcap/foundation-layout](./foundation-layout.md) > [FoundationLayout](./foundation-layout.foundationlayout.md) > [
|
3
|
+
[Home](./index.md) > [@genesislcap/foundation-layout](./foundation-layout.md) > [FoundationLayout](./foundation-layout.foundationlayout.md) > [layout](./foundation-layout.foundationlayout.layout.md)
|
4
4
|
|
5
|
-
## FoundationLayout.
|
5
|
+
## FoundationLayout.layout property
|
6
6
|
|
7
7
|
**Signature:**
|
8
8
|
|
9
9
|
```typescript
|
10
|
-
|
10
|
+
layout: GoldenLayout;
|
11
11
|
```
|
@@ -31,12 +31,11 @@ The constructor for this class is marked as internal. Third-party code should no
|
|
31
31
|
| [dimensionsConfig?](./foundation-layout.foundationlayout.dimensionsconfig.md) | | LayoutConfig.Dimensions | _(Optional)_ Apply dimensions config to the layout, such as setting the size of the drag handles. |
|
32
32
|
| [dragging](./foundation-layout.foundationlayout.dragging.md) | | boolean | Set to true when the user is currently dragging the panes inside of the layout |
|
33
33
|
| [hasFirstLoaded](./foundation-layout.foundationlayout.hasfirstloaded.md) | | boolean | Boolean signifies whether the layout has loaded for the first time or not. |
|
34
|
+
| [layout](./foundation-layout.foundationlayout.layout.md) | | GoldenLayout | |
|
34
35
|
| [lifecycleUpdateToken](./foundation-layout.foundationlayout.lifecycleupdatetoken.md) | | string \| undefined | Used to calculate whether a layout item should run its lifecycle methods or not |
|
35
36
|
| [missingItemPlaceholder](./foundation-layout.foundationlayout.missingitemplaceholder.md) | | (missingItem: string) => string | Function which is used to generate the placeholder text when a layout is loaded with a missing item. |
|
36
37
|
| [popoutConfig](./foundation-layout.foundationlayout.popoutconfig.md) | | string \| undefined | **_(BETA)_** Controls whether popout functionality is enabled on the layout. Defaults to disabled. Set this attribute to any string to enable popout functionality. If this string is of format <code>number;number</code> then this will be interpreted as the width and height of the popout window. |
|
37
38
|
| [reloadBuffer](./foundation-layout.foundationlayout.reloadbuffer.md) | | number | Number describing how long to wait in ms before reloading the config when adding items declaratively by the html API. Default 500 (ms). |
|
38
|
-
| [showCloseIcons](./foundation-layout.foundationlayout.showcloseicons.md) | | boolean | |
|
39
|
-
| [showMaximiseIcons](./foundation-layout.foundationlayout.showmaximiseicons.md) | | boolean | |
|
40
39
|
|
41
40
|
## Methods
|
42
41
|
|
@@ -22,6 +22,7 @@ export interface RegisteredElementConfig
|
|
22
22
|
| --- | --- | --- | --- |
|
23
23
|
| [closable?](./foundation-layout.registeredelementconfig.closable.md) | | boolean | _(Optional)_ |
|
24
24
|
| [registration](./foundation-layout.registeredelementconfig.registration.md) | | string | |
|
25
|
+
| [showMaximiseButton?](./foundation-layout.registeredelementconfig.showmaximisebutton.md) | | boolean | _(Optional)_ |
|
25
26
|
| [size?](./foundation-layout.registeredelementconfig.size.md) | | string | _(Optional)_ |
|
26
27
|
| [title?](./foundation-layout.registeredelementconfig.title.md) | | string | _(Optional)_ |
|
27
28
|
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
2
|
+
|
3
|
+
[Home](./index.md) > [@genesislcap/foundation-layout](./foundation-layout.md) > [RegisteredElementConfig](./foundation-layout.registeredelementconfig.md) > [showMaximiseButton](./foundation-layout.registeredelementconfig.showmaximisebutton.md)
|
4
|
+
|
5
|
+
## RegisteredElementConfig.showMaximiseButton property
|
6
|
+
|
7
|
+
**Signature:**
|
8
|
+
|
9
|
+
```typescript
|
10
|
+
showMaximiseButton?: boolean;
|
11
|
+
```
|
package/docs/api-report.md
CHANGED
@@ -8,6 +8,7 @@ import type { Container } from '@microsoft/fast-foundation';
|
|
8
8
|
import { ElementStyles } from '@microsoft/fast-element';
|
9
9
|
import { FoundationElement } from '@microsoft/fast-foundation';
|
10
10
|
import { FoundationElementRegistry } from '@microsoft/fast-foundation';
|
11
|
+
import { GoldenLayout } from '@genesis-community/golden-layout';
|
11
12
|
import { LayoutConfig } from '@genesis-community/golden-layout';
|
12
13
|
import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation';
|
13
14
|
import { ResolvedLayoutConfig } from '@genesis-community/golden-layout';
|
@@ -47,6 +48,8 @@ export class FoundationLayout extends FoundationElement implements LayoutCompone
|
|
47
48
|
dragging: boolean;
|
48
49
|
getLayout(): SerialisedLayout;
|
49
50
|
hasFirstLoaded: boolean;
|
51
|
+
// (undocumented)
|
52
|
+
layout: GoldenLayout;
|
50
53
|
// @internal (undocumented)
|
51
54
|
layoutElement: HTMLElement;
|
52
55
|
static layoutRequiredRegistrations(layout: SerialisedLayout): string[];
|
@@ -61,10 +64,6 @@ export class FoundationLayout extends FoundationElement implements LayoutCompone
|
|
61
64
|
removeItems(registration: string, force?: boolean): number;
|
62
65
|
// @internal
|
63
66
|
requestLayoutReload(): void;
|
64
|
-
// (undocumented)
|
65
|
-
showCloseIcons: boolean;
|
66
|
-
// (undocumented)
|
67
|
-
showMaximiseIcons: boolean;
|
68
67
|
// @beta
|
69
68
|
tryActivatePopoutMode(): boolean;
|
70
69
|
tryLoadLayoutFromLocalStorage(): boolean;
|
@@ -211,6 +210,8 @@ export interface RegisteredElementConfig {
|
|
211
210
|
// (undocumented)
|
212
211
|
registration: string;
|
213
212
|
// (undocumented)
|
213
|
+
showMaximiseButton?: boolean;
|
214
|
+
// (undocumented)
|
214
215
|
size?: string;
|
215
216
|
// (undocumented)
|
216
217
|
title?: string;
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@genesislcap/foundation-layout",
|
3
3
|
"description": "Genesis Foundation UI App Layout",
|
4
|
-
"version": "14.231.1-alpha-
|
4
|
+
"version": "14.231.1-alpha-eb7c3cb.0",
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
6
6
|
"main": "dist/esm/index.js",
|
7
7
|
"types": "dist/foundation-layout.d.ts",
|
@@ -36,20 +36,20 @@
|
|
36
36
|
}
|
37
37
|
},
|
38
38
|
"devDependencies": {
|
39
|
-
"@genesislcap/foundation-testing": "14.231.1-alpha-
|
40
|
-
"@genesislcap/genx": "14.231.1-alpha-
|
41
|
-
"@genesislcap/rollup-builder": "14.231.1-alpha-
|
42
|
-
"@genesislcap/ts-builder": "14.231.1-alpha-
|
43
|
-
"@genesislcap/uvu-playwright-builder": "14.231.1-alpha-
|
44
|
-
"@genesislcap/vite-builder": "14.231.1-alpha-
|
45
|
-
"@genesislcap/webpack-builder": "14.231.1-alpha-
|
39
|
+
"@genesislcap/foundation-testing": "14.231.1-alpha-eb7c3cb.0",
|
40
|
+
"@genesislcap/genx": "14.231.1-alpha-eb7c3cb.0",
|
41
|
+
"@genesislcap/rollup-builder": "14.231.1-alpha-eb7c3cb.0",
|
42
|
+
"@genesislcap/ts-builder": "14.231.1-alpha-eb7c3cb.0",
|
43
|
+
"@genesislcap/uvu-playwright-builder": "14.231.1-alpha-eb7c3cb.0",
|
44
|
+
"@genesislcap/vite-builder": "14.231.1-alpha-eb7c3cb.0",
|
45
|
+
"@genesislcap/webpack-builder": "14.231.1-alpha-eb7c3cb.0",
|
46
46
|
"rimraf": "^5.0.0"
|
47
47
|
},
|
48
48
|
"dependencies": {
|
49
49
|
"@genesis-community/golden-layout": "^2.11.0",
|
50
|
-
"@genesislcap/foundation-comms": "14.231.1-alpha-
|
51
|
-
"@genesislcap/foundation-logger": "14.231.1-alpha-
|
52
|
-
"@genesislcap/foundation-utils": "14.231.1-alpha-
|
50
|
+
"@genesislcap/foundation-comms": "14.231.1-alpha-eb7c3cb.0",
|
51
|
+
"@genesislcap/foundation-logger": "14.231.1-alpha-eb7c3cb.0",
|
52
|
+
"@genesislcap/foundation-utils": "14.231.1-alpha-eb7c3cb.0",
|
53
53
|
"@microsoft/fast-components": "2.30.6",
|
54
54
|
"@microsoft/fast-element": "1.14.0",
|
55
55
|
"@microsoft/fast-foundation": "2.49.6",
|
@@ -64,5 +64,5 @@
|
|
64
64
|
"access": "public"
|
65
65
|
},
|
66
66
|
"customElements": "dist/custom-elements.json",
|
67
|
-
"gitHead": "
|
67
|
+
"gitHead": "32efdc5065fc5f00e5b70ef055e6b05b319f46aa"
|
68
68
|
}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
2
|
-
|
3
|
-
[Home](./index.md) > [@genesislcap/foundation-layout](./foundation-layout.md) > [FoundationLayout](./foundation-layout.foundationlayout.md) > [showMaximiseIcons](./foundation-layout.foundationlayout.showmaximiseicons.md)
|
4
|
-
|
5
|
-
## FoundationLayout.showMaximiseIcons property
|
6
|
-
|
7
|
-
**Signature:**
|
8
|
-
|
9
|
-
```typescript
|
10
|
-
showMaximiseIcons: boolean;
|
11
|
-
```
|