@genesislcap/foundation-layout 14.12.5 → 14.13.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/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