@sky.ui/core 0.0.25 → 0.0.27
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/CHANGELOG.md +13 -0
- package/README.md +1 -1
- package/dist/custom-elements.json +1502 -1502
- package/package.json +1 -16
|
@@ -4,820 +4,820 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "src/sky-
|
|
7
|
+
"path": "src/sky-alert/sky-alert.ts",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
11
|
"description": "",
|
|
12
|
-
"name": "
|
|
12
|
+
"name": "SkyAlert",
|
|
13
13
|
"cssParts": [
|
|
14
14
|
{
|
|
15
|
-
"description": "The
|
|
16
|
-
"name": "
|
|
15
|
+
"description": "The outer alert container.",
|
|
16
|
+
"name": "alert"
|
|
17
17
|
},
|
|
18
18
|
{
|
|
19
|
-
"description": "The
|
|
19
|
+
"description": "The optional leading icon.",
|
|
20
|
+
"name": "icon"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"description": "The content container (title + message/slot).",
|
|
24
|
+
"name": "content"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"description": "The title text element.",
|
|
28
|
+
"name": "title"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"description": "The message text element (when `message` is provided).",
|
|
32
|
+
"name": "message"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"description": "The trailing actions container.",
|
|
36
|
+
"name": "actions"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"description": "The dismiss button (when `removable`).",
|
|
40
|
+
"name": "close-button"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"description": "Overlay shown when `loading` is true.",
|
|
20
44
|
"name": "loading-overlay"
|
|
21
45
|
},
|
|
22
46
|
{
|
|
23
|
-
"description": "
|
|
24
|
-
"name": "spinner"
|
|
47
|
+
"description": "Spinner element shown inside the loading overlay.",
|
|
48
|
+
"name": "loading-spinner"
|
|
25
49
|
}
|
|
26
50
|
],
|
|
27
51
|
"slots": [
|
|
28
52
|
{
|
|
29
|
-
"description": "
|
|
53
|
+
"description": "Custom message content (used when `message` is empty).",
|
|
30
54
|
"name": ""
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"description": "Action buttons or links displayed on the trailing side.",
|
|
58
|
+
"name": "actions"
|
|
31
59
|
}
|
|
32
60
|
],
|
|
33
61
|
"members": [
|
|
34
62
|
{
|
|
35
63
|
"kind": "field",
|
|
36
|
-
"name": "
|
|
64
|
+
"name": "dependencies",
|
|
37
65
|
"type": {
|
|
38
|
-
"text": "string"
|
|
66
|
+
"text": "Record<string, CustomElementConstructor>"
|
|
39
67
|
},
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"attribute": "size"
|
|
68
|
+
"static": true,
|
|
69
|
+
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
43
70
|
},
|
|
44
71
|
{
|
|
45
72
|
"kind": "field",
|
|
46
|
-
"name": "
|
|
73
|
+
"name": "title",
|
|
47
74
|
"type": {
|
|
48
75
|
"text": "string"
|
|
49
76
|
},
|
|
50
77
|
"default": "\"\"",
|
|
51
|
-
"description": "
|
|
52
|
-
"attribute": "
|
|
78
|
+
"description": "Title text shown above the message.",
|
|
79
|
+
"attribute": "title"
|
|
53
80
|
},
|
|
54
81
|
{
|
|
55
82
|
"kind": "field",
|
|
56
|
-
"name": "
|
|
83
|
+
"name": "message",
|
|
57
84
|
"type": {
|
|
58
|
-
"text": "
|
|
85
|
+
"text": "string"
|
|
59
86
|
},
|
|
60
|
-
"default": "\"
|
|
61
|
-
"description": "
|
|
62
|
-
"attribute": "
|
|
63
|
-
"reflects": true
|
|
87
|
+
"default": "\"\"",
|
|
88
|
+
"description": "Message text rendered inside the alert.",
|
|
89
|
+
"attribute": "message"
|
|
64
90
|
},
|
|
65
91
|
{
|
|
66
92
|
"kind": "field",
|
|
67
|
-
"name": "
|
|
93
|
+
"name": "removable",
|
|
68
94
|
"type": {
|
|
69
|
-
"text": "
|
|
95
|
+
"text": "boolean"
|
|
70
96
|
},
|
|
71
|
-
"default": "
|
|
72
|
-
"description": "
|
|
73
|
-
"attribute": "
|
|
97
|
+
"default": "false",
|
|
98
|
+
"description": "Shows a dismiss button when enabled.",
|
|
99
|
+
"attribute": "removable"
|
|
74
100
|
},
|
|
75
101
|
{
|
|
76
102
|
"kind": "field",
|
|
77
|
-
"name": "
|
|
103
|
+
"name": "color",
|
|
78
104
|
"type": {
|
|
79
105
|
"text": "string"
|
|
80
106
|
},
|
|
81
|
-
"default": "\"\"",
|
|
82
|
-
"description": "
|
|
83
|
-
"attribute": "
|
|
107
|
+
"default": "\"primary\"",
|
|
108
|
+
"description": "Base color token or CSS color used by the alert.",
|
|
109
|
+
"attribute": "color"
|
|
84
110
|
},
|
|
85
111
|
{
|
|
86
112
|
"kind": "field",
|
|
87
|
-
"name": "
|
|
113
|
+
"name": "size",
|
|
88
114
|
"type": {
|
|
89
115
|
"text": "string"
|
|
90
116
|
},
|
|
91
|
-
"default": "\"
|
|
92
|
-
"description": "
|
|
93
|
-
"attribute": "
|
|
117
|
+
"default": "\"md\"",
|
|
118
|
+
"description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
|
|
119
|
+
"attribute": "size"
|
|
94
120
|
},
|
|
95
121
|
{
|
|
96
122
|
"kind": "field",
|
|
97
|
-
"name": "
|
|
123
|
+
"name": "radius",
|
|
98
124
|
"type": {
|
|
99
125
|
"text": "string"
|
|
100
126
|
},
|
|
101
|
-
"default": "\"\"",
|
|
102
|
-
"description": "CSS
|
|
103
|
-
"attribute": "
|
|
127
|
+
"default": "\"md\"",
|
|
128
|
+
"description": "Radius token or CSS length.",
|
|
129
|
+
"attribute": "radius"
|
|
104
130
|
},
|
|
105
131
|
{
|
|
106
132
|
"kind": "field",
|
|
107
|
-
"name": "
|
|
133
|
+
"name": "icon",
|
|
108
134
|
"type": {
|
|
109
|
-
"text": "string"
|
|
135
|
+
"text": "string | null"
|
|
110
136
|
},
|
|
111
|
-
"default": "
|
|
112
|
-
"description": "
|
|
113
|
-
"attribute": "
|
|
137
|
+
"default": "null",
|
|
138
|
+
"description": "Optional leading icon name for `<sky-icon>`.",
|
|
139
|
+
"attribute": "icon"
|
|
114
140
|
},
|
|
115
141
|
{
|
|
116
142
|
"kind": "field",
|
|
117
|
-
"name": "
|
|
143
|
+
"name": "strip",
|
|
118
144
|
"type": {
|
|
119
|
-
"text": "
|
|
145
|
+
"text": "SkyAlertStrip"
|
|
120
146
|
},
|
|
121
|
-
"default": "
|
|
122
|
-
"description": "
|
|
123
|
-
"attribute": "
|
|
147
|
+
"default": "\"none\"",
|
|
148
|
+
"description": "Strip accent placement.",
|
|
149
|
+
"attribute": "strip",
|
|
124
150
|
"reflects": true
|
|
125
151
|
},
|
|
126
152
|
{
|
|
127
153
|
"kind": "field",
|
|
128
|
-
"name": "
|
|
154
|
+
"name": "stripColor",
|
|
129
155
|
"type": {
|
|
130
|
-
"text": "
|
|
156
|
+
"text": "string"
|
|
131
157
|
},
|
|
132
|
-
"default": "
|
|
133
|
-
"description": "
|
|
134
|
-
"attribute": "
|
|
158
|
+
"default": "\"currentColor\"",
|
|
159
|
+
"description": "Strip accent color token or CSS color.",
|
|
160
|
+
"attribute": "stripColor"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"kind": "field",
|
|
164
|
+
"name": "variant",
|
|
165
|
+
"type": {
|
|
166
|
+
"text": "SkyAlertVariant"
|
|
167
|
+
},
|
|
168
|
+
"default": "\"solid\"",
|
|
169
|
+
"description": "Visual style variant.",
|
|
170
|
+
"attribute": "variant",
|
|
135
171
|
"reflects": true
|
|
136
172
|
},
|
|
137
173
|
{
|
|
138
174
|
"kind": "field",
|
|
139
|
-
"name": "
|
|
175
|
+
"name": "loading",
|
|
140
176
|
"type": {
|
|
141
177
|
"text": "boolean"
|
|
142
178
|
},
|
|
143
179
|
"default": "false",
|
|
144
|
-
"description": "
|
|
145
|
-
"attribute": "
|
|
180
|
+
"description": "Shows a loading overlay.",
|
|
181
|
+
"attribute": "loading"
|
|
146
182
|
},
|
|
147
183
|
{
|
|
148
184
|
"kind": "field",
|
|
149
|
-
"name": "
|
|
185
|
+
"name": "roleType",
|
|
150
186
|
"type": {
|
|
151
|
-
"text": "
|
|
187
|
+
"text": "SkyAlertRoleType"
|
|
152
188
|
},
|
|
153
|
-
"default": "
|
|
154
|
-
"description": "
|
|
155
|
-
"attribute": "
|
|
189
|
+
"default": "\"alert\"",
|
|
190
|
+
"description": "ARIA role for the alert container.",
|
|
191
|
+
"attribute": "roleType",
|
|
156
192
|
"reflects": true
|
|
157
193
|
},
|
|
158
194
|
{
|
|
159
195
|
"kind": "field",
|
|
160
|
-
"name": "
|
|
196
|
+
"name": "_styleVars",
|
|
161
197
|
"type": {
|
|
162
|
-
"text": "
|
|
198
|
+
"text": "Record<string, string>"
|
|
163
199
|
},
|
|
164
200
|
"privacy": "private",
|
|
165
|
-
"default": "
|
|
166
|
-
"description": "
|
|
201
|
+
"default": "{}",
|
|
202
|
+
"description": "Internal style variables"
|
|
167
203
|
},
|
|
168
204
|
{
|
|
169
205
|
"kind": "field",
|
|
170
|
-
"name": "
|
|
206
|
+
"name": "_sizeCache",
|
|
207
|
+
"type": {
|
|
208
|
+
"text": "{ size: string; result: SkyAlertResolvedSize } | null"
|
|
209
|
+
},
|
|
171
210
|
"privacy": "private",
|
|
172
|
-
"
|
|
211
|
+
"default": "null",
|
|
212
|
+
"description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
|
|
173
213
|
},
|
|
174
214
|
{
|
|
175
215
|
"kind": "field",
|
|
176
|
-
"name": "
|
|
216
|
+
"name": "_hasActionsSlotContent",
|
|
217
|
+
"type": {
|
|
218
|
+
"text": "boolean"
|
|
219
|
+
},
|
|
177
220
|
"privacy": "private",
|
|
178
|
-
"
|
|
221
|
+
"default": "false",
|
|
222
|
+
"description": "True when the actions slot has assigned content (used to show separator only when needed)."
|
|
179
223
|
},
|
|
180
224
|
{
|
|
181
225
|
"kind": "method",
|
|
182
|
-
"name": "
|
|
226
|
+
"name": "_resolveSize",
|
|
183
227
|
"privacy": "private",
|
|
184
228
|
"return": {
|
|
185
229
|
"type": {
|
|
186
|
-
"text": "
|
|
230
|
+
"text": "SkyAlertResolvedSize"
|
|
187
231
|
}
|
|
188
232
|
},
|
|
189
233
|
"parameters": [
|
|
190
234
|
{
|
|
191
|
-
"name": "
|
|
235
|
+
"name": "input",
|
|
192
236
|
"type": {
|
|
193
|
-
"text": "
|
|
237
|
+
"text": "string"
|
|
194
238
|
}
|
|
195
239
|
}
|
|
196
240
|
],
|
|
197
|
-
"description": "
|
|
241
|
+
"description": "Resolves size to get padding, font sizes, and other metrics.\r\nResult is memoized by `size` to avoid recomputing when only color/variant/radius change."
|
|
198
242
|
},
|
|
199
243
|
{
|
|
200
244
|
"kind": "method",
|
|
201
|
-
"name": "
|
|
245
|
+
"name": "_updateStyleVars",
|
|
202
246
|
"privacy": "private",
|
|
203
247
|
"return": {
|
|
204
248
|
"type": {
|
|
205
249
|
"text": "void"
|
|
206
250
|
}
|
|
207
251
|
},
|
|
208
|
-
"
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
252
|
+
"description": "Computes CSS custom properties from current variant, size, and color inputs."
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
"kind": "method",
|
|
256
|
+
"name": "close",
|
|
257
|
+
"privacy": "public",
|
|
258
|
+
"return": {
|
|
259
|
+
"type": {
|
|
260
|
+
"text": "void"
|
|
214
261
|
}
|
|
215
|
-
|
|
216
|
-
"description": "
|
|
262
|
+
},
|
|
263
|
+
"description": "Dispatches `alert-closed` and removes the alert from the DOM."
|
|
217
264
|
},
|
|
218
265
|
{
|
|
219
266
|
"kind": "method",
|
|
220
|
-
"name": "
|
|
267
|
+
"name": "getAriaRole",
|
|
268
|
+
"privacy": "private",
|
|
269
|
+
"return": {
|
|
270
|
+
"type": {
|
|
271
|
+
"text": "SkyAlertRoleType"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
"description": "Returns the ARIA role applied to the alert container."
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"kind": "method",
|
|
278
|
+
"name": "_checkActionsSlot",
|
|
221
279
|
"privacy": "private",
|
|
222
280
|
"return": {
|
|
223
281
|
"type": {
|
|
224
282
|
"text": "void"
|
|
225
283
|
}
|
|
226
284
|
},
|
|
227
|
-
"description": "
|
|
285
|
+
"description": "Checks whether the actions slot currently has meaningful assigned content."
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"kind": "method",
|
|
289
|
+
"name": "_onActionsSlotChange",
|
|
290
|
+
"privacy": "private",
|
|
291
|
+
"return": {
|
|
292
|
+
"type": {
|
|
293
|
+
"text": "void"
|
|
294
|
+
}
|
|
295
|
+
},
|
|
296
|
+
"parameters": [
|
|
297
|
+
{
|
|
298
|
+
"name": "e",
|
|
299
|
+
"type": {
|
|
300
|
+
"text": "Event"
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
],
|
|
304
|
+
"description": "Updates action-slot state when the slot assignment changes."
|
|
228
305
|
}
|
|
229
306
|
],
|
|
230
307
|
"events": [
|
|
231
308
|
{
|
|
232
|
-
"name": "click",
|
|
233
309
|
"type": {
|
|
234
|
-
"text": "
|
|
235
|
-
}
|
|
310
|
+
"text": "CustomEvent<SkyAlertClosedEventDetail>"
|
|
311
|
+
},
|
|
312
|
+
"description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
|
|
313
|
+
"name": "alert-closed"
|
|
236
314
|
}
|
|
237
315
|
],
|
|
238
316
|
"attributes": [
|
|
239
317
|
{
|
|
240
|
-
"name": "
|
|
318
|
+
"name": "title",
|
|
241
319
|
"type": {
|
|
242
320
|
"text": "string"
|
|
243
321
|
},
|
|
244
|
-
"default": "\"
|
|
245
|
-
"description": "
|
|
246
|
-
"fieldName": "
|
|
322
|
+
"default": "\"\"",
|
|
323
|
+
"description": "Title text shown above the message.",
|
|
324
|
+
"fieldName": "title"
|
|
247
325
|
},
|
|
248
326
|
{
|
|
249
|
-
"name": "
|
|
327
|
+
"name": "message",
|
|
250
328
|
"type": {
|
|
251
329
|
"text": "string"
|
|
252
330
|
},
|
|
253
331
|
"default": "\"\"",
|
|
254
|
-
"description": "
|
|
255
|
-
"fieldName": "
|
|
332
|
+
"description": "Message text rendered inside the alert.",
|
|
333
|
+
"fieldName": "message"
|
|
256
334
|
},
|
|
257
335
|
{
|
|
258
|
-
"name": "
|
|
336
|
+
"name": "removable",
|
|
259
337
|
"type": {
|
|
260
|
-
"text": "
|
|
338
|
+
"text": "boolean"
|
|
261
339
|
},
|
|
262
|
-
"default": "
|
|
263
|
-
"description": "
|
|
264
|
-
"fieldName": "
|
|
340
|
+
"default": "false",
|
|
341
|
+
"description": "Shows a dismiss button when enabled.",
|
|
342
|
+
"fieldName": "removable"
|
|
265
343
|
},
|
|
266
344
|
{
|
|
267
|
-
"name": "
|
|
345
|
+
"name": "color",
|
|
268
346
|
"type": {
|
|
269
347
|
"text": "string"
|
|
270
348
|
},
|
|
271
|
-
"default": "\"
|
|
272
|
-
"description": "
|
|
273
|
-
"fieldName": "
|
|
349
|
+
"default": "\"primary\"",
|
|
350
|
+
"description": "Base color token or CSS color used by the alert.",
|
|
351
|
+
"fieldName": "color"
|
|
274
352
|
},
|
|
275
353
|
{
|
|
276
|
-
"name": "
|
|
354
|
+
"name": "size",
|
|
277
355
|
"type": {
|
|
278
356
|
"text": "string"
|
|
279
357
|
},
|
|
280
|
-
"default": "\"\"",
|
|
281
|
-
"description": "
|
|
282
|
-
"fieldName": "
|
|
358
|
+
"default": "\"md\"",
|
|
359
|
+
"description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
|
|
360
|
+
"fieldName": "size"
|
|
283
361
|
},
|
|
284
362
|
{
|
|
285
|
-
"name": "
|
|
363
|
+
"name": "radius",
|
|
286
364
|
"type": {
|
|
287
365
|
"text": "string"
|
|
288
366
|
},
|
|
289
|
-
"default": "\"
|
|
290
|
-
"description": "
|
|
291
|
-
"fieldName": "
|
|
367
|
+
"default": "\"md\"",
|
|
368
|
+
"description": "Radius token or CSS length.",
|
|
369
|
+
"fieldName": "radius"
|
|
292
370
|
},
|
|
293
371
|
{
|
|
294
|
-
"name": "
|
|
372
|
+
"name": "icon",
|
|
295
373
|
"type": {
|
|
296
|
-
"text": "string"
|
|
374
|
+
"text": "string | null"
|
|
297
375
|
},
|
|
298
|
-
"default": "
|
|
299
|
-
"description": "
|
|
300
|
-
"fieldName": "
|
|
376
|
+
"default": "null",
|
|
377
|
+
"description": "Optional leading icon name for `<sky-icon>`.",
|
|
378
|
+
"fieldName": "icon"
|
|
301
379
|
},
|
|
302
380
|
{
|
|
303
|
-
"name": "
|
|
381
|
+
"name": "strip",
|
|
304
382
|
"type": {
|
|
305
|
-
"text": "
|
|
383
|
+
"text": "SkyAlertStrip"
|
|
306
384
|
},
|
|
307
|
-
"default": "\"
|
|
308
|
-
"description": "
|
|
309
|
-
"fieldName": "
|
|
385
|
+
"default": "\"none\"",
|
|
386
|
+
"description": "Strip accent placement.",
|
|
387
|
+
"fieldName": "strip"
|
|
310
388
|
},
|
|
311
389
|
{
|
|
312
|
-
"name": "
|
|
390
|
+
"name": "stripColor",
|
|
313
391
|
"type": {
|
|
314
|
-
"text": "
|
|
392
|
+
"text": "string"
|
|
315
393
|
},
|
|
316
|
-
"default": "
|
|
317
|
-
"description": "
|
|
318
|
-
"fieldName": "
|
|
394
|
+
"default": "\"currentColor\"",
|
|
395
|
+
"description": "Strip accent color token or CSS color.",
|
|
396
|
+
"fieldName": "stripColor"
|
|
319
397
|
},
|
|
320
398
|
{
|
|
321
|
-
"name": "
|
|
399
|
+
"name": "variant",
|
|
322
400
|
"type": {
|
|
323
|
-
"text": "
|
|
401
|
+
"text": "SkyAlertVariant"
|
|
324
402
|
},
|
|
325
|
-
"default": "
|
|
326
|
-
"description": "
|
|
327
|
-
"fieldName": "
|
|
403
|
+
"default": "\"solid\"",
|
|
404
|
+
"description": "Visual style variant.",
|
|
405
|
+
"fieldName": "variant"
|
|
328
406
|
},
|
|
329
407
|
{
|
|
330
|
-
"name": "
|
|
408
|
+
"name": "loading",
|
|
331
409
|
"type": {
|
|
332
410
|
"text": "boolean"
|
|
333
411
|
},
|
|
334
412
|
"default": "false",
|
|
335
|
-
"description": "
|
|
336
|
-
"fieldName": "
|
|
413
|
+
"description": "Shows a loading overlay.",
|
|
414
|
+
"fieldName": "loading"
|
|
337
415
|
},
|
|
338
416
|
{
|
|
339
|
-
"name": "
|
|
417
|
+
"name": "roleType",
|
|
340
418
|
"type": {
|
|
341
|
-
"text": "
|
|
419
|
+
"text": "SkyAlertRoleType"
|
|
342
420
|
},
|
|
343
|
-
"default": "
|
|
344
|
-
"description": "
|
|
345
|
-
"fieldName": "
|
|
421
|
+
"default": "\"alert\"",
|
|
422
|
+
"description": "ARIA role for the alert container.",
|
|
423
|
+
"fieldName": "roleType"
|
|
346
424
|
}
|
|
347
425
|
],
|
|
348
426
|
"superclass": {
|
|
349
427
|
"name": "LitElement",
|
|
350
428
|
"package": "lit"
|
|
351
429
|
},
|
|
352
|
-
"tagName": "sky-
|
|
430
|
+
"tagName": "sky-alert",
|
|
353
431
|
"customElement": true,
|
|
354
|
-
"summary": "
|
|
432
|
+
"summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
|
|
355
433
|
}
|
|
356
434
|
],
|
|
357
435
|
"exports": [
|
|
358
436
|
{
|
|
359
437
|
"kind": "js",
|
|
360
|
-
"name": "
|
|
438
|
+
"name": "SkyAlert",
|
|
361
439
|
"declaration": {
|
|
362
|
-
"name": "
|
|
363
|
-
"module": "src/sky-
|
|
440
|
+
"name": "SkyAlert",
|
|
441
|
+
"module": "src/sky-alert/sky-alert.ts"
|
|
364
442
|
}
|
|
365
443
|
},
|
|
366
444
|
{
|
|
367
445
|
"kind": "custom-element-definition",
|
|
368
|
-
"name": "sky-
|
|
446
|
+
"name": "sky-alert",
|
|
369
447
|
"declaration": {
|
|
370
|
-
"name": "
|
|
371
|
-
"module": "src/sky-
|
|
448
|
+
"name": "SkyAlert",
|
|
449
|
+
"module": "src/sky-alert/sky-alert.ts"
|
|
372
450
|
}
|
|
373
451
|
}
|
|
374
452
|
]
|
|
375
453
|
},
|
|
376
454
|
{
|
|
377
455
|
"kind": "javascript-module",
|
|
378
|
-
"path": "src/sky-
|
|
456
|
+
"path": "src/sky-avatar/sky-avatar.ts",
|
|
379
457
|
"declarations": [
|
|
380
458
|
{
|
|
381
459
|
"kind": "class",
|
|
382
460
|
"description": "",
|
|
383
|
-
"name": "
|
|
461
|
+
"name": "SkyAvatar",
|
|
384
462
|
"cssParts": [
|
|
385
463
|
{
|
|
386
|
-
"description": "The
|
|
387
|
-
"name": "
|
|
388
|
-
},
|
|
389
|
-
{
|
|
390
|
-
"description": "The optional leading icon.",
|
|
391
|
-
"name": "icon"
|
|
392
|
-
},
|
|
393
|
-
{
|
|
394
|
-
"description": "The content container (title + message/slot).",
|
|
395
|
-
"name": "content"
|
|
396
|
-
},
|
|
397
|
-
{
|
|
398
|
-
"description": "The title text element.",
|
|
399
|
-
"name": "title"
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"description": "The message text element (when `message` is provided).",
|
|
403
|
-
"name": "message"
|
|
404
|
-
},
|
|
405
|
-
{
|
|
406
|
-
"description": "The trailing actions container.",
|
|
407
|
-
"name": "actions"
|
|
408
|
-
},
|
|
409
|
-
{
|
|
410
|
-
"description": "The dismiss button (when `removable`).",
|
|
411
|
-
"name": "close-button"
|
|
464
|
+
"description": "The avatar container element.",
|
|
465
|
+
"name": "avatar"
|
|
412
466
|
},
|
|
413
467
|
{
|
|
414
|
-
"description": "
|
|
468
|
+
"description": "The loading overlay container (shown when `loading` is true).",
|
|
415
469
|
"name": "loading-overlay"
|
|
416
470
|
},
|
|
417
471
|
{
|
|
418
|
-
"description": "
|
|
419
|
-
"name": "
|
|
472
|
+
"description": "The spinner element shown when loading.",
|
|
473
|
+
"name": "spinner"
|
|
420
474
|
}
|
|
421
475
|
],
|
|
422
476
|
"slots": [
|
|
423
477
|
{
|
|
424
|
-
"description": "
|
|
478
|
+
"description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
|
|
425
479
|
"name": ""
|
|
426
|
-
},
|
|
427
|
-
{
|
|
428
|
-
"description": "Action buttons or links displayed on the trailing side.",
|
|
429
|
-
"name": "actions"
|
|
430
480
|
}
|
|
431
481
|
],
|
|
432
482
|
"members": [
|
|
433
483
|
{
|
|
434
484
|
"kind": "field",
|
|
435
|
-
"name": "
|
|
485
|
+
"name": "size",
|
|
436
486
|
"type": {
|
|
437
|
-
"text": "
|
|
487
|
+
"text": "string"
|
|
438
488
|
},
|
|
439
|
-
"
|
|
440
|
-
"
|
|
489
|
+
"default": "\"50px\"",
|
|
490
|
+
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
491
|
+
"attribute": "size"
|
|
441
492
|
},
|
|
442
493
|
{
|
|
443
494
|
"kind": "field",
|
|
444
|
-
"name": "
|
|
495
|
+
"name": "image",
|
|
445
496
|
"type": {
|
|
446
497
|
"text": "string"
|
|
447
498
|
},
|
|
448
499
|
"default": "\"\"",
|
|
449
|
-
"description": "
|
|
450
|
-
"attribute": "
|
|
500
|
+
"description": "Image URL; fallback slot is shown on load error.",
|
|
501
|
+
"attribute": "image"
|
|
451
502
|
},
|
|
452
503
|
{
|
|
453
504
|
"kind": "field",
|
|
454
|
-
"name": "
|
|
505
|
+
"name": "fit",
|
|
455
506
|
"type": {
|
|
456
|
-
"text": "
|
|
507
|
+
"text": "SkyAvatarFit"
|
|
457
508
|
},
|
|
458
|
-
"default": "\"\"",
|
|
459
|
-
"description": "
|
|
460
|
-
"attribute": "
|
|
509
|
+
"default": "\"cover\"",
|
|
510
|
+
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
511
|
+
"attribute": "fit",
|
|
512
|
+
"reflects": true
|
|
461
513
|
},
|
|
462
514
|
{
|
|
463
515
|
"kind": "field",
|
|
464
|
-
"name": "
|
|
516
|
+
"name": "radius",
|
|
465
517
|
"type": {
|
|
466
|
-
"text": "
|
|
518
|
+
"text": "string"
|
|
467
519
|
},
|
|
468
|
-
"default": "
|
|
469
|
-
"description": "
|
|
470
|
-
"attribute": "
|
|
520
|
+
"default": "\"md\"",
|
|
521
|
+
"description": "Border radius token or CSS value.",
|
|
522
|
+
"attribute": "radius"
|
|
471
523
|
},
|
|
472
524
|
{
|
|
473
525
|
"kind": "field",
|
|
474
|
-
"name": "
|
|
526
|
+
"name": "alt",
|
|
475
527
|
"type": {
|
|
476
528
|
"text": "string"
|
|
477
529
|
},
|
|
478
|
-
"default": "\"
|
|
479
|
-
"description": "
|
|
480
|
-
"attribute": "
|
|
530
|
+
"default": "\"\"",
|
|
531
|
+
"description": "Accessible name when image content conveys meaning.",
|
|
532
|
+
"attribute": "alt"
|
|
481
533
|
},
|
|
482
534
|
{
|
|
483
535
|
"kind": "field",
|
|
484
|
-
"name": "
|
|
536
|
+
"name": "color",
|
|
485
537
|
"type": {
|
|
486
538
|
"text": "string"
|
|
487
539
|
},
|
|
488
|
-
"default": "\"
|
|
489
|
-
"description": "
|
|
490
|
-
"attribute": "
|
|
540
|
+
"default": "\"dark\"",
|
|
541
|
+
"description": "Token or CSS color applied to fallback slot content.",
|
|
542
|
+
"attribute": "color"
|
|
491
543
|
},
|
|
492
544
|
{
|
|
493
545
|
"kind": "field",
|
|
494
|
-
"name": "
|
|
546
|
+
"name": "outline",
|
|
495
547
|
"type": {
|
|
496
548
|
"text": "string"
|
|
497
549
|
},
|
|
498
|
-
"default": "\"
|
|
499
|
-
"description": "
|
|
500
|
-
"attribute": "
|
|
550
|
+
"default": "\"\"",
|
|
551
|
+
"description": "CSS `outline` value.",
|
|
552
|
+
"attribute": "outline"
|
|
501
553
|
},
|
|
502
554
|
{
|
|
503
555
|
"kind": "field",
|
|
504
|
-
"name": "
|
|
556
|
+
"name": "outlineOffset",
|
|
505
557
|
"type": {
|
|
506
|
-
"text": "string
|
|
558
|
+
"text": "string"
|
|
507
559
|
},
|
|
508
|
-
"default": "
|
|
509
|
-
"description": "
|
|
510
|
-
"attribute": "
|
|
560
|
+
"default": "\"2px\"",
|
|
561
|
+
"description": "CSS `outline-offset` value.",
|
|
562
|
+
"attribute": "outlineOffset"
|
|
511
563
|
},
|
|
512
564
|
{
|
|
513
565
|
"kind": "field",
|
|
514
|
-
"name": "
|
|
566
|
+
"name": "loading",
|
|
515
567
|
"type": {
|
|
516
|
-
"text": "
|
|
568
|
+
"text": "boolean"
|
|
517
569
|
},
|
|
518
|
-
"default": "
|
|
519
|
-
"description": "
|
|
520
|
-
"attribute": "
|
|
570
|
+
"default": "false",
|
|
571
|
+
"description": "Shows loading overlay when true.",
|
|
572
|
+
"attribute": "loading",
|
|
521
573
|
"reflects": true
|
|
522
574
|
},
|
|
523
575
|
{
|
|
524
576
|
"kind": "field",
|
|
525
|
-
"name": "
|
|
577
|
+
"name": "disabled",
|
|
526
578
|
"type": {
|
|
527
|
-
"text": "
|
|
579
|
+
"text": "boolean"
|
|
528
580
|
},
|
|
529
|
-
"default": "
|
|
530
|
-
"description": "
|
|
531
|
-
"attribute": "
|
|
581
|
+
"default": "false",
|
|
582
|
+
"description": "Dims and disables pointer interactions.",
|
|
583
|
+
"attribute": "disabled",
|
|
584
|
+
"reflects": true
|
|
532
585
|
},
|
|
533
586
|
{
|
|
534
587
|
"kind": "field",
|
|
535
|
-
"name": "
|
|
536
|
-
"type": {
|
|
537
|
-
"text": "SkyAlertVariant"
|
|
538
|
-
},
|
|
539
|
-
"default": "\"solid\"",
|
|
540
|
-
"description": "Visual style variant.",
|
|
541
|
-
"attribute": "variant",
|
|
542
|
-
"reflects": true
|
|
543
|
-
},
|
|
544
|
-
{
|
|
545
|
-
"kind": "field",
|
|
546
|
-
"name": "loading",
|
|
588
|
+
"name": "interactive",
|
|
547
589
|
"type": {
|
|
548
590
|
"text": "boolean"
|
|
549
591
|
},
|
|
550
592
|
"default": "false",
|
|
551
|
-
"description": "
|
|
552
|
-
"attribute": "
|
|
593
|
+
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
594
|
+
"attribute": "interactive"
|
|
553
595
|
},
|
|
554
596
|
{
|
|
555
597
|
"kind": "field",
|
|
556
|
-
"name": "
|
|
598
|
+
"name": "shadow",
|
|
557
599
|
"type": {
|
|
558
|
-
"text": "
|
|
600
|
+
"text": "boolean"
|
|
559
601
|
},
|
|
560
|
-
"default": "
|
|
561
|
-
"description": "
|
|
562
|
-
"attribute": "
|
|
602
|
+
"default": "false",
|
|
603
|
+
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
604
|
+
"attribute": "shadow",
|
|
563
605
|
"reflects": true
|
|
564
606
|
},
|
|
565
607
|
{
|
|
566
608
|
"kind": "field",
|
|
567
|
-
"name": "
|
|
609
|
+
"name": "_imageError",
|
|
568
610
|
"type": {
|
|
569
|
-
"text": "
|
|
611
|
+
"text": "boolean"
|
|
570
612
|
},
|
|
571
613
|
"privacy": "private",
|
|
572
|
-
"default": "
|
|
573
|
-
"description": "
|
|
614
|
+
"default": "false",
|
|
615
|
+
"description": "True when image failed to load; show slot instead."
|
|
574
616
|
},
|
|
575
617
|
{
|
|
576
618
|
"kind": "field",
|
|
577
|
-
"name": "
|
|
578
|
-
"type": {
|
|
579
|
-
"text": "{ size: string; result: SkyAlertResolvedSize } | null"
|
|
580
|
-
},
|
|
619
|
+
"name": "_onImageLoad",
|
|
581
620
|
"privacy": "private",
|
|
582
|
-
"
|
|
583
|
-
"description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
|
|
621
|
+
"description": "Marks image load success and keeps image rendering active."
|
|
584
622
|
},
|
|
585
623
|
{
|
|
586
624
|
"kind": "field",
|
|
587
|
-
"name": "
|
|
588
|
-
"type": {
|
|
589
|
-
"text": "boolean"
|
|
590
|
-
},
|
|
625
|
+
"name": "_onImageError",
|
|
591
626
|
"privacy": "private",
|
|
592
|
-
"
|
|
593
|
-
"description": "True when the actions slot has assigned content (used to show separator only when needed)."
|
|
627
|
+
"description": "Marks image load failure and enables fallback slot rendering."
|
|
594
628
|
},
|
|
595
629
|
{
|
|
596
630
|
"kind": "method",
|
|
597
|
-
"name": "
|
|
631
|
+
"name": "_handleInteractiveClick",
|
|
598
632
|
"privacy": "private",
|
|
599
633
|
"return": {
|
|
600
634
|
"type": {
|
|
601
|
-
"text": "
|
|
635
|
+
"text": "void"
|
|
602
636
|
}
|
|
603
637
|
},
|
|
604
638
|
"parameters": [
|
|
605
639
|
{
|
|
606
|
-
"name": "
|
|
640
|
+
"name": "e",
|
|
607
641
|
"type": {
|
|
608
|
-
"text": "
|
|
642
|
+
"text": "Event"
|
|
609
643
|
}
|
|
610
644
|
}
|
|
611
645
|
],
|
|
612
|
-
"description": "
|
|
646
|
+
"description": "Re-dispatches click in interactive mode for host-level consumers."
|
|
613
647
|
},
|
|
614
648
|
{
|
|
615
649
|
"kind": "method",
|
|
616
|
-
"name": "
|
|
650
|
+
"name": "_handleInteractiveKeydown",
|
|
617
651
|
"privacy": "private",
|
|
618
652
|
"return": {
|
|
619
653
|
"type": {
|
|
620
654
|
"text": "void"
|
|
621
655
|
}
|
|
622
656
|
},
|
|
623
|
-
"
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
"return": {
|
|
630
|
-
"type": {
|
|
631
|
-
"text": "void"
|
|
632
|
-
}
|
|
633
|
-
},
|
|
634
|
-
"description": "Dispatches `alert-closed` and removes the alert from the DOM."
|
|
635
|
-
},
|
|
636
|
-
{
|
|
637
|
-
"kind": "method",
|
|
638
|
-
"name": "getAriaRole",
|
|
639
|
-
"privacy": "private",
|
|
640
|
-
"return": {
|
|
641
|
-
"type": {
|
|
642
|
-
"text": "SkyAlertRoleType"
|
|
643
|
-
}
|
|
644
|
-
},
|
|
645
|
-
"description": "Returns the ARIA role applied to the alert container."
|
|
646
|
-
},
|
|
647
|
-
{
|
|
648
|
-
"kind": "method",
|
|
649
|
-
"name": "_checkActionsSlot",
|
|
650
|
-
"privacy": "private",
|
|
651
|
-
"return": {
|
|
652
|
-
"type": {
|
|
653
|
-
"text": "void"
|
|
657
|
+
"parameters": [
|
|
658
|
+
{
|
|
659
|
+
"name": "e",
|
|
660
|
+
"type": {
|
|
661
|
+
"text": "KeyboardEvent"
|
|
662
|
+
}
|
|
654
663
|
}
|
|
655
|
-
|
|
656
|
-
"description": "
|
|
664
|
+
],
|
|
665
|
+
"description": "Handles keyboard activation in interactive mode."
|
|
657
666
|
},
|
|
658
667
|
{
|
|
659
668
|
"kind": "method",
|
|
660
|
-
"name": "
|
|
669
|
+
"name": "adjustSpinnerSize",
|
|
661
670
|
"privacy": "private",
|
|
662
671
|
"return": {
|
|
663
672
|
"type": {
|
|
664
673
|
"text": "void"
|
|
665
674
|
}
|
|
666
675
|
},
|
|
667
|
-
"
|
|
668
|
-
{
|
|
669
|
-
"name": "e",
|
|
670
|
-
"type": {
|
|
671
|
-
"text": "Event"
|
|
672
|
-
}
|
|
673
|
-
}
|
|
674
|
-
],
|
|
675
|
-
"description": "Updates action-slot state when the slot assignment changes."
|
|
676
|
+
"description": "Derives spinner dimensions from current avatar size."
|
|
676
677
|
}
|
|
677
678
|
],
|
|
678
679
|
"events": [
|
|
679
680
|
{
|
|
681
|
+
"name": "click",
|
|
680
682
|
"type": {
|
|
681
|
-
"text": "
|
|
682
|
-
}
|
|
683
|
-
"description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
|
|
684
|
-
"name": "alert-closed"
|
|
683
|
+
"text": "Event"
|
|
684
|
+
}
|
|
685
685
|
}
|
|
686
686
|
],
|
|
687
687
|
"attributes": [
|
|
688
688
|
{
|
|
689
|
-
"name": "
|
|
689
|
+
"name": "size",
|
|
690
690
|
"type": {
|
|
691
691
|
"text": "string"
|
|
692
692
|
},
|
|
693
|
-
"default": "\"\"",
|
|
694
|
-
"description": "
|
|
695
|
-
"fieldName": "
|
|
693
|
+
"default": "\"50px\"",
|
|
694
|
+
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
695
|
+
"fieldName": "size"
|
|
696
696
|
},
|
|
697
697
|
{
|
|
698
|
-
"name": "
|
|
698
|
+
"name": "image",
|
|
699
699
|
"type": {
|
|
700
700
|
"text": "string"
|
|
701
701
|
},
|
|
702
702
|
"default": "\"\"",
|
|
703
|
-
"description": "
|
|
704
|
-
"fieldName": "
|
|
703
|
+
"description": "Image URL; fallback slot is shown on load error.",
|
|
704
|
+
"fieldName": "image"
|
|
705
705
|
},
|
|
706
706
|
{
|
|
707
|
-
"name": "
|
|
707
|
+
"name": "fit",
|
|
708
708
|
"type": {
|
|
709
|
-
"text": "
|
|
709
|
+
"text": "SkyAvatarFit"
|
|
710
710
|
},
|
|
711
|
-
"default": "
|
|
712
|
-
"description": "
|
|
713
|
-
"fieldName": "
|
|
711
|
+
"default": "\"cover\"",
|
|
712
|
+
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
713
|
+
"fieldName": "fit"
|
|
714
714
|
},
|
|
715
715
|
{
|
|
716
|
-
"name": "
|
|
716
|
+
"name": "radius",
|
|
717
717
|
"type": {
|
|
718
718
|
"text": "string"
|
|
719
719
|
},
|
|
720
|
-
"default": "\"
|
|
721
|
-
"description": "
|
|
722
|
-
"fieldName": "
|
|
720
|
+
"default": "\"md\"",
|
|
721
|
+
"description": "Border radius token or CSS value.",
|
|
722
|
+
"fieldName": "radius"
|
|
723
723
|
},
|
|
724
724
|
{
|
|
725
|
-
"name": "
|
|
725
|
+
"name": "alt",
|
|
726
726
|
"type": {
|
|
727
727
|
"text": "string"
|
|
728
728
|
},
|
|
729
|
-
"default": "\"
|
|
730
|
-
"description": "
|
|
731
|
-
"fieldName": "
|
|
729
|
+
"default": "\"\"",
|
|
730
|
+
"description": "Accessible name when image content conveys meaning.",
|
|
731
|
+
"fieldName": "alt"
|
|
732
732
|
},
|
|
733
733
|
{
|
|
734
|
-
"name": "
|
|
734
|
+
"name": "color",
|
|
735
735
|
"type": {
|
|
736
736
|
"text": "string"
|
|
737
737
|
},
|
|
738
|
-
"default": "\"
|
|
739
|
-
"description": "
|
|
740
|
-
"fieldName": "
|
|
738
|
+
"default": "\"dark\"",
|
|
739
|
+
"description": "Token or CSS color applied to fallback slot content.",
|
|
740
|
+
"fieldName": "color"
|
|
741
741
|
},
|
|
742
742
|
{
|
|
743
|
-
"name": "
|
|
743
|
+
"name": "outline",
|
|
744
744
|
"type": {
|
|
745
|
-
"text": "string
|
|
745
|
+
"text": "string"
|
|
746
746
|
},
|
|
747
|
-
"default": "
|
|
748
|
-
"description": "
|
|
749
|
-
"fieldName": "
|
|
747
|
+
"default": "\"\"",
|
|
748
|
+
"description": "CSS `outline` value.",
|
|
749
|
+
"fieldName": "outline"
|
|
750
750
|
},
|
|
751
751
|
{
|
|
752
|
-
"name": "
|
|
752
|
+
"name": "outlineOffset",
|
|
753
753
|
"type": {
|
|
754
|
-
"text": "
|
|
754
|
+
"text": "string"
|
|
755
755
|
},
|
|
756
|
-
"default": "\"
|
|
757
|
-
"description": "
|
|
758
|
-
"fieldName": "
|
|
756
|
+
"default": "\"2px\"",
|
|
757
|
+
"description": "CSS `outline-offset` value.",
|
|
758
|
+
"fieldName": "outlineOffset"
|
|
759
759
|
},
|
|
760
760
|
{
|
|
761
|
-
"name": "
|
|
761
|
+
"name": "loading",
|
|
762
762
|
"type": {
|
|
763
|
-
"text": "
|
|
763
|
+
"text": "boolean"
|
|
764
764
|
},
|
|
765
|
-
"default": "
|
|
766
|
-
"description": "
|
|
767
|
-
"fieldName": "
|
|
765
|
+
"default": "false",
|
|
766
|
+
"description": "Shows loading overlay when true.",
|
|
767
|
+
"fieldName": "loading"
|
|
768
768
|
},
|
|
769
769
|
{
|
|
770
|
-
"name": "
|
|
770
|
+
"name": "disabled",
|
|
771
771
|
"type": {
|
|
772
|
-
"text": "
|
|
772
|
+
"text": "boolean"
|
|
773
773
|
},
|
|
774
|
-
"default": "
|
|
775
|
-
"description": "
|
|
776
|
-
"fieldName": "
|
|
774
|
+
"default": "false",
|
|
775
|
+
"description": "Dims and disables pointer interactions.",
|
|
776
|
+
"fieldName": "disabled"
|
|
777
777
|
},
|
|
778
778
|
{
|
|
779
|
-
"name": "
|
|
779
|
+
"name": "interactive",
|
|
780
780
|
"type": {
|
|
781
781
|
"text": "boolean"
|
|
782
782
|
},
|
|
783
783
|
"default": "false",
|
|
784
|
-
"description": "
|
|
785
|
-
"fieldName": "
|
|
784
|
+
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
785
|
+
"fieldName": "interactive"
|
|
786
786
|
},
|
|
787
787
|
{
|
|
788
|
-
"name": "
|
|
788
|
+
"name": "shadow",
|
|
789
789
|
"type": {
|
|
790
|
-
"text": "
|
|
790
|
+
"text": "boolean"
|
|
791
791
|
},
|
|
792
|
-
"default": "
|
|
793
|
-
"description": "
|
|
794
|
-
"fieldName": "
|
|
792
|
+
"default": "false",
|
|
793
|
+
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
794
|
+
"fieldName": "shadow"
|
|
795
795
|
}
|
|
796
796
|
],
|
|
797
797
|
"superclass": {
|
|
798
798
|
"name": "LitElement",
|
|
799
799
|
"package": "lit"
|
|
800
800
|
},
|
|
801
|
-
"tagName": "sky-
|
|
801
|
+
"tagName": "sky-avatar",
|
|
802
802
|
"customElement": true,
|
|
803
|
-
"summary": "
|
|
803
|
+
"summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
|
|
804
804
|
}
|
|
805
805
|
],
|
|
806
806
|
"exports": [
|
|
807
807
|
{
|
|
808
808
|
"kind": "js",
|
|
809
|
-
"name": "
|
|
809
|
+
"name": "SkyAvatar",
|
|
810
810
|
"declaration": {
|
|
811
|
-
"name": "
|
|
812
|
-
"module": "src/sky-
|
|
811
|
+
"name": "SkyAvatar",
|
|
812
|
+
"module": "src/sky-avatar/sky-avatar.ts"
|
|
813
813
|
}
|
|
814
814
|
},
|
|
815
815
|
{
|
|
816
816
|
"kind": "custom-element-definition",
|
|
817
|
-
"name": "sky-
|
|
817
|
+
"name": "sky-avatar",
|
|
818
818
|
"declaration": {
|
|
819
|
-
"name": "
|
|
820
|
-
"module": "src/sky-
|
|
819
|
+
"name": "SkyAvatar",
|
|
820
|
+
"module": "src/sky-avatar/sky-avatar.ts"
|
|
821
821
|
}
|
|
822
822
|
}
|
|
823
823
|
]
|
|
@@ -1653,457 +1653,281 @@
|
|
|
1653
1653
|
},
|
|
1654
1654
|
{
|
|
1655
1655
|
"kind": "javascript-module",
|
|
1656
|
-
"path": "src/sky-
|
|
1656
|
+
"path": "src/sky-button/sky-button.ts",
|
|
1657
1657
|
"declarations": [
|
|
1658
1658
|
{
|
|
1659
1659
|
"kind": "class",
|
|
1660
1660
|
"description": "",
|
|
1661
|
-
"name": "
|
|
1661
|
+
"name": "SkyButton",
|
|
1662
1662
|
"cssParts": [
|
|
1663
1663
|
{
|
|
1664
|
-
"description": "The
|
|
1665
|
-
"name": "
|
|
1664
|
+
"description": "The native `<button>` element.",
|
|
1665
|
+
"name": "button"
|
|
1666
1666
|
},
|
|
1667
1667
|
{
|
|
1668
|
-
"description": "The
|
|
1669
|
-
"name": "
|
|
1668
|
+
"description": "The optional left/right icons.",
|
|
1669
|
+
"name": "icon"
|
|
1670
1670
|
},
|
|
1671
1671
|
{
|
|
1672
|
-
"description": "
|
|
1673
|
-
"name": "
|
|
1672
|
+
"description": "Overlay displayed when loading.",
|
|
1673
|
+
"name": "loading-overlay"
|
|
1674
1674
|
},
|
|
1675
1675
|
{
|
|
1676
|
-
"description": "
|
|
1677
|
-
"name": "
|
|
1676
|
+
"description": "Spinner displayed when loading.",
|
|
1677
|
+
"name": "spinner"
|
|
1678
1678
|
}
|
|
1679
1679
|
],
|
|
1680
1680
|
"slots": [
|
|
1681
1681
|
{
|
|
1682
|
-
"description": "Default slot for the
|
|
1682
|
+
"description": "Default slot for the button label (replaces `label` property if used).",
|
|
1683
1683
|
"name": ""
|
|
1684
|
-
},
|
|
1685
|
-
{
|
|
1686
|
-
"description": "Slot for the card title.",
|
|
1687
|
-
"name": "title"
|
|
1688
|
-
},
|
|
1689
|
-
{
|
|
1690
|
-
"description": "Slot for the card subtitle.",
|
|
1691
|
-
"name": "subtitle"
|
|
1692
|
-
},
|
|
1693
|
-
{
|
|
1694
|
-
"description": "Slot for the card actions (usually buttons).",
|
|
1695
|
-
"name": "actions"
|
|
1696
|
-
},
|
|
1697
|
-
{
|
|
1698
|
-
"description": "Slot for the footer title.",
|
|
1699
|
-
"name": "footer-title"
|
|
1700
|
-
},
|
|
1701
|
-
{
|
|
1702
|
-
"description": "Slot for the footer subtitle.",
|
|
1703
|
-
"name": "footer-subtitle"
|
|
1704
|
-
},
|
|
1705
|
-
{
|
|
1706
|
-
"description": "Slot for the footer actions (usually buttons).",
|
|
1707
|
-
"name": "footer-actions"
|
|
1708
1684
|
}
|
|
1709
1685
|
],
|
|
1710
1686
|
"members": [
|
|
1711
1687
|
{
|
|
1712
1688
|
"kind": "field",
|
|
1713
|
-
"name": "
|
|
1689
|
+
"name": "dependencies",
|
|
1714
1690
|
"type": {
|
|
1715
|
-
"text": "string"
|
|
1691
|
+
"text": "Record<string, CustomElementConstructor>"
|
|
1716
1692
|
},
|
|
1717
|
-
"
|
|
1718
|
-
"
|
|
1719
|
-
"attribute": "bg",
|
|
1720
|
-
"reflects": true
|
|
1693
|
+
"static": true,
|
|
1694
|
+
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
1721
1695
|
},
|
|
1722
1696
|
{
|
|
1723
1697
|
"kind": "field",
|
|
1724
|
-
"name": "
|
|
1698
|
+
"name": "formAssociated",
|
|
1725
1699
|
"type": {
|
|
1726
|
-
"text": "
|
|
1700
|
+
"text": "boolean"
|
|
1727
1701
|
},
|
|
1728
|
-
"
|
|
1729
|
-
"
|
|
1730
|
-
"attribute": "blurLevel",
|
|
1731
|
-
"reflects": true
|
|
1702
|
+
"static": true,
|
|
1703
|
+
"default": "true"
|
|
1732
1704
|
},
|
|
1733
1705
|
{
|
|
1734
1706
|
"kind": "field",
|
|
1735
|
-
"name": "
|
|
1707
|
+
"name": "internals",
|
|
1736
1708
|
"type": {
|
|
1737
|
-
"text": "
|
|
1709
|
+
"text": "ElementInternals"
|
|
1738
1710
|
},
|
|
1739
|
-
"
|
|
1740
|
-
"description": "Border radius of the card. Default: `\"md\"`.",
|
|
1741
|
-
"attribute": "radius",
|
|
1742
|
-
"reflects": true
|
|
1711
|
+
"privacy": "private"
|
|
1743
1712
|
},
|
|
1744
1713
|
{
|
|
1745
1714
|
"kind": "field",
|
|
1746
|
-
"name": "
|
|
1715
|
+
"name": "variant",
|
|
1747
1716
|
"type": {
|
|
1748
|
-
"text": "
|
|
1717
|
+
"text": "SkyButtonVariant"
|
|
1749
1718
|
},
|
|
1750
|
-
"default": "\"
|
|
1751
|
-
"description": "
|
|
1752
|
-
"attribute": "
|
|
1719
|
+
"default": "\"solid\"",
|
|
1720
|
+
"description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
|
|
1721
|
+
"attribute": "variant",
|
|
1753
1722
|
"reflects": true
|
|
1754
1723
|
},
|
|
1755
1724
|
{
|
|
1756
1725
|
"kind": "field",
|
|
1757
|
-
"name": "
|
|
1726
|
+
"name": "color",
|
|
1758
1727
|
"type": {
|
|
1759
|
-
"text": "
|
|
1728
|
+
"text": "string"
|
|
1760
1729
|
},
|
|
1761
|
-
"default": "\"
|
|
1762
|
-
"description": "
|
|
1763
|
-
"attribute": "
|
|
1764
|
-
"reflects": true
|
|
1730
|
+
"default": "\"primary\"",
|
|
1731
|
+
"description": "Base color token or custom CSS color. Default: `\"primary\"`.",
|
|
1732
|
+
"attribute": "color"
|
|
1765
1733
|
},
|
|
1766
1734
|
{
|
|
1767
1735
|
"kind": "field",
|
|
1768
|
-
"name": "
|
|
1736
|
+
"name": "type",
|
|
1769
1737
|
"type": {
|
|
1770
|
-
"text": "
|
|
1738
|
+
"text": "SkyButtonType"
|
|
1771
1739
|
},
|
|
1772
|
-
"default": "
|
|
1773
|
-
"description": "
|
|
1774
|
-
"attribute": "
|
|
1775
|
-
"reflects": true
|
|
1740
|
+
"default": "\"button\"",
|
|
1741
|
+
"description": "Button type attribute. Default: `\"button\"`.",
|
|
1742
|
+
"attribute": "type"
|
|
1776
1743
|
},
|
|
1777
1744
|
{
|
|
1778
1745
|
"kind": "field",
|
|
1779
|
-
"name": "
|
|
1746
|
+
"name": "form",
|
|
1780
1747
|
"type": {
|
|
1781
|
-
"text": "
|
|
1748
|
+
"text": "string"
|
|
1782
1749
|
},
|
|
1783
|
-
"default": "
|
|
1784
|
-
"description": "
|
|
1785
|
-
"attribute": "
|
|
1786
|
-
"reflects": true
|
|
1750
|
+
"default": "\"\"",
|
|
1751
|
+
"description": "Associated form ID for custom submit handling.",
|
|
1752
|
+
"attribute": "form"
|
|
1787
1753
|
},
|
|
1788
1754
|
{
|
|
1789
1755
|
"kind": "field",
|
|
1790
|
-
"name": "
|
|
1756
|
+
"name": "size",
|
|
1791
1757
|
"type": {
|
|
1792
1758
|
"text": "string"
|
|
1793
1759
|
},
|
|
1794
|
-
"default": "\"
|
|
1795
|
-
"description": "
|
|
1796
|
-
"attribute": "
|
|
1797
|
-
"reflects": true
|
|
1760
|
+
"default": "\"md\"",
|
|
1761
|
+
"description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
|
|
1762
|
+
"attribute": "size"
|
|
1798
1763
|
},
|
|
1799
1764
|
{
|
|
1800
1765
|
"kind": "field",
|
|
1801
|
-
"name": "
|
|
1766
|
+
"name": "radius",
|
|
1802
1767
|
"type": {
|
|
1803
1768
|
"text": "string"
|
|
1804
1769
|
},
|
|
1805
|
-
"default": "\"
|
|
1806
|
-
"description": "
|
|
1807
|
-
"attribute": "
|
|
1808
|
-
"reflects": true
|
|
1770
|
+
"default": "\"md\"",
|
|
1771
|
+
"description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
|
|
1772
|
+
"attribute": "radius"
|
|
1809
1773
|
},
|
|
1810
1774
|
{
|
|
1811
1775
|
"kind": "field",
|
|
1812
|
-
"name": "
|
|
1776
|
+
"name": "label",
|
|
1813
1777
|
"type": {
|
|
1814
1778
|
"text": "string"
|
|
1815
1779
|
},
|
|
1816
|
-
"default": "\"
|
|
1817
|
-
"description": "
|
|
1818
|
-
"attribute": "
|
|
1819
|
-
"reflects": true
|
|
1780
|
+
"default": "\"Button\"",
|
|
1781
|
+
"description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
|
|
1782
|
+
"attribute": "label"
|
|
1820
1783
|
},
|
|
1821
1784
|
{
|
|
1822
1785
|
"kind": "field",
|
|
1823
|
-
"name": "
|
|
1786
|
+
"name": "disabled",
|
|
1824
1787
|
"type": {
|
|
1825
|
-
"text": "
|
|
1788
|
+
"text": "boolean"
|
|
1826
1789
|
},
|
|
1827
|
-
"default": "
|
|
1828
|
-
"description": "
|
|
1829
|
-
"attribute": "
|
|
1790
|
+
"default": "false",
|
|
1791
|
+
"description": "Whether the button is disabled. Default: `false`.",
|
|
1792
|
+
"attribute": "disabled",
|
|
1793
|
+
"reflects": true
|
|
1830
1794
|
},
|
|
1831
1795
|
{
|
|
1832
1796
|
"kind": "field",
|
|
1833
|
-
"name": "
|
|
1797
|
+
"name": "loading",
|
|
1834
1798
|
"type": {
|
|
1835
|
-
"text": "
|
|
1799
|
+
"text": "boolean"
|
|
1836
1800
|
},
|
|
1837
|
-
"default": "
|
|
1838
|
-
"description": "
|
|
1839
|
-
"attribute": "
|
|
1801
|
+
"default": "false",
|
|
1802
|
+
"description": "Shows a loading overlay when true. Default: `false`.",
|
|
1803
|
+
"attribute": "loading",
|
|
1840
1804
|
"reflects": true
|
|
1841
1805
|
},
|
|
1842
1806
|
{
|
|
1843
1807
|
"kind": "field",
|
|
1844
|
-
"name": "
|
|
1808
|
+
"name": "iconL",
|
|
1845
1809
|
"type": {
|
|
1846
1810
|
"text": "string"
|
|
1847
1811
|
},
|
|
1848
|
-
"default": "\"
|
|
1849
|
-
"description": "
|
|
1850
|
-
"attribute": "
|
|
1851
|
-
"reflects": true
|
|
1812
|
+
"default": "\"\"",
|
|
1813
|
+
"description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
|
|
1814
|
+
"attribute": "iconL"
|
|
1852
1815
|
},
|
|
1853
1816
|
{
|
|
1854
1817
|
"kind": "field",
|
|
1855
|
-
"name": "
|
|
1818
|
+
"name": "iconR",
|
|
1856
1819
|
"type": {
|
|
1857
1820
|
"text": "string"
|
|
1858
1821
|
},
|
|
1859
|
-
"default": "\"
|
|
1860
|
-
"description": "
|
|
1861
|
-
"attribute": "
|
|
1822
|
+
"default": "\"\"",
|
|
1823
|
+
"description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
|
|
1824
|
+
"attribute": "iconR"
|
|
1862
1825
|
},
|
|
1863
1826
|
{
|
|
1864
1827
|
"kind": "field",
|
|
1865
|
-
"name": "
|
|
1828
|
+
"name": "iconOnly",
|
|
1866
1829
|
"type": {
|
|
1867
|
-
"text": "
|
|
1830
|
+
"text": "boolean"
|
|
1868
1831
|
},
|
|
1869
|
-
"default": "
|
|
1870
|
-
"description": "
|
|
1871
|
-
"attribute": "
|
|
1832
|
+
"default": "false",
|
|
1833
|
+
"description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
|
|
1834
|
+
"attribute": "iconOnly",
|
|
1872
1835
|
"reflects": true
|
|
1873
1836
|
},
|
|
1874
1837
|
{
|
|
1875
1838
|
"kind": "field",
|
|
1876
|
-
"name": "
|
|
1839
|
+
"name": "colors",
|
|
1877
1840
|
"type": {
|
|
1878
1841
|
"text": "string"
|
|
1879
1842
|
},
|
|
1880
|
-
"default": "\"
|
|
1881
|
-
"description": "
|
|
1882
|
-
"attribute": "
|
|
1883
|
-
"reflects": true
|
|
1843
|
+
"default": "\"\"",
|
|
1844
|
+
"description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
|
|
1845
|
+
"attribute": "colors"
|
|
1884
1846
|
},
|
|
1885
1847
|
{
|
|
1886
1848
|
"kind": "field",
|
|
1887
|
-
"name": "
|
|
1849
|
+
"name": "animation",
|
|
1888
1850
|
"type": {
|
|
1889
|
-
"text": "
|
|
1851
|
+
"text": "SkyButtonAnimation"
|
|
1890
1852
|
},
|
|
1891
|
-
"default": "\"
|
|
1892
|
-
"description": "
|
|
1893
|
-
"attribute": "
|
|
1853
|
+
"default": "\"auto\"",
|
|
1854
|
+
"description": "Transform animation style. Default: `\"auto\"`.",
|
|
1855
|
+
"attribute": "animation",
|
|
1894
1856
|
"reflects": true
|
|
1895
1857
|
},
|
|
1896
1858
|
{
|
|
1897
1859
|
"kind": "field",
|
|
1898
|
-
"name": "
|
|
1860
|
+
"name": "_hasMeaningfulSlot",
|
|
1899
1861
|
"type": {
|
|
1900
|
-
"text": "
|
|
1862
|
+
"text": "boolean"
|
|
1901
1863
|
},
|
|
1902
|
-
"
|
|
1903
|
-
"
|
|
1904
|
-
"attribute": "footerLayout"
|
|
1864
|
+
"privacy": "private",
|
|
1865
|
+
"default": "false"
|
|
1905
1866
|
},
|
|
1906
1867
|
{
|
|
1907
1868
|
"kind": "field",
|
|
1908
|
-
"name": "
|
|
1869
|
+
"name": "_styleVars",
|
|
1909
1870
|
"type": {
|
|
1910
|
-
"text": "string"
|
|
1871
|
+
"text": "Record<string, string>"
|
|
1911
1872
|
},
|
|
1912
|
-
"
|
|
1913
|
-
"
|
|
1914
|
-
"
|
|
1915
|
-
"reflects": true
|
|
1873
|
+
"privacy": "private",
|
|
1874
|
+
"default": "{}",
|
|
1875
|
+
"description": "Inline CSS variable cache."
|
|
1916
1876
|
},
|
|
1917
1877
|
{
|
|
1918
|
-
"kind": "
|
|
1919
|
-
"name": "
|
|
1920
|
-
"
|
|
1921
|
-
|
|
1878
|
+
"kind": "method",
|
|
1879
|
+
"name": "_slotHasMeaningfulContent",
|
|
1880
|
+
"privacy": "private",
|
|
1881
|
+
"return": {
|
|
1882
|
+
"type": {
|
|
1883
|
+
"text": "boolean"
|
|
1884
|
+
}
|
|
1922
1885
|
},
|
|
1923
|
-
"
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1886
|
+
"parameters": [
|
|
1887
|
+
{
|
|
1888
|
+
"name": "slotEl",
|
|
1889
|
+
"type": {
|
|
1890
|
+
"text": "HTMLSlotElement"
|
|
1891
|
+
}
|
|
1892
|
+
}
|
|
1893
|
+
]
|
|
1927
1894
|
},
|
|
1928
1895
|
{
|
|
1929
1896
|
"kind": "field",
|
|
1930
|
-
"name": "
|
|
1931
|
-
"
|
|
1932
|
-
"text": "string"
|
|
1933
|
-
},
|
|
1934
|
-
"default": "\"border-light\"",
|
|
1935
|
-
"description": "Color for the footer separator. Default: `\"border-light\"`.",
|
|
1936
|
-
"attribute": "footerSeparatorColor"
|
|
1897
|
+
"name": "_onSlotChange",
|
|
1898
|
+
"privacy": "private"
|
|
1937
1899
|
},
|
|
1938
1900
|
{
|
|
1939
|
-
"kind": "
|
|
1940
|
-
"name": "
|
|
1941
|
-
"type": {
|
|
1942
|
-
"text": "number"
|
|
1943
|
-
},
|
|
1944
|
-
"default": "1",
|
|
1945
|
-
"description": "Ratio to adjust padding. Default: `1`.",
|
|
1946
|
-
"attribute": "padRatio"
|
|
1947
|
-
},
|
|
1948
|
-
{
|
|
1949
|
-
"kind": "field",
|
|
1950
|
-
"name": "separators",
|
|
1951
|
-
"type": {
|
|
1952
|
-
"text": "SkyCardSectionTarget"
|
|
1953
|
-
},
|
|
1954
|
-
"default": "\"none\"",
|
|
1955
|
-
"description": "Determines where separators should appear. Default: `\"none\"`.",
|
|
1956
|
-
"attribute": "separators"
|
|
1957
|
-
},
|
|
1958
|
-
{
|
|
1959
|
-
"kind": "field",
|
|
1960
|
-
"name": "overlays",
|
|
1961
|
-
"type": {
|
|
1962
|
-
"text": "SkyCardSectionTarget"
|
|
1963
|
-
},
|
|
1964
|
-
"default": "\"none\"",
|
|
1965
|
-
"description": "Determines where overlays should appear. Default: `\"none\"`.",
|
|
1966
|
-
"attribute": "overlays"
|
|
1967
|
-
},
|
|
1968
|
-
{
|
|
1969
|
-
"kind": "field",
|
|
1970
|
-
"name": "insets",
|
|
1971
|
-
"type": {
|
|
1972
|
-
"text": "SkyCardSectionTarget"
|
|
1973
|
-
},
|
|
1974
|
-
"default": "\"none\"",
|
|
1975
|
-
"description": "Determines where insets should appear. Default: `\"none\"`.",
|
|
1976
|
-
"attribute": "insets"
|
|
1977
|
-
},
|
|
1978
|
-
{
|
|
1979
|
-
"kind": "field",
|
|
1980
|
-
"name": "_effHeaderSeparator",
|
|
1981
|
-
"type": {
|
|
1982
|
-
"text": "boolean"
|
|
1983
|
-
},
|
|
1984
|
-
"privacy": "private",
|
|
1985
|
-
"default": "false"
|
|
1986
|
-
},
|
|
1987
|
-
{
|
|
1988
|
-
"kind": "field",
|
|
1989
|
-
"name": "_effFooterSeparator",
|
|
1990
|
-
"type": {
|
|
1991
|
-
"text": "boolean"
|
|
1992
|
-
},
|
|
1993
|
-
"privacy": "private",
|
|
1994
|
-
"default": "false"
|
|
1995
|
-
},
|
|
1996
|
-
{
|
|
1997
|
-
"kind": "field",
|
|
1998
|
-
"name": "_effHeaderOverlay",
|
|
1999
|
-
"type": {
|
|
2000
|
-
"text": "boolean"
|
|
2001
|
-
},
|
|
2002
|
-
"privacy": "private",
|
|
2003
|
-
"default": "false"
|
|
2004
|
-
},
|
|
2005
|
-
{
|
|
2006
|
-
"kind": "field",
|
|
2007
|
-
"name": "_effFooterOverlay",
|
|
2008
|
-
"type": {
|
|
2009
|
-
"text": "boolean"
|
|
2010
|
-
},
|
|
2011
|
-
"privacy": "private",
|
|
2012
|
-
"default": "false"
|
|
2013
|
-
},
|
|
2014
|
-
{
|
|
2015
|
-
"kind": "field",
|
|
2016
|
-
"name": "_effHeaderInset",
|
|
2017
|
-
"type": {
|
|
2018
|
-
"text": "boolean"
|
|
2019
|
-
},
|
|
2020
|
-
"privacy": "private",
|
|
2021
|
-
"default": "false"
|
|
2022
|
-
},
|
|
2023
|
-
{
|
|
2024
|
-
"kind": "field",
|
|
2025
|
-
"name": "_effFooterInset",
|
|
2026
|
-
"type": {
|
|
2027
|
-
"text": "boolean"
|
|
2028
|
-
},
|
|
2029
|
-
"privacy": "private",
|
|
2030
|
-
"default": "false"
|
|
2031
|
-
},
|
|
2032
|
-
{
|
|
2033
|
-
"kind": "field",
|
|
2034
|
-
"name": "_varsCache",
|
|
2035
|
-
"type": {
|
|
2036
|
-
"text": "Record<string, string>"
|
|
2037
|
-
},
|
|
2038
|
-
"privacy": "private",
|
|
2039
|
-
"default": "{}"
|
|
2040
|
-
},
|
|
2041
|
-
{
|
|
2042
|
-
"kind": "field",
|
|
2043
|
-
"name": "BG_MAP",
|
|
2044
|
-
"privacy": "private",
|
|
2045
|
-
"static": true,
|
|
2046
|
-
"readonly": true,
|
|
2047
|
-
"default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
|
|
2048
|
-
"type": {
|
|
2049
|
-
"text": "{\n primary: \"var(--sky-glass-primary)\",\n secondary: \"var(--sky-glass-secondary)\",\n tertiary: \"var(--sky-glass-tertiary)\",\n transparent: \"transparent\",\n }"
|
|
2050
|
-
}
|
|
2051
|
-
},
|
|
2052
|
-
{
|
|
2053
|
-
"kind": "field",
|
|
2054
|
-
"name": "BLUR_MAP",
|
|
2055
|
-
"privacy": "private",
|
|
2056
|
-
"static": true,
|
|
2057
|
-
"readonly": true,
|
|
2058
|
-
"default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
|
|
2059
|
-
"type": {
|
|
2060
|
-
"text": "{\n none: \"none\",\n xs: \"blur(2px)\",\n sm: \"var(--sky-blur-secondary)\",\n md: \"var(--sky-blur-secondary)\",\n lg: \"var(--sky-blur-tertiary)\",\n }"
|
|
2061
|
-
}
|
|
2062
|
-
},
|
|
2063
|
-
{
|
|
2064
|
-
"kind": "field",
|
|
2065
|
-
"name": "SIZE_MAP",
|
|
2066
|
-
"privacy": "private",
|
|
2067
|
-
"static": true,
|
|
2068
|
-
"readonly": true,
|
|
2069
|
-
"default": "{ none: \"0\", sm: \"var(--sky-space-1\\\\.5, 6px)\", md: \"var(--sky-space-4, 16px)\", lg: \"var(--sky-space-6, 24px)\", xl: \"var(--sky-space-8, 32px)\", }",
|
|
2070
|
-
"type": {
|
|
2071
|
-
"text": "{\n none: \"0\",\n sm: \"var(--sky-space-1\\\\.5, 6px)\",\n md: \"var(--sky-space-4, 16px)\",\n lg: \"var(--sky-space-6, 24px)\",\n xl: \"var(--sky-space-8, 32px)\",\n }"
|
|
2072
|
-
}
|
|
2073
|
-
},
|
|
2074
|
-
{
|
|
2075
|
-
"kind": "field",
|
|
2076
|
-
"name": "GLASS_BG_TIERS",
|
|
2077
|
-
"privacy": "private",
|
|
2078
|
-
"static": true,
|
|
2079
|
-
"readonly": true,
|
|
2080
|
-
"default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
|
|
2081
|
-
},
|
|
2082
|
-
{
|
|
2083
|
-
"kind": "field",
|
|
2084
|
-
"name": "SECTION_INSET_BG_MAP",
|
|
1901
|
+
"kind": "method",
|
|
1902
|
+
"name": "_toSquarePadding",
|
|
2085
1903
|
"privacy": "private",
|
|
2086
|
-
"
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
"text": "{\n primary: \"var(--sky-hover-primary)\",\n secondary: \"var(--sky-hover-secondary)\",\n tertiary: \"var(--sky-hover-tertiary)\",\n transparent: \"transparent\",\n }"
|
|
1904
|
+
"return": {
|
|
1905
|
+
"type": {
|
|
1906
|
+
"text": "string"
|
|
1907
|
+
}
|
|
2091
1908
|
},
|
|
2092
|
-
"
|
|
1909
|
+
"parameters": [
|
|
1910
|
+
{
|
|
1911
|
+
"name": "padding",
|
|
1912
|
+
"type": {
|
|
1913
|
+
"text": "string"
|
|
1914
|
+
}
|
|
1915
|
+
}
|
|
1916
|
+
],
|
|
1917
|
+
"description": "Uses vertical padding for equal sides (icon-only square control)."
|
|
2093
1918
|
},
|
|
2094
1919
|
{
|
|
2095
1920
|
"kind": "method",
|
|
2096
|
-
"name": "
|
|
1921
|
+
"name": "_resolveSize",
|
|
2097
1922
|
"privacy": "private",
|
|
2098
|
-
"static": true,
|
|
2099
1923
|
"return": {
|
|
2100
1924
|
"type": {
|
|
2101
|
-
"text": "string"
|
|
1925
|
+
"text": "{\r\n padding: string;\r\n fontSize: string;\r\n gap: string;\r\n icon: string;\r\n spinner: string;\r\n }"
|
|
2102
1926
|
}
|
|
2103
1927
|
},
|
|
2104
1928
|
"parameters": [
|
|
2105
1929
|
{
|
|
2106
|
-
"name": "
|
|
1930
|
+
"name": "input",
|
|
2107
1931
|
"type": {
|
|
2108
1932
|
"text": "string"
|
|
2109
1933
|
}
|
|
@@ -2112,84 +1936,110 @@
|
|
|
2112
1936
|
},
|
|
2113
1937
|
{
|
|
2114
1938
|
"kind": "method",
|
|
2115
|
-
"name": "
|
|
1939
|
+
"name": "_isThemeBorderShorthand",
|
|
2116
1940
|
"privacy": "private",
|
|
2117
|
-
"static": true,
|
|
2118
1941
|
"return": {
|
|
2119
1942
|
"type": {
|
|
2120
|
-
"text": "
|
|
1943
|
+
"text": "boolean"
|
|
2121
1944
|
}
|
|
2122
1945
|
},
|
|
2123
1946
|
"parameters": [
|
|
2124
1947
|
{
|
|
2125
|
-
"name": "
|
|
1948
|
+
"name": "border",
|
|
2126
1949
|
"type": {
|
|
2127
|
-
"text": "
|
|
1950
|
+
"text": "string | undefined"
|
|
2128
1951
|
}
|
|
2129
1952
|
}
|
|
2130
|
-
]
|
|
1953
|
+
],
|
|
1954
|
+
"description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
|
|
2131
1955
|
},
|
|
2132
1956
|
{
|
|
2133
1957
|
"kind": "method",
|
|
2134
|
-
"name": "
|
|
1958
|
+
"name": "_borderColorFromShorthand",
|
|
2135
1959
|
"privacy": "private",
|
|
2136
1960
|
"return": {
|
|
2137
1961
|
"type": {
|
|
2138
|
-
"text": "
|
|
1962
|
+
"text": "string"
|
|
2139
1963
|
}
|
|
2140
|
-
}
|
|
1964
|
+
},
|
|
1965
|
+
"parameters": [
|
|
1966
|
+
{
|
|
1967
|
+
"name": "border",
|
|
1968
|
+
"type": {
|
|
1969
|
+
"text": "string | undefined"
|
|
1970
|
+
}
|
|
1971
|
+
}
|
|
1972
|
+
],
|
|
1973
|
+
"description": "Extracts the color token from a `Npx solid …` border shorthand."
|
|
2141
1974
|
},
|
|
2142
1975
|
{
|
|
2143
1976
|
"kind": "method",
|
|
2144
|
-
"name": "
|
|
2145
|
-
"privacy": "
|
|
1977
|
+
"name": "focusButton",
|
|
1978
|
+
"privacy": "public",
|
|
2146
1979
|
"return": {
|
|
2147
1980
|
"type": {
|
|
2148
1981
|
"text": "void"
|
|
2149
1982
|
}
|
|
2150
|
-
}
|
|
1983
|
+
},
|
|
1984
|
+
"description": "Focuses the internal native button."
|
|
2151
1985
|
},
|
|
2152
1986
|
{
|
|
2153
1987
|
"kind": "method",
|
|
2154
|
-
"name": "
|
|
2155
|
-
"privacy": "
|
|
1988
|
+
"name": "clickButton",
|
|
1989
|
+
"privacy": "public",
|
|
2156
1990
|
"return": {
|
|
2157
1991
|
"type": {
|
|
2158
1992
|
"text": "void"
|
|
2159
1993
|
}
|
|
2160
|
-
}
|
|
1994
|
+
},
|
|
1995
|
+
"description": "Triggers a click on the internal native button when enabled."
|
|
2161
1996
|
},
|
|
2162
1997
|
{
|
|
2163
1998
|
"kind": "method",
|
|
2164
|
-
"name": "
|
|
1999
|
+
"name": "_createRipple",
|
|
2165
2000
|
"privacy": "private",
|
|
2166
2001
|
"return": {
|
|
2167
2002
|
"type": {
|
|
2168
|
-
"text": "
|
|
2003
|
+
"text": "void"
|
|
2169
2004
|
}
|
|
2170
2005
|
},
|
|
2171
2006
|
"parameters": [
|
|
2172
2007
|
{
|
|
2173
|
-
"name": "
|
|
2008
|
+
"name": "event",
|
|
2174
2009
|
"type": {
|
|
2175
|
-
"text": "
|
|
2010
|
+
"text": "MouseEvent"
|
|
2176
2011
|
}
|
|
2177
2012
|
}
|
|
2178
2013
|
]
|
|
2179
2014
|
},
|
|
2180
2015
|
{
|
|
2181
2016
|
"kind": "method",
|
|
2182
|
-
"name": "
|
|
2183
|
-
"privacy": "private",
|
|
2017
|
+
"name": "formDisabledCallback",
|
|
2184
2018
|
"return": {
|
|
2185
2019
|
"type": {
|
|
2186
2020
|
"text": "void"
|
|
2187
2021
|
}
|
|
2188
|
-
}
|
|
2022
|
+
},
|
|
2023
|
+
"parameters": [
|
|
2024
|
+
{
|
|
2025
|
+
"name": "disabled",
|
|
2026
|
+
"type": {
|
|
2027
|
+
"text": "boolean"
|
|
2028
|
+
}
|
|
2029
|
+
}
|
|
2030
|
+
]
|
|
2031
|
+
},
|
|
2032
|
+
{
|
|
2033
|
+
"kind": "field",
|
|
2034
|
+
"name": "formOwner",
|
|
2035
|
+
"type": {
|
|
2036
|
+
"text": "HTMLFormElement | null"
|
|
2037
|
+
},
|
|
2038
|
+
"readonly": true
|
|
2189
2039
|
},
|
|
2190
2040
|
{
|
|
2191
2041
|
"kind": "method",
|
|
2192
|
-
"name": "
|
|
2042
|
+
"name": "_handleClick",
|
|
2193
2043
|
"privacy": "private",
|
|
2194
2044
|
"return": {
|
|
2195
2045
|
"type": {
|
|
@@ -2198,571 +2048,543 @@
|
|
|
2198
2048
|
},
|
|
2199
2049
|
"parameters": [
|
|
2200
2050
|
{
|
|
2201
|
-
"name": "
|
|
2202
|
-
"type": {
|
|
2203
|
-
"text": "string"
|
|
2204
|
-
}
|
|
2205
|
-
},
|
|
2206
|
-
{
|
|
2207
|
-
"name": "value",
|
|
2051
|
+
"name": "event",
|
|
2208
2052
|
"type": {
|
|
2209
|
-
"text": "
|
|
2053
|
+
"text": "MouseEvent"
|
|
2210
2054
|
}
|
|
2211
2055
|
}
|
|
2212
2056
|
]
|
|
2213
2057
|
},
|
|
2214
2058
|
{
|
|
2215
2059
|
"kind": "method",
|
|
2216
|
-
"name": "
|
|
2060
|
+
"name": "_iconOnlyName",
|
|
2217
2061
|
"privacy": "private",
|
|
2218
2062
|
"return": {
|
|
2219
2063
|
"type": {
|
|
2220
2064
|
"text": "string"
|
|
2221
2065
|
}
|
|
2222
|
-
},
|
|
2223
|
-
"parameters": [
|
|
2224
|
-
{
|
|
2225
|
-
"name": "token",
|
|
2226
|
-
"type": {
|
|
2227
|
-
"text": "string"
|
|
2228
|
-
}
|
|
2229
|
-
},
|
|
2230
|
-
{
|
|
2231
|
-
"name": "isInset",
|
|
2232
|
-
"type": {
|
|
2233
|
-
"text": "boolean"
|
|
2234
|
-
}
|
|
2235
|
-
},
|
|
2236
|
-
{
|
|
2237
|
-
"name": "isOverlay",
|
|
2238
|
-
"type": {
|
|
2239
|
-
"text": "boolean"
|
|
2240
|
-
}
|
|
2241
|
-
}
|
|
2242
|
-
]
|
|
2243
|
-
},
|
|
2244
|
-
{
|
|
2245
|
-
"kind": "method",
|
|
2246
|
-
"name": "_resolveSectionGlassSurface",
|
|
2247
|
-
"privacy": "private",
|
|
2248
|
-
"return": {
|
|
2249
|
-
"type": {
|
|
2250
|
-
"text": "string"
|
|
2251
|
-
}
|
|
2252
|
-
},
|
|
2253
|
-
"parameters": [
|
|
2254
|
-
{
|
|
2255
|
-
"name": "token",
|
|
2256
|
-
"type": {
|
|
2257
|
-
"text": "string"
|
|
2258
|
-
}
|
|
2259
|
-
}
|
|
2260
|
-
]
|
|
2261
|
-
},
|
|
2262
|
-
{
|
|
2263
|
-
"kind": "method",
|
|
2264
|
-
"name": "_applyCardVars",
|
|
2265
|
-
"privacy": "private",
|
|
2266
|
-
"return": {
|
|
2267
|
-
"type": {
|
|
2268
|
-
"text": "void"
|
|
2269
|
-
}
|
|
2270
|
-
}
|
|
2271
|
-
},
|
|
2272
|
-
{
|
|
2273
|
-
"kind": "method",
|
|
2274
|
-
"name": "_applyPaddingVars",
|
|
2275
|
-
"privacy": "private",
|
|
2276
|
-
"return": {
|
|
2277
|
-
"type": {
|
|
2278
|
-
"text": "void"
|
|
2279
|
-
}
|
|
2280
2066
|
}
|
|
2281
|
-
},
|
|
2282
|
-
{
|
|
2283
|
-
"kind": "method",
|
|
2284
|
-
"name": "_applySectionChrome",
|
|
2285
|
-
"privacy": "private",
|
|
2286
|
-
"return": {
|
|
2287
|
-
"type": {
|
|
2288
|
-
"text": "void"
|
|
2289
|
-
}
|
|
2290
|
-
}
|
|
2291
|
-
},
|
|
2292
|
-
{
|
|
2293
|
-
"kind": "method",
|
|
2294
|
-
"name": "refreshLayout",
|
|
2295
|
-
"privacy": "public",
|
|
2296
|
-
"return": {
|
|
2297
|
-
"type": {
|
|
2298
|
-
"text": "void"
|
|
2299
|
-
}
|
|
2300
|
-
},
|
|
2301
|
-
"description": "Recomputes card variables and section synchronization."
|
|
2302
2067
|
}
|
|
2303
2068
|
],
|
|
2304
2069
|
"attributes": [
|
|
2305
2070
|
{
|
|
2306
|
-
"name": "
|
|
2071
|
+
"name": "variant",
|
|
2072
|
+
"type": {
|
|
2073
|
+
"text": "SkyButtonVariant"
|
|
2074
|
+
},
|
|
2075
|
+
"default": "\"solid\"",
|
|
2076
|
+
"description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
|
|
2077
|
+
"fieldName": "variant"
|
|
2078
|
+
},
|
|
2079
|
+
{
|
|
2080
|
+
"name": "color",
|
|
2307
2081
|
"type": {
|
|
2308
2082
|
"text": "string"
|
|
2309
2083
|
},
|
|
2310
2084
|
"default": "\"primary\"",
|
|
2311
|
-
"description": "
|
|
2312
|
-
"fieldName": "
|
|
2085
|
+
"description": "Base color token or custom CSS color. Default: `\"primary\"`.",
|
|
2086
|
+
"fieldName": "color"
|
|
2313
2087
|
},
|
|
2314
2088
|
{
|
|
2315
|
-
"name": "
|
|
2089
|
+
"name": "type",
|
|
2316
2090
|
"type": {
|
|
2317
|
-
"text": "
|
|
2091
|
+
"text": "SkyButtonType"
|
|
2318
2092
|
},
|
|
2319
|
-
"default": "\"
|
|
2320
|
-
"description": "
|
|
2321
|
-
"fieldName": "
|
|
2093
|
+
"default": "\"button\"",
|
|
2094
|
+
"description": "Button type attribute. Default: `\"button\"`.",
|
|
2095
|
+
"fieldName": "type"
|
|
2322
2096
|
},
|
|
2323
2097
|
{
|
|
2324
|
-
"name": "
|
|
2098
|
+
"name": "form",
|
|
2325
2099
|
"type": {
|
|
2326
2100
|
"text": "string"
|
|
2327
2101
|
},
|
|
2328
|
-
"default": "\"
|
|
2329
|
-
"description": "
|
|
2330
|
-
"fieldName": "
|
|
2102
|
+
"default": "\"\"",
|
|
2103
|
+
"description": "Associated form ID for custom submit handling.",
|
|
2104
|
+
"fieldName": "form"
|
|
2331
2105
|
},
|
|
2332
2106
|
{
|
|
2333
|
-
"name": "
|
|
2107
|
+
"name": "size",
|
|
2334
2108
|
"type": {
|
|
2335
2109
|
"text": "string"
|
|
2336
2110
|
},
|
|
2337
|
-
"default": "\"
|
|
2338
|
-
"description": "
|
|
2339
|
-
"fieldName": "
|
|
2111
|
+
"default": "\"md\"",
|
|
2112
|
+
"description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
|
|
2113
|
+
"fieldName": "size"
|
|
2340
2114
|
},
|
|
2341
2115
|
{
|
|
2342
|
-
"name": "
|
|
2116
|
+
"name": "radius",
|
|
2343
2117
|
"type": {
|
|
2344
|
-
"text": "
|
|
2118
|
+
"text": "string"
|
|
2345
2119
|
},
|
|
2346
2120
|
"default": "\"md\"",
|
|
2347
|
-
"description": "
|
|
2348
|
-
"fieldName": "
|
|
2121
|
+
"description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
|
|
2122
|
+
"fieldName": "radius"
|
|
2349
2123
|
},
|
|
2350
2124
|
{
|
|
2351
|
-
"name": "
|
|
2125
|
+
"name": "label",
|
|
2352
2126
|
"type": {
|
|
2353
|
-
"text": "
|
|
2127
|
+
"text": "string"
|
|
2354
2128
|
},
|
|
2355
|
-
"default": "
|
|
2356
|
-
"description": "
|
|
2357
|
-
"fieldName": "
|
|
2129
|
+
"default": "\"Button\"",
|
|
2130
|
+
"description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
|
|
2131
|
+
"fieldName": "label"
|
|
2358
2132
|
},
|
|
2359
2133
|
{
|
|
2360
|
-
"name": "
|
|
2134
|
+
"name": "disabled",
|
|
2361
2135
|
"type": {
|
|
2362
2136
|
"text": "boolean"
|
|
2363
2137
|
},
|
|
2364
2138
|
"default": "false",
|
|
2365
|
-
"description": "Whether the
|
|
2366
|
-
"fieldName": "
|
|
2139
|
+
"description": "Whether the button is disabled. Default: `false`.",
|
|
2140
|
+
"fieldName": "disabled"
|
|
2367
2141
|
},
|
|
2368
2142
|
{
|
|
2369
|
-
"name": "
|
|
2143
|
+
"name": "loading",
|
|
2370
2144
|
"type": {
|
|
2371
|
-
"text": "
|
|
2145
|
+
"text": "boolean"
|
|
2372
2146
|
},
|
|
2373
|
-
"default": "
|
|
2374
|
-
"description": "
|
|
2375
|
-
"fieldName": "
|
|
2147
|
+
"default": "false",
|
|
2148
|
+
"description": "Shows a loading overlay when true. Default: `false`.",
|
|
2149
|
+
"fieldName": "loading"
|
|
2376
2150
|
},
|
|
2377
2151
|
{
|
|
2378
|
-
"name": "
|
|
2152
|
+
"name": "iconL",
|
|
2379
2153
|
"type": {
|
|
2380
2154
|
"text": "string"
|
|
2381
2155
|
},
|
|
2382
|
-
"default": "\"
|
|
2383
|
-
"description": "
|
|
2384
|
-
"fieldName": "
|
|
2156
|
+
"default": "\"\"",
|
|
2157
|
+
"description": "Optional left-side icon (Iconify name). Default: `\"\"`.",
|
|
2158
|
+
"fieldName": "iconL"
|
|
2385
2159
|
},
|
|
2386
2160
|
{
|
|
2387
|
-
"name": "
|
|
2161
|
+
"name": "iconR",
|
|
2388
2162
|
"type": {
|
|
2389
2163
|
"text": "string"
|
|
2390
2164
|
},
|
|
2391
|
-
"default": "\"
|
|
2392
|
-
"description": "
|
|
2393
|
-
"fieldName": "
|
|
2165
|
+
"default": "\"\"",
|
|
2166
|
+
"description": "Optional right-side icon (Iconify name). Default: `\"\"`.",
|
|
2167
|
+
"fieldName": "iconR"
|
|
2394
2168
|
},
|
|
2395
2169
|
{
|
|
2396
|
-
"name": "
|
|
2170
|
+
"name": "iconOnly",
|
|
2397
2171
|
"type": {
|
|
2398
|
-
"text": "
|
|
2172
|
+
"text": "boolean"
|
|
2399
2173
|
},
|
|
2400
|
-
"default": "
|
|
2401
|
-
"description": "
|
|
2402
|
-
"fieldName": "
|
|
2174
|
+
"default": "false",
|
|
2175
|
+
"description": "Square padding for icon-only buttons; hides label text. Default: `false`.",
|
|
2176
|
+
"fieldName": "iconOnly"
|
|
2403
2177
|
},
|
|
2404
2178
|
{
|
|
2405
|
-
"name": "
|
|
2179
|
+
"name": "colors",
|
|
2406
2180
|
"type": {
|
|
2407
2181
|
"text": "string"
|
|
2408
2182
|
},
|
|
2409
|
-
"default": "\"
|
|
2410
|
-
"description": "
|
|
2411
|
-
"fieldName": "
|
|
2183
|
+
"default": "\"\"",
|
|
2184
|
+
"description": "Comma-separated color stops for gradient variant. Default: `\"\"`.",
|
|
2185
|
+
"fieldName": "colors"
|
|
2412
2186
|
},
|
|
2413
2187
|
{
|
|
2414
|
-
"name": "
|
|
2188
|
+
"name": "animation",
|
|
2415
2189
|
"type": {
|
|
2416
|
-
"text": "
|
|
2190
|
+
"text": "SkyButtonAnimation"
|
|
2417
2191
|
},
|
|
2418
|
-
"default": "\"
|
|
2419
|
-
"description": "
|
|
2420
|
-
"fieldName": "
|
|
2192
|
+
"default": "\"auto\"",
|
|
2193
|
+
"description": "Transform animation style. Default: `\"auto\"`.",
|
|
2194
|
+
"fieldName": "animation"
|
|
2195
|
+
}
|
|
2196
|
+
],
|
|
2197
|
+
"superclass": {
|
|
2198
|
+
"name": "LitElement",
|
|
2199
|
+
"package": "lit"
|
|
2200
|
+
},
|
|
2201
|
+
"tagName": "sky-button",
|
|
2202
|
+
"customElement": true,
|
|
2203
|
+
"summary": "Styled button supporting variants, icons, loading state, ripple feedback, and form-associated behavior."
|
|
2204
|
+
}
|
|
2205
|
+
],
|
|
2206
|
+
"exports": [
|
|
2207
|
+
{
|
|
2208
|
+
"kind": "js",
|
|
2209
|
+
"name": "SkyButton",
|
|
2210
|
+
"declaration": {
|
|
2211
|
+
"name": "SkyButton",
|
|
2212
|
+
"module": "src/sky-button/sky-button.ts"
|
|
2213
|
+
}
|
|
2214
|
+
},
|
|
2215
|
+
{
|
|
2216
|
+
"kind": "custom-element-definition",
|
|
2217
|
+
"name": "sky-button",
|
|
2218
|
+
"declaration": {
|
|
2219
|
+
"name": "SkyButton",
|
|
2220
|
+
"module": "src/sky-button/sky-button.ts"
|
|
2221
|
+
}
|
|
2222
|
+
}
|
|
2223
|
+
]
|
|
2224
|
+
},
|
|
2225
|
+
{
|
|
2226
|
+
"kind": "javascript-module",
|
|
2227
|
+
"path": "src/sky-card/sky-card.ts",
|
|
2228
|
+
"declarations": [
|
|
2229
|
+
{
|
|
2230
|
+
"kind": "class",
|
|
2231
|
+
"description": "",
|
|
2232
|
+
"name": "SkyCard",
|
|
2233
|
+
"cssParts": [
|
|
2234
|
+
{
|
|
2235
|
+
"description": "The main card container element.",
|
|
2236
|
+
"name": "card"
|
|
2421
2237
|
},
|
|
2422
2238
|
{
|
|
2423
|
-
"
|
|
2424
|
-
"
|
|
2425
|
-
"text": "string"
|
|
2426
|
-
},
|
|
2427
|
-
"default": "\"border-light\"",
|
|
2428
|
-
"description": "Color for the header separator. Default: `\"border-light\"`.",
|
|
2429
|
-
"fieldName": "headerSeparatorColor"
|
|
2239
|
+
"description": "The card header section.",
|
|
2240
|
+
"name": "header"
|
|
2430
2241
|
},
|
|
2431
2242
|
{
|
|
2432
|
-
"
|
|
2243
|
+
"description": "The card footer section.",
|
|
2244
|
+
"name": "footer"
|
|
2245
|
+
},
|
|
2246
|
+
{
|
|
2247
|
+
"description": "The ripple animation element injected when the card is clicked.",
|
|
2248
|
+
"name": "ripple"
|
|
2249
|
+
}
|
|
2250
|
+
],
|
|
2251
|
+
"slots": [
|
|
2252
|
+
{
|
|
2253
|
+
"description": "Default slot for the card body content (replaces `bodyPadding` property if used).",
|
|
2254
|
+
"name": ""
|
|
2255
|
+
},
|
|
2256
|
+
{
|
|
2257
|
+
"description": "Slot for the card title.",
|
|
2258
|
+
"name": "title"
|
|
2259
|
+
},
|
|
2260
|
+
{
|
|
2261
|
+
"description": "Slot for the card subtitle.",
|
|
2262
|
+
"name": "subtitle"
|
|
2263
|
+
},
|
|
2264
|
+
{
|
|
2265
|
+
"description": "Slot for the card actions (usually buttons).",
|
|
2266
|
+
"name": "actions"
|
|
2267
|
+
},
|
|
2268
|
+
{
|
|
2269
|
+
"description": "Slot for the footer title.",
|
|
2270
|
+
"name": "footer-title"
|
|
2271
|
+
},
|
|
2272
|
+
{
|
|
2273
|
+
"description": "Slot for the footer subtitle.",
|
|
2274
|
+
"name": "footer-subtitle"
|
|
2275
|
+
},
|
|
2276
|
+
{
|
|
2277
|
+
"description": "Slot for the footer actions (usually buttons).",
|
|
2278
|
+
"name": "footer-actions"
|
|
2279
|
+
}
|
|
2280
|
+
],
|
|
2281
|
+
"members": [
|
|
2282
|
+
{
|
|
2283
|
+
"kind": "field",
|
|
2284
|
+
"name": "bg",
|
|
2433
2285
|
"type": {
|
|
2434
2286
|
"text": "string"
|
|
2435
2287
|
},
|
|
2436
|
-
"default": "\"
|
|
2437
|
-
"description": "Background color of the
|
|
2438
|
-
"
|
|
2288
|
+
"default": "\"primary\"",
|
|
2289
|
+
"description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
|
|
2290
|
+
"attribute": "bg",
|
|
2291
|
+
"reflects": true
|
|
2439
2292
|
},
|
|
2440
2293
|
{
|
|
2441
|
-
"
|
|
2294
|
+
"kind": "field",
|
|
2295
|
+
"name": "blurLevel",
|
|
2442
2296
|
"type": {
|
|
2443
2297
|
"text": "string"
|
|
2444
2298
|
},
|
|
2445
2299
|
"default": "\"none\"",
|
|
2446
|
-
"description": "
|
|
2447
|
-
"
|
|
2300
|
+
"description": "Level of blur applied to the background. Default: `\"none\"`.",
|
|
2301
|
+
"attribute": "blurLevel",
|
|
2302
|
+
"reflects": true
|
|
2448
2303
|
},
|
|
2449
2304
|
{
|
|
2450
|
-
"
|
|
2305
|
+
"kind": "field",
|
|
2306
|
+
"name": "radius",
|
|
2451
2307
|
"type": {
|
|
2452
2308
|
"text": "string"
|
|
2453
2309
|
},
|
|
2454
2310
|
"default": "\"md\"",
|
|
2455
|
-
"description": "
|
|
2456
|
-
"
|
|
2457
|
-
|
|
2458
|
-
{
|
|
2459
|
-
"name": "footerLayout",
|
|
2460
|
-
"type": {
|
|
2461
|
-
"text": "SkyCardSectionLayout"
|
|
2462
|
-
},
|
|
2463
|
-
"default": "\"inline\"",
|
|
2464
|
-
"description": "Layout of the footer content. Default: `\"inline\"`.",
|
|
2465
|
-
"fieldName": "footerLayout"
|
|
2311
|
+
"description": "Border radius of the card. Default: `\"md\"`.",
|
|
2312
|
+
"attribute": "radius",
|
|
2313
|
+
"reflects": true
|
|
2466
2314
|
},
|
|
2467
2315
|
{
|
|
2468
|
-
"
|
|
2316
|
+
"kind": "field",
|
|
2317
|
+
"name": "bodyPadding",
|
|
2469
2318
|
"type": {
|
|
2470
2319
|
"text": "string"
|
|
2471
2320
|
},
|
|
2472
|
-
"default": "\"
|
|
2473
|
-
"description": "
|
|
2474
|
-
"
|
|
2321
|
+
"default": "\"none\"",
|
|
2322
|
+
"description": "Padding for the card body. Default: `\"none\"`.",
|
|
2323
|
+
"attribute": "bodyPadding",
|
|
2324
|
+
"reflects": true
|
|
2475
2325
|
},
|
|
2476
2326
|
{
|
|
2477
|
-
"
|
|
2327
|
+
"kind": "field",
|
|
2328
|
+
"name": "elevation",
|
|
2478
2329
|
"type": {
|
|
2479
|
-
"text": "
|
|
2330
|
+
"text": "SkyCardElevation"
|
|
2480
2331
|
},
|
|
2481
2332
|
"default": "\"md\"",
|
|
2482
|
-
"description": "
|
|
2483
|
-
"
|
|
2333
|
+
"description": "Shadow depth of the card. Default: `\"md\"`.",
|
|
2334
|
+
"attribute": "elevation",
|
|
2335
|
+
"reflects": true
|
|
2484
2336
|
},
|
|
2485
2337
|
{
|
|
2486
|
-
"
|
|
2338
|
+
"kind": "field",
|
|
2339
|
+
"name": "outlined",
|
|
2487
2340
|
"type": {
|
|
2488
|
-
"text": "
|
|
2341
|
+
"text": "boolean"
|
|
2489
2342
|
},
|
|
2490
|
-
"default": "
|
|
2491
|
-
"description": "
|
|
2492
|
-
"
|
|
2343
|
+
"default": "false",
|
|
2344
|
+
"description": "Whether the card has an outline. Default: `false`.",
|
|
2345
|
+
"attribute": "outlined",
|
|
2346
|
+
"reflects": true
|
|
2493
2347
|
},
|
|
2494
2348
|
{
|
|
2495
|
-
"
|
|
2349
|
+
"kind": "field",
|
|
2350
|
+
"name": "clickable",
|
|
2496
2351
|
"type": {
|
|
2497
|
-
"text": "
|
|
2352
|
+
"text": "boolean"
|
|
2498
2353
|
},
|
|
2499
|
-
"default": "
|
|
2500
|
-
"description": "
|
|
2501
|
-
"
|
|
2354
|
+
"default": "false",
|
|
2355
|
+
"description": "Whether the card is clickable. Default: `false`.",
|
|
2356
|
+
"attribute": "clickable",
|
|
2357
|
+
"reflects": true
|
|
2502
2358
|
},
|
|
2503
2359
|
{
|
|
2504
|
-
"
|
|
2360
|
+
"kind": "field",
|
|
2361
|
+
"name": "headerBg",
|
|
2505
2362
|
"type": {
|
|
2506
|
-
"text": "
|
|
2363
|
+
"text": "string"
|
|
2507
2364
|
},
|
|
2508
|
-
"default": "\"
|
|
2509
|
-
"description": "
|
|
2510
|
-
"
|
|
2365
|
+
"default": "\"transparent\"",
|
|
2366
|
+
"description": "Background color of the header. Default: `\"transparent\"`.",
|
|
2367
|
+
"attribute": "headerBg",
|
|
2368
|
+
"reflects": true
|
|
2511
2369
|
},
|
|
2512
2370
|
{
|
|
2513
|
-
"
|
|
2371
|
+
"kind": "field",
|
|
2372
|
+
"name": "headerBlur",
|
|
2514
2373
|
"type": {
|
|
2515
|
-
"text": "
|
|
2374
|
+
"text": "string"
|
|
2516
2375
|
},
|
|
2517
2376
|
"default": "\"none\"",
|
|
2518
|
-
"description": "
|
|
2519
|
-
"
|
|
2377
|
+
"description": "Blur level for the header background. Default: `\"none\"`.",
|
|
2378
|
+
"attribute": "headerBlur",
|
|
2379
|
+
"reflects": true
|
|
2520
2380
|
},
|
|
2521
2381
|
{
|
|
2522
|
-
"
|
|
2382
|
+
"kind": "field",
|
|
2383
|
+
"name": "headerPadding",
|
|
2523
2384
|
"type": {
|
|
2524
|
-
"text": "
|
|
2385
|
+
"text": "string"
|
|
2525
2386
|
},
|
|
2526
|
-
"default": "\"
|
|
2527
|
-
"description": "
|
|
2528
|
-
"
|
|
2529
|
-
|
|
2530
|
-
],
|
|
2531
|
-
"superclass": {
|
|
2532
|
-
"name": "LitElement",
|
|
2533
|
-
"package": "lit"
|
|
2534
|
-
},
|
|
2535
|
-
"tagName": "sky-card",
|
|
2536
|
-
"customElement": true,
|
|
2537
|
-
"summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
|
|
2538
|
-
}
|
|
2539
|
-
],
|
|
2540
|
-
"exports": [
|
|
2541
|
-
{
|
|
2542
|
-
"kind": "js",
|
|
2543
|
-
"name": "SkyCard",
|
|
2544
|
-
"declaration": {
|
|
2545
|
-
"name": "SkyCard",
|
|
2546
|
-
"module": "src/sky-card/sky-card.ts"
|
|
2547
|
-
}
|
|
2548
|
-
},
|
|
2549
|
-
{
|
|
2550
|
-
"kind": "custom-element-definition",
|
|
2551
|
-
"name": "sky-card",
|
|
2552
|
-
"declaration": {
|
|
2553
|
-
"name": "SkyCard",
|
|
2554
|
-
"module": "src/sky-card/sky-card.ts"
|
|
2555
|
-
}
|
|
2556
|
-
}
|
|
2557
|
-
]
|
|
2558
|
-
},
|
|
2559
|
-
{
|
|
2560
|
-
"kind": "javascript-module",
|
|
2561
|
-
"path": "src/sky-button/sky-button.ts",
|
|
2562
|
-
"declarations": [
|
|
2563
|
-
{
|
|
2564
|
-
"kind": "class",
|
|
2565
|
-
"description": "",
|
|
2566
|
-
"name": "SkyButton",
|
|
2567
|
-
"cssParts": [
|
|
2568
|
-
{
|
|
2569
|
-
"description": "The native `<button>` element.",
|
|
2570
|
-
"name": "button"
|
|
2571
|
-
},
|
|
2572
|
-
{
|
|
2573
|
-
"description": "The optional left/right icons.",
|
|
2574
|
-
"name": "icon"
|
|
2387
|
+
"default": "\"md\"",
|
|
2388
|
+
"description": "Padding for the header. Default: `\"md\"`.",
|
|
2389
|
+
"attribute": "headerPadding",
|
|
2390
|
+
"reflects": true
|
|
2575
2391
|
},
|
|
2576
2392
|
{
|
|
2577
|
-
"
|
|
2578
|
-
"name": "
|
|
2393
|
+
"kind": "field",
|
|
2394
|
+
"name": "headerLayout",
|
|
2395
|
+
"type": {
|
|
2396
|
+
"text": "SkyCardSectionLayout"
|
|
2397
|
+
},
|
|
2398
|
+
"default": "\"inline\"",
|
|
2399
|
+
"description": "Layout of the header content. Default: `\"inline\"`.",
|
|
2400
|
+
"attribute": "headerLayout"
|
|
2579
2401
|
},
|
|
2580
2402
|
{
|
|
2581
|
-
"
|
|
2582
|
-
"name": "
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
"description": "
|
|
2588
|
-
"
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
"members": [
|
|
2403
|
+
"kind": "field",
|
|
2404
|
+
"name": "headerInsetGap",
|
|
2405
|
+
"type": {
|
|
2406
|
+
"text": "string"
|
|
2407
|
+
},
|
|
2408
|
+
"default": "\"sm\"",
|
|
2409
|
+
"description": "Inset gap for the header section. Default: `\"sm\"`.",
|
|
2410
|
+
"attribute": "headerInsetGap",
|
|
2411
|
+
"reflects": true
|
|
2412
|
+
},
|
|
2592
2413
|
{
|
|
2593
2414
|
"kind": "field",
|
|
2594
|
-
"name": "
|
|
2415
|
+
"name": "headerRadius",
|
|
2595
2416
|
"type": {
|
|
2596
|
-
"text": "
|
|
2417
|
+
"text": "string"
|
|
2597
2418
|
},
|
|
2598
|
-
"
|
|
2599
|
-
"
|
|
2419
|
+
"default": "\"md\"",
|
|
2420
|
+
"description": "Border radius for the header. Default: `\"md\"`.",
|
|
2421
|
+
"attribute": "headerRadius",
|
|
2422
|
+
"reflects": true
|
|
2600
2423
|
},
|
|
2601
2424
|
{
|
|
2602
2425
|
"kind": "field",
|
|
2603
|
-
"name": "
|
|
2426
|
+
"name": "headerSeparatorColor",
|
|
2604
2427
|
"type": {
|
|
2605
|
-
"text": "
|
|
2428
|
+
"text": "string"
|
|
2606
2429
|
},
|
|
2607
|
-
"
|
|
2608
|
-
"
|
|
2430
|
+
"default": "\"border-light\"",
|
|
2431
|
+
"description": "Color for the header separator. Default: `\"border-light\"`.",
|
|
2432
|
+
"attribute": "headerSeparatorColor"
|
|
2609
2433
|
},
|
|
2610
2434
|
{
|
|
2611
2435
|
"kind": "field",
|
|
2612
|
-
"name": "
|
|
2436
|
+
"name": "footerBg",
|
|
2613
2437
|
"type": {
|
|
2614
|
-
"text": "
|
|
2438
|
+
"text": "string"
|
|
2615
2439
|
},
|
|
2616
|
-
"
|
|
2440
|
+
"default": "\"transparent\"",
|
|
2441
|
+
"description": "Background color of the footer. Default: `\"transparent\"`.",
|
|
2442
|
+
"attribute": "footerBg",
|
|
2443
|
+
"reflects": true
|
|
2617
2444
|
},
|
|
2618
2445
|
{
|
|
2619
2446
|
"kind": "field",
|
|
2620
|
-
"name": "
|
|
2447
|
+
"name": "footerBlur",
|
|
2621
2448
|
"type": {
|
|
2622
|
-
"text": "
|
|
2449
|
+
"text": "string"
|
|
2623
2450
|
},
|
|
2624
|
-
"default": "\"
|
|
2625
|
-
"description": "
|
|
2626
|
-
"attribute": "
|
|
2451
|
+
"default": "\"none\"",
|
|
2452
|
+
"description": "Blur level for the footer background. Default: `\"none\"`.",
|
|
2453
|
+
"attribute": "footerBlur",
|
|
2627
2454
|
"reflects": true
|
|
2628
2455
|
},
|
|
2629
2456
|
{
|
|
2630
2457
|
"kind": "field",
|
|
2631
|
-
"name": "
|
|
2458
|
+
"name": "footerPadding",
|
|
2632
2459
|
"type": {
|
|
2633
2460
|
"text": "string"
|
|
2634
2461
|
},
|
|
2635
|
-
"default": "\"
|
|
2636
|
-
"description": "
|
|
2637
|
-
"attribute": "
|
|
2462
|
+
"default": "\"md\"",
|
|
2463
|
+
"description": "Padding for the footer. Default: `\"md\"`.",
|
|
2464
|
+
"attribute": "footerPadding",
|
|
2465
|
+
"reflects": true
|
|
2638
2466
|
},
|
|
2639
2467
|
{
|
|
2640
2468
|
"kind": "field",
|
|
2641
|
-
"name": "
|
|
2469
|
+
"name": "footerLayout",
|
|
2642
2470
|
"type": {
|
|
2643
|
-
"text": "
|
|
2471
|
+
"text": "SkyCardSectionLayout"
|
|
2644
2472
|
},
|
|
2645
|
-
"default": "\"
|
|
2646
|
-
"description": "
|
|
2647
|
-
"attribute": "
|
|
2473
|
+
"default": "\"inline\"",
|
|
2474
|
+
"description": "Layout of the footer content. Default: `\"inline\"`.",
|
|
2475
|
+
"attribute": "footerLayout"
|
|
2648
2476
|
},
|
|
2649
2477
|
{
|
|
2650
2478
|
"kind": "field",
|
|
2651
|
-
"name": "
|
|
2479
|
+
"name": "footerInsetGap",
|
|
2652
2480
|
"type": {
|
|
2653
2481
|
"text": "string"
|
|
2654
2482
|
},
|
|
2655
|
-
"default": "\"\"",
|
|
2656
|
-
"description": "
|
|
2657
|
-
"attribute": "
|
|
2483
|
+
"default": "\"sm\"",
|
|
2484
|
+
"description": "Inset gap for the footer section. Default: `\"sm\"`.",
|
|
2485
|
+
"attribute": "footerInsetGap",
|
|
2486
|
+
"reflects": true
|
|
2658
2487
|
},
|
|
2659
2488
|
{
|
|
2660
2489
|
"kind": "field",
|
|
2661
|
-
"name": "
|
|
2490
|
+
"name": "footerRadius",
|
|
2662
2491
|
"type": {
|
|
2663
2492
|
"text": "string"
|
|
2664
2493
|
},
|
|
2665
2494
|
"default": "\"md\"",
|
|
2666
|
-
"description": "
|
|
2667
|
-
"attribute": "
|
|
2495
|
+
"description": "Border radius for the footer. Default: `\"md\"`.",
|
|
2496
|
+
"attribute": "footerRadius",
|
|
2497
|
+
"reflects": true
|
|
2668
2498
|
},
|
|
2669
2499
|
{
|
|
2670
2500
|
"kind": "field",
|
|
2671
|
-
"name": "
|
|
2501
|
+
"name": "footerSeparatorColor",
|
|
2672
2502
|
"type": {
|
|
2673
2503
|
"text": "string"
|
|
2674
2504
|
},
|
|
2675
|
-
"default": "\"
|
|
2676
|
-
"description": "
|
|
2677
|
-
"attribute": "
|
|
2505
|
+
"default": "\"border-light\"",
|
|
2506
|
+
"description": "Color for the footer separator. Default: `\"border-light\"`.",
|
|
2507
|
+
"attribute": "footerSeparatorColor"
|
|
2678
2508
|
},
|
|
2679
2509
|
{
|
|
2680
2510
|
"kind": "field",
|
|
2681
|
-
"name": "
|
|
2511
|
+
"name": "padRatio",
|
|
2682
2512
|
"type": {
|
|
2683
|
-
"text": "
|
|
2513
|
+
"text": "number"
|
|
2684
2514
|
},
|
|
2685
|
-
"default": "
|
|
2686
|
-
"description": "
|
|
2687
|
-
"attribute": "
|
|
2515
|
+
"default": "1",
|
|
2516
|
+
"description": "Ratio to adjust padding. Default: `1`.",
|
|
2517
|
+
"attribute": "padRatio"
|
|
2688
2518
|
},
|
|
2689
2519
|
{
|
|
2690
2520
|
"kind": "field",
|
|
2691
|
-
"name": "
|
|
2521
|
+
"name": "separators",
|
|
2692
2522
|
"type": {
|
|
2693
|
-
"text": "
|
|
2523
|
+
"text": "SkyCardSectionTarget"
|
|
2694
2524
|
},
|
|
2695
|
-
"default": "
|
|
2696
|
-
"description": "
|
|
2697
|
-
"attribute": "
|
|
2698
|
-
"reflects": true
|
|
2525
|
+
"default": "\"none\"",
|
|
2526
|
+
"description": "Determines where separators should appear. Default: `\"none\"`.",
|
|
2527
|
+
"attribute": "separators"
|
|
2699
2528
|
},
|
|
2700
2529
|
{
|
|
2701
2530
|
"kind": "field",
|
|
2702
|
-
"name": "
|
|
2531
|
+
"name": "overlays",
|
|
2703
2532
|
"type": {
|
|
2704
|
-
"text": "
|
|
2533
|
+
"text": "SkyCardSectionTarget"
|
|
2705
2534
|
},
|
|
2706
|
-
"default": "
|
|
2707
|
-
"description": "
|
|
2708
|
-
"attribute": "
|
|
2709
|
-
"reflects": true
|
|
2535
|
+
"default": "\"none\"",
|
|
2536
|
+
"description": "Determines where overlays should appear. Default: `\"none\"`.",
|
|
2537
|
+
"attribute": "overlays"
|
|
2710
2538
|
},
|
|
2711
2539
|
{
|
|
2712
2540
|
"kind": "field",
|
|
2713
|
-
"name": "
|
|
2541
|
+
"name": "insets",
|
|
2714
2542
|
"type": {
|
|
2715
|
-
"text": "
|
|
2543
|
+
"text": "SkyCardSectionTarget"
|
|
2716
2544
|
},
|
|
2717
|
-
"default": "\"\"",
|
|
2718
|
-
"description": "
|
|
2719
|
-
"attribute": "
|
|
2545
|
+
"default": "\"none\"",
|
|
2546
|
+
"description": "Determines where insets should appear. Default: `\"none\"`.",
|
|
2547
|
+
"attribute": "insets"
|
|
2720
2548
|
},
|
|
2721
2549
|
{
|
|
2722
2550
|
"kind": "field",
|
|
2723
|
-
"name": "
|
|
2551
|
+
"name": "_effHeaderSeparator",
|
|
2724
2552
|
"type": {
|
|
2725
|
-
"text": "
|
|
2553
|
+
"text": "boolean"
|
|
2726
2554
|
},
|
|
2727
|
-
"
|
|
2728
|
-
"
|
|
2729
|
-
"attribute": "iconR"
|
|
2555
|
+
"privacy": "private",
|
|
2556
|
+
"default": "false"
|
|
2730
2557
|
},
|
|
2731
2558
|
{
|
|
2732
2559
|
"kind": "field",
|
|
2733
|
-
"name": "
|
|
2560
|
+
"name": "_effFooterSeparator",
|
|
2734
2561
|
"type": {
|
|
2735
2562
|
"text": "boolean"
|
|
2736
2563
|
},
|
|
2737
|
-
"
|
|
2738
|
-
"
|
|
2739
|
-
"attribute": "iconOnly",
|
|
2740
|
-
"reflects": true
|
|
2564
|
+
"privacy": "private",
|
|
2565
|
+
"default": "false"
|
|
2741
2566
|
},
|
|
2742
2567
|
{
|
|
2743
2568
|
"kind": "field",
|
|
2744
|
-
"name": "
|
|
2569
|
+
"name": "_effHeaderOverlay",
|
|
2745
2570
|
"type": {
|
|
2746
|
-
"text": "
|
|
2571
|
+
"text": "boolean"
|
|
2747
2572
|
},
|
|
2748
|
-
"
|
|
2749
|
-
"
|
|
2750
|
-
"attribute": "colors"
|
|
2573
|
+
"privacy": "private",
|
|
2574
|
+
"default": "false"
|
|
2751
2575
|
},
|
|
2752
2576
|
{
|
|
2753
2577
|
"kind": "field",
|
|
2754
|
-
"name": "
|
|
2578
|
+
"name": "_effFooterOverlay",
|
|
2755
2579
|
"type": {
|
|
2756
|
-
"text": "
|
|
2580
|
+
"text": "boolean"
|
|
2757
2581
|
},
|
|
2758
|
-
"
|
|
2759
|
-
"
|
|
2760
|
-
"attribute": "animation",
|
|
2761
|
-
"reflects": true
|
|
2582
|
+
"privacy": "private",
|
|
2583
|
+
"default": "false"
|
|
2762
2584
|
},
|
|
2763
2585
|
{
|
|
2764
2586
|
"kind": "field",
|
|
2765
|
-
"name": "
|
|
2587
|
+
"name": "_effHeaderInset",
|
|
2766
2588
|
"type": {
|
|
2767
2589
|
"text": "boolean"
|
|
2768
2590
|
},
|
|
@@ -2771,68 +2593,189 @@
|
|
|
2771
2593
|
},
|
|
2772
2594
|
{
|
|
2773
2595
|
"kind": "field",
|
|
2774
|
-
"name": "
|
|
2596
|
+
"name": "_effFooterInset",
|
|
2597
|
+
"type": {
|
|
2598
|
+
"text": "boolean"
|
|
2599
|
+
},
|
|
2600
|
+
"privacy": "private",
|
|
2601
|
+
"default": "false"
|
|
2602
|
+
},
|
|
2603
|
+
{
|
|
2604
|
+
"kind": "field",
|
|
2605
|
+
"name": "_varsCache",
|
|
2606
|
+
"type": {
|
|
2607
|
+
"text": "Record<string, string>"
|
|
2608
|
+
},
|
|
2609
|
+
"privacy": "private",
|
|
2610
|
+
"default": "{}"
|
|
2611
|
+
},
|
|
2612
|
+
{
|
|
2613
|
+
"kind": "field",
|
|
2614
|
+
"name": "BG_MAP",
|
|
2615
|
+
"privacy": "private",
|
|
2616
|
+
"static": true,
|
|
2617
|
+
"readonly": true,
|
|
2618
|
+
"default": "{ primary: \"var(--sky-glass-primary)\", secondary: \"var(--sky-glass-secondary)\", tertiary: \"var(--sky-glass-tertiary)\", transparent: \"transparent\", }",
|
|
2619
|
+
"type": {
|
|
2620
|
+
"text": "{\n primary: \"var(--sky-glass-primary)\",\n secondary: \"var(--sky-glass-secondary)\",\n tertiary: \"var(--sky-glass-tertiary)\",\n transparent: \"transparent\",\n }"
|
|
2621
|
+
}
|
|
2622
|
+
},
|
|
2623
|
+
{
|
|
2624
|
+
"kind": "field",
|
|
2625
|
+
"name": "BLUR_MAP",
|
|
2626
|
+
"privacy": "private",
|
|
2627
|
+
"static": true,
|
|
2628
|
+
"readonly": true,
|
|
2629
|
+
"default": "{ none: \"none\", xs: \"blur(2px)\", sm: \"var(--sky-blur-secondary)\", md: \"var(--sky-blur-secondary)\", lg: \"var(--sky-blur-tertiary)\", }",
|
|
2630
|
+
"type": {
|
|
2631
|
+
"text": "{\n none: \"none\",\n xs: \"blur(2px)\",\n sm: \"var(--sky-blur-secondary)\",\n md: \"var(--sky-blur-secondary)\",\n lg: \"var(--sky-blur-tertiary)\",\n }"
|
|
2632
|
+
}
|
|
2633
|
+
},
|
|
2634
|
+
{
|
|
2635
|
+
"kind": "field",
|
|
2636
|
+
"name": "SIZE_MAP",
|
|
2637
|
+
"privacy": "private",
|
|
2638
|
+
"static": true,
|
|
2639
|
+
"readonly": true,
|
|
2640
|
+
"default": "{ none: \"0\", sm: \"var(--sky-space-1\\\\.5, 6px)\", md: \"var(--sky-space-4, 16px)\", lg: \"var(--sky-space-6, 24px)\", xl: \"var(--sky-space-8, 32px)\", }",
|
|
2641
|
+
"type": {
|
|
2642
|
+
"text": "{\n none: \"0\",\n sm: \"var(--sky-space-1\\\\.5, 6px)\",\n md: \"var(--sky-space-4, 16px)\",\n lg: \"var(--sky-space-6, 24px)\",\n xl: \"var(--sky-space-8, 32px)\",\n }"
|
|
2643
|
+
}
|
|
2644
|
+
},
|
|
2645
|
+
{
|
|
2646
|
+
"kind": "field",
|
|
2647
|
+
"name": "GLASS_BG_TIERS",
|
|
2648
|
+
"privacy": "private",
|
|
2649
|
+
"static": true,
|
|
2650
|
+
"readonly": true,
|
|
2651
|
+
"default": "new Set([ \"primary\", \"secondary\", \"tertiary\", ])"
|
|
2652
|
+
},
|
|
2653
|
+
{
|
|
2654
|
+
"kind": "field",
|
|
2655
|
+
"name": "SECTION_INSET_BG_MAP",
|
|
2656
|
+
"privacy": "private",
|
|
2657
|
+
"static": true,
|
|
2658
|
+
"readonly": true,
|
|
2659
|
+
"default": "{ primary: \"var(--sky-hover-primary)\", secondary: \"var(--sky-hover-secondary)\", tertiary: \"var(--sky-hover-tertiary)\", transparent: \"transparent\", }",
|
|
2775
2660
|
"type": {
|
|
2776
|
-
"text": "
|
|
2661
|
+
"text": "{\n primary: \"var(--sky-hover-primary)\",\n secondary: \"var(--sky-hover-secondary)\",\n tertiary: \"var(--sky-hover-tertiary)\",\n transparent: \"transparent\",\n }"
|
|
2777
2662
|
},
|
|
2663
|
+
"description": "Non-overlay inset bars use hover tints — overlay sections own their own blur."
|
|
2664
|
+
},
|
|
2665
|
+
{
|
|
2666
|
+
"kind": "method",
|
|
2667
|
+
"name": "_composeBackdrop",
|
|
2778
2668
|
"privacy": "private",
|
|
2779
|
-
"
|
|
2780
|
-
"
|
|
2669
|
+
"static": true,
|
|
2670
|
+
"return": {
|
|
2671
|
+
"type": {
|
|
2672
|
+
"text": "string"
|
|
2673
|
+
}
|
|
2674
|
+
},
|
|
2675
|
+
"parameters": [
|
|
2676
|
+
{
|
|
2677
|
+
"name": "blurLevel",
|
|
2678
|
+
"type": {
|
|
2679
|
+
"text": "string"
|
|
2680
|
+
}
|
|
2681
|
+
}
|
|
2682
|
+
]
|
|
2781
2683
|
},
|
|
2782
2684
|
{
|
|
2783
2685
|
"kind": "method",
|
|
2784
|
-
"name": "
|
|
2686
|
+
"name": "_composeElevation",
|
|
2785
2687
|
"privacy": "private",
|
|
2688
|
+
"static": true,
|
|
2786
2689
|
"return": {
|
|
2787
2690
|
"type": {
|
|
2788
|
-
"text": "
|
|
2691
|
+
"text": "string"
|
|
2789
2692
|
}
|
|
2790
2693
|
},
|
|
2791
2694
|
"parameters": [
|
|
2792
2695
|
{
|
|
2793
|
-
"name": "
|
|
2696
|
+
"name": "level",
|
|
2794
2697
|
"type": {
|
|
2795
|
-
"text": "
|
|
2698
|
+
"text": "SkyCardElevation | string"
|
|
2796
2699
|
}
|
|
2797
2700
|
}
|
|
2798
2701
|
]
|
|
2799
2702
|
},
|
|
2800
2703
|
{
|
|
2801
|
-
"kind": "
|
|
2802
|
-
"name": "
|
|
2803
|
-
"privacy": "private"
|
|
2704
|
+
"kind": "method",
|
|
2705
|
+
"name": "_wireSlotChangeHandlers",
|
|
2706
|
+
"privacy": "private",
|
|
2707
|
+
"return": {
|
|
2708
|
+
"type": {
|
|
2709
|
+
"text": "void"
|
|
2710
|
+
}
|
|
2711
|
+
}
|
|
2804
2712
|
},
|
|
2805
2713
|
{
|
|
2806
2714
|
"kind": "method",
|
|
2807
|
-
"name": "
|
|
2715
|
+
"name": "_syncHeader",
|
|
2808
2716
|
"privacy": "private",
|
|
2809
2717
|
"return": {
|
|
2810
2718
|
"type": {
|
|
2811
|
-
"text": "
|
|
2719
|
+
"text": "void"
|
|
2720
|
+
}
|
|
2721
|
+
}
|
|
2722
|
+
},
|
|
2723
|
+
{
|
|
2724
|
+
"kind": "method",
|
|
2725
|
+
"name": "_syncFooter",
|
|
2726
|
+
"privacy": "private",
|
|
2727
|
+
"return": {
|
|
2728
|
+
"type": {
|
|
2729
|
+
"text": "void"
|
|
2730
|
+
}
|
|
2731
|
+
}
|
|
2732
|
+
},
|
|
2733
|
+
{
|
|
2734
|
+
"kind": "method",
|
|
2735
|
+
"name": "_expandPair",
|
|
2736
|
+
"privacy": "private",
|
|
2737
|
+
"return": {
|
|
2738
|
+
"type": {
|
|
2739
|
+
"text": "[boolean, boolean]"
|
|
2812
2740
|
}
|
|
2813
2741
|
},
|
|
2814
2742
|
"parameters": [
|
|
2815
2743
|
{
|
|
2816
|
-
"name": "
|
|
2744
|
+
"name": "sh",
|
|
2817
2745
|
"type": {
|
|
2818
|
-
"text": "
|
|
2746
|
+
"text": "SkyCardSectionTarget"
|
|
2819
2747
|
}
|
|
2820
2748
|
}
|
|
2821
|
-
]
|
|
2822
|
-
"description": "Uses vertical padding for equal sides (icon-only square control)."
|
|
2749
|
+
]
|
|
2823
2750
|
},
|
|
2824
2751
|
{
|
|
2825
2752
|
"kind": "method",
|
|
2826
|
-
"name": "
|
|
2753
|
+
"name": "_computeEffectiveFlags",
|
|
2827
2754
|
"privacy": "private",
|
|
2828
2755
|
"return": {
|
|
2829
2756
|
"type": {
|
|
2830
|
-
"text": "
|
|
2757
|
+
"text": "void"
|
|
2758
|
+
}
|
|
2759
|
+
}
|
|
2760
|
+
},
|
|
2761
|
+
{
|
|
2762
|
+
"kind": "method",
|
|
2763
|
+
"name": "_setVar",
|
|
2764
|
+
"privacy": "private",
|
|
2765
|
+
"return": {
|
|
2766
|
+
"type": {
|
|
2767
|
+
"text": "void"
|
|
2831
2768
|
}
|
|
2832
2769
|
},
|
|
2833
2770
|
"parameters": [
|
|
2834
2771
|
{
|
|
2835
|
-
"name": "
|
|
2772
|
+
"name": "name",
|
|
2773
|
+
"type": {
|
|
2774
|
+
"text": "string"
|
|
2775
|
+
}
|
|
2776
|
+
},
|
|
2777
|
+
{
|
|
2778
|
+
"name": "value",
|
|
2836
2779
|
"type": {
|
|
2837
2780
|
"text": "string"
|
|
2838
2781
|
}
|
|
@@ -2841,26 +2784,37 @@
|
|
|
2841
2784
|
},
|
|
2842
2785
|
{
|
|
2843
2786
|
"kind": "method",
|
|
2844
|
-
"name": "
|
|
2787
|
+
"name": "_resolveSectionBg",
|
|
2845
2788
|
"privacy": "private",
|
|
2846
2789
|
"return": {
|
|
2847
2790
|
"type": {
|
|
2848
|
-
"text": "
|
|
2791
|
+
"text": "string"
|
|
2849
2792
|
}
|
|
2850
2793
|
},
|
|
2851
2794
|
"parameters": [
|
|
2852
2795
|
{
|
|
2853
|
-
"name": "
|
|
2796
|
+
"name": "token",
|
|
2854
2797
|
"type": {
|
|
2855
|
-
"text": "string
|
|
2798
|
+
"text": "string"
|
|
2799
|
+
}
|
|
2800
|
+
},
|
|
2801
|
+
{
|
|
2802
|
+
"name": "isInset",
|
|
2803
|
+
"type": {
|
|
2804
|
+
"text": "boolean"
|
|
2805
|
+
}
|
|
2806
|
+
},
|
|
2807
|
+
{
|
|
2808
|
+
"name": "isOverlay",
|
|
2809
|
+
"type": {
|
|
2810
|
+
"text": "boolean"
|
|
2856
2811
|
}
|
|
2857
2812
|
}
|
|
2858
|
-
]
|
|
2859
|
-
"description": "Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors."
|
|
2813
|
+
]
|
|
2860
2814
|
},
|
|
2861
2815
|
{
|
|
2862
2816
|
"kind": "method",
|
|
2863
|
-
"name": "
|
|
2817
|
+
"name": "_resolveSectionGlassSurface",
|
|
2864
2818
|
"privacy": "private",
|
|
2865
2819
|
"return": {
|
|
2866
2820
|
"type": {
|
|
@@ -2869,260 +2823,306 @@
|
|
|
2869
2823
|
},
|
|
2870
2824
|
"parameters": [
|
|
2871
2825
|
{
|
|
2872
|
-
"name": "
|
|
2826
|
+
"name": "token",
|
|
2873
2827
|
"type": {
|
|
2874
|
-
"text": "string
|
|
2828
|
+
"text": "string"
|
|
2875
2829
|
}
|
|
2876
2830
|
}
|
|
2877
|
-
]
|
|
2878
|
-
"description": "Extracts the color token from a `Npx solid …` border shorthand."
|
|
2831
|
+
]
|
|
2879
2832
|
},
|
|
2880
2833
|
{
|
|
2881
2834
|
"kind": "method",
|
|
2882
|
-
"name": "
|
|
2883
|
-
"privacy": "
|
|
2835
|
+
"name": "_applyCardVars",
|
|
2836
|
+
"privacy": "private",
|
|
2884
2837
|
"return": {
|
|
2885
2838
|
"type": {
|
|
2886
2839
|
"text": "void"
|
|
2887
2840
|
}
|
|
2888
|
-
}
|
|
2889
|
-
"description": "Focuses the internal native button."
|
|
2841
|
+
}
|
|
2890
2842
|
},
|
|
2891
2843
|
{
|
|
2892
2844
|
"kind": "method",
|
|
2893
|
-
"name": "
|
|
2894
|
-
"privacy": "
|
|
2845
|
+
"name": "_applyPaddingVars",
|
|
2846
|
+
"privacy": "private",
|
|
2895
2847
|
"return": {
|
|
2896
2848
|
"type": {
|
|
2897
2849
|
"text": "void"
|
|
2898
2850
|
}
|
|
2899
|
-
}
|
|
2900
|
-
"description": "Triggers a click on the internal native button when enabled."
|
|
2851
|
+
}
|
|
2901
2852
|
},
|
|
2902
2853
|
{
|
|
2903
2854
|
"kind": "method",
|
|
2904
|
-
"name": "
|
|
2855
|
+
"name": "_applySectionChrome",
|
|
2905
2856
|
"privacy": "private",
|
|
2906
2857
|
"return": {
|
|
2907
2858
|
"type": {
|
|
2908
2859
|
"text": "void"
|
|
2909
2860
|
}
|
|
2910
|
-
}
|
|
2911
|
-
"parameters": [
|
|
2912
|
-
{
|
|
2913
|
-
"name": "event",
|
|
2914
|
-
"type": {
|
|
2915
|
-
"text": "MouseEvent"
|
|
2916
|
-
}
|
|
2917
|
-
}
|
|
2918
|
-
]
|
|
2861
|
+
}
|
|
2919
2862
|
},
|
|
2920
2863
|
{
|
|
2921
2864
|
"kind": "method",
|
|
2922
|
-
"name": "
|
|
2865
|
+
"name": "refreshLayout",
|
|
2866
|
+
"privacy": "public",
|
|
2923
2867
|
"return": {
|
|
2924
2868
|
"type": {
|
|
2925
2869
|
"text": "void"
|
|
2926
2870
|
}
|
|
2927
2871
|
},
|
|
2928
|
-
"
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2872
|
+
"description": "Recomputes card variables and section synchronization."
|
|
2873
|
+
}
|
|
2874
|
+
],
|
|
2875
|
+
"attributes": [
|
|
2876
|
+
{
|
|
2877
|
+
"name": "bg",
|
|
2878
|
+
"type": {
|
|
2879
|
+
"text": "string"
|
|
2880
|
+
},
|
|
2881
|
+
"default": "\"primary\"",
|
|
2882
|
+
"description": "Background color of the card. Accepts color tokens or custom CSS colors. Default: `\"primary\"`.",
|
|
2883
|
+
"fieldName": "bg"
|
|
2936
2884
|
},
|
|
2937
2885
|
{
|
|
2938
|
-
"
|
|
2939
|
-
"name": "formOwner",
|
|
2886
|
+
"name": "blurLevel",
|
|
2940
2887
|
"type": {
|
|
2941
|
-
"text": "
|
|
2888
|
+
"text": "string"
|
|
2942
2889
|
},
|
|
2943
|
-
"
|
|
2890
|
+
"default": "\"none\"",
|
|
2891
|
+
"description": "Level of blur applied to the background. Default: `\"none\"`.",
|
|
2892
|
+
"fieldName": "blurLevel"
|
|
2893
|
+
},
|
|
2894
|
+
{
|
|
2895
|
+
"name": "radius",
|
|
2896
|
+
"type": {
|
|
2897
|
+
"text": "string"
|
|
2898
|
+
},
|
|
2899
|
+
"default": "\"md\"",
|
|
2900
|
+
"description": "Border radius of the card. Default: `\"md\"`.",
|
|
2901
|
+
"fieldName": "radius"
|
|
2902
|
+
},
|
|
2903
|
+
{
|
|
2904
|
+
"name": "bodyPadding",
|
|
2905
|
+
"type": {
|
|
2906
|
+
"text": "string"
|
|
2907
|
+
},
|
|
2908
|
+
"default": "\"none\"",
|
|
2909
|
+
"description": "Padding for the card body. Default: `\"none\"`.",
|
|
2910
|
+
"fieldName": "bodyPadding"
|
|
2911
|
+
},
|
|
2912
|
+
{
|
|
2913
|
+
"name": "elevation",
|
|
2914
|
+
"type": {
|
|
2915
|
+
"text": "SkyCardElevation"
|
|
2916
|
+
},
|
|
2917
|
+
"default": "\"md\"",
|
|
2918
|
+
"description": "Shadow depth of the card. Default: `\"md\"`.",
|
|
2919
|
+
"fieldName": "elevation"
|
|
2920
|
+
},
|
|
2921
|
+
{
|
|
2922
|
+
"name": "outlined",
|
|
2923
|
+
"type": {
|
|
2924
|
+
"text": "boolean"
|
|
2925
|
+
},
|
|
2926
|
+
"default": "false",
|
|
2927
|
+
"description": "Whether the card has an outline. Default: `false`.",
|
|
2928
|
+
"fieldName": "outlined"
|
|
2929
|
+
},
|
|
2930
|
+
{
|
|
2931
|
+
"name": "clickable",
|
|
2932
|
+
"type": {
|
|
2933
|
+
"text": "boolean"
|
|
2934
|
+
},
|
|
2935
|
+
"default": "false",
|
|
2936
|
+
"description": "Whether the card is clickable. Default: `false`.",
|
|
2937
|
+
"fieldName": "clickable"
|
|
2938
|
+
},
|
|
2939
|
+
{
|
|
2940
|
+
"name": "headerBg",
|
|
2941
|
+
"type": {
|
|
2942
|
+
"text": "string"
|
|
2943
|
+
},
|
|
2944
|
+
"default": "\"transparent\"",
|
|
2945
|
+
"description": "Background color of the header. Default: `\"transparent\"`.",
|
|
2946
|
+
"fieldName": "headerBg"
|
|
2947
|
+
},
|
|
2948
|
+
{
|
|
2949
|
+
"name": "headerBlur",
|
|
2950
|
+
"type": {
|
|
2951
|
+
"text": "string"
|
|
2952
|
+
},
|
|
2953
|
+
"default": "\"none\"",
|
|
2954
|
+
"description": "Blur level for the header background. Default: `\"none\"`.",
|
|
2955
|
+
"fieldName": "headerBlur"
|
|
2956
|
+
},
|
|
2957
|
+
{
|
|
2958
|
+
"name": "headerPadding",
|
|
2959
|
+
"type": {
|
|
2960
|
+
"text": "string"
|
|
2961
|
+
},
|
|
2962
|
+
"default": "\"md\"",
|
|
2963
|
+
"description": "Padding for the header. Default: `\"md\"`.",
|
|
2964
|
+
"fieldName": "headerPadding"
|
|
2944
2965
|
},
|
|
2945
2966
|
{
|
|
2946
|
-
"
|
|
2947
|
-
"
|
|
2948
|
-
|
|
2949
|
-
"return": {
|
|
2950
|
-
"type": {
|
|
2951
|
-
"text": "void"
|
|
2952
|
-
}
|
|
2967
|
+
"name": "headerLayout",
|
|
2968
|
+
"type": {
|
|
2969
|
+
"text": "SkyCardSectionLayout"
|
|
2953
2970
|
},
|
|
2954
|
-
"
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
"type": {
|
|
2958
|
-
"text": "MouseEvent"
|
|
2959
|
-
}
|
|
2960
|
-
}
|
|
2961
|
-
]
|
|
2971
|
+
"default": "\"inline\"",
|
|
2972
|
+
"description": "Layout of the header content. Default: `\"inline\"`.",
|
|
2973
|
+
"fieldName": "headerLayout"
|
|
2962
2974
|
},
|
|
2963
2975
|
{
|
|
2964
|
-
"
|
|
2965
|
-
"name": "_iconOnlyName",
|
|
2966
|
-
"privacy": "private",
|
|
2967
|
-
"return": {
|
|
2968
|
-
"type": {
|
|
2969
|
-
"text": "string"
|
|
2970
|
-
}
|
|
2971
|
-
}
|
|
2972
|
-
}
|
|
2973
|
-
],
|
|
2974
|
-
"attributes": [
|
|
2975
|
-
{
|
|
2976
|
-
"name": "variant",
|
|
2976
|
+
"name": "headerInsetGap",
|
|
2977
2977
|
"type": {
|
|
2978
|
-
"text": "
|
|
2978
|
+
"text": "string"
|
|
2979
2979
|
},
|
|
2980
|
-
"default": "\"
|
|
2981
|
-
"description": "
|
|
2982
|
-
"fieldName": "
|
|
2980
|
+
"default": "\"sm\"",
|
|
2981
|
+
"description": "Inset gap for the header section. Default: `\"sm\"`.",
|
|
2982
|
+
"fieldName": "headerInsetGap"
|
|
2983
2983
|
},
|
|
2984
2984
|
{
|
|
2985
|
-
"name": "
|
|
2985
|
+
"name": "headerRadius",
|
|
2986
2986
|
"type": {
|
|
2987
2987
|
"text": "string"
|
|
2988
2988
|
},
|
|
2989
|
-
"default": "\"
|
|
2990
|
-
"description": "
|
|
2991
|
-
"fieldName": "
|
|
2989
|
+
"default": "\"md\"",
|
|
2990
|
+
"description": "Border radius for the header. Default: `\"md\"`.",
|
|
2991
|
+
"fieldName": "headerRadius"
|
|
2992
2992
|
},
|
|
2993
2993
|
{
|
|
2994
|
-
"name": "
|
|
2994
|
+
"name": "headerSeparatorColor",
|
|
2995
2995
|
"type": {
|
|
2996
|
-
"text": "
|
|
2996
|
+
"text": "string"
|
|
2997
2997
|
},
|
|
2998
|
-
"default": "\"
|
|
2999
|
-
"description": "
|
|
3000
|
-
"fieldName": "
|
|
2998
|
+
"default": "\"border-light\"",
|
|
2999
|
+
"description": "Color for the header separator. Default: `\"border-light\"`.",
|
|
3000
|
+
"fieldName": "headerSeparatorColor"
|
|
3001
3001
|
},
|
|
3002
3002
|
{
|
|
3003
|
-
"name": "
|
|
3003
|
+
"name": "footerBg",
|
|
3004
3004
|
"type": {
|
|
3005
3005
|
"text": "string"
|
|
3006
3006
|
},
|
|
3007
|
-
"default": "\"\"",
|
|
3008
|
-
"description": "
|
|
3009
|
-
"fieldName": "
|
|
3007
|
+
"default": "\"transparent\"",
|
|
3008
|
+
"description": "Background color of the footer. Default: `\"transparent\"`.",
|
|
3009
|
+
"fieldName": "footerBg"
|
|
3010
3010
|
},
|
|
3011
3011
|
{
|
|
3012
|
-
"name": "
|
|
3012
|
+
"name": "footerBlur",
|
|
3013
3013
|
"type": {
|
|
3014
3014
|
"text": "string"
|
|
3015
3015
|
},
|
|
3016
|
-
"default": "\"
|
|
3017
|
-
"description": "
|
|
3018
|
-
"fieldName": "
|
|
3016
|
+
"default": "\"none\"",
|
|
3017
|
+
"description": "Blur level for the footer background. Default: `\"none\"`.",
|
|
3018
|
+
"fieldName": "footerBlur"
|
|
3019
3019
|
},
|
|
3020
3020
|
{
|
|
3021
|
-
"name": "
|
|
3021
|
+
"name": "footerPadding",
|
|
3022
3022
|
"type": {
|
|
3023
3023
|
"text": "string"
|
|
3024
3024
|
},
|
|
3025
3025
|
"default": "\"md\"",
|
|
3026
|
-
"description": "
|
|
3027
|
-
"fieldName": "
|
|
3026
|
+
"description": "Padding for the footer. Default: `\"md\"`.",
|
|
3027
|
+
"fieldName": "footerPadding"
|
|
3028
3028
|
},
|
|
3029
3029
|
{
|
|
3030
|
-
"name": "
|
|
3030
|
+
"name": "footerLayout",
|
|
3031
3031
|
"type": {
|
|
3032
|
-
"text": "
|
|
3032
|
+
"text": "SkyCardSectionLayout"
|
|
3033
3033
|
},
|
|
3034
|
-
"default": "\"
|
|
3035
|
-
"description": "
|
|
3036
|
-
"fieldName": "
|
|
3034
|
+
"default": "\"inline\"",
|
|
3035
|
+
"description": "Layout of the footer content. Default: `\"inline\"`.",
|
|
3036
|
+
"fieldName": "footerLayout"
|
|
3037
3037
|
},
|
|
3038
3038
|
{
|
|
3039
|
-
"name": "
|
|
3039
|
+
"name": "footerInsetGap",
|
|
3040
3040
|
"type": {
|
|
3041
|
-
"text": "
|
|
3041
|
+
"text": "string"
|
|
3042
3042
|
},
|
|
3043
|
-
"default": "
|
|
3044
|
-
"description": "
|
|
3045
|
-
"fieldName": "
|
|
3043
|
+
"default": "\"sm\"",
|
|
3044
|
+
"description": "Inset gap for the footer section. Default: `\"sm\"`.",
|
|
3045
|
+
"fieldName": "footerInsetGap"
|
|
3046
3046
|
},
|
|
3047
3047
|
{
|
|
3048
|
-
"name": "
|
|
3048
|
+
"name": "footerRadius",
|
|
3049
3049
|
"type": {
|
|
3050
|
-
"text": "
|
|
3050
|
+
"text": "string"
|
|
3051
3051
|
},
|
|
3052
|
-
"default": "
|
|
3053
|
-
"description": "
|
|
3054
|
-
"fieldName": "
|
|
3052
|
+
"default": "\"md\"",
|
|
3053
|
+
"description": "Border radius for the footer. Default: `\"md\"`.",
|
|
3054
|
+
"fieldName": "footerRadius"
|
|
3055
3055
|
},
|
|
3056
3056
|
{
|
|
3057
|
-
"name": "
|
|
3057
|
+
"name": "footerSeparatorColor",
|
|
3058
3058
|
"type": {
|
|
3059
3059
|
"text": "string"
|
|
3060
3060
|
},
|
|
3061
|
-
"default": "\"\"",
|
|
3062
|
-
"description": "
|
|
3063
|
-
"fieldName": "
|
|
3061
|
+
"default": "\"border-light\"",
|
|
3062
|
+
"description": "Color for the footer separator. Default: `\"border-light\"`.",
|
|
3063
|
+
"fieldName": "footerSeparatorColor"
|
|
3064
3064
|
},
|
|
3065
3065
|
{
|
|
3066
|
-
"name": "
|
|
3066
|
+
"name": "padRatio",
|
|
3067
3067
|
"type": {
|
|
3068
|
-
"text": "
|
|
3068
|
+
"text": "number"
|
|
3069
3069
|
},
|
|
3070
|
-
"default": "
|
|
3071
|
-
"description": "
|
|
3072
|
-
"fieldName": "
|
|
3070
|
+
"default": "1",
|
|
3071
|
+
"description": "Ratio to adjust padding. Default: `1`.",
|
|
3072
|
+
"fieldName": "padRatio"
|
|
3073
3073
|
},
|
|
3074
3074
|
{
|
|
3075
|
-
"name": "
|
|
3075
|
+
"name": "separators",
|
|
3076
3076
|
"type": {
|
|
3077
|
-
"text": "
|
|
3077
|
+
"text": "SkyCardSectionTarget"
|
|
3078
3078
|
},
|
|
3079
|
-
"default": "
|
|
3080
|
-
"description": "
|
|
3081
|
-
"fieldName": "
|
|
3079
|
+
"default": "\"none\"",
|
|
3080
|
+
"description": "Determines where separators should appear. Default: `\"none\"`.",
|
|
3081
|
+
"fieldName": "separators"
|
|
3082
3082
|
},
|
|
3083
3083
|
{
|
|
3084
|
-
"name": "
|
|
3084
|
+
"name": "overlays",
|
|
3085
3085
|
"type": {
|
|
3086
|
-
"text": "
|
|
3086
|
+
"text": "SkyCardSectionTarget"
|
|
3087
3087
|
},
|
|
3088
|
-
"default": "\"\"",
|
|
3089
|
-
"description": "
|
|
3090
|
-
"fieldName": "
|
|
3088
|
+
"default": "\"none\"",
|
|
3089
|
+
"description": "Determines where overlays should appear. Default: `\"none\"`.",
|
|
3090
|
+
"fieldName": "overlays"
|
|
3091
3091
|
},
|
|
3092
3092
|
{
|
|
3093
|
-
"name": "
|
|
3093
|
+
"name": "insets",
|
|
3094
3094
|
"type": {
|
|
3095
|
-
"text": "
|
|
3095
|
+
"text": "SkyCardSectionTarget"
|
|
3096
3096
|
},
|
|
3097
|
-
"default": "\"
|
|
3098
|
-
"description": "
|
|
3099
|
-
"fieldName": "
|
|
3097
|
+
"default": "\"none\"",
|
|
3098
|
+
"description": "Determines where insets should appear. Default: `\"none\"`.",
|
|
3099
|
+
"fieldName": "insets"
|
|
3100
3100
|
}
|
|
3101
3101
|
],
|
|
3102
3102
|
"superclass": {
|
|
3103
3103
|
"name": "LitElement",
|
|
3104
3104
|
"package": "lit"
|
|
3105
3105
|
},
|
|
3106
|
-
"tagName": "sky-
|
|
3106
|
+
"tagName": "sky-card",
|
|
3107
3107
|
"customElement": true,
|
|
3108
|
-
"summary": "
|
|
3108
|
+
"summary": "Customizable card with configurable header/footer sections, blur/background styles, elevation, insets, overlays, and separators."
|
|
3109
3109
|
}
|
|
3110
3110
|
],
|
|
3111
3111
|
"exports": [
|
|
3112
3112
|
{
|
|
3113
3113
|
"kind": "js",
|
|
3114
|
-
"name": "
|
|
3114
|
+
"name": "SkyCard",
|
|
3115
3115
|
"declaration": {
|
|
3116
|
-
"name": "
|
|
3117
|
-
"module": "src/sky-
|
|
3116
|
+
"name": "SkyCard",
|
|
3117
|
+
"module": "src/sky-card/sky-card.ts"
|
|
3118
3118
|
}
|
|
3119
3119
|
},
|
|
3120
3120
|
{
|
|
3121
3121
|
"kind": "custom-element-definition",
|
|
3122
|
-
"name": "sky-
|
|
3122
|
+
"name": "sky-card",
|
|
3123
3123
|
"declaration": {
|
|
3124
|
-
"name": "
|
|
3125
|
-
"module": "src/sky-
|
|
3124
|
+
"name": "SkyCard",
|
|
3125
|
+
"module": "src/sky-card/sky-card.ts"
|
|
3126
3126
|
}
|
|
3127
3127
|
}
|
|
3128
3128
|
]
|
|
@@ -6975,129 +6975,128 @@
|
|
|
6975
6975
|
},
|
|
6976
6976
|
{
|
|
6977
6977
|
"kind": "javascript-module",
|
|
6978
|
-
"path": "src/sky-
|
|
6978
|
+
"path": "src/sky-flexcol/sky-flexcol.ts",
|
|
6979
6979
|
"declarations": [
|
|
6980
6980
|
{
|
|
6981
6981
|
"kind": "class",
|
|
6982
6982
|
"description": "",
|
|
6983
|
-
"name": "
|
|
6983
|
+
"name": "SkyFlexcol",
|
|
6984
6984
|
"cssParts": [
|
|
6985
6985
|
{
|
|
6986
|
-
"description": "The flex
|
|
6987
|
-
"name": "
|
|
6986
|
+
"description": "The flex item wrapper.",
|
|
6987
|
+
"name": "col"
|
|
6988
6988
|
}
|
|
6989
6989
|
],
|
|
6990
6990
|
"slots": [
|
|
6991
6991
|
{
|
|
6992
|
-
"description": "Default slot for
|
|
6992
|
+
"description": "Default slot for column content.",
|
|
6993
6993
|
"name": ""
|
|
6994
6994
|
}
|
|
6995
6995
|
],
|
|
6996
6996
|
"members": [
|
|
6997
6997
|
{
|
|
6998
6998
|
"kind": "field",
|
|
6999
|
-
"name": "
|
|
6999
|
+
"name": "span",
|
|
7000
7000
|
"type": {
|
|
7001
|
-
"text": "
|
|
7001
|
+
"text": "number"
|
|
7002
7002
|
},
|
|
7003
|
-
"default": "
|
|
7004
|
-
"description": "
|
|
7003
|
+
"default": "1",
|
|
7004
|
+
"description": "Base number of columns to span.",
|
|
7005
7005
|
"privacy": "public",
|
|
7006
|
-
"attribute": "
|
|
7006
|
+
"attribute": "span"
|
|
7007
7007
|
},
|
|
7008
7008
|
{
|
|
7009
7009
|
"kind": "field",
|
|
7010
|
-
"name": "
|
|
7010
|
+
"name": "spanLg",
|
|
7011
7011
|
"type": {
|
|
7012
|
-
"text": "
|
|
7012
|
+
"text": "number | undefined"
|
|
7013
7013
|
},
|
|
7014
|
-
"
|
|
7015
|
-
"description": "Flex wrap behavior.",
|
|
7014
|
+
"description": "Span at large breakpoints.",
|
|
7016
7015
|
"privacy": "public",
|
|
7017
|
-
"attribute": "
|
|
7016
|
+
"attribute": "spanLg"
|
|
7018
7017
|
},
|
|
7019
7018
|
{
|
|
7020
7019
|
"kind": "field",
|
|
7021
|
-
"name": "
|
|
7020
|
+
"name": "spanMd",
|
|
7022
7021
|
"type": {
|
|
7023
|
-
"text": "
|
|
7022
|
+
"text": "number | undefined"
|
|
7024
7023
|
},
|
|
7025
|
-
"
|
|
7026
|
-
"description": "Main-axis alignment.",
|
|
7024
|
+
"description": "Span at medium breakpoints.",
|
|
7027
7025
|
"privacy": "public",
|
|
7028
|
-
"attribute": "
|
|
7026
|
+
"attribute": "spanMd"
|
|
7029
7027
|
},
|
|
7030
7028
|
{
|
|
7031
7029
|
"kind": "field",
|
|
7032
|
-
"name": "
|
|
7030
|
+
"name": "spanSm",
|
|
7033
7031
|
"type": {
|
|
7034
|
-
"text": "
|
|
7032
|
+
"text": "number | undefined"
|
|
7035
7033
|
},
|
|
7036
|
-
"
|
|
7037
|
-
"description": "Cross-axis alignment.",
|
|
7034
|
+
"description": "Span at small breakpoints.",
|
|
7038
7035
|
"privacy": "public",
|
|
7039
|
-
"attribute": "
|
|
7036
|
+
"attribute": "spanSm"
|
|
7040
7037
|
},
|
|
7041
7038
|
{
|
|
7042
7039
|
"kind": "field",
|
|
7043
|
-
"name": "
|
|
7040
|
+
"name": "spanXs",
|
|
7044
7041
|
"type": {
|
|
7045
|
-
"text": "
|
|
7042
|
+
"text": "number | undefined"
|
|
7046
7043
|
},
|
|
7047
|
-
"
|
|
7048
|
-
"description": "Multi-line cross-axis distribution.",
|
|
7044
|
+
"description": "Span at extra-small breakpoints.",
|
|
7049
7045
|
"privacy": "public",
|
|
7050
|
-
"attribute": "
|
|
7046
|
+
"attribute": "spanXs"
|
|
7051
7047
|
},
|
|
7052
7048
|
{
|
|
7053
7049
|
"kind": "field",
|
|
7054
|
-
"name": "
|
|
7050
|
+
"name": "grow",
|
|
7055
7051
|
"type": {
|
|
7056
|
-
"text": "
|
|
7052
|
+
"text": "number"
|
|
7057
7053
|
},
|
|
7058
|
-
"default": "
|
|
7059
|
-
"description": "
|
|
7054
|
+
"default": "0",
|
|
7055
|
+
"description": "Flex grow factor.",
|
|
7060
7056
|
"privacy": "public",
|
|
7061
|
-
"attribute": "
|
|
7057
|
+
"attribute": "grow"
|
|
7062
7058
|
},
|
|
7063
7059
|
{
|
|
7064
7060
|
"kind": "field",
|
|
7065
|
-
"name": "
|
|
7061
|
+
"name": "shrink",
|
|
7066
7062
|
"type": {
|
|
7067
|
-
"text": "
|
|
7063
|
+
"text": "number"
|
|
7068
7064
|
},
|
|
7069
|
-
"
|
|
7065
|
+
"default": "0",
|
|
7066
|
+
"description": "Flex shrink factor.",
|
|
7070
7067
|
"privacy": "public",
|
|
7071
|
-
"attribute": "
|
|
7068
|
+
"attribute": "shrink"
|
|
7072
7069
|
},
|
|
7073
7070
|
{
|
|
7074
7071
|
"kind": "field",
|
|
7075
|
-
"name": "
|
|
7072
|
+
"name": "basis",
|
|
7076
7073
|
"type": {
|
|
7077
|
-
"text": "string |
|
|
7074
|
+
"text": "string | null"
|
|
7078
7075
|
},
|
|
7079
|
-
"
|
|
7076
|
+
"default": "null",
|
|
7077
|
+
"description": "Flex basis override.",
|
|
7080
7078
|
"privacy": "public",
|
|
7081
|
-
"attribute": "
|
|
7079
|
+
"attribute": "basis"
|
|
7082
7080
|
},
|
|
7083
7081
|
{
|
|
7084
7082
|
"kind": "field",
|
|
7085
|
-
"name": "
|
|
7083
|
+
"name": "order",
|
|
7086
7084
|
"type": {
|
|
7087
|
-
"text": "number"
|
|
7085
|
+
"text": "number | undefined"
|
|
7088
7086
|
},
|
|
7089
|
-
"
|
|
7090
|
-
"description": "Total column count used for span calculations.",
|
|
7087
|
+
"description": "Flex order override.",
|
|
7091
7088
|
"privacy": "public",
|
|
7092
|
-
"attribute": "
|
|
7089
|
+
"attribute": "order"
|
|
7093
7090
|
},
|
|
7094
7091
|
{
|
|
7095
7092
|
"kind": "field",
|
|
7096
|
-
"name": "
|
|
7093
|
+
"name": "alignSelf",
|
|
7097
7094
|
"type": {
|
|
7098
|
-
"text": "
|
|
7095
|
+
"text": "SkyFlexcolAlignSelf | undefined"
|
|
7099
7096
|
},
|
|
7100
|
-
"
|
|
7097
|
+
"description": "Cross-axis alignment override.",
|
|
7098
|
+
"privacy": "public",
|
|
7099
|
+
"attribute": "alignSelf"
|
|
7101
7100
|
},
|
|
7102
7101
|
{
|
|
7103
7102
|
"kind": "method",
|
|
@@ -7107,51 +7106,25 @@
|
|
|
7107
7106
|
},
|
|
7108
7107
|
{
|
|
7109
7108
|
"kind": "method",
|
|
7110
|
-
"name": "
|
|
7109
|
+
"name": "refreshStyles",
|
|
7111
7110
|
"privacy": "public",
|
|
7112
|
-
"description": "Forces
|
|
7113
|
-
},
|
|
7114
|
-
{
|
|
7115
|
-
"kind": "field",
|
|
7116
|
-
"name": "updateSpans",
|
|
7117
|
-
"privacy": "private",
|
|
7118
|
-
"description": "Reads span attributes off slotted children and maps them to CSS vars:\r\nspan, span-lg, span-md, span-sm, span-xs"
|
|
7111
|
+
"description": "Forces resynchronization of CSS custom properties.\r\nUseful when properties are changed programmatically."
|
|
7119
7112
|
},
|
|
7120
7113
|
{
|
|
7121
7114
|
"kind": "method",
|
|
7122
|
-
"name": "
|
|
7123
|
-
"privacy": "
|
|
7115
|
+
"name": "getSpan",
|
|
7116
|
+
"privacy": "public",
|
|
7124
7117
|
"return": {
|
|
7125
7118
|
"type": {
|
|
7126
|
-
"text": "
|
|
7119
|
+
"text": ""
|
|
7127
7120
|
}
|
|
7128
7121
|
},
|
|
7129
|
-
"
|
|
7130
|
-
{
|
|
7131
|
-
"name": "el",
|
|
7132
|
-
"type": {
|
|
7133
|
-
"text": "HTMLElement"
|
|
7134
|
-
}
|
|
7135
|
-
},
|
|
7136
|
-
{
|
|
7137
|
-
"name": "attrName",
|
|
7138
|
-
"type": {
|
|
7139
|
-
"text": "string"
|
|
7140
|
-
}
|
|
7141
|
-
},
|
|
7142
|
-
{
|
|
7143
|
-
"name": "propName",
|
|
7144
|
-
"type": {
|
|
7145
|
-
"text": "string"
|
|
7146
|
-
}
|
|
7147
|
-
}
|
|
7148
|
-
],
|
|
7149
|
-
"description": "Reads a span value from an HTML attribute or element property."
|
|
7122
|
+
"description": "Gets the current span value."
|
|
7150
7123
|
},
|
|
7151
7124
|
{
|
|
7152
7125
|
"kind": "method",
|
|
7153
|
-
"name": "
|
|
7154
|
-
"privacy": "
|
|
7126
|
+
"name": "setSpan",
|
|
7127
|
+
"privacy": "public",
|
|
7155
7128
|
"return": {
|
|
7156
7129
|
"type": {
|
|
7157
7130
|
"text": "void"
|
|
@@ -7159,289 +7132,255 @@
|
|
|
7159
7132
|
},
|
|
7160
7133
|
"parameters": [
|
|
7161
7134
|
{
|
|
7162
|
-
"name": "
|
|
7163
|
-
"type": {
|
|
7164
|
-
"text": "HTMLElement"
|
|
7165
|
-
}
|
|
7166
|
-
},
|
|
7167
|
-
{
|
|
7168
|
-
"name": "cssVar",
|
|
7169
|
-
"type": {
|
|
7170
|
-
"text": "string"
|
|
7171
|
-
}
|
|
7172
|
-
},
|
|
7173
|
-
{
|
|
7174
|
-
"name": "raw",
|
|
7175
|
-
"type": {
|
|
7176
|
-
"text": "string | null"
|
|
7177
|
-
}
|
|
7178
|
-
}
|
|
7179
|
-
],
|
|
7180
|
-
"description": "Sets or clears a span CSS variable on a slotted child."
|
|
7181
|
-
},
|
|
7182
|
-
{
|
|
7183
|
-
"kind": "method",
|
|
7184
|
-
"name": "clampSpan",
|
|
7185
|
-
"privacy": "private",
|
|
7186
|
-
"return": {
|
|
7187
|
-
"type": {
|
|
7188
|
-
"text": ""
|
|
7189
|
-
}
|
|
7190
|
-
},
|
|
7191
|
-
"parameters": [
|
|
7192
|
-
{
|
|
7193
|
-
"name": "raw",
|
|
7135
|
+
"name": "value",
|
|
7194
7136
|
"type": {
|
|
7195
|
-
"text": "
|
|
7137
|
+
"text": "number"
|
|
7196
7138
|
},
|
|
7197
|
-
"description": "
|
|
7139
|
+
"description": "New span value"
|
|
7198
7140
|
}
|
|
7199
7141
|
],
|
|
7200
|
-
"description": "
|
|
7142
|
+
"description": "Sets the span value and updates styles."
|
|
7201
7143
|
}
|
|
7202
7144
|
],
|
|
7203
|
-
"
|
|
7145
|
+
"attributes": [
|
|
7204
7146
|
{
|
|
7147
|
+
"name": "span",
|
|
7205
7148
|
"type": {
|
|
7206
|
-
"text": "
|
|
7149
|
+
"text": "number"
|
|
7207
7150
|
},
|
|
7208
|
-
"
|
|
7209
|
-
"
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
"attributes": [
|
|
7151
|
+
"default": "1",
|
|
7152
|
+
"description": "Base number of columns to span.",
|
|
7153
|
+
"fieldName": "span"
|
|
7154
|
+
},
|
|
7213
7155
|
{
|
|
7214
|
-
"name": "
|
|
7156
|
+
"name": "spanLg",
|
|
7215
7157
|
"type": {
|
|
7216
|
-
"text": "
|
|
7158
|
+
"text": "number | undefined"
|
|
7217
7159
|
},
|
|
7218
|
-
"
|
|
7219
|
-
"
|
|
7220
|
-
"fieldName": "direction"
|
|
7160
|
+
"description": "Span at large breakpoints.",
|
|
7161
|
+
"fieldName": "spanLg"
|
|
7221
7162
|
},
|
|
7222
7163
|
{
|
|
7223
|
-
"name": "
|
|
7164
|
+
"name": "spanMd",
|
|
7224
7165
|
"type": {
|
|
7225
|
-
"text": "
|
|
7166
|
+
"text": "number | undefined"
|
|
7226
7167
|
},
|
|
7227
|
-
"
|
|
7228
|
-
"
|
|
7229
|
-
"fieldName": "wrap"
|
|
7168
|
+
"description": "Span at medium breakpoints.",
|
|
7169
|
+
"fieldName": "spanMd"
|
|
7230
7170
|
},
|
|
7231
7171
|
{
|
|
7232
|
-
"name": "
|
|
7172
|
+
"name": "spanSm",
|
|
7233
7173
|
"type": {
|
|
7234
|
-
"text": "
|
|
7174
|
+
"text": "number | undefined"
|
|
7235
7175
|
},
|
|
7236
|
-
"
|
|
7237
|
-
"
|
|
7238
|
-
"fieldName": "justify"
|
|
7176
|
+
"description": "Span at small breakpoints.",
|
|
7177
|
+
"fieldName": "spanSm"
|
|
7239
7178
|
},
|
|
7240
7179
|
{
|
|
7241
|
-
"name": "
|
|
7180
|
+
"name": "spanXs",
|
|
7242
7181
|
"type": {
|
|
7243
|
-
"text": "
|
|
7182
|
+
"text": "number | undefined"
|
|
7244
7183
|
},
|
|
7245
|
-
"
|
|
7246
|
-
"
|
|
7247
|
-
"fieldName": "align"
|
|
7184
|
+
"description": "Span at extra-small breakpoints.",
|
|
7185
|
+
"fieldName": "spanXs"
|
|
7248
7186
|
},
|
|
7249
7187
|
{
|
|
7250
|
-
"name": "
|
|
7188
|
+
"name": "grow",
|
|
7251
7189
|
"type": {
|
|
7252
|
-
"text": "
|
|
7190
|
+
"text": "number"
|
|
7253
7191
|
},
|
|
7254
|
-
"default": "
|
|
7255
|
-
"description": "
|
|
7256
|
-
"fieldName": "
|
|
7192
|
+
"default": "0",
|
|
7193
|
+
"description": "Flex grow factor.",
|
|
7194
|
+
"fieldName": "grow"
|
|
7257
7195
|
},
|
|
7258
7196
|
{
|
|
7259
|
-
"name": "
|
|
7197
|
+
"name": "shrink",
|
|
7260
7198
|
"type": {
|
|
7261
|
-
"text": "
|
|
7199
|
+
"text": "number"
|
|
7262
7200
|
},
|
|
7263
|
-
"default": "
|
|
7264
|
-
"description": "
|
|
7265
|
-
"fieldName": "
|
|
7201
|
+
"default": "0",
|
|
7202
|
+
"description": "Flex shrink factor.",
|
|
7203
|
+
"fieldName": "shrink"
|
|
7266
7204
|
},
|
|
7267
7205
|
{
|
|
7268
|
-
"name": "
|
|
7206
|
+
"name": "basis",
|
|
7269
7207
|
"type": {
|
|
7270
|
-
"text": "string |
|
|
7208
|
+
"text": "string | null"
|
|
7271
7209
|
},
|
|
7272
|
-
"
|
|
7273
|
-
"
|
|
7210
|
+
"default": "null",
|
|
7211
|
+
"description": "Flex basis override.",
|
|
7212
|
+
"fieldName": "basis"
|
|
7274
7213
|
},
|
|
7275
7214
|
{
|
|
7276
|
-
"name": "
|
|
7215
|
+
"name": "order",
|
|
7277
7216
|
"type": {
|
|
7278
|
-
"text": "
|
|
7217
|
+
"text": "number | undefined"
|
|
7279
7218
|
},
|
|
7280
|
-
"description": "
|
|
7281
|
-
"fieldName": "
|
|
7219
|
+
"description": "Flex order override.",
|
|
7220
|
+
"fieldName": "order"
|
|
7282
7221
|
},
|
|
7283
7222
|
{
|
|
7284
|
-
"name": "
|
|
7223
|
+
"name": "alignSelf",
|
|
7285
7224
|
"type": {
|
|
7286
|
-
"text": "
|
|
7225
|
+
"text": "SkyFlexcolAlignSelf | undefined"
|
|
7287
7226
|
},
|
|
7288
|
-
"
|
|
7289
|
-
"
|
|
7290
|
-
"fieldName": "col"
|
|
7227
|
+
"description": "Cross-axis alignment override.",
|
|
7228
|
+
"fieldName": "alignSelf"
|
|
7291
7229
|
}
|
|
7292
7230
|
],
|
|
7293
7231
|
"superclass": {
|
|
7294
7232
|
"name": "LitElement",
|
|
7295
7233
|
"package": "lit"
|
|
7296
7234
|
},
|
|
7297
|
-
"tagName": "sky-
|
|
7235
|
+
"tagName": "sky-flexcol",
|
|
7298
7236
|
"customElement": true,
|
|
7299
|
-
"summary": "
|
|
7237
|
+
"summary": "Flex column item for `sky-flexbox` layouts with responsive span controls."
|
|
7300
7238
|
}
|
|
7301
7239
|
],
|
|
7302
7240
|
"exports": [
|
|
7303
7241
|
{
|
|
7304
7242
|
"kind": "js",
|
|
7305
|
-
"name": "
|
|
7243
|
+
"name": "SkyFlexcol",
|
|
7306
7244
|
"declaration": {
|
|
7307
|
-
"name": "
|
|
7308
|
-
"module": "src/sky-
|
|
7245
|
+
"name": "SkyFlexcol",
|
|
7246
|
+
"module": "src/sky-flexcol/sky-flexcol.ts"
|
|
7309
7247
|
}
|
|
7310
7248
|
},
|
|
7311
7249
|
{
|
|
7312
7250
|
"kind": "custom-element-definition",
|
|
7313
|
-
"name": "sky-
|
|
7251
|
+
"name": "sky-flexcol",
|
|
7314
7252
|
"declaration": {
|
|
7315
|
-
"name": "
|
|
7316
|
-
"module": "src/sky-
|
|
7253
|
+
"name": "SkyFlexcol",
|
|
7254
|
+
"module": "src/sky-flexcol/sky-flexcol.ts"
|
|
7317
7255
|
}
|
|
7318
7256
|
}
|
|
7319
7257
|
]
|
|
7320
7258
|
},
|
|
7321
7259
|
{
|
|
7322
7260
|
"kind": "javascript-module",
|
|
7323
|
-
"path": "src/sky-
|
|
7261
|
+
"path": "src/sky-flexbox/sky-flexbox.ts",
|
|
7324
7262
|
"declarations": [
|
|
7325
7263
|
{
|
|
7326
7264
|
"kind": "class",
|
|
7327
7265
|
"description": "",
|
|
7328
|
-
"name": "
|
|
7266
|
+
"name": "SkyFlexbox",
|
|
7329
7267
|
"cssParts": [
|
|
7330
7268
|
{
|
|
7331
|
-
"description": "The flex
|
|
7332
|
-
"name": "
|
|
7269
|
+
"description": "The flex container element.",
|
|
7270
|
+
"name": "container"
|
|
7333
7271
|
}
|
|
7334
7272
|
],
|
|
7335
7273
|
"slots": [
|
|
7336
7274
|
{
|
|
7337
|
-
"description": "Default slot for
|
|
7275
|
+
"description": "Default slot for flex items (`<sky-flexcol>` or plain elements with `span` attributes).",
|
|
7338
7276
|
"name": ""
|
|
7339
7277
|
}
|
|
7340
7278
|
],
|
|
7341
7279
|
"members": [
|
|
7342
7280
|
{
|
|
7343
7281
|
"kind": "field",
|
|
7344
|
-
"name": "
|
|
7282
|
+
"name": "direction",
|
|
7345
7283
|
"type": {
|
|
7346
|
-
"text": "
|
|
7284
|
+
"text": "SkyFlexboxDirection"
|
|
7347
7285
|
},
|
|
7348
|
-
"default": "
|
|
7349
|
-
"description": "
|
|
7286
|
+
"default": "\"row\"",
|
|
7287
|
+
"description": "Flex direction.",
|
|
7350
7288
|
"privacy": "public",
|
|
7351
|
-
"attribute": "
|
|
7289
|
+
"attribute": "direction"
|
|
7352
7290
|
},
|
|
7353
7291
|
{
|
|
7354
7292
|
"kind": "field",
|
|
7355
|
-
"name": "
|
|
7293
|
+
"name": "wrap",
|
|
7356
7294
|
"type": {
|
|
7357
|
-
"text": "
|
|
7295
|
+
"text": "SkyFlexboxWrap"
|
|
7358
7296
|
},
|
|
7359
|
-
"
|
|
7297
|
+
"default": "\"wrap\"",
|
|
7298
|
+
"description": "Flex wrap behavior.",
|
|
7360
7299
|
"privacy": "public",
|
|
7361
|
-
"attribute": "
|
|
7300
|
+
"attribute": "wrap"
|
|
7362
7301
|
},
|
|
7363
7302
|
{
|
|
7364
7303
|
"kind": "field",
|
|
7365
|
-
"name": "
|
|
7304
|
+
"name": "justify",
|
|
7366
7305
|
"type": {
|
|
7367
|
-
"text": "
|
|
7306
|
+
"text": "SkyFlexboxJustify"
|
|
7368
7307
|
},
|
|
7369
|
-
"
|
|
7308
|
+
"default": "\"flex-start\"",
|
|
7309
|
+
"description": "Main-axis alignment.",
|
|
7370
7310
|
"privacy": "public",
|
|
7371
|
-
"attribute": "
|
|
7311
|
+
"attribute": "justify"
|
|
7372
7312
|
},
|
|
7373
7313
|
{
|
|
7374
7314
|
"kind": "field",
|
|
7375
|
-
"name": "
|
|
7315
|
+
"name": "align",
|
|
7376
7316
|
"type": {
|
|
7377
|
-
"text": "
|
|
7317
|
+
"text": "SkyFlexboxAlign"
|
|
7378
7318
|
},
|
|
7379
|
-
"
|
|
7319
|
+
"default": "\"stretch\"",
|
|
7320
|
+
"description": "Cross-axis alignment.",
|
|
7380
7321
|
"privacy": "public",
|
|
7381
|
-
"attribute": "
|
|
7322
|
+
"attribute": "align"
|
|
7382
7323
|
},
|
|
7383
7324
|
{
|
|
7384
7325
|
"kind": "field",
|
|
7385
|
-
"name": "
|
|
7326
|
+
"name": "alignContent",
|
|
7386
7327
|
"type": {
|
|
7387
|
-
"text": "
|
|
7328
|
+
"text": "SkyFlexboxAlignContent"
|
|
7388
7329
|
},
|
|
7389
|
-
"
|
|
7330
|
+
"default": "\"normal\"",
|
|
7331
|
+
"description": "Multi-line cross-axis distribution.",
|
|
7390
7332
|
"privacy": "public",
|
|
7391
|
-
"attribute": "
|
|
7333
|
+
"attribute": "alignContent"
|
|
7392
7334
|
},
|
|
7393
7335
|
{
|
|
7394
7336
|
"kind": "field",
|
|
7395
|
-
"name": "
|
|
7337
|
+
"name": "gap",
|
|
7396
7338
|
"type": {
|
|
7397
|
-
"text": "
|
|
7339
|
+
"text": "string"
|
|
7398
7340
|
},
|
|
7399
|
-
"default": "
|
|
7400
|
-
"description": "
|
|
7341
|
+
"default": "\"16px\"",
|
|
7342
|
+
"description": "Shared row/column gap value.",
|
|
7401
7343
|
"privacy": "public",
|
|
7402
|
-
"attribute": "
|
|
7344
|
+
"attribute": "gap"
|
|
7403
7345
|
},
|
|
7404
7346
|
{
|
|
7405
7347
|
"kind": "field",
|
|
7406
|
-
"name": "
|
|
7348
|
+
"name": "gapX",
|
|
7407
7349
|
"type": {
|
|
7408
|
-
"text": "
|
|
7350
|
+
"text": "string | undefined"
|
|
7409
7351
|
},
|
|
7410
|
-
"
|
|
7411
|
-
"description": "Flex shrink factor.",
|
|
7352
|
+
"description": "Horizontal gap override.",
|
|
7412
7353
|
"privacy": "public",
|
|
7413
|
-
"attribute": "
|
|
7354
|
+
"attribute": "gapX"
|
|
7414
7355
|
},
|
|
7415
7356
|
{
|
|
7416
7357
|
"kind": "field",
|
|
7417
|
-
"name": "
|
|
7358
|
+
"name": "gapY",
|
|
7418
7359
|
"type": {
|
|
7419
|
-
"text": "string |
|
|
7360
|
+
"text": "string | undefined"
|
|
7420
7361
|
},
|
|
7421
|
-
"
|
|
7422
|
-
"description": "Flex basis override.",
|
|
7362
|
+
"description": "Vertical gap override.",
|
|
7423
7363
|
"privacy": "public",
|
|
7424
|
-
"attribute": "
|
|
7364
|
+
"attribute": "gapY"
|
|
7425
7365
|
},
|
|
7426
7366
|
{
|
|
7427
7367
|
"kind": "field",
|
|
7428
|
-
"name": "
|
|
7368
|
+
"name": "col",
|
|
7429
7369
|
"type": {
|
|
7430
|
-
"text": "number
|
|
7370
|
+
"text": "number"
|
|
7431
7371
|
},
|
|
7432
|
-
"
|
|
7372
|
+
"default": "12",
|
|
7373
|
+
"description": "Total column count used for span calculations.",
|
|
7433
7374
|
"privacy": "public",
|
|
7434
|
-
"attribute": "
|
|
7375
|
+
"attribute": "col"
|
|
7435
7376
|
},
|
|
7436
7377
|
{
|
|
7437
7378
|
"kind": "field",
|
|
7438
|
-
"name": "
|
|
7379
|
+
"name": "_childMo",
|
|
7439
7380
|
"type": {
|
|
7440
|
-
"text": "
|
|
7381
|
+
"text": "MutationObserver | undefined"
|
|
7441
7382
|
},
|
|
7442
|
-
"
|
|
7443
|
-
"privacy": "public",
|
|
7444
|
-
"attribute": "alignSelf"
|
|
7383
|
+
"privacy": "private"
|
|
7445
7384
|
},
|
|
7446
7385
|
{
|
|
7447
7386
|
"kind": "method",
|
|
@@ -7451,25 +7390,51 @@
|
|
|
7451
7390
|
},
|
|
7452
7391
|
{
|
|
7453
7392
|
"kind": "method",
|
|
7454
|
-
"name": "
|
|
7393
|
+
"name": "recalculateSpans",
|
|
7455
7394
|
"privacy": "public",
|
|
7456
|
-
"description": "Forces
|
|
7395
|
+
"description": "Forces recalculation of spans for all child elements.\r\nUseful when dynamically adding/removing items."
|
|
7396
|
+
},
|
|
7397
|
+
{
|
|
7398
|
+
"kind": "field",
|
|
7399
|
+
"name": "updateSpans",
|
|
7400
|
+
"privacy": "private",
|
|
7401
|
+
"description": "Reads span attributes off slotted children and maps them to CSS vars:\r\nspan, span-lg, span-md, span-sm, span-xs"
|
|
7457
7402
|
},
|
|
7458
7403
|
{
|
|
7459
7404
|
"kind": "method",
|
|
7460
|
-
"name": "
|
|
7461
|
-
"privacy": "
|
|
7405
|
+
"name": "readSpanRaw",
|
|
7406
|
+
"privacy": "private",
|
|
7462
7407
|
"return": {
|
|
7463
7408
|
"type": {
|
|
7464
|
-
"text": ""
|
|
7409
|
+
"text": "string | null"
|
|
7465
7410
|
}
|
|
7466
7411
|
},
|
|
7467
|
-
"
|
|
7412
|
+
"parameters": [
|
|
7413
|
+
{
|
|
7414
|
+
"name": "el",
|
|
7415
|
+
"type": {
|
|
7416
|
+
"text": "HTMLElement"
|
|
7417
|
+
}
|
|
7418
|
+
},
|
|
7419
|
+
{
|
|
7420
|
+
"name": "attrName",
|
|
7421
|
+
"type": {
|
|
7422
|
+
"text": "string"
|
|
7423
|
+
}
|
|
7424
|
+
},
|
|
7425
|
+
{
|
|
7426
|
+
"name": "propName",
|
|
7427
|
+
"type": {
|
|
7428
|
+
"text": "string"
|
|
7429
|
+
}
|
|
7430
|
+
}
|
|
7431
|
+
],
|
|
7432
|
+
"description": "Reads a span value from an HTML attribute or element property."
|
|
7468
7433
|
},
|
|
7469
7434
|
{
|
|
7470
7435
|
"kind": "method",
|
|
7471
|
-
"name": "
|
|
7472
|
-
"privacy": "
|
|
7436
|
+
"name": "applySpanVar",
|
|
7437
|
+
"privacy": "private",
|
|
7473
7438
|
"return": {
|
|
7474
7439
|
"type": {
|
|
7475
7440
|
"text": "void"
|
|
@@ -7477,126 +7442,161 @@
|
|
|
7477
7442
|
},
|
|
7478
7443
|
"parameters": [
|
|
7479
7444
|
{
|
|
7480
|
-
"name": "
|
|
7445
|
+
"name": "el",
|
|
7481
7446
|
"type": {
|
|
7482
|
-
"text": "
|
|
7447
|
+
"text": "HTMLElement"
|
|
7448
|
+
}
|
|
7449
|
+
},
|
|
7450
|
+
{
|
|
7451
|
+
"name": "cssVar",
|
|
7452
|
+
"type": {
|
|
7453
|
+
"text": "string"
|
|
7454
|
+
}
|
|
7455
|
+
},
|
|
7456
|
+
{
|
|
7457
|
+
"name": "raw",
|
|
7458
|
+
"type": {
|
|
7459
|
+
"text": "string | null"
|
|
7460
|
+
}
|
|
7461
|
+
}
|
|
7462
|
+
],
|
|
7463
|
+
"description": "Sets or clears a span CSS variable on a slotted child."
|
|
7464
|
+
},
|
|
7465
|
+
{
|
|
7466
|
+
"kind": "method",
|
|
7467
|
+
"name": "clampSpan",
|
|
7468
|
+
"privacy": "private",
|
|
7469
|
+
"return": {
|
|
7470
|
+
"type": {
|
|
7471
|
+
"text": ""
|
|
7472
|
+
}
|
|
7473
|
+
},
|
|
7474
|
+
"parameters": [
|
|
7475
|
+
{
|
|
7476
|
+
"name": "raw",
|
|
7477
|
+
"type": {
|
|
7478
|
+
"text": "string | null"
|
|
7483
7479
|
},
|
|
7484
|
-
"description": "
|
|
7480
|
+
"description": "Raw span value from attribute"
|
|
7485
7481
|
}
|
|
7486
7482
|
],
|
|
7487
|
-
"description": "
|
|
7483
|
+
"description": "Clamps span value to valid range (1 to column count)."
|
|
7488
7484
|
}
|
|
7489
7485
|
],
|
|
7490
|
-
"
|
|
7486
|
+
"events": [
|
|
7491
7487
|
{
|
|
7492
|
-
"name": "span",
|
|
7493
7488
|
"type": {
|
|
7494
|
-
"text": "
|
|
7489
|
+
"text": "Event"
|
|
7495
7490
|
},
|
|
7496
|
-
"
|
|
7497
|
-
"
|
|
7498
|
-
|
|
7499
|
-
|
|
7491
|
+
"description": "Fired when slotted children change.",
|
|
7492
|
+
"name": "slotchange"
|
|
7493
|
+
}
|
|
7494
|
+
],
|
|
7495
|
+
"attributes": [
|
|
7500
7496
|
{
|
|
7501
|
-
"name": "
|
|
7497
|
+
"name": "direction",
|
|
7502
7498
|
"type": {
|
|
7503
|
-
"text": "
|
|
7499
|
+
"text": "SkyFlexboxDirection"
|
|
7504
7500
|
},
|
|
7505
|
-
"
|
|
7506
|
-
"
|
|
7501
|
+
"default": "\"row\"",
|
|
7502
|
+
"description": "Flex direction.",
|
|
7503
|
+
"fieldName": "direction"
|
|
7507
7504
|
},
|
|
7508
7505
|
{
|
|
7509
|
-
"name": "
|
|
7506
|
+
"name": "wrap",
|
|
7510
7507
|
"type": {
|
|
7511
|
-
"text": "
|
|
7508
|
+
"text": "SkyFlexboxWrap"
|
|
7512
7509
|
},
|
|
7513
|
-
"
|
|
7514
|
-
"
|
|
7510
|
+
"default": "\"wrap\"",
|
|
7511
|
+
"description": "Flex wrap behavior.",
|
|
7512
|
+
"fieldName": "wrap"
|
|
7515
7513
|
},
|
|
7516
7514
|
{
|
|
7517
|
-
"name": "
|
|
7515
|
+
"name": "justify",
|
|
7518
7516
|
"type": {
|
|
7519
|
-
"text": "
|
|
7517
|
+
"text": "SkyFlexboxJustify"
|
|
7520
7518
|
},
|
|
7521
|
-
"
|
|
7522
|
-
"
|
|
7519
|
+
"default": "\"flex-start\"",
|
|
7520
|
+
"description": "Main-axis alignment.",
|
|
7521
|
+
"fieldName": "justify"
|
|
7523
7522
|
},
|
|
7524
7523
|
{
|
|
7525
|
-
"name": "
|
|
7524
|
+
"name": "align",
|
|
7526
7525
|
"type": {
|
|
7527
|
-
"text": "
|
|
7526
|
+
"text": "SkyFlexboxAlign"
|
|
7528
7527
|
},
|
|
7529
|
-
"
|
|
7530
|
-
"
|
|
7528
|
+
"default": "\"stretch\"",
|
|
7529
|
+
"description": "Cross-axis alignment.",
|
|
7530
|
+
"fieldName": "align"
|
|
7531
7531
|
},
|
|
7532
7532
|
{
|
|
7533
|
-
"name": "
|
|
7533
|
+
"name": "alignContent",
|
|
7534
7534
|
"type": {
|
|
7535
|
-
"text": "
|
|
7535
|
+
"text": "SkyFlexboxAlignContent"
|
|
7536
7536
|
},
|
|
7537
|
-
"default": "
|
|
7538
|
-
"description": "
|
|
7539
|
-
"fieldName": "
|
|
7537
|
+
"default": "\"normal\"",
|
|
7538
|
+
"description": "Multi-line cross-axis distribution.",
|
|
7539
|
+
"fieldName": "alignContent"
|
|
7540
7540
|
},
|
|
7541
7541
|
{
|
|
7542
|
-
"name": "
|
|
7542
|
+
"name": "gap",
|
|
7543
7543
|
"type": {
|
|
7544
|
-
"text": "
|
|
7544
|
+
"text": "string"
|
|
7545
7545
|
},
|
|
7546
|
-
"default": "
|
|
7547
|
-
"description": "
|
|
7548
|
-
"fieldName": "
|
|
7546
|
+
"default": "\"16px\"",
|
|
7547
|
+
"description": "Shared row/column gap value.",
|
|
7548
|
+
"fieldName": "gap"
|
|
7549
7549
|
},
|
|
7550
7550
|
{
|
|
7551
|
-
"name": "
|
|
7551
|
+
"name": "gapX",
|
|
7552
7552
|
"type": {
|
|
7553
|
-
"text": "string |
|
|
7553
|
+
"text": "string | undefined"
|
|
7554
7554
|
},
|
|
7555
|
-
"
|
|
7556
|
-
"
|
|
7557
|
-
"fieldName": "basis"
|
|
7555
|
+
"description": "Horizontal gap override.",
|
|
7556
|
+
"fieldName": "gapX"
|
|
7558
7557
|
},
|
|
7559
7558
|
{
|
|
7560
|
-
"name": "
|
|
7559
|
+
"name": "gapY",
|
|
7561
7560
|
"type": {
|
|
7562
|
-
"text": "
|
|
7561
|
+
"text": "string | undefined"
|
|
7563
7562
|
},
|
|
7564
|
-
"description": "
|
|
7565
|
-
"fieldName": "
|
|
7563
|
+
"description": "Vertical gap override.",
|
|
7564
|
+
"fieldName": "gapY"
|
|
7566
7565
|
},
|
|
7567
7566
|
{
|
|
7568
|
-
"name": "
|
|
7567
|
+
"name": "col",
|
|
7569
7568
|
"type": {
|
|
7570
|
-
"text": "
|
|
7569
|
+
"text": "number"
|
|
7571
7570
|
},
|
|
7572
|
-
"
|
|
7573
|
-
"
|
|
7571
|
+
"default": "12",
|
|
7572
|
+
"description": "Total column count used for span calculations.",
|
|
7573
|
+
"fieldName": "col"
|
|
7574
7574
|
}
|
|
7575
7575
|
],
|
|
7576
7576
|
"superclass": {
|
|
7577
7577
|
"name": "LitElement",
|
|
7578
7578
|
"package": "lit"
|
|
7579
7579
|
},
|
|
7580
|
-
"tagName": "sky-
|
|
7580
|
+
"tagName": "sky-flexbox",
|
|
7581
7581
|
"customElement": true,
|
|
7582
|
-
"summary": "
|
|
7582
|
+
"summary": "Flexbox container with grid-like span support for slotted children."
|
|
7583
7583
|
}
|
|
7584
7584
|
],
|
|
7585
7585
|
"exports": [
|
|
7586
7586
|
{
|
|
7587
7587
|
"kind": "js",
|
|
7588
|
-
"name": "
|
|
7588
|
+
"name": "SkyFlexbox",
|
|
7589
7589
|
"declaration": {
|
|
7590
|
-
"name": "
|
|
7591
|
-
"module": "src/sky-
|
|
7590
|
+
"name": "SkyFlexbox",
|
|
7591
|
+
"module": "src/sky-flexbox/sky-flexbox.ts"
|
|
7592
7592
|
}
|
|
7593
7593
|
},
|
|
7594
7594
|
{
|
|
7595
7595
|
"kind": "custom-element-definition",
|
|
7596
|
-
"name": "sky-
|
|
7596
|
+
"name": "sky-flexbox",
|
|
7597
7597
|
"declaration": {
|
|
7598
|
-
"name": "
|
|
7599
|
-
"module": "src/sky-
|
|
7598
|
+
"name": "SkyFlexbox",
|
|
7599
|
+
"module": "src/sky-flexbox/sky-flexbox.ts"
|
|
7600
7600
|
}
|
|
7601
7601
|
}
|
|
7602
7602
|
]
|