@genesislcap/foundation-header 14.360.1-alpha-ed37658.0 → 14.361.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 +388 -64
- package/dist/dts/components/control-panel.d.ts +109 -0
- package/dist/dts/components/control-panel.d.ts.map +1 -0
- package/dist/dts/components/index.d.ts +2 -0
- package/dist/dts/components/index.d.ts.map +1 -0
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/main/main.d.ts +12 -1
- package/dist/dts/main/main.d.ts.map +1 -1
- package/dist/dts/main/main.styles.d.ts.map +1 -1
- package/dist/dts/main/main.template.d.ts +1 -1
- package/dist/dts/main/main.template.d.ts.map +1 -1
- package/dist/esm/components/control-panel.js +410 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/main/main.js +15 -1
- package/dist/esm/main/main.styles.js +0 -4
- package/dist/esm/main/main.template.js +19 -0
- package/dist/foundation-header.api.json +61 -0
- package/dist/foundation-header.d.ts +120 -1
- package/docs/api/foundation-header.navigation.controlpanel.md +11 -0
- package/docs/api/foundation-header.navigation.md +36 -0
- package/docs/api/foundation-header.navigation.showcontrolpanel.md +13 -0
- package/docs/api-report.md.api.md +54 -1
- package/package.json +22 -22
|
@@ -7,6 +7,14 @@
|
|
|
7
7
|
"path": "src/index.ts",
|
|
8
8
|
"declarations": [],
|
|
9
9
|
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"package": "./components"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
10
18
|
{
|
|
11
19
|
"kind": "js",
|
|
12
20
|
"name": "*",
|
|
@@ -25,6 +33,228 @@
|
|
|
25
33
|
}
|
|
26
34
|
]
|
|
27
35
|
},
|
|
36
|
+
{
|
|
37
|
+
"kind": "javascript-module",
|
|
38
|
+
"path": "src/components/control-panel.ts",
|
|
39
|
+
"declarations": [
|
|
40
|
+
{
|
|
41
|
+
"kind": "class",
|
|
42
|
+
"description": "control-panel",
|
|
43
|
+
"name": "ControlPanel",
|
|
44
|
+
"members": [
|
|
45
|
+
{
|
|
46
|
+
"kind": "field",
|
|
47
|
+
"name": "handleKeyDown",
|
|
48
|
+
"privacy": "private"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"kind": "field",
|
|
52
|
+
"name": "handleKeyDownBound",
|
|
53
|
+
"privacy": "private"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"kind": "method",
|
|
57
|
+
"name": "toggleSelection",
|
|
58
|
+
"privacy": "private",
|
|
59
|
+
"return": {
|
|
60
|
+
"type": {
|
|
61
|
+
"text": "SelectableKey[]"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
"parameters": [
|
|
65
|
+
{
|
|
66
|
+
"name": "key",
|
|
67
|
+
"type": {
|
|
68
|
+
"text": "string"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "keys",
|
|
73
|
+
"type": {
|
|
74
|
+
"text": "SelectableKey[]"
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"kind": "method",
|
|
81
|
+
"name": "deleteKeysFromSessionStorage",
|
|
82
|
+
"privacy": "private",
|
|
83
|
+
"parameters": [
|
|
84
|
+
{
|
|
85
|
+
"name": "storageKey",
|
|
86
|
+
"type": {
|
|
87
|
+
"text": "string"
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"name": "keysToDelete",
|
|
92
|
+
"type": {
|
|
93
|
+
"text": "string[]"
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"kind": "method",
|
|
100
|
+
"name": "deleteKeysFromLocalStorage",
|
|
101
|
+
"privacy": "private",
|
|
102
|
+
"parameters": [
|
|
103
|
+
{
|
|
104
|
+
"name": "storageKey",
|
|
105
|
+
"type": {
|
|
106
|
+
"text": "string"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "keys",
|
|
111
|
+
"type": {
|
|
112
|
+
"text": "SelectableKey[]"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"kind": "method",
|
|
119
|
+
"name": "getKeysForSessionStorageItem",
|
|
120
|
+
"privacy": "private",
|
|
121
|
+
"return": {
|
|
122
|
+
"type": {
|
|
123
|
+
"text": "SelectableKey[]"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
"parameters": [
|
|
127
|
+
{
|
|
128
|
+
"name": "storageKey",
|
|
129
|
+
"type": {
|
|
130
|
+
"text": "string"
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"kind": "method",
|
|
137
|
+
"name": "getKeysForStorageItem",
|
|
138
|
+
"privacy": "private",
|
|
139
|
+
"return": {
|
|
140
|
+
"type": {
|
|
141
|
+
"text": "SelectableKey[]"
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
"parameters": [
|
|
145
|
+
{
|
|
146
|
+
"name": "storageKey",
|
|
147
|
+
"type": {
|
|
148
|
+
"text": "string"
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
]
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"kind": "method",
|
|
155
|
+
"name": "getKeysForKVStorage",
|
|
156
|
+
"privacy": "private",
|
|
157
|
+
"return": {
|
|
158
|
+
"type": {
|
|
159
|
+
"text": "Promise<SelectableKey[]>"
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"kind": "method",
|
|
165
|
+
"name": "deleteKeysFromKVStorage",
|
|
166
|
+
"privacy": "private",
|
|
167
|
+
"return": {
|
|
168
|
+
"type": {
|
|
169
|
+
"text": "Promise<void>"
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
"parameters": [
|
|
173
|
+
{
|
|
174
|
+
"name": "keysToDelete",
|
|
175
|
+
"type": {
|
|
176
|
+
"text": "string[]"
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
]
|
|
180
|
+
}
|
|
181
|
+
],
|
|
182
|
+
"superclass": {
|
|
183
|
+
"name": "GenesisElement",
|
|
184
|
+
"package": "@genesislcap/web-core"
|
|
185
|
+
},
|
|
186
|
+
"tagName": "control-panel",
|
|
187
|
+
"customElement": true
|
|
188
|
+
}
|
|
189
|
+
],
|
|
190
|
+
"exports": [
|
|
191
|
+
{
|
|
192
|
+
"kind": "custom-element-definition",
|
|
193
|
+
"name": "control-panel",
|
|
194
|
+
"declaration": {
|
|
195
|
+
"name": "ControlPanel",
|
|
196
|
+
"module": "src/components/control-panel.ts"
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
]
|
|
200
|
+
},
|
|
201
|
+
{
|
|
202
|
+
"kind": "javascript-module",
|
|
203
|
+
"path": "src/components/index.ts",
|
|
204
|
+
"declarations": [],
|
|
205
|
+
"exports": [
|
|
206
|
+
{
|
|
207
|
+
"kind": "js",
|
|
208
|
+
"name": "*",
|
|
209
|
+
"declaration": {
|
|
210
|
+
"name": "*",
|
|
211
|
+
"package": "./control-panel"
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
]
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"kind": "javascript-module",
|
|
218
|
+
"path": "src/components/rapid-components.ts",
|
|
219
|
+
"declarations": [
|
|
220
|
+
{
|
|
221
|
+
"kind": "function",
|
|
222
|
+
"name": "registerCommonRapidComponents",
|
|
223
|
+
"privacy": "public"
|
|
224
|
+
}
|
|
225
|
+
],
|
|
226
|
+
"exports": [
|
|
227
|
+
{
|
|
228
|
+
"kind": "js",
|
|
229
|
+
"name": "registerCommonRapidComponents",
|
|
230
|
+
"declaration": {
|
|
231
|
+
"name": "registerCommonRapidComponents",
|
|
232
|
+
"module": "src/components/rapid-components.ts"
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
]
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "javascript-module",
|
|
239
|
+
"path": "src/components/zero-components.ts",
|
|
240
|
+
"declarations": [
|
|
241
|
+
{
|
|
242
|
+
"kind": "function",
|
|
243
|
+
"name": "registerCommonZeroComponents",
|
|
244
|
+
"privacy": "public"
|
|
245
|
+
}
|
|
246
|
+
],
|
|
247
|
+
"exports": [
|
|
248
|
+
{
|
|
249
|
+
"kind": "js",
|
|
250
|
+
"name": "registerCommonZeroComponents",
|
|
251
|
+
"declaration": {
|
|
252
|
+
"name": "registerCommonZeroComponents",
|
|
253
|
+
"module": "src/components/zero-components.ts"
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
]
|
|
257
|
+
},
|
|
28
258
|
{
|
|
29
259
|
"kind": "javascript-module",
|
|
30
260
|
"path": "src/config/config.ts",
|
|
@@ -180,48 +410,6 @@
|
|
|
180
410
|
}
|
|
181
411
|
]
|
|
182
412
|
},
|
|
183
|
-
{
|
|
184
|
-
"kind": "javascript-module",
|
|
185
|
-
"path": "src/components/rapid-components.ts",
|
|
186
|
-
"declarations": [
|
|
187
|
-
{
|
|
188
|
-
"kind": "function",
|
|
189
|
-
"name": "registerCommonRapidComponents",
|
|
190
|
-
"privacy": "public"
|
|
191
|
-
}
|
|
192
|
-
],
|
|
193
|
-
"exports": [
|
|
194
|
-
{
|
|
195
|
-
"kind": "js",
|
|
196
|
-
"name": "registerCommonRapidComponents",
|
|
197
|
-
"declaration": {
|
|
198
|
-
"name": "registerCommonRapidComponents",
|
|
199
|
-
"module": "src/components/rapid-components.ts"
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
]
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"kind": "javascript-module",
|
|
206
|
-
"path": "src/components/zero-components.ts",
|
|
207
|
-
"declarations": [
|
|
208
|
-
{
|
|
209
|
-
"kind": "function",
|
|
210
|
-
"name": "registerCommonZeroComponents",
|
|
211
|
-
"privacy": "public"
|
|
212
|
-
}
|
|
213
|
-
],
|
|
214
|
-
"exports": [
|
|
215
|
-
{
|
|
216
|
-
"kind": "js",
|
|
217
|
-
"name": "registerCommonZeroComponents",
|
|
218
|
-
"declaration": {
|
|
219
|
-
"name": "registerCommonZeroComponents",
|
|
220
|
-
"module": "src/components/zero-components.ts"
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
]
|
|
224
|
-
},
|
|
225
413
|
{
|
|
226
414
|
"kind": "javascript-module",
|
|
227
415
|
"path": "src/main/index.ts",
|
|
@@ -287,7 +475,7 @@
|
|
|
287
475
|
{
|
|
288
476
|
"kind": "variable",
|
|
289
477
|
"name": "navTemplate",
|
|
290
|
-
"default": "html<Navigation>`\n ${when((x) => !x.hideSideBar, sideNavTemplate)}\n <div\n class=\"nav-listbox\"\n data-test-id=\"nav-bar\"\n part=\"root\"\n role=\"navigation\"\n aria-label=\"Main menu\"\n >\n ${app.registerElementsTarget<HeaderTargetId>('header-start')}\n <div class=\"nav-leftside\">\n ${app.registerElementsTarget<NavTargetId>('nav-start')}\n ${when(\n (x) => !x.hideSideBar,\n html<Navigation>`\n <${buttonTag}\n class=\"bars-container\"\n @click=${(x) => x.toggleNavVisibility()}\n data-test-id=\"hamburger-menu\"\n aria-label=\"Toggle side menu\"\n aria-controls=\"side-nav\"\n aria-expanded=${(x) => x.sideNavOpen}\n appearance=\"stealth\"\n @focusin=${(x) => x.closeNav()}\n >\n <${iconTag}\n name=\"bars\"\n part=\"nav-visibility-icon\"\n class=\"nav-visibility-icon\"\n >\n </${iconTag}>\n </${buttonTag}>\n `,\n )}\n <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n <img\n src=${(x) => x.logoSrc}\n class=\"logo\"\n part=\"logo\"\n data-test-id=\"logo\"\n alt=\"${(x) => x.logoAltText}\"\n />\n </div>\n <slot name=\"routes\" data-test-id=\"route-buttons\">\n ${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}\n </slot>\n ${app.registerElementsTarget<NavTargetId>('nav')}\n </div>\n <div class=\"nav-rightside\">\n <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n ${when(\n (x) => x.showEnvironmentIndicator,\n html<Navigation>`\n <${environmentIndicatorTag} class=\"environment-indicator\"></${environmentIndicatorTag}>\n `,\n )}\n ${app.registerElementsTarget<NavTargetId>('nav-end')}\n ${when(\n (x) => x.showLuminanceToggleButton,\n html<Navigation>`\n <div\n class=\"icon-container\"\n data-test-id=\"luminance-toggle-button\"\n part=\"luminance-button\"\n aria-label=\"Luminance toggle\"\n >\n <${iconTag}\n @click=${(x) => x.luminanceIconEvent()}\n variant=\"regular\"\n name=\"moon\"\n part=\"luminance-icon\"\n ></${iconTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showMiscToggleButton,\n html<Navigation>`\n <div class=\"icon-container\" data-test-id=\"misc-toggle-button\" part=\"misc-button\" aria-label=\"Misc icon\">\n <${iconTag} @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\">\n </${iconTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showConnectionIndicator,\n html<Navigation>`\n <div class=\"connection-indicator-container\" data-test-id=\"connection-indicator\">\n <${connectionIndicatorTag} show-label=\"false\">\n </${connectionIndicatorTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showLanguageSelector && x.languageOptions,\n html<Navigation>`\n <${selectTag}\n class=\"language-selector\"\n position=\"below\"\n data-test-id=\"language-selector\"\n part=\"language-selector\"\n @change=\"${(x, c) => x.changeLanguage(c.event as CustomEvent)}\"\n aria-label=\"Language selector\"\n >\n ${repeat(\n (x) => x.languageOptions.availableLanguages,\n html`\n <${optionTag}\n value=\"${(x) => x}\"\n ?selected=\"${(x, c) => x === c.parent.languageOptions.selectedLanguage}\"\n >\n ${(x) => x.toUpperCase()}\n </${optionTag}>\n `,\n )}\n </${selectTag}>\n `,\n )}\n ${() => accountMenuTemplate}\n </div>\n ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n </div>\n`",
|
|
478
|
+
"default": "html<Navigation>`\n ${when((x) => !x.hideSideBar, sideNavTemplate)}\n <div\n class=\"nav-listbox\"\n data-test-id=\"nav-bar\"\n part=\"root\"\n role=\"navigation\"\n aria-label=\"Main menu\"\n >\n ${app.registerElementsTarget<HeaderTargetId>('header-start')}\n <div class=\"nav-leftside\">\n ${app.registerElementsTarget<NavTargetId>('nav-start')}\n ${when(\n (x) => !x.hideSideBar,\n html<Navigation>`\n <${buttonTag}\n class=\"bars-container\"\n @click=${(x) => x.toggleNavVisibility()}\n data-test-id=\"hamburger-menu\"\n aria-label=\"Toggle side menu\"\n aria-controls=\"side-nav\"\n aria-expanded=${(x) => x.sideNavOpen}\n appearance=\"stealth\"\n @focusin=${(x) => x.closeNav()}\n >\n <${iconTag}\n name=\"bars\"\n part=\"nav-visibility-icon\"\n class=\"nav-visibility-icon\"\n >\n </${iconTag}>\n </${buttonTag}>\n `,\n )}\n <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n <img\n src=${(x) => x.logoSrc}\n class=\"logo\"\n part=\"logo\"\n data-test-id=\"logo\"\n alt=\"${(x) => x.logoAltText}\"\n />\n </div>\n <slot name=\"routes\" data-test-id=\"route-buttons\">\n ${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}\n </slot>\n ${app.registerElementsTarget<NavTargetId>('nav')}\n </div>\n <div class=\"nav-rightside\">\n <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n ${when(\n (x) => x.showEnvironmentIndicator,\n html<Navigation>`\n <${environmentIndicatorTag} class=\"environment-indicator\"></${environmentIndicatorTag}>\n `,\n )}\n ${when(\n (x) => x.showControlPanel,\n html<Navigation>`\n <div\n class=\"icon-container\"\n part=\"control-panel-button\"\n aria-label=\"Control Panel toggle\"\n >\n <${iconTag}\n name=\"cog\"\n data-test-id=\"control-panel-icon\"\n @click=${(x) => x.toggleControlPanel()}>\n </${iconTag}>\n </div>\n `,\n )}\n ${app.registerElementsTarget<NavTargetId>('nav-end')}\n ${when(\n (x) => x.showLuminanceToggleButton,\n html<Navigation>`\n <div\n class=\"icon-container\"\n data-test-id=\"luminance-toggle-button\"\n part=\"luminance-button\"\n aria-label=\"Luminance toggle\"\n >\n <${iconTag}\n @click=${(x) => x.luminanceIconEvent()}\n variant=\"regular\"\n name=\"moon\"\n part=\"luminance-icon\"\n ></${iconTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showMiscToggleButton,\n html<Navigation>`\n <div class=\"icon-container\" data-test-id=\"misc-toggle-button\" part=\"misc-button\" aria-label=\"Misc icon\">\n <${iconTag} @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\">\n </${iconTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showConnectionIndicator,\n html<Navigation>`\n <div class=\"connection-indicator-container\" data-test-id=\"connection-indicator\">\n <${connectionIndicatorTag} show-label=\"false\">\n </${connectionIndicatorTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showLanguageSelector && x.languageOptions,\n html<Navigation>`\n <${selectTag}\n class=\"language-selector\"\n position=\"below\"\n data-test-id=\"language-selector\"\n part=\"language-selector\"\n @change=\"${(x, c) => x.changeLanguage(c.event as CustomEvent)}\"\n aria-label=\"Language selector\"\n >\n ${repeat(\n (x) => x.languageOptions.availableLanguages,\n html`\n <${optionTag}\n value=\"${(x) => x}\"\n ?selected=\"${(x, c) => x === c.parent.languageOptions.selectedLanguage}\"\n >\n ${(x) => x.toUpperCase()}\n </${optionTag}>\n `,\n )}\n </${selectTag}>\n `,\n )}\n ${() => accountMenuTemplate}\n </div>\n ${when(\n (x) => x.showControlPanel,\n html<Navigation>`\n <control-panel ${ref('controlPanel')}></control-panel>\n `,\n )}\n ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n </div>\n`",
|
|
291
479
|
"description": "Template for Navigation class",
|
|
292
480
|
"return": {
|
|
293
481
|
"type": {
|
|
@@ -367,6 +555,13 @@
|
|
|
367
555
|
},
|
|
368
556
|
"default": "false"
|
|
369
557
|
},
|
|
558
|
+
{
|
|
559
|
+
"kind": "field",
|
|
560
|
+
"name": "controlPanel",
|
|
561
|
+
"type": {
|
|
562
|
+
"text": "ControlPanel"
|
|
563
|
+
}
|
|
564
|
+
},
|
|
370
565
|
{
|
|
371
566
|
"kind": "field",
|
|
372
567
|
"name": "userName",
|
|
@@ -490,6 +685,15 @@
|
|
|
490
685
|
"default": "false",
|
|
491
686
|
"description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`"
|
|
492
687
|
},
|
|
688
|
+
{
|
|
689
|
+
"kind": "field",
|
|
690
|
+
"name": "showControlPanel",
|
|
691
|
+
"type": {
|
|
692
|
+
"text": "boolean"
|
|
693
|
+
},
|
|
694
|
+
"default": "false",
|
|
695
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`"
|
|
696
|
+
},
|
|
493
697
|
{
|
|
494
698
|
"kind": "field",
|
|
495
699
|
"name": "showLanguageSelector",
|
|
@@ -801,6 +1005,15 @@
|
|
|
801
1005
|
"description": "Boolean attribute which controls whether to show the environment indicator on the navigation bar\nControl via `show-environment-indicator`",
|
|
802
1006
|
"fieldName": "showEnvironmentIndicator"
|
|
803
1007
|
},
|
|
1008
|
+
{
|
|
1009
|
+
"name": "show-control-panel",
|
|
1010
|
+
"type": {
|
|
1011
|
+
"text": "boolean"
|
|
1012
|
+
},
|
|
1013
|
+
"default": "false",
|
|
1014
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
1015
|
+
"fieldName": "showControlPanel"
|
|
1016
|
+
},
|
|
804
1017
|
{
|
|
805
1018
|
"name": "show-language-selector",
|
|
806
1019
|
"type": {
|
|
@@ -942,6 +1155,17 @@
|
|
|
942
1155
|
"module": "src/main/main.ts"
|
|
943
1156
|
}
|
|
944
1157
|
},
|
|
1158
|
+
{
|
|
1159
|
+
"kind": "field",
|
|
1160
|
+
"name": "controlPanel",
|
|
1161
|
+
"type": {
|
|
1162
|
+
"text": "ControlPanel"
|
|
1163
|
+
},
|
|
1164
|
+
"inheritedFrom": {
|
|
1165
|
+
"name": "Navigation",
|
|
1166
|
+
"module": "src/main/main.ts"
|
|
1167
|
+
}
|
|
1168
|
+
},
|
|
945
1169
|
{
|
|
946
1170
|
"kind": "field",
|
|
947
1171
|
"name": "userName",
|
|
@@ -1121,6 +1345,19 @@
|
|
|
1121
1345
|
"module": "src/main/main.ts"
|
|
1122
1346
|
}
|
|
1123
1347
|
},
|
|
1348
|
+
{
|
|
1349
|
+
"kind": "field",
|
|
1350
|
+
"name": "showControlPanel",
|
|
1351
|
+
"type": {
|
|
1352
|
+
"text": "boolean"
|
|
1353
|
+
},
|
|
1354
|
+
"default": "false",
|
|
1355
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
1356
|
+
"inheritedFrom": {
|
|
1357
|
+
"name": "Navigation",
|
|
1358
|
+
"module": "src/main/main.ts"
|
|
1359
|
+
}
|
|
1360
|
+
},
|
|
1124
1361
|
{
|
|
1125
1362
|
"kind": "field",
|
|
1126
1363
|
"name": "showLanguageSelector",
|
|
@@ -1510,6 +1747,19 @@
|
|
|
1510
1747
|
"module": "src/main/main.ts"
|
|
1511
1748
|
}
|
|
1512
1749
|
},
|
|
1750
|
+
{
|
|
1751
|
+
"name": "show-control-panel",
|
|
1752
|
+
"type": {
|
|
1753
|
+
"text": "boolean"
|
|
1754
|
+
},
|
|
1755
|
+
"default": "false",
|
|
1756
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
1757
|
+
"fieldName": "showControlPanel",
|
|
1758
|
+
"inheritedFrom": {
|
|
1759
|
+
"name": "Navigation",
|
|
1760
|
+
"module": "src/main/main.ts"
|
|
1761
|
+
}
|
|
1762
|
+
},
|
|
1513
1763
|
{
|
|
1514
1764
|
"name": "show-language-selector",
|
|
1515
1765
|
"type": {
|
|
@@ -1762,6 +2012,19 @@
|
|
|
1762
2012
|
"module": "src/main/main.ts"
|
|
1763
2013
|
}
|
|
1764
2014
|
},
|
|
2015
|
+
{
|
|
2016
|
+
"name": "show-control-panel",
|
|
2017
|
+
"type": {
|
|
2018
|
+
"text": "boolean"
|
|
2019
|
+
},
|
|
2020
|
+
"default": "false",
|
|
2021
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
2022
|
+
"fieldName": "showControlPanel",
|
|
2023
|
+
"inheritedFrom": {
|
|
2024
|
+
"name": "Navigation",
|
|
2025
|
+
"module": "src/main/main.ts"
|
|
2026
|
+
}
|
|
2027
|
+
},
|
|
1765
2028
|
{
|
|
1766
2029
|
"name": "show-language-selector",
|
|
1767
2030
|
"type": {
|
|
@@ -1893,6 +2156,17 @@
|
|
|
1893
2156
|
"module": "src/main/main.ts"
|
|
1894
2157
|
}
|
|
1895
2158
|
},
|
|
2159
|
+
{
|
|
2160
|
+
"kind": "field",
|
|
2161
|
+
"name": "controlPanel",
|
|
2162
|
+
"type": {
|
|
2163
|
+
"text": "ControlPanel"
|
|
2164
|
+
},
|
|
2165
|
+
"inheritedFrom": {
|
|
2166
|
+
"name": "Navigation",
|
|
2167
|
+
"module": "src/main/main.ts"
|
|
2168
|
+
}
|
|
2169
|
+
},
|
|
1896
2170
|
{
|
|
1897
2171
|
"kind": "field",
|
|
1898
2172
|
"name": "userName",
|
|
@@ -2072,6 +2346,19 @@
|
|
|
2072
2346
|
"module": "src/main/main.ts"
|
|
2073
2347
|
}
|
|
2074
2348
|
},
|
|
2349
|
+
{
|
|
2350
|
+
"kind": "field",
|
|
2351
|
+
"name": "showControlPanel",
|
|
2352
|
+
"type": {
|
|
2353
|
+
"text": "boolean"
|
|
2354
|
+
},
|
|
2355
|
+
"default": "false",
|
|
2356
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
2357
|
+
"inheritedFrom": {
|
|
2358
|
+
"name": "Navigation",
|
|
2359
|
+
"module": "src/main/main.ts"
|
|
2360
|
+
}
|
|
2361
|
+
},
|
|
2075
2362
|
{
|
|
2076
2363
|
"kind": "field",
|
|
2077
2364
|
"name": "showLanguageSelector",
|
|
@@ -2467,6 +2754,17 @@
|
|
|
2467
2754
|
"module": "src/main/main.ts"
|
|
2468
2755
|
}
|
|
2469
2756
|
},
|
|
2757
|
+
{
|
|
2758
|
+
"kind": "field",
|
|
2759
|
+
"name": "controlPanel",
|
|
2760
|
+
"type": {
|
|
2761
|
+
"text": "ControlPanel"
|
|
2762
|
+
},
|
|
2763
|
+
"inheritedFrom": {
|
|
2764
|
+
"name": "Navigation",
|
|
2765
|
+
"module": "src/main/main.ts"
|
|
2766
|
+
}
|
|
2767
|
+
},
|
|
2470
2768
|
{
|
|
2471
2769
|
"kind": "field",
|
|
2472
2770
|
"name": "userName",
|
|
@@ -2646,6 +2944,19 @@
|
|
|
2646
2944
|
"module": "src/main/main.ts"
|
|
2647
2945
|
}
|
|
2648
2946
|
},
|
|
2947
|
+
{
|
|
2948
|
+
"kind": "field",
|
|
2949
|
+
"name": "showControlPanel",
|
|
2950
|
+
"type": {
|
|
2951
|
+
"text": "boolean"
|
|
2952
|
+
},
|
|
2953
|
+
"default": "false",
|
|
2954
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
2955
|
+
"inheritedFrom": {
|
|
2956
|
+
"name": "Navigation",
|
|
2957
|
+
"module": "src/main/main.ts"
|
|
2958
|
+
}
|
|
2959
|
+
},
|
|
2649
2960
|
{
|
|
2650
2961
|
"kind": "field",
|
|
2651
2962
|
"name": "showLanguageSelector",
|
|
@@ -3023,6 +3334,19 @@
|
|
|
3023
3334
|
"module": "src/main/main.ts"
|
|
3024
3335
|
}
|
|
3025
3336
|
},
|
|
3337
|
+
{
|
|
3338
|
+
"name": "show-control-panel",
|
|
3339
|
+
"type": {
|
|
3340
|
+
"text": "boolean"
|
|
3341
|
+
},
|
|
3342
|
+
"default": "false",
|
|
3343
|
+
"description": "Boolean attribute which controls whether to show the control panel toggle on the navigation bar\nControl via `show-control-panel`",
|
|
3344
|
+
"fieldName": "showControlPanel",
|
|
3345
|
+
"inheritedFrom": {
|
|
3346
|
+
"name": "Navigation",
|
|
3347
|
+
"module": "src/main/main.ts"
|
|
3348
|
+
}
|
|
3349
|
+
},
|
|
3026
3350
|
{
|
|
3027
3351
|
"name": "show-language-selector",
|
|
3028
3352
|
"type": {
|
|
@@ -3178,6 +3502,27 @@
|
|
|
3178
3502
|
}
|
|
3179
3503
|
]
|
|
3180
3504
|
},
|
|
3505
|
+
{
|
|
3506
|
+
"kind": "javascript-module",
|
|
3507
|
+
"path": "src/tags/index.ts",
|
|
3508
|
+
"declarations": [],
|
|
3509
|
+
"exports": [
|
|
3510
|
+
{
|
|
3511
|
+
"kind": "js",
|
|
3512
|
+
"name": "*",
|
|
3513
|
+
"declaration": {
|
|
3514
|
+
"name": "*",
|
|
3515
|
+
"package": "./tags"
|
|
3516
|
+
}
|
|
3517
|
+
}
|
|
3518
|
+
]
|
|
3519
|
+
},
|
|
3520
|
+
{
|
|
3521
|
+
"kind": "javascript-module",
|
|
3522
|
+
"path": "src/tags/tags.ts",
|
|
3523
|
+
"declarations": [],
|
|
3524
|
+
"exports": []
|
|
3525
|
+
},
|
|
3181
3526
|
{
|
|
3182
3527
|
"kind": "javascript-module",
|
|
3183
3528
|
"path": "src/styles/colors.ts",
|
|
@@ -3345,27 +3690,6 @@
|
|
|
3345
3690
|
"declarations": [],
|
|
3346
3691
|
"exports": []
|
|
3347
3692
|
},
|
|
3348
|
-
{
|
|
3349
|
-
"kind": "javascript-module",
|
|
3350
|
-
"path": "src/tags/index.ts",
|
|
3351
|
-
"declarations": [],
|
|
3352
|
-
"exports": [
|
|
3353
|
-
{
|
|
3354
|
-
"kind": "js",
|
|
3355
|
-
"name": "*",
|
|
3356
|
-
"declaration": {
|
|
3357
|
-
"name": "*",
|
|
3358
|
-
"package": "./tags"
|
|
3359
|
-
}
|
|
3360
|
-
}
|
|
3361
|
-
]
|
|
3362
|
-
},
|
|
3363
|
-
{
|
|
3364
|
-
"kind": "javascript-module",
|
|
3365
|
-
"path": "src/tags/tags.ts",
|
|
3366
|
-
"declarations": [],
|
|
3367
|
-
"exports": []
|
|
3368
|
-
},
|
|
3369
3693
|
{
|
|
3370
3694
|
"kind": "javascript-module",
|
|
3371
3695
|
"path": "src/utils/index.ts",
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { Modal } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { GenesisElement } from '@genesislcap/web-core';
|
|
3
|
+
interface SelectableKey {
|
|
4
|
+
key: string;
|
|
5
|
+
selected: boolean;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* control-panel
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
export declare class ControlPanel extends GenesisElement {
|
|
12
|
+
/**
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
15
|
+
foundationLayoutKeys: SelectableKey[];
|
|
16
|
+
/**
|
|
17
|
+
* @internal
|
|
18
|
+
*/
|
|
19
|
+
gridStateKeys: SelectableKey[];
|
|
20
|
+
/**
|
|
21
|
+
* @internal
|
|
22
|
+
*/
|
|
23
|
+
filterModelKeys: SelectableKey[];
|
|
24
|
+
/**
|
|
25
|
+
* @internal
|
|
26
|
+
*/
|
|
27
|
+
kvStorageKeys: SelectableKey[];
|
|
28
|
+
/**
|
|
29
|
+
* @internal
|
|
30
|
+
*/
|
|
31
|
+
controlPanelModal: Modal;
|
|
32
|
+
/**
|
|
33
|
+
* @internal
|
|
34
|
+
*/
|
|
35
|
+
private session;
|
|
36
|
+
/**
|
|
37
|
+
* @internal
|
|
38
|
+
*/
|
|
39
|
+
private kvStorage;
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
* Check if any foundation layouts are selected
|
|
43
|
+
*/
|
|
44
|
+
get hasSelectedLayouts(): boolean;
|
|
45
|
+
/**
|
|
46
|
+
* @internal
|
|
47
|
+
* Check if any grid states are selected
|
|
48
|
+
*/
|
|
49
|
+
get hasSelectedGridStates(): boolean;
|
|
50
|
+
/**
|
|
51
|
+
* @internal
|
|
52
|
+
* Check if any filter models are selected
|
|
53
|
+
*/
|
|
54
|
+
get hasSelectedFilterModels(): boolean;
|
|
55
|
+
/**
|
|
56
|
+
* @internal
|
|
57
|
+
* Check if any KV storage items are selected
|
|
58
|
+
*/
|
|
59
|
+
get hasSelectedKVStorageItems(): boolean;
|
|
60
|
+
connectedCallback(): void;
|
|
61
|
+
disconnectedCallback(): void;
|
|
62
|
+
private handleKeyDown;
|
|
63
|
+
private handleKeyDownBound;
|
|
64
|
+
/**
|
|
65
|
+
* @internal
|
|
66
|
+
*/
|
|
67
|
+
showDialog(): Promise<void>;
|
|
68
|
+
private toggleSelection;
|
|
69
|
+
/**
|
|
70
|
+
* @internal
|
|
71
|
+
*/
|
|
72
|
+
toggleLayoutSelection(key: string): void;
|
|
73
|
+
/**
|
|
74
|
+
* @internal
|
|
75
|
+
*/
|
|
76
|
+
toggleGridSelection(key: string): void;
|
|
77
|
+
/**
|
|
78
|
+
* @internal
|
|
79
|
+
*/
|
|
80
|
+
toggleFilterModelSelection(key: string): void;
|
|
81
|
+
/**
|
|
82
|
+
* @internal
|
|
83
|
+
*/
|
|
84
|
+
toggleKVStorageSelection(key: string): void;
|
|
85
|
+
/**
|
|
86
|
+
* @internal
|
|
87
|
+
*/
|
|
88
|
+
deleteSelectedLayouts(): void;
|
|
89
|
+
/**
|
|
90
|
+
* @internal
|
|
91
|
+
*/
|
|
92
|
+
deleteSelectedGridStates(): void;
|
|
93
|
+
/**
|
|
94
|
+
* @internal
|
|
95
|
+
*/
|
|
96
|
+
deleteSelectedFilterModels(): void;
|
|
97
|
+
/**
|
|
98
|
+
* @internal
|
|
99
|
+
*/
|
|
100
|
+
deleteSelectedKVStorageItems(): Promise<void>;
|
|
101
|
+
private deleteKeysFromSessionStorage;
|
|
102
|
+
private deleteKeysFromLocalStorage;
|
|
103
|
+
private getKeysForSessionStorageItem;
|
|
104
|
+
private getKeysForStorageItem;
|
|
105
|
+
private getKeysForKVStorage;
|
|
106
|
+
private deleteKeysFromKVStorage;
|
|
107
|
+
}
|
|
108
|
+
export {};
|
|
109
|
+
//# sourceMappingURL=control-panel.d.ts.map
|