@sankhyatronics/sankhya-cms 0.0.0-stage → 0.1.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/README.md +34 -3
- package/custom-elements.json +4008 -0
- package/dist/bento-grid/index.d.ts +27 -0
- package/dist/bento-grid/index.js +10 -0
- package/dist/bento-grid/index.js.map +1 -0
- package/dist/card/index.d.ts +20 -0
- package/dist/card/index.js +9 -0
- package/dist/card/index.js.map +1 -0
- package/dist/carousel/index.d.ts +44 -0
- package/dist/carousel/index.js +10 -0
- package/dist/carousel/index.js.map +1 -0
- package/dist/chunk-23IHTBAB.js +557 -0
- package/dist/chunk-23IHTBAB.js.map +1 -0
- package/dist/chunk-2VZFHTBC.js +203 -0
- package/dist/chunk-2VZFHTBC.js.map +1 -0
- package/dist/chunk-3ERKQNZT.js +155 -0
- package/dist/chunk-3ERKQNZT.js.map +1 -0
- package/dist/chunk-3JU3R22O.js +193 -0
- package/dist/chunk-3JU3R22O.js.map +1 -0
- package/dist/chunk-3TCP25JG.js +347 -0
- package/dist/chunk-3TCP25JG.js.map +1 -0
- package/dist/chunk-3VE6VFJ4.js +87 -0
- package/dist/chunk-3VE6VFJ4.js.map +1 -0
- package/dist/chunk-4HKSA5UT.js +312 -0
- package/dist/chunk-4HKSA5UT.js.map +1 -0
- package/dist/chunk-5REZSZCK.js +266 -0
- package/dist/chunk-5REZSZCK.js.map +1 -0
- package/dist/chunk-5UFRGZWG.js +268 -0
- package/dist/chunk-5UFRGZWG.js.map +1 -0
- package/dist/chunk-74MILER4.js +215 -0
- package/dist/chunk-74MILER4.js.map +1 -0
- package/dist/chunk-7PSYCTEN.js +118 -0
- package/dist/chunk-7PSYCTEN.js.map +1 -0
- package/dist/chunk-CDC4P77V.js +299 -0
- package/dist/chunk-CDC4P77V.js.map +1 -0
- package/dist/chunk-E52WO7R7.js +279 -0
- package/dist/chunk-E52WO7R7.js.map +1 -0
- package/dist/chunk-EUXUH3YW.js +15 -0
- package/dist/chunk-EUXUH3YW.js.map +1 -0
- package/dist/chunk-IMACP7HN.js +156 -0
- package/dist/chunk-IMACP7HN.js.map +1 -0
- package/dist/chunk-LHU23TF6.js +273 -0
- package/dist/chunk-LHU23TF6.js.map +1 -0
- package/dist/chunk-OEX5FDMR.js +250 -0
- package/dist/chunk-OEX5FDMR.js.map +1 -0
- package/dist/chunk-RHAOQ6K4.js +138 -0
- package/dist/chunk-RHAOQ6K4.js.map +1 -0
- package/dist/chunk-RMIJVTFS.js +397 -0
- package/dist/chunk-RMIJVTFS.js.map +1 -0
- package/dist/chunk-U7YKCCJG.js +228 -0
- package/dist/chunk-U7YKCCJG.js.map +1 -0
- package/dist/chunk-USNFT4DU.js +125 -0
- package/dist/chunk-USNFT4DU.js.map +1 -0
- package/dist/chunk-VYON56QO.js +90 -0
- package/dist/chunk-VYON56QO.js.map +1 -0
- package/dist/chunk-WCO7JAIK.js +195 -0
- package/dist/chunk-WCO7JAIK.js.map +1 -0
- package/dist/chunk-XHBC23TV.js +254 -0
- package/dist/chunk-XHBC23TV.js.map +1 -0
- package/dist/chunk-XXPBFHWR.js +70 -0
- package/dist/chunk-XXPBFHWR.js.map +1 -0
- package/dist/cms-theme.css +15 -0
- package/dist/content-block/index.d.ts +25 -0
- package/dist/content-block/index.js +11 -0
- package/dist/content-block/index.js.map +1 -0
- package/dist/cookie-consent/index.d.ts +33 -0
- package/dist/cookie-consent/index.js +9 -0
- package/dist/cookie-consent/index.js.map +1 -0
- package/dist/dropdown/index.d.ts +89 -0
- package/dist/dropdown/index.js +9 -0
- package/dist/dropdown/index.js.map +1 -0
- package/dist/feature-split/index.d.ts +38 -0
- package/dist/feature-split/index.js +11 -0
- package/dist/feature-split/index.js.map +1 -0
- package/dist/features-section/index.d.ts +50 -0
- package/dist/features-section/index.js +14 -0
- package/dist/features-section/index.js.map +1 -0
- package/dist/footer/index.d.ts +64 -0
- package/dist/footer/index.js +9 -0
- package/dist/footer/index.js.map +1 -0
- package/dist/header/index.d.ts +112 -0
- package/dist/header/index.js +10 -0
- package/dist/header/index.js.map +1 -0
- package/dist/hero/index.d.ts +32 -0
- package/dist/hero/index.js +10 -0
- package/dist/hero/index.js.map +1 -0
- package/dist/icon-button/index.d.ts +23 -0
- package/dist/icon-button/index.js +9 -0
- package/dist/icon-button/index.js.map +1 -0
- package/dist/index.d.ts +22 -0
- package/dist/index.js +93 -0
- package/dist/index.js.map +1 -0
- package/dist/items-accordion/index.d.ts +31 -0
- package/dist/items-accordion/index.js +10 -0
- package/dist/items-accordion/index.js.map +1 -0
- package/dist/markdown/index.d.ts +33 -0
- package/dist/markdown/index.js +9 -0
- package/dist/markdown/index.js.map +1 -0
- package/dist/menu-grid/index.d.ts +21 -0
- package/dist/menu-grid/index.js +9 -0
- package/dist/menu-grid/index.js.map +1 -0
- package/dist/menu-grid-item/index.d.ts +53 -0
- package/dist/menu-grid-item/index.js +9 -0
- package/dist/menu-grid-item/index.js.map +1 -0
- package/dist/menu-item/index.d.ts +50 -0
- package/dist/menu-item/index.js +9 -0
- package/dist/menu-item/index.js.map +1 -0
- package/dist/promo-banner/index.d.ts +22 -0
- package/dist/promo-banner/index.js +10 -0
- package/dist/promo-banner/index.js.map +1 -0
- package/dist/schema/index.d.ts +72 -0
- package/dist/schema/index.js +75 -0
- package/dist/schema/index.js.map +1 -0
- package/dist/select/index.d.ts +77 -0
- package/dist/select/index.js +10 -0
- package/dist/select/index.js.map +1 -0
- package/dist/shared/icons.d.ts +77 -0
- package/dist/shared/icons.js +64 -0
- package/dist/shared/icons.js.map +1 -0
- package/dist/shared/styles.d.ts +90 -0
- package/dist/shared/styles.js +48 -0
- package/dist/shared/styles.js.map +1 -0
- package/dist/stats/index.d.ts +17 -0
- package/dist/stats/index.js +9 -0
- package/dist/stats/index.js.map +1 -0
- package/dist/testimonials/index.d.ts +25 -0
- package/dist/testimonials/index.js +10 -0
- package/dist/testimonials/index.js.map +1 -0
- package/dist/theme.css +292 -0
- package/dist/themes.css +65 -0
- package/dist/theming/index.d.ts +28 -0
- package/dist/theming/index.js +53 -0
- package/dist/theming/index.js.map +1 -0
- package/package.json +161 -4
|
@@ -0,0 +1,4008 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/bento-grid/BentoGrid.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "A responsive 4-column bento grid of icon/image cards. Items are set via the `items` property.",
|
|
12
|
+
"name": "BentoGrid",
|
|
13
|
+
"members": [
|
|
14
|
+
{
|
|
15
|
+
"kind": "field",
|
|
16
|
+
"name": "inverted",
|
|
17
|
+
"type": {
|
|
18
|
+
"text": "boolean"
|
|
19
|
+
},
|
|
20
|
+
"default": "false",
|
|
21
|
+
"attribute": "inverted",
|
|
22
|
+
"reflects": true
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"kind": "field",
|
|
26
|
+
"name": "title",
|
|
27
|
+
"type": {
|
|
28
|
+
"text": "string"
|
|
29
|
+
},
|
|
30
|
+
"default": "''",
|
|
31
|
+
"attribute": "title"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"kind": "field",
|
|
35
|
+
"name": "subtitle",
|
|
36
|
+
"type": {
|
|
37
|
+
"text": "string"
|
|
38
|
+
},
|
|
39
|
+
"default": "''",
|
|
40
|
+
"attribute": "subtitle"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"kind": "field",
|
|
44
|
+
"name": "items",
|
|
45
|
+
"type": {
|
|
46
|
+
"text": "BentoGridItem[]"
|
|
47
|
+
},
|
|
48
|
+
"default": "[]"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"kind": "method",
|
|
52
|
+
"name": "renderCard",
|
|
53
|
+
"privacy": "private",
|
|
54
|
+
"parameters": [
|
|
55
|
+
{
|
|
56
|
+
"name": "item",
|
|
57
|
+
"type": {
|
|
58
|
+
"text": "BentoGridItem"
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
],
|
|
64
|
+
"attributes": [
|
|
65
|
+
{
|
|
66
|
+
"name": "inverted",
|
|
67
|
+
"type": {
|
|
68
|
+
"text": "boolean"
|
|
69
|
+
},
|
|
70
|
+
"default": "false",
|
|
71
|
+
"fieldName": "inverted"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "title",
|
|
75
|
+
"type": {
|
|
76
|
+
"text": "string"
|
|
77
|
+
},
|
|
78
|
+
"default": "''",
|
|
79
|
+
"fieldName": "title"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"name": "subtitle",
|
|
83
|
+
"type": {
|
|
84
|
+
"text": "string"
|
|
85
|
+
},
|
|
86
|
+
"default": "''",
|
|
87
|
+
"fieldName": "subtitle"
|
|
88
|
+
}
|
|
89
|
+
],
|
|
90
|
+
"superclass": {
|
|
91
|
+
"name": "LitElement",
|
|
92
|
+
"package": "lit"
|
|
93
|
+
},
|
|
94
|
+
"tagName": "st-bento-grid",
|
|
95
|
+
"customElement": true
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"exports": [
|
|
99
|
+
{
|
|
100
|
+
"kind": "js",
|
|
101
|
+
"name": "BentoGrid",
|
|
102
|
+
"declaration": {
|
|
103
|
+
"name": "BentoGrid",
|
|
104
|
+
"module": "src/bento-grid/BentoGrid.ts"
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"kind": "custom-element-definition",
|
|
109
|
+
"name": "st-bento-grid",
|
|
110
|
+
"declaration": {
|
|
111
|
+
"name": "BentoGrid",
|
|
112
|
+
"module": "src/bento-grid/BentoGrid.ts"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"kind": "javascript-module",
|
|
119
|
+
"path": "src/card/Card.ts",
|
|
120
|
+
"declarations": [
|
|
121
|
+
{
|
|
122
|
+
"kind": "class",
|
|
123
|
+
"description": "A surfaced container — content goes in the default slot. Ports `SankhyaUI`'s React `Card`\r\n(`variant`, `padding`, `elevation`, `hoverable`, `inverted`); `onClick` is just a native `click`\r\nlistener on the element. `padding` takes `none | small | medium | large` (the source's\r\n`sm|md|lg`, spelled like `paddingScaleStyles`); `elevation` takes `none | sm | md | lg`.",
|
|
124
|
+
"name": "Card",
|
|
125
|
+
"members": [
|
|
126
|
+
{
|
|
127
|
+
"kind": "field",
|
|
128
|
+
"name": "variant",
|
|
129
|
+
"type": {
|
|
130
|
+
"text": "'default' | 'bordered'"
|
|
131
|
+
},
|
|
132
|
+
"default": "'default'",
|
|
133
|
+
"attribute": "variant",
|
|
134
|
+
"reflects": true
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"kind": "field",
|
|
138
|
+
"name": "padding",
|
|
139
|
+
"type": {
|
|
140
|
+
"text": "'none' | 'small' | 'medium' | 'large'"
|
|
141
|
+
},
|
|
142
|
+
"default": "'medium'",
|
|
143
|
+
"attribute": "padding",
|
|
144
|
+
"reflects": true
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"kind": "field",
|
|
148
|
+
"name": "elevation",
|
|
149
|
+
"type": {
|
|
150
|
+
"text": "'none' | 'sm' | 'md' | 'lg'"
|
|
151
|
+
},
|
|
152
|
+
"default": "'sm'",
|
|
153
|
+
"attribute": "elevation",
|
|
154
|
+
"reflects": true
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"kind": "field",
|
|
158
|
+
"name": "hoverable",
|
|
159
|
+
"type": {
|
|
160
|
+
"text": "boolean"
|
|
161
|
+
},
|
|
162
|
+
"default": "false",
|
|
163
|
+
"attribute": "hoverable",
|
|
164
|
+
"reflects": true
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"kind": "field",
|
|
168
|
+
"name": "inverted",
|
|
169
|
+
"type": {
|
|
170
|
+
"text": "boolean"
|
|
171
|
+
},
|
|
172
|
+
"default": "false",
|
|
173
|
+
"attribute": "inverted",
|
|
174
|
+
"reflects": true
|
|
175
|
+
}
|
|
176
|
+
],
|
|
177
|
+
"attributes": [
|
|
178
|
+
{
|
|
179
|
+
"name": "variant",
|
|
180
|
+
"type": {
|
|
181
|
+
"text": "'default' | 'bordered'"
|
|
182
|
+
},
|
|
183
|
+
"default": "'default'",
|
|
184
|
+
"fieldName": "variant"
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"name": "padding",
|
|
188
|
+
"type": {
|
|
189
|
+
"text": "'none' | 'small' | 'medium' | 'large'"
|
|
190
|
+
},
|
|
191
|
+
"default": "'medium'",
|
|
192
|
+
"fieldName": "padding"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"name": "elevation",
|
|
196
|
+
"type": {
|
|
197
|
+
"text": "'none' | 'sm' | 'md' | 'lg'"
|
|
198
|
+
},
|
|
199
|
+
"default": "'sm'",
|
|
200
|
+
"fieldName": "elevation"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "hoverable",
|
|
204
|
+
"type": {
|
|
205
|
+
"text": "boolean"
|
|
206
|
+
},
|
|
207
|
+
"default": "false",
|
|
208
|
+
"fieldName": "hoverable"
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"name": "inverted",
|
|
212
|
+
"type": {
|
|
213
|
+
"text": "boolean"
|
|
214
|
+
},
|
|
215
|
+
"default": "false",
|
|
216
|
+
"fieldName": "inverted"
|
|
217
|
+
}
|
|
218
|
+
],
|
|
219
|
+
"superclass": {
|
|
220
|
+
"name": "LitElement",
|
|
221
|
+
"package": "lit"
|
|
222
|
+
},
|
|
223
|
+
"tagName": "st-card",
|
|
224
|
+
"customElement": true
|
|
225
|
+
}
|
|
226
|
+
],
|
|
227
|
+
"exports": [
|
|
228
|
+
{
|
|
229
|
+
"kind": "js",
|
|
230
|
+
"name": "Card",
|
|
231
|
+
"declaration": {
|
|
232
|
+
"name": "Card",
|
|
233
|
+
"module": "src/card/Card.ts"
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"kind": "custom-element-definition",
|
|
238
|
+
"name": "st-card",
|
|
239
|
+
"declaration": {
|
|
240
|
+
"name": "Card",
|
|
241
|
+
"module": "src/card/Card.ts"
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
]
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"kind": "javascript-module",
|
|
248
|
+
"path": "src/carousel/Carousel.ts",
|
|
249
|
+
"declarations": [
|
|
250
|
+
{
|
|
251
|
+
"kind": "class",
|
|
252
|
+
"description": "Cycles through its slotted children, one visible at a time, with optional autoplay, arrows and\r\ndot indicators. The incoming slide slides in from the travel direction (CSS keyframes in place\r\nof the source's framer-motion spring). Autoplay pauses while hovered or focused and stops when\r\nthe element is disconnected.",
|
|
253
|
+
"name": "Carousel",
|
|
254
|
+
"members": [
|
|
255
|
+
{
|
|
256
|
+
"kind": "field",
|
|
257
|
+
"name": "autoPlay",
|
|
258
|
+
"type": {
|
|
259
|
+
"text": "boolean"
|
|
260
|
+
},
|
|
261
|
+
"default": "true",
|
|
262
|
+
"attribute": "auto-play"
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"kind": "field",
|
|
266
|
+
"name": "interval",
|
|
267
|
+
"type": {
|
|
268
|
+
"text": "number"
|
|
269
|
+
},
|
|
270
|
+
"default": "5000",
|
|
271
|
+
"description": "Autoplay delay in milliseconds.",
|
|
272
|
+
"attribute": "interval"
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"kind": "field",
|
|
276
|
+
"name": "showArrows",
|
|
277
|
+
"type": {
|
|
278
|
+
"text": "boolean"
|
|
279
|
+
},
|
|
280
|
+
"default": "true",
|
|
281
|
+
"attribute": "show-arrows"
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"kind": "field",
|
|
285
|
+
"name": "showIndicators",
|
|
286
|
+
"type": {
|
|
287
|
+
"text": "boolean"
|
|
288
|
+
},
|
|
289
|
+
"default": "true",
|
|
290
|
+
"attribute": "show-indicators"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"kind": "field",
|
|
294
|
+
"name": "index",
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "number"
|
|
297
|
+
},
|
|
298
|
+
"privacy": "private",
|
|
299
|
+
"default": "0"
|
|
300
|
+
},
|
|
301
|
+
{
|
|
302
|
+
"kind": "field",
|
|
303
|
+
"name": "count",
|
|
304
|
+
"type": {
|
|
305
|
+
"text": "number"
|
|
306
|
+
},
|
|
307
|
+
"privacy": "private",
|
|
308
|
+
"default": "0"
|
|
309
|
+
},
|
|
310
|
+
{
|
|
311
|
+
"kind": "field",
|
|
312
|
+
"name": "paused",
|
|
313
|
+
"type": {
|
|
314
|
+
"text": "boolean"
|
|
315
|
+
},
|
|
316
|
+
"privacy": "private",
|
|
317
|
+
"default": "false"
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"kind": "field",
|
|
321
|
+
"name": "timer",
|
|
322
|
+
"type": {
|
|
323
|
+
"text": "ReturnType<typeof setInterval> | undefined"
|
|
324
|
+
},
|
|
325
|
+
"privacy": "private"
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"kind": "field",
|
|
329
|
+
"name": "pause",
|
|
330
|
+
"privacy": "private"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"kind": "field",
|
|
334
|
+
"name": "resume",
|
|
335
|
+
"privacy": "private"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"kind": "field",
|
|
339
|
+
"name": "slides",
|
|
340
|
+
"type": {
|
|
341
|
+
"text": "Element[]"
|
|
342
|
+
},
|
|
343
|
+
"privacy": "private",
|
|
344
|
+
"readonly": true
|
|
345
|
+
},
|
|
346
|
+
{
|
|
347
|
+
"kind": "method",
|
|
348
|
+
"name": "syncSlides",
|
|
349
|
+
"privacy": "private"
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"kind": "method",
|
|
353
|
+
"name": "onSlotChange",
|
|
354
|
+
"privacy": "private"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"kind": "method",
|
|
358
|
+
"name": "stopTimer",
|
|
359
|
+
"privacy": "private"
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
"kind": "method",
|
|
363
|
+
"name": "restartTimer",
|
|
364
|
+
"privacy": "private"
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
"kind": "method",
|
|
368
|
+
"name": "go",
|
|
369
|
+
"privacy": "private",
|
|
370
|
+
"parameters": [
|
|
371
|
+
{
|
|
372
|
+
"name": "target",
|
|
373
|
+
"type": {
|
|
374
|
+
"text": "number"
|
|
375
|
+
}
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"name": "direction",
|
|
379
|
+
"type": {
|
|
380
|
+
"text": "'next' | 'prev'"
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
]
|
|
384
|
+
}
|
|
385
|
+
],
|
|
386
|
+
"events": [
|
|
387
|
+
{
|
|
388
|
+
"name": "carousel-change",
|
|
389
|
+
"type": {
|
|
390
|
+
"text": "CustomEvent"
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
],
|
|
394
|
+
"attributes": [
|
|
395
|
+
{
|
|
396
|
+
"name": "auto-play",
|
|
397
|
+
"type": {
|
|
398
|
+
"text": "boolean"
|
|
399
|
+
},
|
|
400
|
+
"default": "true",
|
|
401
|
+
"fieldName": "autoPlay"
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"name": "interval",
|
|
405
|
+
"type": {
|
|
406
|
+
"text": "number"
|
|
407
|
+
},
|
|
408
|
+
"default": "5000",
|
|
409
|
+
"description": "Autoplay delay in milliseconds.",
|
|
410
|
+
"fieldName": "interval"
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"name": "show-arrows",
|
|
414
|
+
"type": {
|
|
415
|
+
"text": "boolean"
|
|
416
|
+
},
|
|
417
|
+
"default": "true",
|
|
418
|
+
"fieldName": "showArrows"
|
|
419
|
+
},
|
|
420
|
+
{
|
|
421
|
+
"name": "show-indicators",
|
|
422
|
+
"type": {
|
|
423
|
+
"text": "boolean"
|
|
424
|
+
},
|
|
425
|
+
"default": "true",
|
|
426
|
+
"fieldName": "showIndicators"
|
|
427
|
+
}
|
|
428
|
+
],
|
|
429
|
+
"superclass": {
|
|
430
|
+
"name": "LitElement",
|
|
431
|
+
"package": "lit"
|
|
432
|
+
},
|
|
433
|
+
"tagName": "st-carousel",
|
|
434
|
+
"customElement": true
|
|
435
|
+
}
|
|
436
|
+
],
|
|
437
|
+
"exports": [
|
|
438
|
+
{
|
|
439
|
+
"kind": "js",
|
|
440
|
+
"name": "Carousel",
|
|
441
|
+
"declaration": {
|
|
442
|
+
"name": "Carousel",
|
|
443
|
+
"module": "src/carousel/Carousel.ts"
|
|
444
|
+
}
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"kind": "custom-element-definition",
|
|
448
|
+
"name": "st-carousel",
|
|
449
|
+
"declaration": {
|
|
450
|
+
"name": "Carousel",
|
|
451
|
+
"module": "src/carousel/Carousel.ts"
|
|
452
|
+
}
|
|
453
|
+
}
|
|
454
|
+
]
|
|
455
|
+
},
|
|
456
|
+
{
|
|
457
|
+
"kind": "javascript-module",
|
|
458
|
+
"path": "src/content-block/ContentBlock.ts",
|
|
459
|
+
"declarations": [
|
|
460
|
+
{
|
|
461
|
+
"kind": "class",
|
|
462
|
+
"description": "A long-form article section: centered title/subtitle, an optional featured image with caption,\r\nthen Markdown body text. Ports `SankhyaUI`'s React `ContentBlock`. The body comes from\r\n`content-src` (a Markdown URL, as in the source) or an inline `content` string (added so the\r\nblock works without a fetch); `content-src` wins when both are set.",
|
|
463
|
+
"name": "ContentBlock",
|
|
464
|
+
"members": [
|
|
465
|
+
{
|
|
466
|
+
"kind": "field",
|
|
467
|
+
"name": "title",
|
|
468
|
+
"type": {
|
|
469
|
+
"text": "string"
|
|
470
|
+
},
|
|
471
|
+
"default": "''",
|
|
472
|
+
"attribute": "title"
|
|
473
|
+
},
|
|
474
|
+
{
|
|
475
|
+
"kind": "field",
|
|
476
|
+
"name": "subtitle",
|
|
477
|
+
"type": {
|
|
478
|
+
"text": "string"
|
|
479
|
+
},
|
|
480
|
+
"default": "''",
|
|
481
|
+
"attribute": "subtitle"
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"kind": "field",
|
|
485
|
+
"name": "contentSrc",
|
|
486
|
+
"type": {
|
|
487
|
+
"text": "string"
|
|
488
|
+
},
|
|
489
|
+
"default": "''",
|
|
490
|
+
"description": "URL of a Markdown file.",
|
|
491
|
+
"attribute": "content-src"
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"kind": "field",
|
|
495
|
+
"name": "content",
|
|
496
|
+
"type": {
|
|
497
|
+
"text": "string"
|
|
498
|
+
},
|
|
499
|
+
"default": "''",
|
|
500
|
+
"description": "Inline Markdown, used when `content-src` is not set.",
|
|
501
|
+
"attribute": "content"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"kind": "field",
|
|
505
|
+
"name": "imageSrc",
|
|
506
|
+
"type": {
|
|
507
|
+
"text": "string"
|
|
508
|
+
},
|
|
509
|
+
"default": "''",
|
|
510
|
+
"attribute": "image-src"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"kind": "field",
|
|
514
|
+
"name": "imageAlt",
|
|
515
|
+
"type": {
|
|
516
|
+
"text": "string"
|
|
517
|
+
},
|
|
518
|
+
"default": "''",
|
|
519
|
+
"attribute": "image-alt"
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"kind": "field",
|
|
523
|
+
"name": "imageCaption",
|
|
524
|
+
"type": {
|
|
525
|
+
"text": "string"
|
|
526
|
+
},
|
|
527
|
+
"default": "''",
|
|
528
|
+
"attribute": "image-caption"
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"kind": "field",
|
|
532
|
+
"name": "inverted",
|
|
533
|
+
"type": {
|
|
534
|
+
"text": "boolean"
|
|
535
|
+
},
|
|
536
|
+
"default": "false",
|
|
537
|
+
"attribute": "inverted",
|
|
538
|
+
"reflects": true
|
|
539
|
+
}
|
|
540
|
+
],
|
|
541
|
+
"attributes": [
|
|
542
|
+
{
|
|
543
|
+
"name": "title",
|
|
544
|
+
"type": {
|
|
545
|
+
"text": "string"
|
|
546
|
+
},
|
|
547
|
+
"default": "''",
|
|
548
|
+
"fieldName": "title"
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"name": "subtitle",
|
|
552
|
+
"type": {
|
|
553
|
+
"text": "string"
|
|
554
|
+
},
|
|
555
|
+
"default": "''",
|
|
556
|
+
"fieldName": "subtitle"
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"name": "content-src",
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "string"
|
|
562
|
+
},
|
|
563
|
+
"default": "''",
|
|
564
|
+
"description": "URL of a Markdown file.",
|
|
565
|
+
"fieldName": "contentSrc"
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"name": "content",
|
|
569
|
+
"type": {
|
|
570
|
+
"text": "string"
|
|
571
|
+
},
|
|
572
|
+
"default": "''",
|
|
573
|
+
"description": "Inline Markdown, used when `content-src` is not set.",
|
|
574
|
+
"fieldName": "content"
|
|
575
|
+
},
|
|
576
|
+
{
|
|
577
|
+
"name": "image-src",
|
|
578
|
+
"type": {
|
|
579
|
+
"text": "string"
|
|
580
|
+
},
|
|
581
|
+
"default": "''",
|
|
582
|
+
"fieldName": "imageSrc"
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"name": "image-alt",
|
|
586
|
+
"type": {
|
|
587
|
+
"text": "string"
|
|
588
|
+
},
|
|
589
|
+
"default": "''",
|
|
590
|
+
"fieldName": "imageAlt"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"name": "image-caption",
|
|
594
|
+
"type": {
|
|
595
|
+
"text": "string"
|
|
596
|
+
},
|
|
597
|
+
"default": "''",
|
|
598
|
+
"fieldName": "imageCaption"
|
|
599
|
+
},
|
|
600
|
+
{
|
|
601
|
+
"name": "inverted",
|
|
602
|
+
"type": {
|
|
603
|
+
"text": "boolean"
|
|
604
|
+
},
|
|
605
|
+
"default": "false",
|
|
606
|
+
"fieldName": "inverted"
|
|
607
|
+
}
|
|
608
|
+
],
|
|
609
|
+
"superclass": {
|
|
610
|
+
"name": "LitElement",
|
|
611
|
+
"package": "lit"
|
|
612
|
+
},
|
|
613
|
+
"tagName": "st-content-block",
|
|
614
|
+
"customElement": true
|
|
615
|
+
}
|
|
616
|
+
],
|
|
617
|
+
"exports": [
|
|
618
|
+
{
|
|
619
|
+
"kind": "js",
|
|
620
|
+
"name": "ContentBlock",
|
|
621
|
+
"declaration": {
|
|
622
|
+
"name": "ContentBlock",
|
|
623
|
+
"module": "src/content-block/ContentBlock.ts"
|
|
624
|
+
}
|
|
625
|
+
},
|
|
626
|
+
{
|
|
627
|
+
"kind": "custom-element-definition",
|
|
628
|
+
"name": "st-content-block",
|
|
629
|
+
"declaration": {
|
|
630
|
+
"name": "ContentBlock",
|
|
631
|
+
"module": "src/content-block/ContentBlock.ts"
|
|
632
|
+
}
|
|
633
|
+
}
|
|
634
|
+
]
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"kind": "javascript-module",
|
|
638
|
+
"path": "src/cookie-consent/CookieConsent.ts",
|
|
639
|
+
"declarations": [
|
|
640
|
+
{
|
|
641
|
+
"kind": "class",
|
|
642
|
+
"description": "Fixed bottom consent bar. The source read/wrote consent through a React `UserContext`; here the\r\nelement persists the choice itself in localStorage (`storage-key`, default the source's\r\n`sankhya_ui_cookie_consent`; storage errors are ignored) and renders nothing once a choice\r\nexists. Fires `cookie-consent-accept` / `cookie-consent-refuse` (detail `{ status }`). The\r\ndefault slot replaces the message text.",
|
|
643
|
+
"name": "CookieConsent",
|
|
644
|
+
"members": [
|
|
645
|
+
{
|
|
646
|
+
"kind": "field",
|
|
647
|
+
"name": "message",
|
|
648
|
+
"type": {
|
|
649
|
+
"text": "string"
|
|
650
|
+
},
|
|
651
|
+
"default": "''",
|
|
652
|
+
"attribute": "message"
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"kind": "field",
|
|
656
|
+
"name": "acceptButtonText",
|
|
657
|
+
"type": {
|
|
658
|
+
"text": "string"
|
|
659
|
+
},
|
|
660
|
+
"default": "'Accept'",
|
|
661
|
+
"attribute": "accept-button-text"
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"kind": "field",
|
|
665
|
+
"name": "refuseButtonText",
|
|
666
|
+
"type": {
|
|
667
|
+
"text": "string"
|
|
668
|
+
},
|
|
669
|
+
"default": "'Refuse'",
|
|
670
|
+
"attribute": "refuse-button-text"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"kind": "field",
|
|
674
|
+
"name": "privacyPolicyLink",
|
|
675
|
+
"type": {
|
|
676
|
+
"text": "string"
|
|
677
|
+
},
|
|
678
|
+
"default": "''",
|
|
679
|
+
"attribute": "privacy-policy-link"
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"kind": "field",
|
|
683
|
+
"name": "privacyPolicyText",
|
|
684
|
+
"type": {
|
|
685
|
+
"text": "string"
|
|
686
|
+
},
|
|
687
|
+
"default": "'Privacy Policy'",
|
|
688
|
+
"attribute": "privacy-policy-text"
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"kind": "field",
|
|
692
|
+
"name": "storageKey",
|
|
693
|
+
"default": "'sankhya_ui_cookie_consent'",
|
|
694
|
+
"attribute": "storage-key",
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "string"
|
|
697
|
+
}
|
|
698
|
+
},
|
|
699
|
+
{
|
|
700
|
+
"kind": "field",
|
|
701
|
+
"name": "consent",
|
|
702
|
+
"type": {
|
|
703
|
+
"text": "CookieConsentStatus | null"
|
|
704
|
+
},
|
|
705
|
+
"privacy": "private",
|
|
706
|
+
"default": "null",
|
|
707
|
+
"description": "The stored choice, or `null` while undecided (the bar is only shown then)."
|
|
708
|
+
},
|
|
709
|
+
{
|
|
710
|
+
"kind": "method",
|
|
711
|
+
"name": "readStored",
|
|
712
|
+
"privacy": "private",
|
|
713
|
+
"return": {
|
|
714
|
+
"type": {
|
|
715
|
+
"text": "CookieConsentStatus | null"
|
|
716
|
+
}
|
|
717
|
+
}
|
|
718
|
+
},
|
|
719
|
+
{
|
|
720
|
+
"kind": "method",
|
|
721
|
+
"name": "choose",
|
|
722
|
+
"privacy": "private",
|
|
723
|
+
"return": {
|
|
724
|
+
"type": {
|
|
725
|
+
"text": "void"
|
|
726
|
+
}
|
|
727
|
+
},
|
|
728
|
+
"parameters": [
|
|
729
|
+
{
|
|
730
|
+
"name": "status",
|
|
731
|
+
"type": {
|
|
732
|
+
"text": "CookieConsentStatus"
|
|
733
|
+
}
|
|
734
|
+
}
|
|
735
|
+
]
|
|
736
|
+
}
|
|
737
|
+
],
|
|
738
|
+
"events": [
|
|
739
|
+
{
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "CustomEvent"
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
],
|
|
745
|
+
"attributes": [
|
|
746
|
+
{
|
|
747
|
+
"name": "message",
|
|
748
|
+
"type": {
|
|
749
|
+
"text": "string"
|
|
750
|
+
},
|
|
751
|
+
"default": "''",
|
|
752
|
+
"fieldName": "message"
|
|
753
|
+
},
|
|
754
|
+
{
|
|
755
|
+
"name": "accept-button-text",
|
|
756
|
+
"type": {
|
|
757
|
+
"text": "string"
|
|
758
|
+
},
|
|
759
|
+
"default": "'Accept'",
|
|
760
|
+
"fieldName": "acceptButtonText"
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"name": "refuse-button-text",
|
|
764
|
+
"type": {
|
|
765
|
+
"text": "string"
|
|
766
|
+
},
|
|
767
|
+
"default": "'Refuse'",
|
|
768
|
+
"fieldName": "refuseButtonText"
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"name": "privacy-policy-link",
|
|
772
|
+
"type": {
|
|
773
|
+
"text": "string"
|
|
774
|
+
},
|
|
775
|
+
"default": "''",
|
|
776
|
+
"fieldName": "privacyPolicyLink"
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"name": "privacy-policy-text",
|
|
780
|
+
"type": {
|
|
781
|
+
"text": "string"
|
|
782
|
+
},
|
|
783
|
+
"default": "'Privacy Policy'",
|
|
784
|
+
"fieldName": "privacyPolicyText"
|
|
785
|
+
},
|
|
786
|
+
{
|
|
787
|
+
"name": "storage-key",
|
|
788
|
+
"default": "DEFAULT_STORAGE_KEY",
|
|
789
|
+
"fieldName": "storageKey"
|
|
790
|
+
}
|
|
791
|
+
],
|
|
792
|
+
"superclass": {
|
|
793
|
+
"name": "LitElement",
|
|
794
|
+
"package": "lit"
|
|
795
|
+
},
|
|
796
|
+
"tagName": "st-cookie-consent",
|
|
797
|
+
"customElement": true
|
|
798
|
+
}
|
|
799
|
+
],
|
|
800
|
+
"exports": [
|
|
801
|
+
{
|
|
802
|
+
"kind": "js",
|
|
803
|
+
"name": "CookieConsent",
|
|
804
|
+
"declaration": {
|
|
805
|
+
"name": "CookieConsent",
|
|
806
|
+
"module": "src/cookie-consent/CookieConsent.ts"
|
|
807
|
+
}
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"kind": "custom-element-definition",
|
|
811
|
+
"name": "st-cookie-consent",
|
|
812
|
+
"declaration": {
|
|
813
|
+
"name": "CookieConsent",
|
|
814
|
+
"module": "src/cookie-consent/CookieConsent.ts"
|
|
815
|
+
}
|
|
816
|
+
}
|
|
817
|
+
]
|
|
818
|
+
},
|
|
819
|
+
{
|
|
820
|
+
"kind": "javascript-module",
|
|
821
|
+
"path": "src/dropdown/Dropdown.ts",
|
|
822
|
+
"declarations": [
|
|
823
|
+
{
|
|
824
|
+
"kind": "class",
|
|
825
|
+
"description": "A labeled trigger + slotted dropdown panel — nav menus (typically holding an `st-menu-grid`),\r\naction menus, anything \"click a trigger, show content under it\". A 1:1 port of `SankhyaUI`'s\r\nReact `Dropdown` (`SankhyaCMS/SankhyaUI/src/components/Dropdown`): same markup\r\n(`.menu` > `.menu-title` + `.menu-dropdown`), sizes, 0.3s slide/fade, and behavior —\r\n\r\n- only one dropdown is open at a time (the source's `DropdownProvider`, built in here, so no\r\n provider element is needed);\r\n- a mousedown outside, Escape, or a click inside the panel closes it;\r\n- an `href` trigger toggles the panel when it has content, and is a plain link when it doesn't;\r\n- `inline` opens the panel in the flow, the source's `.touch-device` layout.\r\n\r\nColors and the panel's surface come from the suite theme (the source left those to the\r\nconsumer's `className`/`itemGroupClassName` utility classes). Two source rules are left out\r\nbecause they break existing suite uses (`st-source-bar`'s site/library menus): the 100vw panel\r\nat <=768px (overflows the screen from wherever the trigger sits; the header uses `inline`\r\ninstead) and `overflow: hidden` on slotted children (clips their focus rings). Suite additions\r\nkept on top: `align`, `active`, `disabled`, `inline`, and the `dropdown-toggle` event.",
|
|
826
|
+
"name": "Dropdown",
|
|
827
|
+
"members": [
|
|
828
|
+
{
|
|
829
|
+
"kind": "field",
|
|
830
|
+
"name": "openDropdown",
|
|
831
|
+
"type": {
|
|
832
|
+
"text": "Dropdown | null"
|
|
833
|
+
},
|
|
834
|
+
"privacy": "private",
|
|
835
|
+
"static": true,
|
|
836
|
+
"default": "null",
|
|
837
|
+
"description": "The open dropdown, if any — the source's `DropdownContext.activeDropdown`."
|
|
838
|
+
},
|
|
839
|
+
{
|
|
840
|
+
"kind": "field",
|
|
841
|
+
"name": "label",
|
|
842
|
+
"type": {
|
|
843
|
+
"text": "string"
|
|
844
|
+
},
|
|
845
|
+
"default": "''",
|
|
846
|
+
"description": "Trigger label text (source: `title`, renamed because `title` is the native tooltip\r\nattribute). Leave empty to show only `slot=\"icon\"`.",
|
|
847
|
+
"attribute": "label"
|
|
848
|
+
},
|
|
849
|
+
{
|
|
850
|
+
"kind": "field",
|
|
851
|
+
"name": "href",
|
|
852
|
+
"type": {
|
|
853
|
+
"text": "string"
|
|
854
|
+
},
|
|
855
|
+
"default": "''",
|
|
856
|
+
"description": "Renders the trigger as an `<a href>`. With panel content the click toggles the panel (as in\r\nthe source); with none it navigates.",
|
|
857
|
+
"attribute": "href"
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"kind": "field",
|
|
861
|
+
"name": "iconPosition",
|
|
862
|
+
"type": {
|
|
863
|
+
"text": "'left' | 'right'"
|
|
864
|
+
},
|
|
865
|
+
"default": "'left'",
|
|
866
|
+
"attribute": "icon-position"
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"kind": "field",
|
|
870
|
+
"name": "iconSize",
|
|
871
|
+
"type": {
|
|
872
|
+
"text": "string"
|
|
873
|
+
},
|
|
874
|
+
"default": "'1.2rem'",
|
|
875
|
+
"description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
|
|
876
|
+
"attribute": "icon-size"
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"kind": "field",
|
|
880
|
+
"name": "iconColor",
|
|
881
|
+
"type": {
|
|
882
|
+
"text": "string"
|
|
883
|
+
},
|
|
884
|
+
"default": "'currentColor'",
|
|
885
|
+
"description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
|
|
886
|
+
"attribute": "icon-color"
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"kind": "field",
|
|
890
|
+
"name": "align",
|
|
891
|
+
"type": {
|
|
892
|
+
"text": "'left' | 'right'"
|
|
893
|
+
},
|
|
894
|
+
"default": "'left'",
|
|
895
|
+
"description": "Which edge of the trigger the panel lines up with.",
|
|
896
|
+
"attribute": "align"
|
|
897
|
+
},
|
|
898
|
+
{
|
|
899
|
+
"kind": "field",
|
|
900
|
+
"name": "target",
|
|
901
|
+
"type": {
|
|
902
|
+
"text": "string"
|
|
903
|
+
},
|
|
904
|
+
"default": "'_self'",
|
|
905
|
+
"description": "`target` of an `href` trigger (source default `_self`).",
|
|
906
|
+
"attribute": "target"
|
|
907
|
+
},
|
|
908
|
+
{
|
|
909
|
+
"kind": "field",
|
|
910
|
+
"name": "triggerClassName",
|
|
911
|
+
"type": {
|
|
912
|
+
"text": "string"
|
|
913
|
+
},
|
|
914
|
+
"default": "''",
|
|
915
|
+
"description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
|
|
916
|
+
"attribute": "trigger-class-name"
|
|
917
|
+
},
|
|
918
|
+
{
|
|
919
|
+
"kind": "field",
|
|
920
|
+
"name": "itemGroupClassName",
|
|
921
|
+
"type": {
|
|
922
|
+
"text": "string"
|
|
923
|
+
},
|
|
924
|
+
"default": "''",
|
|
925
|
+
"description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
|
|
926
|
+
"attribute": "item-group-class-name"
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"kind": "field",
|
|
930
|
+
"name": "itemClassName",
|
|
931
|
+
"type": {
|
|
932
|
+
"text": "string"
|
|
933
|
+
},
|
|
934
|
+
"default": "''",
|
|
935
|
+
"description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
|
|
936
|
+
"attribute": "item-class-name"
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"kind": "field",
|
|
940
|
+
"name": "disabled",
|
|
941
|
+
"type": {
|
|
942
|
+
"text": "boolean"
|
|
943
|
+
},
|
|
944
|
+
"default": "false",
|
|
945
|
+
"attribute": "disabled",
|
|
946
|
+
"reflects": true
|
|
947
|
+
},
|
|
948
|
+
{
|
|
949
|
+
"kind": "field",
|
|
950
|
+
"name": "active",
|
|
951
|
+
"type": {
|
|
952
|
+
"text": "boolean"
|
|
953
|
+
},
|
|
954
|
+
"default": "false",
|
|
955
|
+
"description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
|
|
956
|
+
"attribute": "active",
|
|
957
|
+
"reflects": true
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"kind": "field",
|
|
961
|
+
"name": "inline",
|
|
962
|
+
"type": {
|
|
963
|
+
"text": "boolean"
|
|
964
|
+
},
|
|
965
|
+
"default": "false",
|
|
966
|
+
"description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
|
|
967
|
+
"attribute": "inline",
|
|
968
|
+
"reflects": true
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"kind": "field",
|
|
972
|
+
"name": "open",
|
|
973
|
+
"type": {
|
|
974
|
+
"text": "boolean"
|
|
975
|
+
},
|
|
976
|
+
"default": "false",
|
|
977
|
+
"description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
|
|
978
|
+
"attribute": "open",
|
|
979
|
+
"reflects": true
|
|
980
|
+
},
|
|
981
|
+
{
|
|
982
|
+
"kind": "field",
|
|
983
|
+
"name": "hasContent",
|
|
984
|
+
"type": {
|
|
985
|
+
"text": "boolean"
|
|
986
|
+
},
|
|
987
|
+
"privacy": "private",
|
|
988
|
+
"default": "false",
|
|
989
|
+
"description": "Whether the default slot has content — the source's `children` check."
|
|
990
|
+
},
|
|
991
|
+
{
|
|
992
|
+
"kind": "field",
|
|
993
|
+
"name": "hasIcon",
|
|
994
|
+
"type": {
|
|
995
|
+
"text": "boolean"
|
|
996
|
+
},
|
|
997
|
+
"privacy": "private",
|
|
998
|
+
"default": "false",
|
|
999
|
+
"description": "Whether `slot=\"icon\"` has content."
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
"kind": "method",
|
|
1003
|
+
"name": "setOpen",
|
|
1004
|
+
"privacy": "private",
|
|
1005
|
+
"return": {
|
|
1006
|
+
"type": {
|
|
1007
|
+
"text": "void"
|
|
1008
|
+
}
|
|
1009
|
+
},
|
|
1010
|
+
"parameters": [
|
|
1011
|
+
{
|
|
1012
|
+
"name": "open",
|
|
1013
|
+
"type": {
|
|
1014
|
+
"text": "boolean"
|
|
1015
|
+
}
|
|
1016
|
+
}
|
|
1017
|
+
]
|
|
1018
|
+
},
|
|
1019
|
+
{
|
|
1020
|
+
"kind": "field",
|
|
1021
|
+
"name": "closeOnOutsideMouseDown",
|
|
1022
|
+
"privacy": "private"
|
|
1023
|
+
},
|
|
1024
|
+
{
|
|
1025
|
+
"kind": "field",
|
|
1026
|
+
"name": "closeOnEscape",
|
|
1027
|
+
"privacy": "private"
|
|
1028
|
+
},
|
|
1029
|
+
{
|
|
1030
|
+
"kind": "method",
|
|
1031
|
+
"name": "trigger",
|
|
1032
|
+
"privacy": "private",
|
|
1033
|
+
"return": {
|
|
1034
|
+
"type": {
|
|
1035
|
+
"text": "HTMLElement | null"
|
|
1036
|
+
}
|
|
1037
|
+
}
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
"kind": "method",
|
|
1041
|
+
"name": "panelItems",
|
|
1042
|
+
"privacy": "private",
|
|
1043
|
+
"return": {
|
|
1044
|
+
"type": {
|
|
1045
|
+
"text": "HTMLElement[]"
|
|
1046
|
+
}
|
|
1047
|
+
},
|
|
1048
|
+
"description": "Keyboard-reachable entries in the panel, in order: menu items (they delegate focus to their\r\nown link) plus any plain links/buttons/tabbable elements a caller slots in."
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"kind": "method",
|
|
1052
|
+
"name": "focusItem",
|
|
1053
|
+
"privacy": "private",
|
|
1054
|
+
"return": {
|
|
1055
|
+
"type": {
|
|
1056
|
+
"text": "void"
|
|
1057
|
+
}
|
|
1058
|
+
},
|
|
1059
|
+
"parameters": [
|
|
1060
|
+
{
|
|
1061
|
+
"name": "pick",
|
|
1062
|
+
"type": {
|
|
1063
|
+
"text": "(items: HTMLElement[]) => HTMLElement | undefined"
|
|
1064
|
+
}
|
|
1065
|
+
}
|
|
1066
|
+
],
|
|
1067
|
+
"description": "Moves focus into the panel once it has become visible (it is `visibility: hidden` until the\r\n`show` class lands, and hidden elements can't take focus)."
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"kind": "field",
|
|
1071
|
+
"name": "onTitleKeyDown",
|
|
1072
|
+
"privacy": "private",
|
|
1073
|
+
"description": "Enter/Space/ArrowDown open the panel and focus its first entry; ArrowUp its last."
|
|
1074
|
+
},
|
|
1075
|
+
{
|
|
1076
|
+
"kind": "field",
|
|
1077
|
+
"name": "onPanelKeyDown",
|
|
1078
|
+
"privacy": "private",
|
|
1079
|
+
"description": "Arrow keys/Home/End move between the panel's entries; Tab closes the panel and moves on."
|
|
1080
|
+
},
|
|
1081
|
+
{
|
|
1082
|
+
"kind": "field",
|
|
1083
|
+
"name": "onTitleClick",
|
|
1084
|
+
"privacy": "private"
|
|
1085
|
+
},
|
|
1086
|
+
{
|
|
1087
|
+
"kind": "field",
|
|
1088
|
+
"name": "onPanelClick",
|
|
1089
|
+
"privacy": "private",
|
|
1090
|
+
"description": "A click anywhere inside the panel closes it, as in the source."
|
|
1091
|
+
},
|
|
1092
|
+
{
|
|
1093
|
+
"kind": "field",
|
|
1094
|
+
"name": "onContentSlotChange",
|
|
1095
|
+
"privacy": "private"
|
|
1096
|
+
},
|
|
1097
|
+
{
|
|
1098
|
+
"kind": "field",
|
|
1099
|
+
"name": "onIconSlotChange",
|
|
1100
|
+
"privacy": "private"
|
|
1101
|
+
}
|
|
1102
|
+
],
|
|
1103
|
+
"events": [
|
|
1104
|
+
{
|
|
1105
|
+
"name": "dropdown-toggle",
|
|
1106
|
+
"type": {
|
|
1107
|
+
"text": "CustomEvent"
|
|
1108
|
+
}
|
|
1109
|
+
}
|
|
1110
|
+
],
|
|
1111
|
+
"attributes": [
|
|
1112
|
+
{
|
|
1113
|
+
"name": "label",
|
|
1114
|
+
"type": {
|
|
1115
|
+
"text": "string"
|
|
1116
|
+
},
|
|
1117
|
+
"default": "''",
|
|
1118
|
+
"description": "Trigger label text (source: `title`, renamed because `title` is the native tooltip\r\nattribute). Leave empty to show only `slot=\"icon\"`.",
|
|
1119
|
+
"fieldName": "label"
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"name": "href",
|
|
1123
|
+
"type": {
|
|
1124
|
+
"text": "string"
|
|
1125
|
+
},
|
|
1126
|
+
"default": "''",
|
|
1127
|
+
"description": "Renders the trigger as an `<a href>`. With panel content the click toggles the panel (as in\r\nthe source); with none it navigates.",
|
|
1128
|
+
"fieldName": "href"
|
|
1129
|
+
},
|
|
1130
|
+
{
|
|
1131
|
+
"name": "icon-position",
|
|
1132
|
+
"type": {
|
|
1133
|
+
"text": "'left' | 'right'"
|
|
1134
|
+
},
|
|
1135
|
+
"default": "'left'",
|
|
1136
|
+
"fieldName": "iconPosition"
|
|
1137
|
+
},
|
|
1138
|
+
{
|
|
1139
|
+
"name": "icon-size",
|
|
1140
|
+
"type": {
|
|
1141
|
+
"text": "string"
|
|
1142
|
+
},
|
|
1143
|
+
"default": "'1.2rem'",
|
|
1144
|
+
"description": "Inline `width`/`height` of the `slot=\"icon\"` wrapper (source: `iconSize`, default `1.2rem`).",
|
|
1145
|
+
"fieldName": "iconSize"
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"name": "icon-color",
|
|
1149
|
+
"type": {
|
|
1150
|
+
"text": "string"
|
|
1151
|
+
},
|
|
1152
|
+
"default": "'currentColor'",
|
|
1153
|
+
"description": "Inline `color` of the `slot=\"icon\"` wrapper (source: `iconColor`).",
|
|
1154
|
+
"fieldName": "iconColor"
|
|
1155
|
+
},
|
|
1156
|
+
{
|
|
1157
|
+
"name": "align",
|
|
1158
|
+
"type": {
|
|
1159
|
+
"text": "'left' | 'right'"
|
|
1160
|
+
},
|
|
1161
|
+
"default": "'left'",
|
|
1162
|
+
"description": "Which edge of the trigger the panel lines up with.",
|
|
1163
|
+
"fieldName": "align"
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
"name": "target",
|
|
1167
|
+
"type": {
|
|
1168
|
+
"text": "string"
|
|
1169
|
+
},
|
|
1170
|
+
"default": "'_self'",
|
|
1171
|
+
"description": "`target` of an `href` trigger (source default `_self`).",
|
|
1172
|
+
"fieldName": "target"
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"name": "trigger-class-name",
|
|
1176
|
+
"type": {
|
|
1177
|
+
"text": "string"
|
|
1178
|
+
},
|
|
1179
|
+
"default": "''",
|
|
1180
|
+
"description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
|
|
1181
|
+
"fieldName": "triggerClassName"
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"name": "item-group-class-name",
|
|
1185
|
+
"type": {
|
|
1186
|
+
"text": "string"
|
|
1187
|
+
},
|
|
1188
|
+
"default": "''",
|
|
1189
|
+
"description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
|
|
1190
|
+
"fieldName": "itemGroupClassName"
|
|
1191
|
+
},
|
|
1192
|
+
{
|
|
1193
|
+
"name": "item-class-name",
|
|
1194
|
+
"type": {
|
|
1195
|
+
"text": "string"
|
|
1196
|
+
},
|
|
1197
|
+
"default": "''",
|
|
1198
|
+
"description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
|
|
1199
|
+
"fieldName": "itemClassName"
|
|
1200
|
+
},
|
|
1201
|
+
{
|
|
1202
|
+
"name": "disabled",
|
|
1203
|
+
"type": {
|
|
1204
|
+
"text": "boolean"
|
|
1205
|
+
},
|
|
1206
|
+
"default": "false",
|
|
1207
|
+
"fieldName": "disabled"
|
|
1208
|
+
},
|
|
1209
|
+
{
|
|
1210
|
+
"name": "active",
|
|
1211
|
+
"type": {
|
|
1212
|
+
"text": "boolean"
|
|
1213
|
+
},
|
|
1214
|
+
"default": "false",
|
|
1215
|
+
"description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
|
|
1216
|
+
"fieldName": "active"
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"name": "inline",
|
|
1220
|
+
"type": {
|
|
1221
|
+
"text": "boolean"
|
|
1222
|
+
},
|
|
1223
|
+
"default": "false",
|
|
1224
|
+
"description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
|
|
1225
|
+
"fieldName": "inline"
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
"name": "open",
|
|
1229
|
+
"type": {
|
|
1230
|
+
"text": "boolean"
|
|
1231
|
+
},
|
|
1232
|
+
"default": "false",
|
|
1233
|
+
"description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
|
|
1234
|
+
"fieldName": "open"
|
|
1235
|
+
}
|
|
1236
|
+
],
|
|
1237
|
+
"superclass": {
|
|
1238
|
+
"name": "LitElement",
|
|
1239
|
+
"package": "lit"
|
|
1240
|
+
},
|
|
1241
|
+
"tagName": "st-dropdown",
|
|
1242
|
+
"customElement": true
|
|
1243
|
+
}
|
|
1244
|
+
],
|
|
1245
|
+
"exports": [
|
|
1246
|
+
{
|
|
1247
|
+
"kind": "js",
|
|
1248
|
+
"name": "Dropdown",
|
|
1249
|
+
"declaration": {
|
|
1250
|
+
"name": "Dropdown",
|
|
1251
|
+
"module": "src/dropdown/Dropdown.ts"
|
|
1252
|
+
}
|
|
1253
|
+
},
|
|
1254
|
+
{
|
|
1255
|
+
"kind": "custom-element-definition",
|
|
1256
|
+
"name": "st-dropdown",
|
|
1257
|
+
"declaration": {
|
|
1258
|
+
"name": "Dropdown",
|
|
1259
|
+
"module": "src/dropdown/Dropdown.ts"
|
|
1260
|
+
}
|
|
1261
|
+
}
|
|
1262
|
+
]
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"kind": "javascript-module",
|
|
1266
|
+
"path": "src/feature-split/FeatureSplit.ts",
|
|
1267
|
+
"declarations": [
|
|
1268
|
+
{
|
|
1269
|
+
"kind": "class",
|
|
1270
|
+
"description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
|
|
1271
|
+
"name": "FeatureSplit",
|
|
1272
|
+
"members": [
|
|
1273
|
+
{
|
|
1274
|
+
"kind": "field",
|
|
1275
|
+
"name": "inverted",
|
|
1276
|
+
"type": {
|
|
1277
|
+
"text": "boolean"
|
|
1278
|
+
},
|
|
1279
|
+
"default": "false",
|
|
1280
|
+
"attribute": "inverted",
|
|
1281
|
+
"reflects": true
|
|
1282
|
+
},
|
|
1283
|
+
{
|
|
1284
|
+
"kind": "field",
|
|
1285
|
+
"name": "title",
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "string"
|
|
1288
|
+
},
|
|
1289
|
+
"default": "''",
|
|
1290
|
+
"attribute": "title"
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"kind": "field",
|
|
1294
|
+
"name": "subtitle",
|
|
1295
|
+
"type": {
|
|
1296
|
+
"text": "string"
|
|
1297
|
+
},
|
|
1298
|
+
"default": "''",
|
|
1299
|
+
"description": "Markdown.",
|
|
1300
|
+
"attribute": "subtitle"
|
|
1301
|
+
},
|
|
1302
|
+
{
|
|
1303
|
+
"kind": "field",
|
|
1304
|
+
"name": "items",
|
|
1305
|
+
"type": {
|
|
1306
|
+
"text": "FeatureSplitItem[]"
|
|
1307
|
+
},
|
|
1308
|
+
"default": "[]"
|
|
1309
|
+
},
|
|
1310
|
+
{
|
|
1311
|
+
"kind": "field",
|
|
1312
|
+
"name": "imageSrc",
|
|
1313
|
+
"type": {
|
|
1314
|
+
"text": "string"
|
|
1315
|
+
},
|
|
1316
|
+
"default": "''",
|
|
1317
|
+
"attribute": "image-src"
|
|
1318
|
+
},
|
|
1319
|
+
{
|
|
1320
|
+
"kind": "field",
|
|
1321
|
+
"name": "imageAlt",
|
|
1322
|
+
"type": {
|
|
1323
|
+
"text": "string"
|
|
1324
|
+
},
|
|
1325
|
+
"default": "''",
|
|
1326
|
+
"attribute": "image-alt"
|
|
1327
|
+
},
|
|
1328
|
+
{
|
|
1329
|
+
"kind": "field",
|
|
1330
|
+
"name": "imagePosition",
|
|
1331
|
+
"type": {
|
|
1332
|
+
"text": "FeatureSplitImagePosition"
|
|
1333
|
+
},
|
|
1334
|
+
"default": "'right'",
|
|
1335
|
+
"attribute": "image-position",
|
|
1336
|
+
"reflects": true
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"kind": "field",
|
|
1340
|
+
"name": "actionLabel",
|
|
1341
|
+
"type": {
|
|
1342
|
+
"text": "string"
|
|
1343
|
+
},
|
|
1344
|
+
"default": "''",
|
|
1345
|
+
"attribute": "action-label"
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"kind": "field",
|
|
1349
|
+
"name": "href",
|
|
1350
|
+
"type": {
|
|
1351
|
+
"text": "string"
|
|
1352
|
+
},
|
|
1353
|
+
"default": "''",
|
|
1354
|
+
"attribute": "href"
|
|
1355
|
+
},
|
|
1356
|
+
{
|
|
1357
|
+
"kind": "method",
|
|
1358
|
+
"name": "onAction",
|
|
1359
|
+
"privacy": "private"
|
|
1360
|
+
}
|
|
1361
|
+
],
|
|
1362
|
+
"attributes": [
|
|
1363
|
+
{
|
|
1364
|
+
"name": "inverted",
|
|
1365
|
+
"type": {
|
|
1366
|
+
"text": "boolean"
|
|
1367
|
+
},
|
|
1368
|
+
"default": "false",
|
|
1369
|
+
"fieldName": "inverted"
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"name": "title",
|
|
1373
|
+
"type": {
|
|
1374
|
+
"text": "string"
|
|
1375
|
+
},
|
|
1376
|
+
"default": "''",
|
|
1377
|
+
"fieldName": "title"
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"name": "subtitle",
|
|
1381
|
+
"type": {
|
|
1382
|
+
"text": "string"
|
|
1383
|
+
},
|
|
1384
|
+
"default": "''",
|
|
1385
|
+
"description": "Markdown.",
|
|
1386
|
+
"fieldName": "subtitle"
|
|
1387
|
+
},
|
|
1388
|
+
{
|
|
1389
|
+
"name": "image-src",
|
|
1390
|
+
"type": {
|
|
1391
|
+
"text": "string"
|
|
1392
|
+
},
|
|
1393
|
+
"default": "''",
|
|
1394
|
+
"fieldName": "imageSrc"
|
|
1395
|
+
},
|
|
1396
|
+
{
|
|
1397
|
+
"name": "image-alt",
|
|
1398
|
+
"type": {
|
|
1399
|
+
"text": "string"
|
|
1400
|
+
},
|
|
1401
|
+
"default": "''",
|
|
1402
|
+
"fieldName": "imageAlt"
|
|
1403
|
+
},
|
|
1404
|
+
{
|
|
1405
|
+
"name": "image-position",
|
|
1406
|
+
"type": {
|
|
1407
|
+
"text": "FeatureSplitImagePosition"
|
|
1408
|
+
},
|
|
1409
|
+
"default": "'right'",
|
|
1410
|
+
"fieldName": "imagePosition"
|
|
1411
|
+
},
|
|
1412
|
+
{
|
|
1413
|
+
"name": "action-label",
|
|
1414
|
+
"type": {
|
|
1415
|
+
"text": "string"
|
|
1416
|
+
},
|
|
1417
|
+
"default": "''",
|
|
1418
|
+
"fieldName": "actionLabel"
|
|
1419
|
+
},
|
|
1420
|
+
{
|
|
1421
|
+
"name": "href",
|
|
1422
|
+
"type": {
|
|
1423
|
+
"text": "string"
|
|
1424
|
+
},
|
|
1425
|
+
"default": "''",
|
|
1426
|
+
"fieldName": "href"
|
|
1427
|
+
}
|
|
1428
|
+
],
|
|
1429
|
+
"superclass": {
|
|
1430
|
+
"name": "LitElement",
|
|
1431
|
+
"package": "lit"
|
|
1432
|
+
},
|
|
1433
|
+
"tagName": "st-feature-split",
|
|
1434
|
+
"customElement": true
|
|
1435
|
+
}
|
|
1436
|
+
],
|
|
1437
|
+
"exports": [
|
|
1438
|
+
{
|
|
1439
|
+
"kind": "js",
|
|
1440
|
+
"name": "FeatureSplit",
|
|
1441
|
+
"declaration": {
|
|
1442
|
+
"name": "FeatureSplit",
|
|
1443
|
+
"module": "src/feature-split/FeatureSplit.ts"
|
|
1444
|
+
}
|
|
1445
|
+
},
|
|
1446
|
+
{
|
|
1447
|
+
"kind": "custom-element-definition",
|
|
1448
|
+
"name": "st-feature-split",
|
|
1449
|
+
"declaration": {
|
|
1450
|
+
"name": "FeatureSplit",
|
|
1451
|
+
"module": "src/feature-split/FeatureSplit.ts"
|
|
1452
|
+
}
|
|
1453
|
+
}
|
|
1454
|
+
]
|
|
1455
|
+
},
|
|
1456
|
+
{
|
|
1457
|
+
"kind": "javascript-module",
|
|
1458
|
+
"path": "src/features-section/FeatureItem.ts",
|
|
1459
|
+
"declarations": [
|
|
1460
|
+
{
|
|
1461
|
+
"kind": "class",
|
|
1462
|
+
"description": "One feature tile for `st-features-section`: optional icon, title, Markdown description and an\r\noptional \"Learn more\" link, rendered on an `st-card`. `icon` is an Iconify name (e.g.\r\n`mdi:rocket`). The link is a plain `<a>` (the source used react-router's `Link` for non-http\r\nhrefs; there is no Lit equivalent). The click is composed, so an SPA router can intercept it\r\n(e.g. via `event.composedPath()`) and navigate client-side; `http(s)` links open in a new tab.",
|
|
1463
|
+
"name": "FeatureItem",
|
|
1464
|
+
"members": [
|
|
1465
|
+
{
|
|
1466
|
+
"kind": "field",
|
|
1467
|
+
"name": "icon",
|
|
1468
|
+
"type": {
|
|
1469
|
+
"text": "string"
|
|
1470
|
+
},
|
|
1471
|
+
"default": "''",
|
|
1472
|
+
"description": "Iconify icon name, e.g. `mdi:rocket`.",
|
|
1473
|
+
"attribute": "icon"
|
|
1474
|
+
},
|
|
1475
|
+
{
|
|
1476
|
+
"kind": "field",
|
|
1477
|
+
"name": "title",
|
|
1478
|
+
"type": {
|
|
1479
|
+
"text": "string"
|
|
1480
|
+
},
|
|
1481
|
+
"default": "''",
|
|
1482
|
+
"attribute": "title"
|
|
1483
|
+
},
|
|
1484
|
+
{
|
|
1485
|
+
"kind": "field",
|
|
1486
|
+
"name": "description",
|
|
1487
|
+
"type": {
|
|
1488
|
+
"text": "string"
|
|
1489
|
+
},
|
|
1490
|
+
"default": "''",
|
|
1491
|
+
"description": "Markdown.",
|
|
1492
|
+
"attribute": "description"
|
|
1493
|
+
},
|
|
1494
|
+
{
|
|
1495
|
+
"kind": "field",
|
|
1496
|
+
"name": "href",
|
|
1497
|
+
"type": {
|
|
1498
|
+
"text": "string"
|
|
1499
|
+
},
|
|
1500
|
+
"default": "''",
|
|
1501
|
+
"attribute": "href"
|
|
1502
|
+
},
|
|
1503
|
+
{
|
|
1504
|
+
"kind": "field",
|
|
1505
|
+
"name": "actionLabel",
|
|
1506
|
+
"type": {
|
|
1507
|
+
"text": "string"
|
|
1508
|
+
},
|
|
1509
|
+
"default": "'Learn more'",
|
|
1510
|
+
"attribute": "action-label"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"kind": "field",
|
|
1514
|
+
"name": "inverted",
|
|
1515
|
+
"type": {
|
|
1516
|
+
"text": "boolean"
|
|
1517
|
+
},
|
|
1518
|
+
"default": "false",
|
|
1519
|
+
"attribute": "inverted",
|
|
1520
|
+
"reflects": true
|
|
1521
|
+
}
|
|
1522
|
+
],
|
|
1523
|
+
"attributes": [
|
|
1524
|
+
{
|
|
1525
|
+
"name": "icon",
|
|
1526
|
+
"type": {
|
|
1527
|
+
"text": "string"
|
|
1528
|
+
},
|
|
1529
|
+
"default": "''",
|
|
1530
|
+
"description": "Iconify icon name, e.g. `mdi:rocket`.",
|
|
1531
|
+
"fieldName": "icon"
|
|
1532
|
+
},
|
|
1533
|
+
{
|
|
1534
|
+
"name": "title",
|
|
1535
|
+
"type": {
|
|
1536
|
+
"text": "string"
|
|
1537
|
+
},
|
|
1538
|
+
"default": "''",
|
|
1539
|
+
"fieldName": "title"
|
|
1540
|
+
},
|
|
1541
|
+
{
|
|
1542
|
+
"name": "description",
|
|
1543
|
+
"type": {
|
|
1544
|
+
"text": "string"
|
|
1545
|
+
},
|
|
1546
|
+
"default": "''",
|
|
1547
|
+
"description": "Markdown.",
|
|
1548
|
+
"fieldName": "description"
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"name": "href",
|
|
1552
|
+
"type": {
|
|
1553
|
+
"text": "string"
|
|
1554
|
+
},
|
|
1555
|
+
"default": "''",
|
|
1556
|
+
"fieldName": "href"
|
|
1557
|
+
},
|
|
1558
|
+
{
|
|
1559
|
+
"name": "action-label",
|
|
1560
|
+
"type": {
|
|
1561
|
+
"text": "string"
|
|
1562
|
+
},
|
|
1563
|
+
"default": "'Learn more'",
|
|
1564
|
+
"fieldName": "actionLabel"
|
|
1565
|
+
},
|
|
1566
|
+
{
|
|
1567
|
+
"name": "inverted",
|
|
1568
|
+
"type": {
|
|
1569
|
+
"text": "boolean"
|
|
1570
|
+
},
|
|
1571
|
+
"default": "false",
|
|
1572
|
+
"fieldName": "inverted"
|
|
1573
|
+
}
|
|
1574
|
+
],
|
|
1575
|
+
"superclass": {
|
|
1576
|
+
"name": "LitElement",
|
|
1577
|
+
"package": "lit"
|
|
1578
|
+
},
|
|
1579
|
+
"tagName": "st-feature-item",
|
|
1580
|
+
"customElement": true
|
|
1581
|
+
}
|
|
1582
|
+
],
|
|
1583
|
+
"exports": [
|
|
1584
|
+
{
|
|
1585
|
+
"kind": "js",
|
|
1586
|
+
"name": "FeatureItem",
|
|
1587
|
+
"declaration": {
|
|
1588
|
+
"name": "FeatureItem",
|
|
1589
|
+
"module": "src/features-section/FeatureItem.ts"
|
|
1590
|
+
}
|
|
1591
|
+
},
|
|
1592
|
+
{
|
|
1593
|
+
"kind": "custom-element-definition",
|
|
1594
|
+
"name": "st-feature-item",
|
|
1595
|
+
"declaration": {
|
|
1596
|
+
"name": "FeatureItem",
|
|
1597
|
+
"module": "src/features-section/FeatureItem.ts"
|
|
1598
|
+
}
|
|
1599
|
+
}
|
|
1600
|
+
]
|
|
1601
|
+
},
|
|
1602
|
+
{
|
|
1603
|
+
"kind": "javascript-module",
|
|
1604
|
+
"path": "src/features-section/FeaturesSection.ts",
|
|
1605
|
+
"declarations": [
|
|
1606
|
+
{
|
|
1607
|
+
"kind": "class",
|
|
1608
|
+
"description": "A titled grid of feature tiles. Ports `SankhyaUI`'s React `FeaturesSection`: tiles come from the\r\n`items` property, from slotted `st-feature-item` elements (the source's `children`), or both\r\n(slotted first). `columns` sets the grid width (default 2; one column below 768px). `inverted`\r\nis passed on to the `items` tiles; slotted tiles need their own `inverted` attribute.",
|
|
1609
|
+
"name": "FeaturesSection",
|
|
1610
|
+
"members": [
|
|
1611
|
+
{
|
|
1612
|
+
"kind": "field",
|
|
1613
|
+
"name": "title",
|
|
1614
|
+
"type": {
|
|
1615
|
+
"text": "string"
|
|
1616
|
+
},
|
|
1617
|
+
"default": "''",
|
|
1618
|
+
"attribute": "title"
|
|
1619
|
+
},
|
|
1620
|
+
{
|
|
1621
|
+
"kind": "field",
|
|
1622
|
+
"name": "subtitle",
|
|
1623
|
+
"type": {
|
|
1624
|
+
"text": "string"
|
|
1625
|
+
},
|
|
1626
|
+
"default": "''",
|
|
1627
|
+
"attribute": "subtitle"
|
|
1628
|
+
},
|
|
1629
|
+
{
|
|
1630
|
+
"kind": "field",
|
|
1631
|
+
"name": "actionLabel",
|
|
1632
|
+
"type": {
|
|
1633
|
+
"text": "string"
|
|
1634
|
+
},
|
|
1635
|
+
"default": "'Learn more'",
|
|
1636
|
+
"description": "Applied to every tile built from `items`.",
|
|
1637
|
+
"attribute": "action-label"
|
|
1638
|
+
},
|
|
1639
|
+
{
|
|
1640
|
+
"kind": "field",
|
|
1641
|
+
"name": "columns",
|
|
1642
|
+
"type": {
|
|
1643
|
+
"text": "number"
|
|
1644
|
+
},
|
|
1645
|
+
"default": "0",
|
|
1646
|
+
"attribute": "columns"
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"kind": "field",
|
|
1650
|
+
"name": "inverted",
|
|
1651
|
+
"type": {
|
|
1652
|
+
"text": "boolean"
|
|
1653
|
+
},
|
|
1654
|
+
"default": "false",
|
|
1655
|
+
"attribute": "inverted",
|
|
1656
|
+
"reflects": true
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"kind": "field",
|
|
1660
|
+
"name": "items",
|
|
1661
|
+
"type": {
|
|
1662
|
+
"text": "FeatureItemData[]"
|
|
1663
|
+
},
|
|
1664
|
+
"default": "[]",
|
|
1665
|
+
"description": "Tiles to render (property only)."
|
|
1666
|
+
}
|
|
1667
|
+
],
|
|
1668
|
+
"attributes": [
|
|
1669
|
+
{
|
|
1670
|
+
"name": "title",
|
|
1671
|
+
"type": {
|
|
1672
|
+
"text": "string"
|
|
1673
|
+
},
|
|
1674
|
+
"default": "''",
|
|
1675
|
+
"fieldName": "title"
|
|
1676
|
+
},
|
|
1677
|
+
{
|
|
1678
|
+
"name": "subtitle",
|
|
1679
|
+
"type": {
|
|
1680
|
+
"text": "string"
|
|
1681
|
+
},
|
|
1682
|
+
"default": "''",
|
|
1683
|
+
"fieldName": "subtitle"
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"name": "action-label",
|
|
1687
|
+
"type": {
|
|
1688
|
+
"text": "string"
|
|
1689
|
+
},
|
|
1690
|
+
"default": "'Learn more'",
|
|
1691
|
+
"description": "Applied to every tile built from `items`.",
|
|
1692
|
+
"fieldName": "actionLabel"
|
|
1693
|
+
},
|
|
1694
|
+
{
|
|
1695
|
+
"name": "columns",
|
|
1696
|
+
"type": {
|
|
1697
|
+
"text": "number"
|
|
1698
|
+
},
|
|
1699
|
+
"default": "0",
|
|
1700
|
+
"fieldName": "columns"
|
|
1701
|
+
},
|
|
1702
|
+
{
|
|
1703
|
+
"name": "inverted",
|
|
1704
|
+
"type": {
|
|
1705
|
+
"text": "boolean"
|
|
1706
|
+
},
|
|
1707
|
+
"default": "false",
|
|
1708
|
+
"fieldName": "inverted"
|
|
1709
|
+
}
|
|
1710
|
+
],
|
|
1711
|
+
"superclass": {
|
|
1712
|
+
"name": "LitElement",
|
|
1713
|
+
"package": "lit"
|
|
1714
|
+
},
|
|
1715
|
+
"tagName": "st-features-section",
|
|
1716
|
+
"customElement": true
|
|
1717
|
+
}
|
|
1718
|
+
],
|
|
1719
|
+
"exports": [
|
|
1720
|
+
{
|
|
1721
|
+
"kind": "js",
|
|
1722
|
+
"name": "FeaturesSection",
|
|
1723
|
+
"declaration": {
|
|
1724
|
+
"name": "FeaturesSection",
|
|
1725
|
+
"module": "src/features-section/FeaturesSection.ts"
|
|
1726
|
+
}
|
|
1727
|
+
},
|
|
1728
|
+
{
|
|
1729
|
+
"kind": "custom-element-definition",
|
|
1730
|
+
"name": "st-features-section",
|
|
1731
|
+
"declaration": {
|
|
1732
|
+
"name": "FeaturesSection",
|
|
1733
|
+
"module": "src/features-section/FeaturesSection.ts"
|
|
1734
|
+
}
|
|
1735
|
+
}
|
|
1736
|
+
]
|
|
1737
|
+
},
|
|
1738
|
+
{
|
|
1739
|
+
"kind": "javascript-module",
|
|
1740
|
+
"path": "src/footer/Footer.ts",
|
|
1741
|
+
"declarations": [
|
|
1742
|
+
{
|
|
1743
|
+
"kind": "class",
|
|
1744
|
+
"description": "The footer, in two layouts:\r\n\r\n- **Bar** (default): a copyright line plus an optional \"powered by\" link — what the suite's\r\n authenticated apps use.\r\n- **Site**: when `columns`, `socialLinks`, `description` or `imageSrc` is set, the footer becomes a\r\n marketing-site footer — brand (logo/company name, description, social icons), link columns and a\r\n bottom bar with the copyright and \"powered by\".\r\n\r\nFires a cancelable `footer-link` event (detail `{ href }`) when an internal link is clicked.",
|
|
1745
|
+
"name": "Footer",
|
|
1746
|
+
"members": [
|
|
1747
|
+
{
|
|
1748
|
+
"kind": "field",
|
|
1749
|
+
"name": "inverted",
|
|
1750
|
+
"type": {
|
|
1751
|
+
"text": "boolean"
|
|
1752
|
+
},
|
|
1753
|
+
"default": "false",
|
|
1754
|
+
"description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
|
|
1755
|
+
"attribute": "inverted",
|
|
1756
|
+
"reflects": true
|
|
1757
|
+
},
|
|
1758
|
+
{
|
|
1759
|
+
"kind": "field",
|
|
1760
|
+
"name": "companyName",
|
|
1761
|
+
"type": {
|
|
1762
|
+
"text": "string"
|
|
1763
|
+
},
|
|
1764
|
+
"default": "''",
|
|
1765
|
+
"description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
|
|
1766
|
+
"attribute": "company-name"
|
|
1767
|
+
},
|
|
1768
|
+
{
|
|
1769
|
+
"kind": "field",
|
|
1770
|
+
"name": "copyright",
|
|
1771
|
+
"type": {
|
|
1772
|
+
"text": "string"
|
|
1773
|
+
},
|
|
1774
|
+
"default": "''",
|
|
1775
|
+
"description": "Overrides the default computed copyright line entirely.",
|
|
1776
|
+
"attribute": "copyright"
|
|
1777
|
+
},
|
|
1778
|
+
{
|
|
1779
|
+
"kind": "field",
|
|
1780
|
+
"name": "poweredBy",
|
|
1781
|
+
"type": {
|
|
1782
|
+
"text": "string"
|
|
1783
|
+
},
|
|
1784
|
+
"default": "''",
|
|
1785
|
+
"attribute": "powered-by"
|
|
1786
|
+
},
|
|
1787
|
+
{
|
|
1788
|
+
"kind": "field",
|
|
1789
|
+
"name": "poweredByLink",
|
|
1790
|
+
"type": {
|
|
1791
|
+
"text": "string"
|
|
1792
|
+
},
|
|
1793
|
+
"default": "''",
|
|
1794
|
+
"attribute": "powered-by-link"
|
|
1795
|
+
},
|
|
1796
|
+
{
|
|
1797
|
+
"kind": "field",
|
|
1798
|
+
"name": "version",
|
|
1799
|
+
"type": {
|
|
1800
|
+
"text": "string"
|
|
1801
|
+
},
|
|
1802
|
+
"default": "''",
|
|
1803
|
+
"description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
|
|
1804
|
+
"attribute": "version"
|
|
1805
|
+
},
|
|
1806
|
+
{
|
|
1807
|
+
"kind": "field",
|
|
1808
|
+
"name": "imageSrc",
|
|
1809
|
+
"type": {
|
|
1810
|
+
"text": "string"
|
|
1811
|
+
},
|
|
1812
|
+
"default": "''",
|
|
1813
|
+
"description": "Logo shown in the brand block (site layout).",
|
|
1814
|
+
"attribute": "image-src"
|
|
1815
|
+
},
|
|
1816
|
+
{
|
|
1817
|
+
"kind": "field",
|
|
1818
|
+
"name": "description",
|
|
1819
|
+
"type": {
|
|
1820
|
+
"text": "string"
|
|
1821
|
+
},
|
|
1822
|
+
"default": "''",
|
|
1823
|
+
"description": "Short blurb under the logo (site layout).",
|
|
1824
|
+
"attribute": "description"
|
|
1825
|
+
},
|
|
1826
|
+
{
|
|
1827
|
+
"kind": "field",
|
|
1828
|
+
"name": "columns",
|
|
1829
|
+
"type": {
|
|
1830
|
+
"text": "FooterColumn[]"
|
|
1831
|
+
},
|
|
1832
|
+
"default": "[]",
|
|
1833
|
+
"description": "Link columns (site layout)."
|
|
1834
|
+
},
|
|
1835
|
+
{
|
|
1836
|
+
"kind": "field",
|
|
1837
|
+
"name": "socialLinks",
|
|
1838
|
+
"type": {
|
|
1839
|
+
"text": "FooterSocialLink[]"
|
|
1840
|
+
},
|
|
1841
|
+
"default": "[]",
|
|
1842
|
+
"description": "Social icon links under the description (site layout)."
|
|
1843
|
+
},
|
|
1844
|
+
{
|
|
1845
|
+
"kind": "field",
|
|
1846
|
+
"name": "isSite",
|
|
1847
|
+
"type": {
|
|
1848
|
+
"text": "boolean"
|
|
1849
|
+
},
|
|
1850
|
+
"privacy": "private",
|
|
1851
|
+
"readonly": true
|
|
1852
|
+
},
|
|
1853
|
+
{
|
|
1854
|
+
"kind": "field",
|
|
1855
|
+
"name": "resolvedCopyright",
|
|
1856
|
+
"type": {
|
|
1857
|
+
"text": "string"
|
|
1858
|
+
},
|
|
1859
|
+
"privacy": "private",
|
|
1860
|
+
"readonly": true
|
|
1861
|
+
},
|
|
1862
|
+
{
|
|
1863
|
+
"kind": "method",
|
|
1864
|
+
"name": "onLinkClick",
|
|
1865
|
+
"privacy": "private",
|
|
1866
|
+
"return": {
|
|
1867
|
+
"type": {
|
|
1868
|
+
"text": "void"
|
|
1869
|
+
}
|
|
1870
|
+
},
|
|
1871
|
+
"parameters": [
|
|
1872
|
+
{
|
|
1873
|
+
"name": "event",
|
|
1874
|
+
"type": {
|
|
1875
|
+
"text": "MouseEvent"
|
|
1876
|
+
}
|
|
1877
|
+
},
|
|
1878
|
+
{
|
|
1879
|
+
"name": "href",
|
|
1880
|
+
"type": {
|
|
1881
|
+
"text": "string"
|
|
1882
|
+
}
|
|
1883
|
+
}
|
|
1884
|
+
]
|
|
1885
|
+
},
|
|
1886
|
+
{
|
|
1887
|
+
"kind": "method",
|
|
1888
|
+
"name": "renderLink",
|
|
1889
|
+
"privacy": "private",
|
|
1890
|
+
"parameters": [
|
|
1891
|
+
{
|
|
1892
|
+
"name": "link",
|
|
1893
|
+
"type": {
|
|
1894
|
+
"text": "FooterLink"
|
|
1895
|
+
}
|
|
1896
|
+
}
|
|
1897
|
+
]
|
|
1898
|
+
},
|
|
1899
|
+
{
|
|
1900
|
+
"kind": "method",
|
|
1901
|
+
"name": "renderPoweredBy",
|
|
1902
|
+
"privacy": "private"
|
|
1903
|
+
},
|
|
1904
|
+
{
|
|
1905
|
+
"kind": "method",
|
|
1906
|
+
"name": "renderSite",
|
|
1907
|
+
"privacy": "private"
|
|
1908
|
+
}
|
|
1909
|
+
],
|
|
1910
|
+
"attributes": [
|
|
1911
|
+
{
|
|
1912
|
+
"name": "inverted",
|
|
1913
|
+
"type": {
|
|
1914
|
+
"text": "boolean"
|
|
1915
|
+
},
|
|
1916
|
+
"default": "false",
|
|
1917
|
+
"description": "Inverts the footer's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`), same as `st-header`'s.",
|
|
1918
|
+
"fieldName": "inverted"
|
|
1919
|
+
},
|
|
1920
|
+
{
|
|
1921
|
+
"name": "company-name",
|
|
1922
|
+
"type": {
|
|
1923
|
+
"text": "string"
|
|
1924
|
+
},
|
|
1925
|
+
"default": "''",
|
|
1926
|
+
"description": "Used to build the default `copyright` line (`© {year} {companyName}`) when `copyright` isn't set explicitly.",
|
|
1927
|
+
"fieldName": "companyName"
|
|
1928
|
+
},
|
|
1929
|
+
{
|
|
1930
|
+
"name": "copyright",
|
|
1931
|
+
"type": {
|
|
1932
|
+
"text": "string"
|
|
1933
|
+
},
|
|
1934
|
+
"default": "''",
|
|
1935
|
+
"description": "Overrides the default computed copyright line entirely.",
|
|
1936
|
+
"fieldName": "copyright"
|
|
1937
|
+
},
|
|
1938
|
+
{
|
|
1939
|
+
"name": "powered-by",
|
|
1940
|
+
"type": {
|
|
1941
|
+
"text": "string"
|
|
1942
|
+
},
|
|
1943
|
+
"default": "''",
|
|
1944
|
+
"fieldName": "poweredBy"
|
|
1945
|
+
},
|
|
1946
|
+
{
|
|
1947
|
+
"name": "powered-by-link",
|
|
1948
|
+
"type": {
|
|
1949
|
+
"text": "string"
|
|
1950
|
+
},
|
|
1951
|
+
"default": "''",
|
|
1952
|
+
"fieldName": "poweredByLink"
|
|
1953
|
+
},
|
|
1954
|
+
{
|
|
1955
|
+
"name": "version",
|
|
1956
|
+
"type": {
|
|
1957
|
+
"text": "string"
|
|
1958
|
+
},
|
|
1959
|
+
"default": "''",
|
|
1960
|
+
"description": "App version, rendered as `v{version}` after the copyright line — for apps that show their own\r\nversion in the footer rather than the header title.",
|
|
1961
|
+
"fieldName": "version"
|
|
1962
|
+
},
|
|
1963
|
+
{
|
|
1964
|
+
"name": "image-src",
|
|
1965
|
+
"type": {
|
|
1966
|
+
"text": "string"
|
|
1967
|
+
},
|
|
1968
|
+
"default": "''",
|
|
1969
|
+
"description": "Logo shown in the brand block (site layout).",
|
|
1970
|
+
"fieldName": "imageSrc"
|
|
1971
|
+
},
|
|
1972
|
+
{
|
|
1973
|
+
"name": "description",
|
|
1974
|
+
"type": {
|
|
1975
|
+
"text": "string"
|
|
1976
|
+
},
|
|
1977
|
+
"default": "''",
|
|
1978
|
+
"description": "Short blurb under the logo (site layout).",
|
|
1979
|
+
"fieldName": "description"
|
|
1980
|
+
}
|
|
1981
|
+
],
|
|
1982
|
+
"superclass": {
|
|
1983
|
+
"name": "LitElement",
|
|
1984
|
+
"package": "lit"
|
|
1985
|
+
},
|
|
1986
|
+
"tagName": "st-footer",
|
|
1987
|
+
"customElement": true
|
|
1988
|
+
}
|
|
1989
|
+
],
|
|
1990
|
+
"exports": [
|
|
1991
|
+
{
|
|
1992
|
+
"kind": "js",
|
|
1993
|
+
"name": "Footer",
|
|
1994
|
+
"declaration": {
|
|
1995
|
+
"name": "Footer",
|
|
1996
|
+
"module": "src/footer/Footer.ts"
|
|
1997
|
+
}
|
|
1998
|
+
},
|
|
1999
|
+
{
|
|
2000
|
+
"kind": "custom-element-definition",
|
|
2001
|
+
"name": "st-footer",
|
|
2002
|
+
"declaration": {
|
|
2003
|
+
"name": "Footer",
|
|
2004
|
+
"module": "src/footer/Footer.ts"
|
|
2005
|
+
}
|
|
2006
|
+
}
|
|
2007
|
+
]
|
|
2008
|
+
},
|
|
2009
|
+
{
|
|
2010
|
+
"kind": "javascript-module",
|
|
2011
|
+
"path": "src/header/Header.ts",
|
|
2012
|
+
"declarations": [
|
|
2013
|
+
{
|
|
2014
|
+
"kind": "class",
|
|
2015
|
+
"description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
|
|
2016
|
+
"name": "Header",
|
|
2017
|
+
"members": [
|
|
2018
|
+
{
|
|
2019
|
+
"kind": "field",
|
|
2020
|
+
"name": "title",
|
|
2021
|
+
"type": {
|
|
2022
|
+
"text": "string"
|
|
2023
|
+
},
|
|
2024
|
+
"default": "''",
|
|
2025
|
+
"attribute": "title"
|
|
2026
|
+
},
|
|
2027
|
+
{
|
|
2028
|
+
"kind": "field",
|
|
2029
|
+
"name": "brandImageUrl",
|
|
2030
|
+
"type": {
|
|
2031
|
+
"text": "string"
|
|
2032
|
+
},
|
|
2033
|
+
"default": "''",
|
|
2034
|
+
"description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
|
|
2035
|
+
"attribute": "brand-image-url"
|
|
2036
|
+
},
|
|
2037
|
+
{
|
|
2038
|
+
"kind": "field",
|
|
2039
|
+
"name": "altText",
|
|
2040
|
+
"type": {
|
|
2041
|
+
"text": "string"
|
|
2042
|
+
},
|
|
2043
|
+
"default": "'Logo'",
|
|
2044
|
+
"description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
|
|
2045
|
+
"attribute": "alt-text"
|
|
2046
|
+
},
|
|
2047
|
+
{
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "logoHref",
|
|
2050
|
+
"type": {
|
|
2051
|
+
"text": "string"
|
|
2052
|
+
},
|
|
2053
|
+
"default": "''",
|
|
2054
|
+
"description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
|
|
2055
|
+
"attribute": "logoHref"
|
|
2056
|
+
},
|
|
2057
|
+
{
|
|
2058
|
+
"kind": "field",
|
|
2059
|
+
"name": "logoTarget",
|
|
2060
|
+
"type": {
|
|
2061
|
+
"text": "string"
|
|
2062
|
+
},
|
|
2063
|
+
"default": "'_self'",
|
|
2064
|
+
"description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
|
|
2065
|
+
"attribute": "logo-target"
|
|
2066
|
+
},
|
|
2067
|
+
{
|
|
2068
|
+
"kind": "field",
|
|
2069
|
+
"name": "logoClassName",
|
|
2070
|
+
"type": {
|
|
2071
|
+
"text": "string"
|
|
2072
|
+
},
|
|
2073
|
+
"default": "''",
|
|
2074
|
+
"description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
|
|
2075
|
+
"attribute": "logo-class-name"
|
|
2076
|
+
},
|
|
2077
|
+
{
|
|
2078
|
+
"kind": "field",
|
|
2079
|
+
"name": "inverted",
|
|
2080
|
+
"type": {
|
|
2081
|
+
"text": "boolean"
|
|
2082
|
+
},
|
|
2083
|
+
"default": "false",
|
|
2084
|
+
"description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
|
|
2085
|
+
"attribute": "inverted",
|
|
2086
|
+
"reflects": true
|
|
2087
|
+
},
|
|
2088
|
+
{
|
|
2089
|
+
"kind": "field",
|
|
2090
|
+
"name": "sticky",
|
|
2091
|
+
"type": {
|
|
2092
|
+
"text": "boolean"
|
|
2093
|
+
},
|
|
2094
|
+
"default": "false",
|
|
2095
|
+
"attribute": "sticky",
|
|
2096
|
+
"reflects": true
|
|
2097
|
+
},
|
|
2098
|
+
{
|
|
2099
|
+
"kind": "field",
|
|
2100
|
+
"name": "languages",
|
|
2101
|
+
"type": {
|
|
2102
|
+
"text": "{ code: string; label: string }[]"
|
|
2103
|
+
},
|
|
2104
|
+
"default": "[]",
|
|
2105
|
+
"description": "Language switcher options, e.g. `[{ code: 'en', label: 'English' }, ...]` — hidden entirely\r\nwhen empty or when only one language is offered (same convention as `st-app-header`'s\r\n`languages`, which this reuses verbatim). This component has no translation logic itself —\r\nselecting an option fires `language-change` (detail: `{ code }`), and the consuming app owns\r\nwhat `code` actually means and which content it re-renders."
|
|
2106
|
+
},
|
|
2107
|
+
{
|
|
2108
|
+
"kind": "field",
|
|
2109
|
+
"name": "currentLanguageCode",
|
|
2110
|
+
"type": {
|
|
2111
|
+
"text": "string"
|
|
2112
|
+
},
|
|
2113
|
+
"default": "''",
|
|
2114
|
+
"attribute": "current-language-code"
|
|
2115
|
+
},
|
|
2116
|
+
{
|
|
2117
|
+
"kind": "field",
|
|
2118
|
+
"name": "languageMenuLabel",
|
|
2119
|
+
"type": {
|
|
2120
|
+
"text": "string"
|
|
2121
|
+
},
|
|
2122
|
+
"default": "'Language'",
|
|
2123
|
+
"attribute": "language-menu-label"
|
|
2124
|
+
},
|
|
2125
|
+
{
|
|
2126
|
+
"kind": "field",
|
|
2127
|
+
"name": "mobileOpen",
|
|
2128
|
+
"type": {
|
|
2129
|
+
"text": "boolean"
|
|
2130
|
+
},
|
|
2131
|
+
"default": "false",
|
|
2132
|
+
"description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
|
|
2133
|
+
"attribute": "mobile-open",
|
|
2134
|
+
"reflects": true
|
|
2135
|
+
},
|
|
2136
|
+
{
|
|
2137
|
+
"kind": "field",
|
|
2138
|
+
"name": "compact",
|
|
2139
|
+
"type": {
|
|
2140
|
+
"text": "boolean"
|
|
2141
|
+
},
|
|
2142
|
+
"default": "false",
|
|
2143
|
+
"description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
|
|
2144
|
+
"attribute": "compact",
|
|
2145
|
+
"reflects": true
|
|
2146
|
+
},
|
|
2147
|
+
{
|
|
2148
|
+
"kind": "field",
|
|
2149
|
+
"name": "languageMenuOpen",
|
|
2150
|
+
"type": {
|
|
2151
|
+
"text": "boolean"
|
|
2152
|
+
},
|
|
2153
|
+
"privacy": "private",
|
|
2154
|
+
"default": "false"
|
|
2155
|
+
},
|
|
2156
|
+
{
|
|
2157
|
+
"kind": "field",
|
|
2158
|
+
"name": "hasUtility",
|
|
2159
|
+
"type": {
|
|
2160
|
+
"text": "boolean"
|
|
2161
|
+
},
|
|
2162
|
+
"privacy": "private",
|
|
2163
|
+
"default": "false",
|
|
2164
|
+
"description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
|
|
2165
|
+
},
|
|
2166
|
+
{
|
|
2167
|
+
"kind": "field",
|
|
2168
|
+
"name": "resizeObserver",
|
|
2169
|
+
"type": {
|
|
2170
|
+
"text": "ResizeObserver | undefined"
|
|
2171
|
+
},
|
|
2172
|
+
"privacy": "private"
|
|
2173
|
+
},
|
|
2174
|
+
{
|
|
2175
|
+
"kind": "field",
|
|
2176
|
+
"name": "narrowQuery",
|
|
2177
|
+
"type": {
|
|
2178
|
+
"text": "MediaQueryList | undefined"
|
|
2179
|
+
},
|
|
2180
|
+
"privacy": "private",
|
|
2181
|
+
"description": "Matches below BREAKPOINT_TABLET, where the hamburger layout is always on."
|
|
2182
|
+
},
|
|
2183
|
+
{
|
|
2184
|
+
"kind": "field",
|
|
2185
|
+
"name": "inlinedDropdowns",
|
|
2186
|
+
"privacy": "private",
|
|
2187
|
+
"default": "new Set<HTMLElement & { inline: boolean }>()",
|
|
2188
|
+
"description": "The dropdowns this header switched to `inline` — only these are switched back, so a caller's\r\nown `inline` setting is left alone."
|
|
2189
|
+
},
|
|
2190
|
+
{
|
|
2191
|
+
"kind": "field",
|
|
2192
|
+
"name": "syncInlineDropdowns",
|
|
2193
|
+
"privacy": "private",
|
|
2194
|
+
"description": "While the hamburger layout is on, the dropdowns in the header open in the flow of the\r\nfull-screen panel instead of floating over it (SankhyaUI's touch-device layout)."
|
|
2195
|
+
},
|
|
2196
|
+
{
|
|
2197
|
+
"kind": "field",
|
|
2198
|
+
"name": "onUtilitySlotChange",
|
|
2199
|
+
"privacy": "private"
|
|
2200
|
+
},
|
|
2201
|
+
{
|
|
2202
|
+
"kind": "field",
|
|
2203
|
+
"name": "onMenuSlotChange",
|
|
2204
|
+
"privacy": "private"
|
|
2205
|
+
},
|
|
2206
|
+
{
|
|
2207
|
+
"kind": "field",
|
|
2208
|
+
"name": "collapsedAtWidth",
|
|
2209
|
+
"type": {
|
|
2210
|
+
"text": "number"
|
|
2211
|
+
},
|
|
2212
|
+
"privacy": "private",
|
|
2213
|
+
"default": "0",
|
|
2214
|
+
"description": "The bar width at which the menu last overflowed — the bar only expands again once it is\r\nclearly wider than this, so it can't flip back and forth right at the threshold."
|
|
2215
|
+
},
|
|
2216
|
+
{
|
|
2217
|
+
"kind": "field",
|
|
2218
|
+
"name": "evaluateFit",
|
|
2219
|
+
"privacy": "private",
|
|
2220
|
+
"description": "Collapses to the hamburger layout when the slotted menu overflows its row, and expands again\r\nonce there is room. The collapsed layout hides the menu, so the room it needs can't be\r\nmeasured then; the width remembered when it collapsed stands in for it."
|
|
2221
|
+
},
|
|
2222
|
+
{
|
|
2223
|
+
"kind": "method",
|
|
2224
|
+
"name": "menuOverflows",
|
|
2225
|
+
"privacy": "private",
|
|
2226
|
+
"return": {
|
|
2227
|
+
"type": {
|
|
2228
|
+
"text": "boolean"
|
|
2229
|
+
}
|
|
2230
|
+
},
|
|
2231
|
+
"description": "Whether the visible menu items reach past the right edge of the menu row. Measured from the\r\nitems' own boxes (the slotted elements and their direct children), not the row's scrollWidth:\r\na closed dropdown's absolutely positioned panel also counts towards scrollWidth, which would\r\nreport overflow at any width."
|
|
2232
|
+
},
|
|
2233
|
+
{
|
|
2234
|
+
"kind": "field",
|
|
2235
|
+
"name": "lightDomObserver",
|
|
2236
|
+
"type": {
|
|
2237
|
+
"text": "MutationObserver | undefined"
|
|
2238
|
+
},
|
|
2239
|
+
"privacy": "private"
|
|
2240
|
+
},
|
|
2241
|
+
{
|
|
2242
|
+
"kind": "field",
|
|
2243
|
+
"name": "closeOnEscape",
|
|
2244
|
+
"privacy": "private"
|
|
2245
|
+
},
|
|
2246
|
+
{
|
|
2247
|
+
"kind": "field",
|
|
2248
|
+
"name": "closeLanguageMenuOnOutsideClick",
|
|
2249
|
+
"privacy": "private"
|
|
2250
|
+
},
|
|
2251
|
+
{
|
|
2252
|
+
"kind": "method",
|
|
2253
|
+
"name": "renderLanguageMenu",
|
|
2254
|
+
"privacy": "private"
|
|
2255
|
+
},
|
|
2256
|
+
{
|
|
2257
|
+
"kind": "method",
|
|
2258
|
+
"name": "onLanguageSelect",
|
|
2259
|
+
"privacy": "private",
|
|
2260
|
+
"return": {
|
|
2261
|
+
"type": {
|
|
2262
|
+
"text": "void"
|
|
2263
|
+
}
|
|
2264
|
+
},
|
|
2265
|
+
"parameters": [
|
|
2266
|
+
{
|
|
2267
|
+
"name": "code",
|
|
2268
|
+
"type": {
|
|
2269
|
+
"text": "string"
|
|
2270
|
+
}
|
|
2271
|
+
}
|
|
2272
|
+
]
|
|
2273
|
+
},
|
|
2274
|
+
{
|
|
2275
|
+
"kind": "method",
|
|
2276
|
+
"name": "renderBrand",
|
|
2277
|
+
"privacy": "private"
|
|
2278
|
+
}
|
|
2279
|
+
],
|
|
2280
|
+
"events": [
|
|
2281
|
+
{
|
|
2282
|
+
"name": "language-change",
|
|
2283
|
+
"type": {
|
|
2284
|
+
"text": "CustomEvent"
|
|
2285
|
+
}
|
|
2286
|
+
}
|
|
2287
|
+
],
|
|
2288
|
+
"attributes": [
|
|
2289
|
+
{
|
|
2290
|
+
"name": "title",
|
|
2291
|
+
"type": {
|
|
2292
|
+
"text": "string"
|
|
2293
|
+
},
|
|
2294
|
+
"default": "''",
|
|
2295
|
+
"fieldName": "title"
|
|
2296
|
+
},
|
|
2297
|
+
{
|
|
2298
|
+
"name": "brand-image-url",
|
|
2299
|
+
"type": {
|
|
2300
|
+
"text": "string"
|
|
2301
|
+
},
|
|
2302
|
+
"default": "''",
|
|
2303
|
+
"description": "Optional logo image URL, shown before `title`. Omitted entirely when empty — none of this suite's apps has one today. Matches the source component's `imageSrc` (renamed here to pair with `title`/`logoHref`, since this component's only image use is the brand mark).",
|
|
2304
|
+
"fieldName": "brandImageUrl"
|
|
2305
|
+
},
|
|
2306
|
+
{
|
|
2307
|
+
"name": "alt-text",
|
|
2308
|
+
"type": {
|
|
2309
|
+
"text": "string"
|
|
2310
|
+
},
|
|
2311
|
+
"default": "'Logo'",
|
|
2312
|
+
"description": "`alt` text for the brand image — matches the source component's `altText` (default `'Logo'`).",
|
|
2313
|
+
"fieldName": "altText"
|
|
2314
|
+
},
|
|
2315
|
+
{
|
|
2316
|
+
"name": "logoHref",
|
|
2317
|
+
"type": {
|
|
2318
|
+
"text": "string"
|
|
2319
|
+
},
|
|
2320
|
+
"default": "''",
|
|
2321
|
+
"description": "Wraps the brand in an `<a>` when set (e.g. `/`); a plain non-link `<div>` otherwise.",
|
|
2322
|
+
"fieldName": "logoHref"
|
|
2323
|
+
},
|
|
2324
|
+
{
|
|
2325
|
+
"name": "logo-target",
|
|
2326
|
+
"type": {
|
|
2327
|
+
"text": "string"
|
|
2328
|
+
},
|
|
2329
|
+
"default": "'_self'",
|
|
2330
|
+
"description": "`target` for the brand `<a>` — matches the source component's `logoTarget` (default `_self`). No effect when `logoHref` isn't set.",
|
|
2331
|
+
"fieldName": "logoTarget"
|
|
2332
|
+
},
|
|
2333
|
+
{
|
|
2334
|
+
"name": "logo-class-name",
|
|
2335
|
+
"type": {
|
|
2336
|
+
"text": "string"
|
|
2337
|
+
},
|
|
2338
|
+
"default": "''",
|
|
2339
|
+
"description": "Extra class(es) appended to the brand link/div — matches the source component's `logoClassName`.",
|
|
2340
|
+
"fieldName": "logoClassName"
|
|
2341
|
+
},
|
|
2342
|
+
{
|
|
2343
|
+
"name": "inverted",
|
|
2344
|
+
"type": {
|
|
2345
|
+
"text": "boolean"
|
|
2346
|
+
},
|
|
2347
|
+
"default": "false",
|
|
2348
|
+
"description": "Inverts the header's color roles (light-on-dark instead of dark-on-light) — matches the\r\nsource component's `inverted` (from its shared `BaseProps`).",
|
|
2349
|
+
"fieldName": "inverted"
|
|
2350
|
+
},
|
|
2351
|
+
{
|
|
2352
|
+
"name": "sticky",
|
|
2353
|
+
"type": {
|
|
2354
|
+
"text": "boolean"
|
|
2355
|
+
},
|
|
2356
|
+
"default": "false",
|
|
2357
|
+
"fieldName": "sticky"
|
|
2358
|
+
},
|
|
2359
|
+
{
|
|
2360
|
+
"name": "current-language-code",
|
|
2361
|
+
"type": {
|
|
2362
|
+
"text": "string"
|
|
2363
|
+
},
|
|
2364
|
+
"default": "''",
|
|
2365
|
+
"fieldName": "currentLanguageCode"
|
|
2366
|
+
},
|
|
2367
|
+
{
|
|
2368
|
+
"name": "language-menu-label",
|
|
2369
|
+
"type": {
|
|
2370
|
+
"text": "string"
|
|
2371
|
+
},
|
|
2372
|
+
"default": "'Language'",
|
|
2373
|
+
"fieldName": "languageMenuLabel"
|
|
2374
|
+
},
|
|
2375
|
+
{
|
|
2376
|
+
"name": "mobile-open",
|
|
2377
|
+
"type": {
|
|
2378
|
+
"text": "boolean"
|
|
2379
|
+
},
|
|
2380
|
+
"default": "false",
|
|
2381
|
+
"description": "Internal open/closed state for the mobile nav overlay, reflected to an attribute purely so\r\nthe `:host([mobile-open])` CSS selector above can react to it — not meant to be set from\r\noutside.",
|
|
2382
|
+
"fieldName": "mobileOpen"
|
|
2383
|
+
},
|
|
2384
|
+
{
|
|
2385
|
+
"name": "compact",
|
|
2386
|
+
"type": {
|
|
2387
|
+
"text": "boolean"
|
|
2388
|
+
},
|
|
2389
|
+
"default": "false",
|
|
2390
|
+
"description": "True while the menu doesn't fit the bar at the current width: the header then shows the same\r\nhamburger layout it uses on a narrow screen. Set by `evaluateFit`, never from outside.",
|
|
2391
|
+
"fieldName": "compact"
|
|
2392
|
+
}
|
|
2393
|
+
],
|
|
2394
|
+
"superclass": {
|
|
2395
|
+
"name": "LitElement",
|
|
2396
|
+
"package": "lit"
|
|
2397
|
+
},
|
|
2398
|
+
"tagName": "st-header",
|
|
2399
|
+
"customElement": true
|
|
2400
|
+
}
|
|
2401
|
+
],
|
|
2402
|
+
"exports": [
|
|
2403
|
+
{
|
|
2404
|
+
"kind": "js",
|
|
2405
|
+
"name": "Header",
|
|
2406
|
+
"declaration": {
|
|
2407
|
+
"name": "Header",
|
|
2408
|
+
"module": "src/header/Header.ts"
|
|
2409
|
+
}
|
|
2410
|
+
},
|
|
2411
|
+
{
|
|
2412
|
+
"kind": "custom-element-definition",
|
|
2413
|
+
"name": "st-header",
|
|
2414
|
+
"declaration": {
|
|
2415
|
+
"name": "Header",
|
|
2416
|
+
"module": "src/header/Header.ts"
|
|
2417
|
+
}
|
|
2418
|
+
}
|
|
2419
|
+
]
|
|
2420
|
+
},
|
|
2421
|
+
{
|
|
2422
|
+
"kind": "javascript-module",
|
|
2423
|
+
"path": "src/hero/Hero.ts",
|
|
2424
|
+
"declarations": [
|
|
2425
|
+
{
|
|
2426
|
+
"kind": "class",
|
|
2427
|
+
"description": "Full-width hero banner: background image with a darkening overlay, title, optional subtitle and\r\na call-to-action link. Port of `SankhyaUI`'s React `Hero`; the framer-motion entrance is redone\r\nas CSS keyframes (skipped under `prefers-reduced-motion`). The CTA fires a cancelable `action`\r\nevent (detail `{ href }`) before navigating.",
|
|
2428
|
+
"name": "Hero",
|
|
2429
|
+
"members": [
|
|
2430
|
+
{
|
|
2431
|
+
"kind": "field",
|
|
2432
|
+
"name": "title",
|
|
2433
|
+
"type": {
|
|
2434
|
+
"text": "string"
|
|
2435
|
+
},
|
|
2436
|
+
"default": "''",
|
|
2437
|
+
"attribute": "title"
|
|
2438
|
+
},
|
|
2439
|
+
{
|
|
2440
|
+
"kind": "field",
|
|
2441
|
+
"name": "subtitle",
|
|
2442
|
+
"type": {
|
|
2443
|
+
"text": "string"
|
|
2444
|
+
},
|
|
2445
|
+
"default": "''",
|
|
2446
|
+
"attribute": "subtitle"
|
|
2447
|
+
},
|
|
2448
|
+
{
|
|
2449
|
+
"kind": "field",
|
|
2450
|
+
"name": "imageSrc",
|
|
2451
|
+
"type": {
|
|
2452
|
+
"text": "string"
|
|
2453
|
+
},
|
|
2454
|
+
"default": "''",
|
|
2455
|
+
"attribute": "image-src"
|
|
2456
|
+
},
|
|
2457
|
+
{
|
|
2458
|
+
"kind": "field",
|
|
2459
|
+
"name": "actionLabel",
|
|
2460
|
+
"type": {
|
|
2461
|
+
"text": "string"
|
|
2462
|
+
},
|
|
2463
|
+
"default": "''",
|
|
2464
|
+
"attribute": "action-label"
|
|
2465
|
+
},
|
|
2466
|
+
{
|
|
2467
|
+
"kind": "field",
|
|
2468
|
+
"name": "href",
|
|
2469
|
+
"type": {
|
|
2470
|
+
"text": "string"
|
|
2471
|
+
},
|
|
2472
|
+
"default": "''",
|
|
2473
|
+
"attribute": "href"
|
|
2474
|
+
},
|
|
2475
|
+
{
|
|
2476
|
+
"kind": "field",
|
|
2477
|
+
"name": "textAlignment",
|
|
2478
|
+
"type": {
|
|
2479
|
+
"text": "'left' | 'center' | 'right' | 'justify'"
|
|
2480
|
+
},
|
|
2481
|
+
"default": "'left'",
|
|
2482
|
+
"attribute": "text-alignment",
|
|
2483
|
+
"reflects": true
|
|
2484
|
+
},
|
|
2485
|
+
{
|
|
2486
|
+
"kind": "field",
|
|
2487
|
+
"name": "padding",
|
|
2488
|
+
"type": {
|
|
2489
|
+
"text": "'none' | 'small' | 'medium' | 'large'"
|
|
2490
|
+
},
|
|
2491
|
+
"default": "'none'",
|
|
2492
|
+
"attribute": "padding",
|
|
2493
|
+
"reflects": true
|
|
2494
|
+
},
|
|
2495
|
+
{
|
|
2496
|
+
"kind": "field",
|
|
2497
|
+
"name": "inverted",
|
|
2498
|
+
"type": {
|
|
2499
|
+
"text": "boolean"
|
|
2500
|
+
},
|
|
2501
|
+
"default": "false",
|
|
2502
|
+
"attribute": "inverted",
|
|
2503
|
+
"reflects": true
|
|
2504
|
+
},
|
|
2505
|
+
{
|
|
2506
|
+
"kind": "field",
|
|
2507
|
+
"name": "focalPoint",
|
|
2508
|
+
"type": {
|
|
2509
|
+
"text": "'top' | 'left' | 'right' | 'bottom' | 'center'"
|
|
2510
|
+
},
|
|
2511
|
+
"default": "'center'",
|
|
2512
|
+
"attribute": "focal-point"
|
|
2513
|
+
},
|
|
2514
|
+
{
|
|
2515
|
+
"kind": "field",
|
|
2516
|
+
"name": "positions",
|
|
2517
|
+
"privacy": "private",
|
|
2518
|
+
"static": true,
|
|
2519
|
+
"default": "{ top: 'center top', left: 'left center', right: 'right center', bottom: 'center bottom', center: 'center center' }",
|
|
2520
|
+
"type": {
|
|
2521
|
+
"text": "{\r\n top: 'center top',\r\n left: 'left center',\r\n right: 'right center',\r\n bottom: 'center bottom',\r\n center: 'center center'\r\n }"
|
|
2522
|
+
}
|
|
2523
|
+
},
|
|
2524
|
+
{
|
|
2525
|
+
"kind": "field",
|
|
2526
|
+
"name": "onClick",
|
|
2527
|
+
"privacy": "private"
|
|
2528
|
+
}
|
|
2529
|
+
],
|
|
2530
|
+
"attributes": [
|
|
2531
|
+
{
|
|
2532
|
+
"name": "title",
|
|
2533
|
+
"type": {
|
|
2534
|
+
"text": "string"
|
|
2535
|
+
},
|
|
2536
|
+
"default": "''",
|
|
2537
|
+
"fieldName": "title"
|
|
2538
|
+
},
|
|
2539
|
+
{
|
|
2540
|
+
"name": "subtitle",
|
|
2541
|
+
"type": {
|
|
2542
|
+
"text": "string"
|
|
2543
|
+
},
|
|
2544
|
+
"default": "''",
|
|
2545
|
+
"fieldName": "subtitle"
|
|
2546
|
+
},
|
|
2547
|
+
{
|
|
2548
|
+
"name": "image-src",
|
|
2549
|
+
"type": {
|
|
2550
|
+
"text": "string"
|
|
2551
|
+
},
|
|
2552
|
+
"default": "''",
|
|
2553
|
+
"fieldName": "imageSrc"
|
|
2554
|
+
},
|
|
2555
|
+
{
|
|
2556
|
+
"name": "action-label",
|
|
2557
|
+
"type": {
|
|
2558
|
+
"text": "string"
|
|
2559
|
+
},
|
|
2560
|
+
"default": "''",
|
|
2561
|
+
"fieldName": "actionLabel"
|
|
2562
|
+
},
|
|
2563
|
+
{
|
|
2564
|
+
"name": "href",
|
|
2565
|
+
"type": {
|
|
2566
|
+
"text": "string"
|
|
2567
|
+
},
|
|
2568
|
+
"default": "''",
|
|
2569
|
+
"fieldName": "href"
|
|
2570
|
+
},
|
|
2571
|
+
{
|
|
2572
|
+
"name": "text-alignment",
|
|
2573
|
+
"type": {
|
|
2574
|
+
"text": "'left' | 'center' | 'right' | 'justify'"
|
|
2575
|
+
},
|
|
2576
|
+
"default": "'left'",
|
|
2577
|
+
"fieldName": "textAlignment"
|
|
2578
|
+
},
|
|
2579
|
+
{
|
|
2580
|
+
"name": "padding",
|
|
2581
|
+
"type": {
|
|
2582
|
+
"text": "'none' | 'small' | 'medium' | 'large'"
|
|
2583
|
+
},
|
|
2584
|
+
"default": "'none'",
|
|
2585
|
+
"fieldName": "padding"
|
|
2586
|
+
},
|
|
2587
|
+
{
|
|
2588
|
+
"name": "inverted",
|
|
2589
|
+
"type": {
|
|
2590
|
+
"text": "boolean"
|
|
2591
|
+
},
|
|
2592
|
+
"default": "false",
|
|
2593
|
+
"fieldName": "inverted"
|
|
2594
|
+
},
|
|
2595
|
+
{
|
|
2596
|
+
"name": "focal-point",
|
|
2597
|
+
"type": {
|
|
2598
|
+
"text": "'top' | 'left' | 'right' | 'bottom' | 'center'"
|
|
2599
|
+
},
|
|
2600
|
+
"default": "'center'",
|
|
2601
|
+
"fieldName": "focalPoint"
|
|
2602
|
+
}
|
|
2603
|
+
],
|
|
2604
|
+
"superclass": {
|
|
2605
|
+
"name": "LitElement",
|
|
2606
|
+
"package": "lit"
|
|
2607
|
+
},
|
|
2608
|
+
"tagName": "st-hero",
|
|
2609
|
+
"customElement": true
|
|
2610
|
+
}
|
|
2611
|
+
],
|
|
2612
|
+
"exports": [
|
|
2613
|
+
{
|
|
2614
|
+
"kind": "js",
|
|
2615
|
+
"name": "Hero",
|
|
2616
|
+
"declaration": {
|
|
2617
|
+
"name": "Hero",
|
|
2618
|
+
"module": "src/hero/Hero.ts"
|
|
2619
|
+
}
|
|
2620
|
+
},
|
|
2621
|
+
{
|
|
2622
|
+
"kind": "custom-element-definition",
|
|
2623
|
+
"name": "st-hero",
|
|
2624
|
+
"declaration": {
|
|
2625
|
+
"name": "Hero",
|
|
2626
|
+
"module": "src/hero/Hero.ts"
|
|
2627
|
+
}
|
|
2628
|
+
}
|
|
2629
|
+
]
|
|
2630
|
+
},
|
|
2631
|
+
{
|
|
2632
|
+
"kind": "javascript-module",
|
|
2633
|
+
"path": "src/icon-button/IconButton.ts",
|
|
2634
|
+
"declarations": [
|
|
2635
|
+
{
|
|
2636
|
+
"kind": "class",
|
|
2637
|
+
"description": "A small, icon-only action button — ported from `SankhyaUI`'s React `IconButton` (a separate,\r\nunrelated marketing-site project; that source takes an iconify string `icon` prop, this package\r\nhas no iconify dependency, so the icon is default-slotted content instead, same convention as\r\n`st-dropdown`/`st-menu-grid-item`'s `slot=\"icon\"`).\r\n\r\nFires a plain native `click` — no custom event, since a caller just wants an ordinary button.",
|
|
2638
|
+
"name": "IconButton",
|
|
2639
|
+
"members": [
|
|
2640
|
+
{
|
|
2641
|
+
"kind": "field",
|
|
2642
|
+
"name": "label",
|
|
2643
|
+
"type": {
|
|
2644
|
+
"text": "string"
|
|
2645
|
+
},
|
|
2646
|
+
"default": "''",
|
|
2647
|
+
"description": "Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\nbrowsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\nthat exact name as a Lit reactive property would shadow it). Required for a control with no\r\nvisible text.",
|
|
2648
|
+
"attribute": "label"
|
|
2649
|
+
},
|
|
2650
|
+
{
|
|
2651
|
+
"kind": "field",
|
|
2652
|
+
"name": "disabled",
|
|
2653
|
+
"type": {
|
|
2654
|
+
"text": "boolean"
|
|
2655
|
+
},
|
|
2656
|
+
"default": "false",
|
|
2657
|
+
"attribute": "disabled",
|
|
2658
|
+
"reflects": true
|
|
2659
|
+
}
|
|
2660
|
+
],
|
|
2661
|
+
"attributes": [
|
|
2662
|
+
{
|
|
2663
|
+
"name": "label",
|
|
2664
|
+
"type": {
|
|
2665
|
+
"text": "string"
|
|
2666
|
+
},
|
|
2667
|
+
"default": "''",
|
|
2668
|
+
"description": "Accessible name and tooltip — matches the source component's `ariaLabel` (renamed: modern\r\nbrowsers already expose a native `ariaLabel` reflected property on every `Element`, so reusing\r\nthat exact name as a Lit reactive property would shadow it). Required for a control with no\r\nvisible text.",
|
|
2669
|
+
"fieldName": "label"
|
|
2670
|
+
},
|
|
2671
|
+
{
|
|
2672
|
+
"name": "disabled",
|
|
2673
|
+
"type": {
|
|
2674
|
+
"text": "boolean"
|
|
2675
|
+
},
|
|
2676
|
+
"default": "false",
|
|
2677
|
+
"fieldName": "disabled"
|
|
2678
|
+
}
|
|
2679
|
+
],
|
|
2680
|
+
"superclass": {
|
|
2681
|
+
"name": "LitElement",
|
|
2682
|
+
"package": "lit"
|
|
2683
|
+
},
|
|
2684
|
+
"tagName": "st-icon-button",
|
|
2685
|
+
"customElement": true
|
|
2686
|
+
}
|
|
2687
|
+
],
|
|
2688
|
+
"exports": [
|
|
2689
|
+
{
|
|
2690
|
+
"kind": "js",
|
|
2691
|
+
"name": "IconButton",
|
|
2692
|
+
"declaration": {
|
|
2693
|
+
"name": "IconButton",
|
|
2694
|
+
"module": "src/icon-button/IconButton.ts"
|
|
2695
|
+
}
|
|
2696
|
+
},
|
|
2697
|
+
{
|
|
2698
|
+
"kind": "custom-element-definition",
|
|
2699
|
+
"name": "st-icon-button",
|
|
2700
|
+
"declaration": {
|
|
2701
|
+
"name": "IconButton",
|
|
2702
|
+
"module": "src/icon-button/IconButton.ts"
|
|
2703
|
+
}
|
|
2704
|
+
}
|
|
2705
|
+
]
|
|
2706
|
+
},
|
|
2707
|
+
{
|
|
2708
|
+
"kind": "javascript-module",
|
|
2709
|
+
"path": "src/items-accordion/ItemsAccordion.ts",
|
|
2710
|
+
"declarations": [
|
|
2711
|
+
{
|
|
2712
|
+
"kind": "class",
|
|
2713
|
+
"description": "A vertical list of collapsible title/content rows; one open at a time unless `allow-multiple`.",
|
|
2714
|
+
"name": "ItemsAccordion",
|
|
2715
|
+
"members": [
|
|
2716
|
+
{
|
|
2717
|
+
"kind": "field",
|
|
2718
|
+
"name": "title",
|
|
2719
|
+
"type": {
|
|
2720
|
+
"text": "string"
|
|
2721
|
+
},
|
|
2722
|
+
"default": "''",
|
|
2723
|
+
"attribute": "title"
|
|
2724
|
+
},
|
|
2725
|
+
{
|
|
2726
|
+
"kind": "field",
|
|
2727
|
+
"name": "subtitle",
|
|
2728
|
+
"type": {
|
|
2729
|
+
"text": "string"
|
|
2730
|
+
},
|
|
2731
|
+
"default": "''",
|
|
2732
|
+
"attribute": "subtitle"
|
|
2733
|
+
},
|
|
2734
|
+
{
|
|
2735
|
+
"kind": "field",
|
|
2736
|
+
"name": "items",
|
|
2737
|
+
"type": {
|
|
2738
|
+
"text": "AccordionItem[]"
|
|
2739
|
+
},
|
|
2740
|
+
"default": "[]"
|
|
2741
|
+
},
|
|
2742
|
+
{
|
|
2743
|
+
"kind": "field",
|
|
2744
|
+
"name": "allowMultiple",
|
|
2745
|
+
"type": {
|
|
2746
|
+
"text": "boolean"
|
|
2747
|
+
},
|
|
2748
|
+
"default": "false",
|
|
2749
|
+
"attribute": "allow-multiple"
|
|
2750
|
+
},
|
|
2751
|
+
{
|
|
2752
|
+
"kind": "field",
|
|
2753
|
+
"name": "openIds",
|
|
2754
|
+
"privacy": "private",
|
|
2755
|
+
"default": "new Set<string>()"
|
|
2756
|
+
},
|
|
2757
|
+
{
|
|
2758
|
+
"kind": "method",
|
|
2759
|
+
"name": "toggle",
|
|
2760
|
+
"privacy": "private",
|
|
2761
|
+
"parameters": [
|
|
2762
|
+
{
|
|
2763
|
+
"name": "id",
|
|
2764
|
+
"type": {
|
|
2765
|
+
"text": "string"
|
|
2766
|
+
}
|
|
2767
|
+
}
|
|
2768
|
+
]
|
|
2769
|
+
}
|
|
2770
|
+
],
|
|
2771
|
+
"events": [
|
|
2772
|
+
{
|
|
2773
|
+
"name": "accordion-toggle",
|
|
2774
|
+
"type": {
|
|
2775
|
+
"text": "CustomEvent"
|
|
2776
|
+
}
|
|
2777
|
+
}
|
|
2778
|
+
],
|
|
2779
|
+
"attributes": [
|
|
2780
|
+
{
|
|
2781
|
+
"name": "title",
|
|
2782
|
+
"type": {
|
|
2783
|
+
"text": "string"
|
|
2784
|
+
},
|
|
2785
|
+
"default": "''",
|
|
2786
|
+
"fieldName": "title"
|
|
2787
|
+
},
|
|
2788
|
+
{
|
|
2789
|
+
"name": "subtitle",
|
|
2790
|
+
"type": {
|
|
2791
|
+
"text": "string"
|
|
2792
|
+
},
|
|
2793
|
+
"default": "''",
|
|
2794
|
+
"fieldName": "subtitle"
|
|
2795
|
+
},
|
|
2796
|
+
{
|
|
2797
|
+
"name": "allow-multiple",
|
|
2798
|
+
"type": {
|
|
2799
|
+
"text": "boolean"
|
|
2800
|
+
},
|
|
2801
|
+
"default": "false",
|
|
2802
|
+
"fieldName": "allowMultiple"
|
|
2803
|
+
}
|
|
2804
|
+
],
|
|
2805
|
+
"superclass": {
|
|
2806
|
+
"name": "LitElement",
|
|
2807
|
+
"package": "lit"
|
|
2808
|
+
},
|
|
2809
|
+
"tagName": "st-items-accordion",
|
|
2810
|
+
"customElement": true
|
|
2811
|
+
}
|
|
2812
|
+
],
|
|
2813
|
+
"exports": [
|
|
2814
|
+
{
|
|
2815
|
+
"kind": "js",
|
|
2816
|
+
"name": "ItemsAccordion",
|
|
2817
|
+
"declaration": {
|
|
2818
|
+
"name": "ItemsAccordion",
|
|
2819
|
+
"module": "src/items-accordion/ItemsAccordion.ts"
|
|
2820
|
+
}
|
|
2821
|
+
},
|
|
2822
|
+
{
|
|
2823
|
+
"kind": "custom-element-definition",
|
|
2824
|
+
"name": "st-items-accordion",
|
|
2825
|
+
"declaration": {
|
|
2826
|
+
"name": "ItemsAccordion",
|
|
2827
|
+
"module": "src/items-accordion/ItemsAccordion.ts"
|
|
2828
|
+
}
|
|
2829
|
+
}
|
|
2830
|
+
]
|
|
2831
|
+
},
|
|
2832
|
+
{
|
|
2833
|
+
"kind": "javascript-module",
|
|
2834
|
+
"path": "src/markdown/Markdown.ts",
|
|
2835
|
+
"declarations": [
|
|
2836
|
+
{
|
|
2837
|
+
"kind": "class",
|
|
2838
|
+
"description": "Renders Markdown (GFM, single newlines become `<br>`) from either an inline `content` string or\r\na `src` URL it fetches. Ports `SankhyaUI`'s `useMarkdown` hook + `react-markdown` (remark-gfm,\r\nremark-breaks); output is sanitized with DOMPurify. `src` wins over `content` when both are set.\r\nWhile a fetch is pending it shows \"Loading content...\"; on failure \"Error loading content.\" and\r\na `markdown-error` event (detail: `{ error }`).\r\n\r\nText color is inherited from the parent so inverted containers just work.",
|
|
2839
|
+
"name": "Markdown",
|
|
2840
|
+
"members": [
|
|
2841
|
+
{
|
|
2842
|
+
"kind": "field",
|
|
2843
|
+
"name": "content",
|
|
2844
|
+
"type": {
|
|
2845
|
+
"text": "string"
|
|
2846
|
+
},
|
|
2847
|
+
"default": "''",
|
|
2848
|
+
"description": "Inline Markdown source. Ignored when `src` is set.",
|
|
2849
|
+
"attribute": "content"
|
|
2850
|
+
},
|
|
2851
|
+
{
|
|
2852
|
+
"kind": "field",
|
|
2853
|
+
"name": "src",
|
|
2854
|
+
"type": {
|
|
2855
|
+
"text": "string"
|
|
2856
|
+
},
|
|
2857
|
+
"default": "''",
|
|
2858
|
+
"description": "URL of a Markdown file to fetch.",
|
|
2859
|
+
"attribute": "src"
|
|
2860
|
+
},
|
|
2861
|
+
{
|
|
2862
|
+
"kind": "field",
|
|
2863
|
+
"name": "fetched",
|
|
2864
|
+
"type": {
|
|
2865
|
+
"text": "string"
|
|
2866
|
+
},
|
|
2867
|
+
"privacy": "private",
|
|
2868
|
+
"default": "''"
|
|
2869
|
+
},
|
|
2870
|
+
{
|
|
2871
|
+
"kind": "field",
|
|
2872
|
+
"name": "loading",
|
|
2873
|
+
"type": {
|
|
2874
|
+
"text": "boolean"
|
|
2875
|
+
},
|
|
2876
|
+
"privacy": "private",
|
|
2877
|
+
"default": "false"
|
|
2878
|
+
},
|
|
2879
|
+
{
|
|
2880
|
+
"kind": "field",
|
|
2881
|
+
"name": "error",
|
|
2882
|
+
"type": {
|
|
2883
|
+
"text": "Error | null"
|
|
2884
|
+
},
|
|
2885
|
+
"privacy": "private",
|
|
2886
|
+
"default": "null"
|
|
2887
|
+
},
|
|
2888
|
+
{
|
|
2889
|
+
"kind": "field",
|
|
2890
|
+
"name": "abort",
|
|
2891
|
+
"type": {
|
|
2892
|
+
"text": "AbortController | undefined"
|
|
2893
|
+
},
|
|
2894
|
+
"privacy": "private"
|
|
2895
|
+
},
|
|
2896
|
+
{
|
|
2897
|
+
"kind": "method",
|
|
2898
|
+
"name": "load",
|
|
2899
|
+
"privacy": "private",
|
|
2900
|
+
"return": {
|
|
2901
|
+
"type": {
|
|
2902
|
+
"text": "Promise<void>"
|
|
2903
|
+
}
|
|
2904
|
+
}
|
|
2905
|
+
}
|
|
2906
|
+
],
|
|
2907
|
+
"events": [
|
|
2908
|
+
{
|
|
2909
|
+
"name": "markdown-error",
|
|
2910
|
+
"type": {
|
|
2911
|
+
"text": "CustomEvent"
|
|
2912
|
+
}
|
|
2913
|
+
}
|
|
2914
|
+
],
|
|
2915
|
+
"attributes": [
|
|
2916
|
+
{
|
|
2917
|
+
"name": "content",
|
|
2918
|
+
"type": {
|
|
2919
|
+
"text": "string"
|
|
2920
|
+
},
|
|
2921
|
+
"default": "''",
|
|
2922
|
+
"description": "Inline Markdown source. Ignored when `src` is set.",
|
|
2923
|
+
"fieldName": "content"
|
|
2924
|
+
},
|
|
2925
|
+
{
|
|
2926
|
+
"name": "src",
|
|
2927
|
+
"type": {
|
|
2928
|
+
"text": "string"
|
|
2929
|
+
},
|
|
2930
|
+
"default": "''",
|
|
2931
|
+
"description": "URL of a Markdown file to fetch.",
|
|
2932
|
+
"fieldName": "src"
|
|
2933
|
+
}
|
|
2934
|
+
],
|
|
2935
|
+
"superclass": {
|
|
2936
|
+
"name": "LitElement",
|
|
2937
|
+
"package": "lit"
|
|
2938
|
+
},
|
|
2939
|
+
"tagName": "st-markdown",
|
|
2940
|
+
"customElement": true
|
|
2941
|
+
}
|
|
2942
|
+
],
|
|
2943
|
+
"exports": [
|
|
2944
|
+
{
|
|
2945
|
+
"kind": "js",
|
|
2946
|
+
"name": "Markdown",
|
|
2947
|
+
"declaration": {
|
|
2948
|
+
"name": "Markdown",
|
|
2949
|
+
"module": "src/markdown/Markdown.ts"
|
|
2950
|
+
}
|
|
2951
|
+
},
|
|
2952
|
+
{
|
|
2953
|
+
"kind": "custom-element-definition",
|
|
2954
|
+
"name": "st-markdown",
|
|
2955
|
+
"declaration": {
|
|
2956
|
+
"name": "Markdown",
|
|
2957
|
+
"module": "src/markdown/Markdown.ts"
|
|
2958
|
+
}
|
|
2959
|
+
}
|
|
2960
|
+
]
|
|
2961
|
+
},
|
|
2962
|
+
{
|
|
2963
|
+
"kind": "javascript-module",
|
|
2964
|
+
"path": "src/menu-grid/MenuGrid.ts",
|
|
2965
|
+
"declarations": [
|
|
2966
|
+
{
|
|
2967
|
+
"kind": "class",
|
|
2968
|
+
"description": "A responsive grid of `st-menu-grid-item`s — the \"rich\" nav-menu layout (icon + title +\r\ndescription per entry, arranged in columns), typically slotted into `st-dropdown`'s default\r\nslot. A 1:1 port of `SankhyaUI`'s React `MenuGrid` (`SankhyaCMS/SankhyaUI/src/components/Menu`):\r\nsame markup (`.menu-grid-container` > `.menu-grid.columns-N`), gap and breakpoints (768px: 2–4\r\ncolumns → 2; 480px: everything → 1; a 1-column grid stays 1).",
|
|
2969
|
+
"name": "MenuGrid",
|
|
2970
|
+
"members": [
|
|
2971
|
+
{
|
|
2972
|
+
"kind": "field",
|
|
2973
|
+
"name": "columns",
|
|
2974
|
+
"type": {
|
|
2975
|
+
"text": "number"
|
|
2976
|
+
},
|
|
2977
|
+
"default": "3",
|
|
2978
|
+
"description": "Number of columns at full width (1–4, same as the source component's `columns-N` classes).",
|
|
2979
|
+
"attribute": "columns"
|
|
2980
|
+
},
|
|
2981
|
+
{
|
|
2982
|
+
"kind": "field",
|
|
2983
|
+
"name": "gridClassName",
|
|
2984
|
+
"type": {
|
|
2985
|
+
"text": "string"
|
|
2986
|
+
},
|
|
2987
|
+
"default": "''",
|
|
2988
|
+
"description": "Extra class(es) appended to the inner grid element — the source component's `gridClassName`.\r\nIts outer `className` is the host element itself here: set a `class` attribute on `st-menu-grid`.",
|
|
2989
|
+
"attribute": "grid-class-name"
|
|
2990
|
+
}
|
|
2991
|
+
],
|
|
2992
|
+
"attributes": [
|
|
2993
|
+
{
|
|
2994
|
+
"name": "columns",
|
|
2995
|
+
"type": {
|
|
2996
|
+
"text": "number"
|
|
2997
|
+
},
|
|
2998
|
+
"default": "3",
|
|
2999
|
+
"description": "Number of columns at full width (1–4, same as the source component's `columns-N` classes).",
|
|
3000
|
+
"fieldName": "columns"
|
|
3001
|
+
},
|
|
3002
|
+
{
|
|
3003
|
+
"name": "grid-class-name",
|
|
3004
|
+
"type": {
|
|
3005
|
+
"text": "string"
|
|
3006
|
+
},
|
|
3007
|
+
"default": "''",
|
|
3008
|
+
"description": "Extra class(es) appended to the inner grid element — the source component's `gridClassName`.\r\nIts outer `className` is the host element itself here: set a `class` attribute on `st-menu-grid`.",
|
|
3009
|
+
"fieldName": "gridClassName"
|
|
3010
|
+
}
|
|
3011
|
+
],
|
|
3012
|
+
"superclass": {
|
|
3013
|
+
"name": "LitElement",
|
|
3014
|
+
"package": "lit"
|
|
3015
|
+
},
|
|
3016
|
+
"tagName": "st-menu-grid",
|
|
3017
|
+
"customElement": true
|
|
3018
|
+
}
|
|
3019
|
+
],
|
|
3020
|
+
"exports": [
|
|
3021
|
+
{
|
|
3022
|
+
"kind": "js",
|
|
3023
|
+
"name": "MenuGrid",
|
|
3024
|
+
"declaration": {
|
|
3025
|
+
"name": "MenuGrid",
|
|
3026
|
+
"module": "src/menu-grid/MenuGrid.ts"
|
|
3027
|
+
}
|
|
3028
|
+
},
|
|
3029
|
+
{
|
|
3030
|
+
"kind": "custom-element-definition",
|
|
3031
|
+
"name": "st-menu-grid",
|
|
3032
|
+
"declaration": {
|
|
3033
|
+
"name": "MenuGrid",
|
|
3034
|
+
"module": "src/menu-grid/MenuGrid.ts"
|
|
3035
|
+
}
|
|
3036
|
+
}
|
|
3037
|
+
]
|
|
3038
|
+
},
|
|
3039
|
+
{
|
|
3040
|
+
"kind": "javascript-module",
|
|
3041
|
+
"path": "src/menu-grid-item/MenuGridItem.ts",
|
|
3042
|
+
"declarations": [
|
|
3043
|
+
{
|
|
3044
|
+
"kind": "class",
|
|
3045
|
+
"description": "One entry in an `st-menu-grid` — icon (via `slot=\"icon\"`) + title on one line, an optional\r\ndescription below, and an optional corner badge (\"New\", \"Popular\", ...). A 1:1 port of\r\n`SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and\r\nCSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,\r\nscales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.\r\nColors come from the suite theme rather than per-item utility classes.\r\n\r\nAn `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*\r\n`menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls\r\n`event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used\r\nreact-router's `Link` here; the suite apps have no router).",
|
|
3046
|
+
"name": "MenuGridItem",
|
|
3047
|
+
"members": [
|
|
3048
|
+
{
|
|
3049
|
+
"kind": "field",
|
|
3050
|
+
"name": "shadowRootOptions",
|
|
3051
|
+
"type": {
|
|
3052
|
+
"text": "object"
|
|
3053
|
+
},
|
|
3054
|
+
"static": true,
|
|
3055
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }",
|
|
3056
|
+
"description": "`focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items."
|
|
3057
|
+
},
|
|
3058
|
+
{
|
|
3059
|
+
"kind": "field",
|
|
3060
|
+
"name": "title",
|
|
3061
|
+
"type": {
|
|
3062
|
+
"text": "string"
|
|
3063
|
+
},
|
|
3064
|
+
"default": "''",
|
|
3065
|
+
"attribute": "title"
|
|
3066
|
+
},
|
|
3067
|
+
{
|
|
3068
|
+
"kind": "field",
|
|
3069
|
+
"name": "description",
|
|
3070
|
+
"type": {
|
|
3071
|
+
"text": "string"
|
|
3072
|
+
},
|
|
3073
|
+
"default": "''",
|
|
3074
|
+
"attribute": "description"
|
|
3075
|
+
},
|
|
3076
|
+
{
|
|
3077
|
+
"kind": "field",
|
|
3078
|
+
"name": "href",
|
|
3079
|
+
"type": {
|
|
3080
|
+
"text": "string"
|
|
3081
|
+
},
|
|
3082
|
+
"default": "''",
|
|
3083
|
+
"attribute": "href"
|
|
3084
|
+
},
|
|
3085
|
+
{
|
|
3086
|
+
"kind": "field",
|
|
3087
|
+
"name": "badge",
|
|
3088
|
+
"type": {
|
|
3089
|
+
"text": "string"
|
|
3090
|
+
},
|
|
3091
|
+
"default": "''",
|
|
3092
|
+
"description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
|
|
3093
|
+
"attribute": "badge"
|
|
3094
|
+
},
|
|
3095
|
+
{
|
|
3096
|
+
"kind": "field",
|
|
3097
|
+
"name": "compact",
|
|
3098
|
+
"type": {
|
|
3099
|
+
"text": "boolean"
|
|
3100
|
+
},
|
|
3101
|
+
"default": "false",
|
|
3102
|
+
"attribute": "compact",
|
|
3103
|
+
"reflects": true
|
|
3104
|
+
},
|
|
3105
|
+
{
|
|
3106
|
+
"kind": "field",
|
|
3107
|
+
"name": "showDescription",
|
|
3108
|
+
"type": {
|
|
3109
|
+
"text": "boolean"
|
|
3110
|
+
},
|
|
3111
|
+
"default": "true",
|
|
3112
|
+
"description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
|
|
3113
|
+
"attribute": "show-description"
|
|
3114
|
+
},
|
|
3115
|
+
{
|
|
3116
|
+
"kind": "field",
|
|
3117
|
+
"name": "hasIcon",
|
|
3118
|
+
"type": {
|
|
3119
|
+
"text": "boolean"
|
|
3120
|
+
},
|
|
3121
|
+
"privacy": "private",
|
|
3122
|
+
"default": "false",
|
|
3123
|
+
"description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
|
|
3124
|
+
},
|
|
3125
|
+
{
|
|
3126
|
+
"kind": "field",
|
|
3127
|
+
"name": "pending",
|
|
3128
|
+
"type": {
|
|
3129
|
+
"text": "boolean"
|
|
3130
|
+
},
|
|
3131
|
+
"privacy": "private",
|
|
3132
|
+
"default": "true",
|
|
3133
|
+
"description": "True until the item first scrolls into view (the source's `whileInView ... once`)."
|
|
3134
|
+
},
|
|
3135
|
+
{
|
|
3136
|
+
"kind": "field",
|
|
3137
|
+
"name": "observer",
|
|
3138
|
+
"type": {
|
|
3139
|
+
"text": "IntersectionObserver | undefined"
|
|
3140
|
+
},
|
|
3141
|
+
"privacy": "private"
|
|
3142
|
+
},
|
|
3143
|
+
{
|
|
3144
|
+
"kind": "field",
|
|
3145
|
+
"name": "onIconSlotChange",
|
|
3146
|
+
"privacy": "private"
|
|
3147
|
+
},
|
|
3148
|
+
{
|
|
3149
|
+
"kind": "field",
|
|
3150
|
+
"name": "isExternal",
|
|
3151
|
+
"type": {
|
|
3152
|
+
"text": "boolean"
|
|
3153
|
+
},
|
|
3154
|
+
"privacy": "private",
|
|
3155
|
+
"readonly": true
|
|
3156
|
+
},
|
|
3157
|
+
{
|
|
3158
|
+
"kind": "field",
|
|
3159
|
+
"name": "onClick",
|
|
3160
|
+
"privacy": "private"
|
|
3161
|
+
}
|
|
3162
|
+
],
|
|
3163
|
+
"attributes": [
|
|
3164
|
+
{
|
|
3165
|
+
"name": "title",
|
|
3166
|
+
"type": {
|
|
3167
|
+
"text": "string"
|
|
3168
|
+
},
|
|
3169
|
+
"default": "''",
|
|
3170
|
+
"fieldName": "title"
|
|
3171
|
+
},
|
|
3172
|
+
{
|
|
3173
|
+
"name": "description",
|
|
3174
|
+
"type": {
|
|
3175
|
+
"text": "string"
|
|
3176
|
+
},
|
|
3177
|
+
"default": "''",
|
|
3178
|
+
"fieldName": "description"
|
|
3179
|
+
},
|
|
3180
|
+
{
|
|
3181
|
+
"name": "href",
|
|
3182
|
+
"type": {
|
|
3183
|
+
"text": "string"
|
|
3184
|
+
},
|
|
3185
|
+
"default": "''",
|
|
3186
|
+
"fieldName": "href"
|
|
3187
|
+
},
|
|
3188
|
+
{
|
|
3189
|
+
"name": "badge",
|
|
3190
|
+
"type": {
|
|
3191
|
+
"text": "string"
|
|
3192
|
+
},
|
|
3193
|
+
"default": "''",
|
|
3194
|
+
"description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
|
|
3195
|
+
"fieldName": "badge"
|
|
3196
|
+
},
|
|
3197
|
+
{
|
|
3198
|
+
"name": "compact",
|
|
3199
|
+
"type": {
|
|
3200
|
+
"text": "boolean"
|
|
3201
|
+
},
|
|
3202
|
+
"default": "false",
|
|
3203
|
+
"fieldName": "compact"
|
|
3204
|
+
},
|
|
3205
|
+
{
|
|
3206
|
+
"name": "show-description",
|
|
3207
|
+
"type": {
|
|
3208
|
+
"text": "boolean"
|
|
3209
|
+
},
|
|
3210
|
+
"default": "true",
|
|
3211
|
+
"description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
|
|
3212
|
+
"fieldName": "showDescription"
|
|
3213
|
+
}
|
|
3214
|
+
],
|
|
3215
|
+
"superclass": {
|
|
3216
|
+
"name": "LitElement",
|
|
3217
|
+
"package": "lit"
|
|
3218
|
+
},
|
|
3219
|
+
"tagName": "st-menu-grid-item",
|
|
3220
|
+
"customElement": true
|
|
3221
|
+
}
|
|
3222
|
+
],
|
|
3223
|
+
"exports": [
|
|
3224
|
+
{
|
|
3225
|
+
"kind": "js",
|
|
3226
|
+
"name": "MenuGridItem",
|
|
3227
|
+
"declaration": {
|
|
3228
|
+
"name": "MenuGridItem",
|
|
3229
|
+
"module": "src/menu-grid-item/MenuGridItem.ts"
|
|
3230
|
+
}
|
|
3231
|
+
},
|
|
3232
|
+
{
|
|
3233
|
+
"kind": "custom-element-definition",
|
|
3234
|
+
"name": "st-menu-grid-item",
|
|
3235
|
+
"declaration": {
|
|
3236
|
+
"name": "MenuGridItem",
|
|
3237
|
+
"module": "src/menu-grid-item/MenuGridItem.ts"
|
|
3238
|
+
}
|
|
3239
|
+
}
|
|
3240
|
+
]
|
|
3241
|
+
},
|
|
3242
|
+
{
|
|
3243
|
+
"kind": "javascript-module",
|
|
3244
|
+
"path": "src/menu-item/MenuItem.ts",
|
|
3245
|
+
"declarations": [
|
|
3246
|
+
{
|
|
3247
|
+
"kind": "class",
|
|
3248
|
+
"description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
|
|
3249
|
+
"name": "MenuItem",
|
|
3250
|
+
"members": [
|
|
3251
|
+
{
|
|
3252
|
+
"kind": "field",
|
|
3253
|
+
"name": "shadowRootOptions",
|
|
3254
|
+
"type": {
|
|
3255
|
+
"text": "object"
|
|
3256
|
+
},
|
|
3257
|
+
"static": true,
|
|
3258
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }",
|
|
3259
|
+
"description": "`focus()` on the element focuses its link, so `st-dropdown` can arrow-key between items."
|
|
3260
|
+
},
|
|
3261
|
+
{
|
|
3262
|
+
"kind": "field",
|
|
3263
|
+
"name": "title",
|
|
3264
|
+
"type": {
|
|
3265
|
+
"text": "string"
|
|
3266
|
+
},
|
|
3267
|
+
"default": "''",
|
|
3268
|
+
"attribute": "title"
|
|
3269
|
+
},
|
|
3270
|
+
{
|
|
3271
|
+
"kind": "field",
|
|
3272
|
+
"name": "href",
|
|
3273
|
+
"type": {
|
|
3274
|
+
"text": "string"
|
|
3275
|
+
},
|
|
3276
|
+
"default": "''",
|
|
3277
|
+
"attribute": "href"
|
|
3278
|
+
},
|
|
3279
|
+
{
|
|
3280
|
+
"kind": "field",
|
|
3281
|
+
"name": "description",
|
|
3282
|
+
"type": {
|
|
3283
|
+
"text": "string"
|
|
3284
|
+
},
|
|
3285
|
+
"default": "''",
|
|
3286
|
+
"attribute": "description"
|
|
3287
|
+
},
|
|
3288
|
+
{
|
|
3289
|
+
"kind": "field",
|
|
3290
|
+
"name": "badge",
|
|
3291
|
+
"type": {
|
|
3292
|
+
"text": "string"
|
|
3293
|
+
},
|
|
3294
|
+
"default": "''",
|
|
3295
|
+
"description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
|
|
3296
|
+
"attribute": "badge"
|
|
3297
|
+
},
|
|
3298
|
+
{
|
|
3299
|
+
"kind": "field",
|
|
3300
|
+
"name": "active",
|
|
3301
|
+
"type": {
|
|
3302
|
+
"text": "boolean"
|
|
3303
|
+
},
|
|
3304
|
+
"default": "false",
|
|
3305
|
+
"description": "Highlights this row as the current page (source: `isActive`).",
|
|
3306
|
+
"attribute": "active",
|
|
3307
|
+
"reflects": true
|
|
3308
|
+
},
|
|
3309
|
+
{
|
|
3310
|
+
"kind": "field",
|
|
3311
|
+
"name": "compact",
|
|
3312
|
+
"type": {
|
|
3313
|
+
"text": "boolean"
|
|
3314
|
+
},
|
|
3315
|
+
"default": "false",
|
|
3316
|
+
"attribute": "compact",
|
|
3317
|
+
"reflects": true
|
|
3318
|
+
},
|
|
3319
|
+
{
|
|
3320
|
+
"kind": "field",
|
|
3321
|
+
"name": "showDescription",
|
|
3322
|
+
"type": {
|
|
3323
|
+
"text": "boolean"
|
|
3324
|
+
},
|
|
3325
|
+
"default": "true",
|
|
3326
|
+
"description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
|
|
3327
|
+
"attribute": "show-description"
|
|
3328
|
+
},
|
|
3329
|
+
{
|
|
3330
|
+
"kind": "field",
|
|
3331
|
+
"name": "target",
|
|
3332
|
+
"type": {
|
|
3333
|
+
"text": "string"
|
|
3334
|
+
},
|
|
3335
|
+
"default": "'_self'",
|
|
3336
|
+
"description": "`target` for the `<a>` (source default `_self`).",
|
|
3337
|
+
"attribute": "target"
|
|
3338
|
+
},
|
|
3339
|
+
{
|
|
3340
|
+
"kind": "field",
|
|
3341
|
+
"name": "hasIcon",
|
|
3342
|
+
"type": {
|
|
3343
|
+
"text": "boolean"
|
|
3344
|
+
},
|
|
3345
|
+
"privacy": "private",
|
|
3346
|
+
"default": "false",
|
|
3347
|
+
"description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
|
|
3348
|
+
},
|
|
3349
|
+
{
|
|
3350
|
+
"kind": "field",
|
|
3351
|
+
"name": "onIconSlotChange",
|
|
3352
|
+
"privacy": "private"
|
|
3353
|
+
},
|
|
3354
|
+
{
|
|
3355
|
+
"kind": "field",
|
|
3356
|
+
"name": "onClick",
|
|
3357
|
+
"privacy": "private"
|
|
3358
|
+
}
|
|
3359
|
+
],
|
|
3360
|
+
"attributes": [
|
|
3361
|
+
{
|
|
3362
|
+
"name": "title",
|
|
3363
|
+
"type": {
|
|
3364
|
+
"text": "string"
|
|
3365
|
+
},
|
|
3366
|
+
"default": "''",
|
|
3367
|
+
"fieldName": "title"
|
|
3368
|
+
},
|
|
3369
|
+
{
|
|
3370
|
+
"name": "href",
|
|
3371
|
+
"type": {
|
|
3372
|
+
"text": "string"
|
|
3373
|
+
},
|
|
3374
|
+
"default": "''",
|
|
3375
|
+
"fieldName": "href"
|
|
3376
|
+
},
|
|
3377
|
+
{
|
|
3378
|
+
"name": "description",
|
|
3379
|
+
"type": {
|
|
3380
|
+
"text": "string"
|
|
3381
|
+
},
|
|
3382
|
+
"default": "''",
|
|
3383
|
+
"fieldName": "description"
|
|
3384
|
+
},
|
|
3385
|
+
{
|
|
3386
|
+
"name": "badge",
|
|
3387
|
+
"type": {
|
|
3388
|
+
"text": "string"
|
|
3389
|
+
},
|
|
3390
|
+
"default": "''",
|
|
3391
|
+
"description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
|
|
3392
|
+
"fieldName": "badge"
|
|
3393
|
+
},
|
|
3394
|
+
{
|
|
3395
|
+
"name": "active",
|
|
3396
|
+
"type": {
|
|
3397
|
+
"text": "boolean"
|
|
3398
|
+
},
|
|
3399
|
+
"default": "false",
|
|
3400
|
+
"description": "Highlights this row as the current page (source: `isActive`).",
|
|
3401
|
+
"fieldName": "active"
|
|
3402
|
+
},
|
|
3403
|
+
{
|
|
3404
|
+
"name": "compact",
|
|
3405
|
+
"type": {
|
|
3406
|
+
"text": "boolean"
|
|
3407
|
+
},
|
|
3408
|
+
"default": "false",
|
|
3409
|
+
"fieldName": "compact"
|
|
3410
|
+
},
|
|
3411
|
+
{
|
|
3412
|
+
"name": "show-description",
|
|
3413
|
+
"type": {
|
|
3414
|
+
"text": "boolean"
|
|
3415
|
+
},
|
|
3416
|
+
"default": "true",
|
|
3417
|
+
"description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
|
|
3418
|
+
"fieldName": "showDescription"
|
|
3419
|
+
},
|
|
3420
|
+
{
|
|
3421
|
+
"name": "target",
|
|
3422
|
+
"type": {
|
|
3423
|
+
"text": "string"
|
|
3424
|
+
},
|
|
3425
|
+
"default": "'_self'",
|
|
3426
|
+
"description": "`target` for the `<a>` (source default `_self`).",
|
|
3427
|
+
"fieldName": "target"
|
|
3428
|
+
}
|
|
3429
|
+
],
|
|
3430
|
+
"superclass": {
|
|
3431
|
+
"name": "LitElement",
|
|
3432
|
+
"package": "lit"
|
|
3433
|
+
},
|
|
3434
|
+
"tagName": "st-menu-item",
|
|
3435
|
+
"customElement": true
|
|
3436
|
+
}
|
|
3437
|
+
],
|
|
3438
|
+
"exports": [
|
|
3439
|
+
{
|
|
3440
|
+
"kind": "js",
|
|
3441
|
+
"name": "MenuItem",
|
|
3442
|
+
"declaration": {
|
|
3443
|
+
"name": "MenuItem",
|
|
3444
|
+
"module": "src/menu-item/MenuItem.ts"
|
|
3445
|
+
}
|
|
3446
|
+
},
|
|
3447
|
+
{
|
|
3448
|
+
"kind": "custom-element-definition",
|
|
3449
|
+
"name": "st-menu-item",
|
|
3450
|
+
"declaration": {
|
|
3451
|
+
"name": "MenuItem",
|
|
3452
|
+
"module": "src/menu-item/MenuItem.ts"
|
|
3453
|
+
}
|
|
3454
|
+
}
|
|
3455
|
+
]
|
|
3456
|
+
},
|
|
3457
|
+
{
|
|
3458
|
+
"kind": "javascript-module",
|
|
3459
|
+
"path": "src/promo-banner/PromoBanner.ts",
|
|
3460
|
+
"declarations": [
|
|
3461
|
+
{
|
|
3462
|
+
"kind": "class",
|
|
3463
|
+
"description": "Rounded call-to-action banner (title, subtitle, one outlined button) on a dark panel or a\r\nbackground image. Port of `SankhyaUI`'s React `PromoBanner`; the button fires an `action` event\r\n(detail `{ href }`, empty unless set) in place of `onAction`.",
|
|
3464
|
+
"name": "PromoBanner",
|
|
3465
|
+
"members": [
|
|
3466
|
+
{
|
|
3467
|
+
"kind": "field",
|
|
3468
|
+
"name": "title",
|
|
3469
|
+
"type": {
|
|
3470
|
+
"text": "string"
|
|
3471
|
+
},
|
|
3472
|
+
"default": "''",
|
|
3473
|
+
"attribute": "title"
|
|
3474
|
+
},
|
|
3475
|
+
{
|
|
3476
|
+
"kind": "field",
|
|
3477
|
+
"name": "subtitle",
|
|
3478
|
+
"type": {
|
|
3479
|
+
"text": "string"
|
|
3480
|
+
},
|
|
3481
|
+
"default": "''",
|
|
3482
|
+
"attribute": "subtitle"
|
|
3483
|
+
},
|
|
3484
|
+
{
|
|
3485
|
+
"kind": "field",
|
|
3486
|
+
"name": "actionLabel",
|
|
3487
|
+
"type": {
|
|
3488
|
+
"text": "string"
|
|
3489
|
+
},
|
|
3490
|
+
"default": "''",
|
|
3491
|
+
"attribute": "action-label"
|
|
3492
|
+
},
|
|
3493
|
+
{
|
|
3494
|
+
"kind": "field",
|
|
3495
|
+
"name": "href",
|
|
3496
|
+
"type": {
|
|
3497
|
+
"text": "string"
|
|
3498
|
+
},
|
|
3499
|
+
"default": "''",
|
|
3500
|
+
"attribute": "href"
|
|
3501
|
+
},
|
|
3502
|
+
{
|
|
3503
|
+
"kind": "field",
|
|
3504
|
+
"name": "imageSrc",
|
|
3505
|
+
"type": {
|
|
3506
|
+
"text": "string"
|
|
3507
|
+
},
|
|
3508
|
+
"default": "''",
|
|
3509
|
+
"attribute": "image-src"
|
|
3510
|
+
},
|
|
3511
|
+
{
|
|
3512
|
+
"kind": "field",
|
|
3513
|
+
"name": "inverted",
|
|
3514
|
+
"type": {
|
|
3515
|
+
"text": "boolean"
|
|
3516
|
+
},
|
|
3517
|
+
"default": "false",
|
|
3518
|
+
"attribute": "inverted",
|
|
3519
|
+
"reflects": true
|
|
3520
|
+
},
|
|
3521
|
+
{
|
|
3522
|
+
"kind": "field",
|
|
3523
|
+
"name": "onAction",
|
|
3524
|
+
"privacy": "private"
|
|
3525
|
+
}
|
|
3526
|
+
],
|
|
3527
|
+
"attributes": [
|
|
3528
|
+
{
|
|
3529
|
+
"name": "title",
|
|
3530
|
+
"type": {
|
|
3531
|
+
"text": "string"
|
|
3532
|
+
},
|
|
3533
|
+
"default": "''",
|
|
3534
|
+
"fieldName": "title"
|
|
3535
|
+
},
|
|
3536
|
+
{
|
|
3537
|
+
"name": "subtitle",
|
|
3538
|
+
"type": {
|
|
3539
|
+
"text": "string"
|
|
3540
|
+
},
|
|
3541
|
+
"default": "''",
|
|
3542
|
+
"fieldName": "subtitle"
|
|
3543
|
+
},
|
|
3544
|
+
{
|
|
3545
|
+
"name": "action-label",
|
|
3546
|
+
"type": {
|
|
3547
|
+
"text": "string"
|
|
3548
|
+
},
|
|
3549
|
+
"default": "''",
|
|
3550
|
+
"fieldName": "actionLabel"
|
|
3551
|
+
},
|
|
3552
|
+
{
|
|
3553
|
+
"name": "href",
|
|
3554
|
+
"type": {
|
|
3555
|
+
"text": "string"
|
|
3556
|
+
},
|
|
3557
|
+
"default": "''",
|
|
3558
|
+
"fieldName": "href"
|
|
3559
|
+
},
|
|
3560
|
+
{
|
|
3561
|
+
"name": "image-src",
|
|
3562
|
+
"type": {
|
|
3563
|
+
"text": "string"
|
|
3564
|
+
},
|
|
3565
|
+
"default": "''",
|
|
3566
|
+
"fieldName": "imageSrc"
|
|
3567
|
+
},
|
|
3568
|
+
{
|
|
3569
|
+
"name": "inverted",
|
|
3570
|
+
"type": {
|
|
3571
|
+
"text": "boolean"
|
|
3572
|
+
},
|
|
3573
|
+
"default": "false",
|
|
3574
|
+
"fieldName": "inverted"
|
|
3575
|
+
}
|
|
3576
|
+
],
|
|
3577
|
+
"superclass": {
|
|
3578
|
+
"name": "LitElement",
|
|
3579
|
+
"package": "lit"
|
|
3580
|
+
},
|
|
3581
|
+
"tagName": "st-promo-banner",
|
|
3582
|
+
"customElement": true
|
|
3583
|
+
}
|
|
3584
|
+
],
|
|
3585
|
+
"exports": [
|
|
3586
|
+
{
|
|
3587
|
+
"kind": "js",
|
|
3588
|
+
"name": "PromoBanner",
|
|
3589
|
+
"declaration": {
|
|
3590
|
+
"name": "PromoBanner",
|
|
3591
|
+
"module": "src/promo-banner/PromoBanner.ts"
|
|
3592
|
+
}
|
|
3593
|
+
},
|
|
3594
|
+
{
|
|
3595
|
+
"kind": "custom-element-definition",
|
|
3596
|
+
"name": "st-promo-banner",
|
|
3597
|
+
"declaration": {
|
|
3598
|
+
"name": "PromoBanner",
|
|
3599
|
+
"module": "src/promo-banner/PromoBanner.ts"
|
|
3600
|
+
}
|
|
3601
|
+
}
|
|
3602
|
+
]
|
|
3603
|
+
},
|
|
3604
|
+
{
|
|
3605
|
+
"kind": "javascript-module",
|
|
3606
|
+
"path": "src/select/Select.ts",
|
|
3607
|
+
"declarations": [
|
|
3608
|
+
{
|
|
3609
|
+
"kind": "class",
|
|
3610
|
+
"description": "A fully custom-styled replacement for native `<select>`, used everywhere\r\nthe wizard needs a single-choice dropdown (template source, list, document\r\nlibrary, admin roles, ...).\r\n\r\nBuilt on the CSS Customizable Select API (`appearance: base-select`) —\r\nstill a real `<select>`/`<option>` element tree, so focus, keyboard\r\n(arrows/Home/End/typeahead), and ARIA all come from the browser for free,\r\nbut the trigger (`<button>`/`<selectedcontent>`) and popup\r\n(`::picker(select)`) are fully styleable instead of OS-rendered. Chromium\r\nonly for now (Firefox/Safari fall back to an unstyled native `<select>` —\r\nthe extra `<button>`/`<selectedcontent>` markup is simply not rendered by\r\nbrowsers that don't support the parsing/CSS additions, so the control\r\nstill works there, just without the custom look).\r\n\r\n`options` intentionally has no \"unselected\" placeholder entry — set\r\n`value=\"\"` (or any value with no matching option) and it falls back to\r\nshowing `placeholder` in the trigger instead, letting callers swap the\r\nplaceholder text dynamically (e.g. \"Select a list\" vs \"Select a list\r\nfirst\") without needing a synthetic option in the list. Internally this is\r\na real hidden/disabled `<option value=\"\">`, since a native `<select>`\r\nalways has *some* option selected.\r\n\r\nFires `select-change` (detail: `{ value }`) only when the value actually\r\nchanges, matching native `<select>`'s `change` event semantics.\r\n\r\n`link-href` optionally renders an external-link button in front of\r\n`field-label` — the same glyph/placement as the \"open library\" links\r\nplaced next to the Templates/Save-location breadcrumbs — for callers that\r\nwant a one-click way to open whatever the current selection points at\r\n(e.g. the SharePoint site or library) in a new tab.",
|
|
3611
|
+
"name": "Select",
|
|
3612
|
+
"members": [
|
|
3613
|
+
{
|
|
3614
|
+
"kind": "field",
|
|
3615
|
+
"name": "options",
|
|
3616
|
+
"type": {
|
|
3617
|
+
"text": "SelectOption[]"
|
|
3618
|
+
},
|
|
3619
|
+
"default": "[]"
|
|
3620
|
+
},
|
|
3621
|
+
{
|
|
3622
|
+
"kind": "field",
|
|
3623
|
+
"name": "value",
|
|
3624
|
+
"type": {
|
|
3625
|
+
"text": "string"
|
|
3626
|
+
},
|
|
3627
|
+
"default": "''",
|
|
3628
|
+
"attribute": "value"
|
|
3629
|
+
},
|
|
3630
|
+
{
|
|
3631
|
+
"kind": "field",
|
|
3632
|
+
"name": "placeholder",
|
|
3633
|
+
"type": {
|
|
3634
|
+
"text": "string"
|
|
3635
|
+
},
|
|
3636
|
+
"default": "'Select…'",
|
|
3637
|
+
"attribute": "placeholder"
|
|
3638
|
+
},
|
|
3639
|
+
{
|
|
3640
|
+
"kind": "field",
|
|
3641
|
+
"name": "fieldLabel",
|
|
3642
|
+
"type": {
|
|
3643
|
+
"text": "string"
|
|
3644
|
+
},
|
|
3645
|
+
"default": "''",
|
|
3646
|
+
"description": "Renders an internal `<label>` above the trigger, associated via `aria-labelledby`. Leave empty when the field is labeled some other way (e.g. context alone).",
|
|
3647
|
+
"attribute": "field-label"
|
|
3648
|
+
},
|
|
3649
|
+
{
|
|
3650
|
+
"kind": "field",
|
|
3651
|
+
"name": "linkHref",
|
|
3652
|
+
"type": {
|
|
3653
|
+
"text": "string"
|
|
3654
|
+
},
|
|
3655
|
+
"default": "''",
|
|
3656
|
+
"description": "Optional URL for an external-link button rendered in front of\r\n`field-label` (same glyph/placement as the \"open library\" links next to\r\nthe Templates/Save-location breadcrumbs) — e.g. a link to the\r\nSharePoint site or library the current selection points at. Ignored\r\nwhen `field-label` is empty, since there'd be nothing to place it in\r\nfront of.",
|
|
3657
|
+
"attribute": "link-href"
|
|
3658
|
+
},
|
|
3659
|
+
{
|
|
3660
|
+
"kind": "field",
|
|
3661
|
+
"name": "linkLabel",
|
|
3662
|
+
"type": {
|
|
3663
|
+
"text": "string"
|
|
3664
|
+
},
|
|
3665
|
+
"default": "'Open'",
|
|
3666
|
+
"description": "Accessible name/title for the `link-href` button.",
|
|
3667
|
+
"attribute": "link-label"
|
|
3668
|
+
},
|
|
3669
|
+
{
|
|
3670
|
+
"kind": "field",
|
|
3671
|
+
"name": "selectLabel",
|
|
3672
|
+
"type": {
|
|
3673
|
+
"text": "string"
|
|
3674
|
+
},
|
|
3675
|
+
"default": "''",
|
|
3676
|
+
"description": "Accessible name for the trigger when there's no visible `field-label` (e.g. a filter-row select). Ignored when `field-label` is set.",
|
|
3677
|
+
"attribute": "select-label"
|
|
3678
|
+
},
|
|
3679
|
+
{
|
|
3680
|
+
"kind": "field",
|
|
3681
|
+
"name": "disabled",
|
|
3682
|
+
"type": {
|
|
3683
|
+
"text": "boolean"
|
|
3684
|
+
},
|
|
3685
|
+
"default": "false",
|
|
3686
|
+
"attribute": "disabled",
|
|
3687
|
+
"reflects": true
|
|
3688
|
+
},
|
|
3689
|
+
{
|
|
3690
|
+
"kind": "field",
|
|
3691
|
+
"name": "ghost",
|
|
3692
|
+
"type": {
|
|
3693
|
+
"text": "boolean"
|
|
3694
|
+
},
|
|
3695
|
+
"default": "false",
|
|
3696
|
+
"description": "Borderless variant for a header/toolbar utility slot — see the `:host([ghost])` styles.",
|
|
3697
|
+
"attribute": "ghost",
|
|
3698
|
+
"reflects": true
|
|
3699
|
+
},
|
|
3700
|
+
{
|
|
3701
|
+
"kind": "field",
|
|
3702
|
+
"name": "selectEl",
|
|
3703
|
+
"type": {
|
|
3704
|
+
"text": "HTMLSelectElement"
|
|
3705
|
+
},
|
|
3706
|
+
"privacy": "private",
|
|
3707
|
+
"readonly": true
|
|
3708
|
+
},
|
|
3709
|
+
{
|
|
3710
|
+
"kind": "field",
|
|
3711
|
+
"name": "instanceId",
|
|
3712
|
+
"type": {
|
|
3713
|
+
"text": "number"
|
|
3714
|
+
},
|
|
3715
|
+
"privacy": "private",
|
|
3716
|
+
"readonly": true,
|
|
3717
|
+
"default": "++instanceCounter"
|
|
3718
|
+
},
|
|
3719
|
+
{
|
|
3720
|
+
"kind": "field",
|
|
3721
|
+
"name": "fieldLabelId",
|
|
3722
|
+
"privacy": "private",
|
|
3723
|
+
"readonly": true,
|
|
3724
|
+
"default": "`st-select-label-${this.instanceId}`"
|
|
3725
|
+
},
|
|
3726
|
+
{
|
|
3727
|
+
"kind": "field",
|
|
3728
|
+
"name": "onChange",
|
|
3729
|
+
"privacy": "private"
|
|
3730
|
+
}
|
|
3731
|
+
],
|
|
3732
|
+
"attributes": [
|
|
3733
|
+
{
|
|
3734
|
+
"name": "value",
|
|
3735
|
+
"type": {
|
|
3736
|
+
"text": "string"
|
|
3737
|
+
},
|
|
3738
|
+
"default": "''",
|
|
3739
|
+
"fieldName": "value"
|
|
3740
|
+
},
|
|
3741
|
+
{
|
|
3742
|
+
"name": "placeholder",
|
|
3743
|
+
"type": {
|
|
3744
|
+
"text": "string"
|
|
3745
|
+
},
|
|
3746
|
+
"default": "'Select…'",
|
|
3747
|
+
"fieldName": "placeholder"
|
|
3748
|
+
},
|
|
3749
|
+
{
|
|
3750
|
+
"name": "field-label",
|
|
3751
|
+
"type": {
|
|
3752
|
+
"text": "string"
|
|
3753
|
+
},
|
|
3754
|
+
"default": "''",
|
|
3755
|
+
"description": "Renders an internal `<label>` above the trigger, associated via `aria-labelledby`. Leave empty when the field is labeled some other way (e.g. context alone).",
|
|
3756
|
+
"fieldName": "fieldLabel"
|
|
3757
|
+
},
|
|
3758
|
+
{
|
|
3759
|
+
"name": "link-href",
|
|
3760
|
+
"type": {
|
|
3761
|
+
"text": "string"
|
|
3762
|
+
},
|
|
3763
|
+
"default": "''",
|
|
3764
|
+
"description": "Optional URL for an external-link button rendered in front of\r\n`field-label` (same glyph/placement as the \"open library\" links next to\r\nthe Templates/Save-location breadcrumbs) — e.g. a link to the\r\nSharePoint site or library the current selection points at. Ignored\r\nwhen `field-label` is empty, since there'd be nothing to place it in\r\nfront of.",
|
|
3765
|
+
"fieldName": "linkHref"
|
|
3766
|
+
},
|
|
3767
|
+
{
|
|
3768
|
+
"name": "link-label",
|
|
3769
|
+
"type": {
|
|
3770
|
+
"text": "string"
|
|
3771
|
+
},
|
|
3772
|
+
"default": "'Open'",
|
|
3773
|
+
"description": "Accessible name/title for the `link-href` button.",
|
|
3774
|
+
"fieldName": "linkLabel"
|
|
3775
|
+
},
|
|
3776
|
+
{
|
|
3777
|
+
"name": "select-label",
|
|
3778
|
+
"type": {
|
|
3779
|
+
"text": "string"
|
|
3780
|
+
},
|
|
3781
|
+
"default": "''",
|
|
3782
|
+
"description": "Accessible name for the trigger when there's no visible `field-label` (e.g. a filter-row select). Ignored when `field-label` is set.",
|
|
3783
|
+
"fieldName": "selectLabel"
|
|
3784
|
+
},
|
|
3785
|
+
{
|
|
3786
|
+
"name": "disabled",
|
|
3787
|
+
"type": {
|
|
3788
|
+
"text": "boolean"
|
|
3789
|
+
},
|
|
3790
|
+
"default": "false",
|
|
3791
|
+
"fieldName": "disabled"
|
|
3792
|
+
},
|
|
3793
|
+
{
|
|
3794
|
+
"name": "ghost",
|
|
3795
|
+
"type": {
|
|
3796
|
+
"text": "boolean"
|
|
3797
|
+
},
|
|
3798
|
+
"default": "false",
|
|
3799
|
+
"description": "Borderless variant for a header/toolbar utility slot — see the `:host([ghost])` styles.",
|
|
3800
|
+
"fieldName": "ghost"
|
|
3801
|
+
}
|
|
3802
|
+
],
|
|
3803
|
+
"superclass": {
|
|
3804
|
+
"name": "LitElement",
|
|
3805
|
+
"package": "lit"
|
|
3806
|
+
},
|
|
3807
|
+
"tagName": "st-select",
|
|
3808
|
+
"customElement": true
|
|
3809
|
+
}
|
|
3810
|
+
],
|
|
3811
|
+
"exports": [
|
|
3812
|
+
{
|
|
3813
|
+
"kind": "js",
|
|
3814
|
+
"name": "Select",
|
|
3815
|
+
"declaration": {
|
|
3816
|
+
"name": "Select",
|
|
3817
|
+
"module": "src/select/Select.ts"
|
|
3818
|
+
}
|
|
3819
|
+
},
|
|
3820
|
+
{
|
|
3821
|
+
"kind": "custom-element-definition",
|
|
3822
|
+
"name": "st-select",
|
|
3823
|
+
"declaration": {
|
|
3824
|
+
"name": "Select",
|
|
3825
|
+
"module": "src/select/Select.ts"
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3828
|
+
]
|
|
3829
|
+
},
|
|
3830
|
+
{
|
|
3831
|
+
"kind": "javascript-module",
|
|
3832
|
+
"path": "src/stats/Stats.ts",
|
|
3833
|
+
"declarations": [
|
|
3834
|
+
{
|
|
3835
|
+
"kind": "class",
|
|
3836
|
+
"description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.",
|
|
3837
|
+
"name": "Stats",
|
|
3838
|
+
"members": [
|
|
3839
|
+
{
|
|
3840
|
+
"kind": "field",
|
|
3841
|
+
"name": "items",
|
|
3842
|
+
"type": {
|
|
3843
|
+
"text": "StatItem[]"
|
|
3844
|
+
},
|
|
3845
|
+
"default": "[]"
|
|
3846
|
+
},
|
|
3847
|
+
{
|
|
3848
|
+
"kind": "field",
|
|
3849
|
+
"name": "inverted",
|
|
3850
|
+
"type": {
|
|
3851
|
+
"text": "boolean"
|
|
3852
|
+
},
|
|
3853
|
+
"default": "false",
|
|
3854
|
+
"attribute": "inverted",
|
|
3855
|
+
"reflects": true
|
|
3856
|
+
}
|
|
3857
|
+
],
|
|
3858
|
+
"attributes": [
|
|
3859
|
+
{
|
|
3860
|
+
"name": "inverted",
|
|
3861
|
+
"type": {
|
|
3862
|
+
"text": "boolean"
|
|
3863
|
+
},
|
|
3864
|
+
"default": "false",
|
|
3865
|
+
"fieldName": "inverted"
|
|
3866
|
+
}
|
|
3867
|
+
],
|
|
3868
|
+
"superclass": {
|
|
3869
|
+
"name": "LitElement",
|
|
3870
|
+
"package": "lit"
|
|
3871
|
+
},
|
|
3872
|
+
"tagName": "st-stats",
|
|
3873
|
+
"customElement": true
|
|
3874
|
+
}
|
|
3875
|
+
],
|
|
3876
|
+
"exports": [
|
|
3877
|
+
{
|
|
3878
|
+
"kind": "js",
|
|
3879
|
+
"name": "Stats",
|
|
3880
|
+
"declaration": {
|
|
3881
|
+
"name": "Stats",
|
|
3882
|
+
"module": "src/stats/Stats.ts"
|
|
3883
|
+
}
|
|
3884
|
+
},
|
|
3885
|
+
{
|
|
3886
|
+
"kind": "custom-element-definition",
|
|
3887
|
+
"name": "st-stats",
|
|
3888
|
+
"declaration": {
|
|
3889
|
+
"name": "Stats",
|
|
3890
|
+
"module": "src/stats/Stats.ts"
|
|
3891
|
+
}
|
|
3892
|
+
}
|
|
3893
|
+
]
|
|
3894
|
+
},
|
|
3895
|
+
{
|
|
3896
|
+
"kind": "javascript-module",
|
|
3897
|
+
"path": "src/testimonials/Testimonials.ts",
|
|
3898
|
+
"declarations": [
|
|
3899
|
+
{
|
|
3900
|
+
"kind": "class",
|
|
3901
|
+
"description": "Section heading plus a grid of quote cards with star rating and author. Port of React `Testimonials`.",
|
|
3902
|
+
"name": "Testimonials",
|
|
3903
|
+
"members": [
|
|
3904
|
+
{
|
|
3905
|
+
"kind": "field",
|
|
3906
|
+
"name": "title",
|
|
3907
|
+
"type": {
|
|
3908
|
+
"text": "string"
|
|
3909
|
+
},
|
|
3910
|
+
"default": "''",
|
|
3911
|
+
"attribute": "title"
|
|
3912
|
+
},
|
|
3913
|
+
{
|
|
3914
|
+
"kind": "field",
|
|
3915
|
+
"name": "subtitle",
|
|
3916
|
+
"type": {
|
|
3917
|
+
"text": "string"
|
|
3918
|
+
},
|
|
3919
|
+
"default": "''",
|
|
3920
|
+
"attribute": "subtitle"
|
|
3921
|
+
},
|
|
3922
|
+
{
|
|
3923
|
+
"kind": "field",
|
|
3924
|
+
"name": "items",
|
|
3925
|
+
"type": {
|
|
3926
|
+
"text": "TestimonialItem[]"
|
|
3927
|
+
},
|
|
3928
|
+
"default": "[]"
|
|
3929
|
+
},
|
|
3930
|
+
{
|
|
3931
|
+
"kind": "field",
|
|
3932
|
+
"name": "inverted",
|
|
3933
|
+
"type": {
|
|
3934
|
+
"text": "boolean"
|
|
3935
|
+
},
|
|
3936
|
+
"default": "false",
|
|
3937
|
+
"attribute": "inverted",
|
|
3938
|
+
"reflects": true
|
|
3939
|
+
},
|
|
3940
|
+
{
|
|
3941
|
+
"kind": "method",
|
|
3942
|
+
"name": "renderItem",
|
|
3943
|
+
"privacy": "private",
|
|
3944
|
+
"parameters": [
|
|
3945
|
+
{
|
|
3946
|
+
"name": "item",
|
|
3947
|
+
"type": {
|
|
3948
|
+
"text": "TestimonialItem"
|
|
3949
|
+
}
|
|
3950
|
+
}
|
|
3951
|
+
]
|
|
3952
|
+
}
|
|
3953
|
+
],
|
|
3954
|
+
"attributes": [
|
|
3955
|
+
{
|
|
3956
|
+
"name": "title",
|
|
3957
|
+
"type": {
|
|
3958
|
+
"text": "string"
|
|
3959
|
+
},
|
|
3960
|
+
"default": "''",
|
|
3961
|
+
"fieldName": "title"
|
|
3962
|
+
},
|
|
3963
|
+
{
|
|
3964
|
+
"name": "subtitle",
|
|
3965
|
+
"type": {
|
|
3966
|
+
"text": "string"
|
|
3967
|
+
},
|
|
3968
|
+
"default": "''",
|
|
3969
|
+
"fieldName": "subtitle"
|
|
3970
|
+
},
|
|
3971
|
+
{
|
|
3972
|
+
"name": "inverted",
|
|
3973
|
+
"type": {
|
|
3974
|
+
"text": "boolean"
|
|
3975
|
+
},
|
|
3976
|
+
"default": "false",
|
|
3977
|
+
"fieldName": "inverted"
|
|
3978
|
+
}
|
|
3979
|
+
],
|
|
3980
|
+
"superclass": {
|
|
3981
|
+
"name": "LitElement",
|
|
3982
|
+
"package": "lit"
|
|
3983
|
+
},
|
|
3984
|
+
"tagName": "st-testimonials",
|
|
3985
|
+
"customElement": true
|
|
3986
|
+
}
|
|
3987
|
+
],
|
|
3988
|
+
"exports": [
|
|
3989
|
+
{
|
|
3990
|
+
"kind": "js",
|
|
3991
|
+
"name": "Testimonials",
|
|
3992
|
+
"declaration": {
|
|
3993
|
+
"name": "Testimonials",
|
|
3994
|
+
"module": "src/testimonials/Testimonials.ts"
|
|
3995
|
+
}
|
|
3996
|
+
},
|
|
3997
|
+
{
|
|
3998
|
+
"kind": "custom-element-definition",
|
|
3999
|
+
"name": "st-testimonials",
|
|
4000
|
+
"declaration": {
|
|
4001
|
+
"name": "Testimonials",
|
|
4002
|
+
"module": "src/testimonials/Testimonials.ts"
|
|
4003
|
+
}
|
|
4004
|
+
}
|
|
4005
|
+
]
|
|
4006
|
+
}
|
|
4007
|
+
]
|
|
4008
|
+
}
|