@genesislcap/foundation-layout 14.12.5 → 14.13.0
Sign up to get free protection for your applications and to get access to all the features.
- package/custom-elements-manifest.config.js +14 -0
- package/dist/custom-elements.json +1346 -0
- package/dist/dts/main/layout-item.d.ts +1 -0
- package/dist/dts/main/layout-item.d.ts.map +1 -1
- package/dist/dts/main/layout-main.d.ts +1 -0
- package/dist/dts/main/layout-main.d.ts.map +1 -1
- package/dist/dts/main/layout-region.d.ts +1 -0
- package/dist/dts/main/layout-region.d.ts.map +1 -1
- package/dist/esm/main/layout-item.js +1 -0
- package/dist/esm/main/layout-main.js +1 -0
- package/dist/esm/main/layout-region.js +1 -0
- package/dist/foundation-layout.api.json +10 -4
- package/dist/foundation-layout.d.ts +3 -0
- package/package.json +9 -6
- package/tsdoc.json +4 -0
@@ -7,6 +7,7 @@ import { componentType, LayoutComponent, RegistrationConfig } from '../utils';
|
|
7
7
|
* This element is used to wrap html elements and configure their layout settings as part of the layout system.
|
8
8
|
*
|
9
9
|
* This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
|
10
|
+
* @tagname %%prefix%%-layout-item
|
10
11
|
*/
|
11
12
|
export declare class FoundationLayoutItem extends FoundationElement implements LayoutComponent {
|
12
13
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout-item.d.ts","sourceRoot":"","sources":["../../../src/main/layout-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,aAAa,EAEb,eAAe,EACf,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAIlB
|
1
|
+
{"version":3,"file":"layout-item.d.ts","sourceRoot":"","sources":["../../../src/main/layout-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,aAAa,EAEb,eAAe,EACf,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAIlB;;;;;;;;GAQG;AACH,qBAAa,oBAAqB,SAAQ,iBAAkB,YAAW,eAAe;IACpF;;;;;OAKG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACwB,QAAQ,EAAE,OAAO,CAAS;IAErD;;;OAGG;IACG,IAAI,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACG,YAAY,EAAE,MAAM,CAAC;IAE3B,gBAAgB;IAChB,CAAC,aAAa,CAAC,SAAmB;IAElC,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAY;IAEnC,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAyBzB,gBAAgB;IAChB,OAAO,CAAC,wBAAwB;IAIhC,gBAAgB;IAChB,mBAAmB,IAAI,IAAI;IAI3B,gBAAgB;IAChB,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM;CAG7D;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB;;;;;;+BAG/B,CAAC"}
|
@@ -7,6 +7,7 @@ export { layoutStyles } from '../styles';
|
|
7
7
|
* Top level web component which is used to initialise a custom layout
|
8
8
|
* @remarks
|
9
9
|
* Can be used in a composition to customise the styles of the layout.
|
10
|
+
* @tagname %%prefix%%-layout-region
|
10
11
|
*/
|
11
12
|
export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
|
12
13
|
private layout;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,cAAc,EACf,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAEL,eAAe,EAGf,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EAId,MAAM,WAAW,CAAC;AAKnB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AASzC
|
1
|
+
{"version":3,"file":"layout-main.d.ts","sourceRoot":"","sources":["../../../src/main/layout-main.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,cAAc,EACf,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAEL,eAAe,EAGf,SAAS,EACT,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EAId,MAAM,WAAW,CAAC;AAKnB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AASzC;;;;;;GAMG;AACH,qBAAa,gBAAiB,SAAQ,iBAAkB,YAAW,eAAe;IAChF,OAAO,CAAC,MAAM,CAAe;IAC7B,gBAAgB;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,OAAO,CAAC,YAAY,CAAqC;IAEzD,gBAAgB;IAChB,CAAC,aAAa,CAAC,SAAmB;IAElC;;;;OAIG;IACmC,YAAY,EAAE,MAAM,CAAyB;IACnF,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,oBAAoB,CAAK;IAEjC,gBAAgB;IACV,OAAO,CAAC,IAAI,CAAO;IAEzB,gBAAgB;IACP,OAAO,CAAC,OAAO,CAAU;IAClC;;;;;OAKG;IACmC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3D;;;;OAIG;IACS,sBAAsB,gBAAiB,MAAM,YAC2B;IAEpF;;;;;;;;;;OAUG;IACS,cAAc,UAAS;IACnC,gBAAgB;IACJ,mBAAmB,UAAS;IAExC;;;OAGG;IACS,QAAQ,EAAE,OAAO,CAAS;IAEtC,gBAAgB;;IAShB,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAoBzB,gBAAgB;IAChB,oBAAoB,IAAI,IAAI;IAO5B,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAInB,gBAAgB;IAChB,OAAO,CAAC,UAAU;IAKlB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAKnB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAKrB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAKrB;;OAEG;IAEH;;;;;;;;;;OAUG;IACH,MAAM,CAAC,2BAA2B,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,EAAE;IActE;;;;;;;;OAQG;IACH,eAAe,IAAI,MAAM,EAAE;IAI3B;;;;OAIG;IACH,SAAS,IAAI,gBAAgB;IAI7B;;;;;;;;;;;;OAYG;IACH,6BAA6B,IAAI,OAAO;IAcxC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,GAAE,aAAa,GAAG,OAAiB;IAsBzF;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,MAAM,EAAE,uBAAuB,EAAE,SAAS,GAAE,SAA6B;IAiDjF;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM;IAW/D;;OAEG;IAEH;;;;OAIG;IACH,mBAAmB,IAAI,IAAI;IAe3B;;;;;;;OAOG;IACH,gBAAgB,CAAC,CAAC,SAAS,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IAetD;;;;;;;OAOG;IACH,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,kBAAkB,GAAG,MAAM;IA0DtE;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAehC;;;;SAIK;IACL,OAAO,CAAC,kBAAkB;IAY1B;;;;;;;;OAQG;IACH,OAAO,CAAC,kCAAkC;IA4B1C;;;;;;;;;OASG;IACH,OAAO,CAAC,oBAAoB;CAS7B;AAMD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,uEAK1B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;2BAI3B,CAAC"}
|
@@ -8,6 +8,7 @@ import { componentType, LayoutComponent, LayoutRegionType, RegistrationConfig }
|
|
8
8
|
* This element is used to create a region in the layout. It can be used to create a horizontal or vertical split, or a tabbed region.
|
9
9
|
*
|
10
10
|
* This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
|
11
|
+
* @tagname %%prefix%%-layout-region
|
11
12
|
*/
|
12
13
|
export declare class FoundationLayoutRegion extends FoundationElement implements LayoutComponent {
|
13
14
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"layout-region.d.ts","sourceRoot":"","sources":["../../../src/main/layout-region.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,cAAc,EACf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,aAAa,EAEb,eAAe,EACf,gBAAgB,EAEhB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAiBlB
|
1
|
+
{"version":3,"file":"layout-region.d.ts","sourceRoot":"","sources":["../../../src/main/layout-region.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,cAAc,EACf,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,aAAa,EAEb,eAAe,EACf,gBAAgB,EAEhB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAiBlB;;;;;;;;GAQG;AACH,qBAAa,sBAAuB,SAAQ,iBAAkB,YAAW,eAAe;IACtF;;;OAGG;IACG,IAAI,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACG,IAAI,EAAE,gBAAgB,CAAC;IAE7B,gBAAgB;IAChB,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAgB;IAEjD;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAA0C;IAE9D,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAUzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAS7B,gBAAgB;IAChB,OAAO,CAAC,wBAAwB;IAIhC,gBAAgB;IAChB,gBAAgB,CAAC,CAAC,SAAS,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IAKtD,gBAAgB;IAChB,mBAAmB,IAAI,IAAI;IAI3B,gBAAgB;IAChB,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM;CAG7D;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;;;;;iCAGjC,CAAC"}
|
@@ -10,6 +10,7 @@ import { componentType, getParentLayoutComponent, wrapperTemplate, } from '../ut
|
|
10
10
|
* This element is used to wrap html elements and configure their layout settings as part of the layout system.
|
11
11
|
*
|
12
12
|
* This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
|
13
|
+
* @tagname %%prefix%%-layout-item
|
13
14
|
*/
|
14
15
|
export class FoundationLayoutItem extends FoundationElement {
|
15
16
|
constructor() {
|
@@ -22,6 +22,7 @@ let appliedGlobalStyles = false;
|
|
22
22
|
* Top level web component which is used to initialise a custom layout
|
23
23
|
* @remarks
|
24
24
|
* Can be used in a composition to customise the styles of the layout.
|
25
|
+
* @tagname %%prefix%%-layout-region
|
25
26
|
*/
|
26
27
|
export class FoundationLayout extends FoundationElement {
|
27
28
|
/** @internal */
|
@@ -20,6 +20,7 @@ const regionConveter = (x) => {
|
|
20
20
|
* This element is used to create a region in the layout. It can be used to create a horizontal or vertical split, or a tabbed region.
|
21
21
|
*
|
22
22
|
* This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
|
23
|
+
* @tagname %%prefix%%-layout-region
|
23
24
|
*/
|
24
25
|
export class FoundationLayoutRegion extends FoundationElement {
|
25
26
|
constructor() {
|
@@ -125,6 +125,11 @@
|
|
125
125
|
{
|
126
126
|
"tagName": "@preapproved",
|
127
127
|
"syntaxKind": "modifier"
|
128
|
+
},
|
129
|
+
{
|
130
|
+
"tagName": "@tagname",
|
131
|
+
"syntaxKind": "block",
|
132
|
+
"allowMultiple": true
|
128
133
|
}
|
129
134
|
],
|
130
135
|
"supportForTags": {
|
@@ -155,7 +160,8 @@
|
|
155
160
|
"@virtual": true,
|
156
161
|
"@betaDocumentation": true,
|
157
162
|
"@internalRemarks": true,
|
158
|
-
"@preapproved": true
|
163
|
+
"@preapproved": true,
|
164
|
+
"@tagname": true
|
159
165
|
},
|
160
166
|
"reportUnsupportedHtmlElements": false
|
161
167
|
}
|
@@ -202,7 +208,7 @@
|
|
202
208
|
{
|
203
209
|
"kind": "Class",
|
204
210
|
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayout:class",
|
205
|
-
"docComment": "/**\n * Top level web component which is used to initialise a custom layout\n *\n * @remarks\n *\n * Can be used in a composition to customise the styles of the layout.\n *\n * The constructor for this class is marked as internal. Third-party code should not call the constructor directly or create subclasses that extend the `FoundationLayout` class.\n *\n * @public\n */\n",
|
211
|
+
"docComment": "/**\n * Top level web component which is used to initialise a custom layout\n *\n * @remarks\n *\n * Can be used in a composition to customise the styles of the layout.\n *\n * The constructor for this class is marked as internal. Third-party code should not call the constructor directly or create subclasses that extend the `FoundationLayout` class.\n *\n * @tagname\n *\n * %%prefix%%-layout-region\n *\n * @public\n */\n",
|
206
212
|
"excerptTokens": [
|
207
213
|
{
|
208
214
|
"kind": "Content",
|
@@ -944,7 +950,7 @@
|
|
944
950
|
{
|
945
951
|
"kind": "Class",
|
946
952
|
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayoutItem:class",
|
947
|
-
"docComment": "/**\n * `FoundationLayoutItem` is a custom element that represents an item in the layout.\n *\n * @remarks\n *\n * This element is used to wrap html elements and configure their layout settings as part of the layout system.\n *\n * This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.\n *\n * @public\n */\n",
|
953
|
+
"docComment": "/**\n * `FoundationLayoutItem` is a custom element that represents an item in the layout.\n *\n * @remarks\n *\n * This element is used to wrap html elements and configure their layout settings as part of the layout system.\n *\n * This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.\n *\n * @tagname\n *\n * %%prefix%%-layout-item\n *\n * @public\n */\n",
|
948
954
|
"excerptTokens": [
|
949
955
|
{
|
950
956
|
"kind": "Content",
|
@@ -1110,7 +1116,7 @@
|
|
1110
1116
|
{
|
1111
1117
|
"kind": "Class",
|
1112
1118
|
"canonicalReference": "@genesislcap/foundation-layout!FoundationLayoutRegion:class",
|
1113
|
-
"docComment": "/**\n * `FoundationLayoutRegion` is a custom element that represents a region in the layout.\n *\n * @remarks\n *\n * This element is used to create a region in the layout. It can be used to create a horizontal or vertical split, or a tabbed region.\n *\n * This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.\n *\n * @public\n */\n",
|
1119
|
+
"docComment": "/**\n * `FoundationLayoutRegion` is a custom element that represents a region in the layout.\n *\n * @remarks\n *\n * This element is used to create a region in the layout. It can be used to create a horizontal or vertical split, or a tabbed region.\n *\n * This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.\n *\n * @tagname\n *\n * %%prefix%%-layout-region\n *\n * @public\n */\n",
|
1114
1120
|
"excerptTokens": [
|
1115
1121
|
{
|
1116
1122
|
"kind": "Content",
|
@@ -30,6 +30,7 @@ export declare const DEFAULT_RELOAD_BUFFER = 500;
|
|
30
30
|
* Top level web component which is used to initialise a custom layout
|
31
31
|
* @remarks
|
32
32
|
* Can be used in a composition to customise the styles of the layout.
|
33
|
+
* @tagname %%prefix%%-layout-region
|
33
34
|
*/
|
34
35
|
export declare class FoundationLayout extends FoundationElement implements LayoutComponent {
|
35
36
|
private layout;
|
@@ -295,6 +296,7 @@ export declare const foundationLayoutComponents: {
|
|
295
296
|
* This element is used to wrap html elements and configure their layout settings as part of the layout system.
|
296
297
|
*
|
297
298
|
* This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
|
299
|
+
* @tagname %%prefix%%-layout-item
|
298
300
|
*/
|
299
301
|
export declare class FoundationLayoutItem extends FoundationElement implements LayoutComponent {
|
300
302
|
/**
|
@@ -346,6 +348,7 @@ export declare class FoundationLayoutItem extends FoundationElement implements L
|
|
346
348
|
* This element is used to create a region in the layout. It can be used to create a horizontal or vertical split, or a tabbed region.
|
347
349
|
*
|
348
350
|
* This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
|
351
|
+
* @tagname %%prefix%%-layout-region
|
349
352
|
*/
|
350
353
|
export declare class FoundationLayoutRegion extends FoundationElement implements LayoutComponent {
|
351
354
|
/**
|
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.
|
4
|
+
"version": "14.13.0",
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
6
6
|
"main": "dist/esm/index.js",
|
7
7
|
"types": "dist/foundation-layout.d.ts",
|
@@ -9,14 +9,15 @@
|
|
9
9
|
"PORT": 3020
|
10
10
|
},
|
11
11
|
"scripts": {
|
12
|
+
"api": "npm run api:extract && npm run api:document && npm run cem:analyze",
|
12
13
|
"api:document": "api-documenter markdown -i dist -o docs/api",
|
13
|
-
"api": "npm run api:extract && npm run api:document",
|
14
14
|
"api:extract": "api-extractor run",
|
15
15
|
"build": "npm run clean && npm run build:tsc && npm run copy-files && npm run api",
|
16
16
|
"build:tsc": "tsc -b ./tsconfig.json",
|
17
17
|
"build:webpack": "cross-env NODE_ENV=production webpack",
|
18
18
|
"build:webpack:make-federated-types": "make-federated-types",
|
19
19
|
"build:webpack:stats": "cross-env ANALYZE=1 npm run build:webpack",
|
20
|
+
"cem:analyze": "cem analyze --config custom-elements-manifest.config.js",
|
20
21
|
"clean": "npm run clean:dist",
|
21
22
|
"clean:dist": "node ../../../build/clean dist tsconfig.tsbuildinfo",
|
22
23
|
"copy-files": "copyfiles -u 1 src/**/*.{css,scss,ttf} ./dist/esm",
|
@@ -37,7 +38,8 @@
|
|
37
38
|
"test:unit:watch": "watchlist src test -- npm run test:unit"
|
38
39
|
},
|
39
40
|
"devDependencies": {
|
40
|
-
"@
|
41
|
+
"@custom-elements-manifest/analyzer": "^0.8.1",
|
42
|
+
"@genesislcap/foundation-testing": "^14.13.0",
|
41
43
|
"@module-federation/dashboard-plugin": "2.3.0",
|
42
44
|
"@pixability-ui/federated-types": "^0.2.0",
|
43
45
|
"@playwright/test": "^1.18.1",
|
@@ -77,8 +79,8 @@
|
|
77
79
|
},
|
78
80
|
"dependencies": {
|
79
81
|
"@genesis-community/golden-layout": "^2.9.3",
|
80
|
-
"@genesislcap/foundation-comms": "^14.
|
81
|
-
"@genesislcap/foundation-utils": "^14.
|
82
|
+
"@genesislcap/foundation-comms": "^14.13.0",
|
83
|
+
"@genesislcap/foundation-utils": "^14.13.0",
|
82
84
|
"@microsoft/fast-components": "^2.21.3",
|
83
85
|
"@microsoft/fast-element": "^1.7.0",
|
84
86
|
"@microsoft/fast-foundation": "^2.33.2",
|
@@ -88,5 +90,6 @@
|
|
88
90
|
"publishConfig": {
|
89
91
|
"access": "public"
|
90
92
|
},
|
91
|
-
"
|
93
|
+
"customElements": "dist/custom-elements.json",
|
94
|
+
"gitHead": "5d638f9ce1de7beffa50a3a4367c8f5c49eede25"
|
92
95
|
}
|
package/tsdoc.json
ADDED