@sky.ui/core 0.0.21 → 0.0.23

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.
Files changed (2) hide show
  1. package/dist/custom-elements.json +768 -768
  2. package/package.json +16 -6
package/dist/custom-elements.json CHANGED
@@ -4,38 +4,58 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "src/sky-appbar/sky-appbar.ts",
7
+ "path": "src/sky-alert/sky-alert.ts",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
11
11
  "description": "",
12
- "name": "SkyAppbar",
12
+ "name": "SkyAlert",
13
13
  "cssParts": [
14
14
  {
15
- "description": "Wrapper that contains the leading slot, title, and actions.",
16
- "name": "content"
15
+ "description": "The outer alert container.",
16
+ "name": "alert"
17
17
  },
18
18
  {
19
- "description": "Container for the leading slot (e.g. menu button).",
20
- "name": "leading"
19
+ "description": "The optional leading icon.",
20
+ "name": "icon"
21
21
  },
22
22
  {
23
- "description": "The title area (contains .title-text with the title string).",
23
+ "description": "The content container (title + message/slot).",
24
+ "name": "content"
25
+ },
26
+ {
27
+ "description": "The title text element.",
24
28
  "name": "title"
25
29
  },
30
+ {
31
+ "description": "The message text element (when `message` is provided).",
32
+ "name": "message"
33
+ },
26
34
  {
27
35
  "description": "The trailing actions container.",
28
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.",
44
+ "name": "loading-overlay"
45
+ },
46
+ {
47
+ "description": "Spinner element shown inside the loading overlay.",
48
+ "name": "loading-spinner"
29
49
  }
30
50
  ],
31
51
  "slots": [
32
52
  {
33
- "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
34
- "name": "button"
53
+ "description": "Custom message content (used when `message` is empty).",
54
+ "name": ""
35
55
  },
36
56
  {
37
- "description": "Trailing actions (icons/buttons). This is the default slot.",
38
- "name": ""
57
+ "description": "Action buttons or links displayed on the trailing side.",
58
+ "name": "actions"
39
59
  }
40
60
  ],
41
61
  "members": [
@@ -54,91 +74,243 @@
54
74
  "type": {
55
75
  "text": "string"
56
76
  },
57
- "default": "\"App Bar\"",
58
- "description": "Title text displayed in the app bar.",
77
+ "default": "\"\"",
78
+ "description": "Title text shown above the message.",
59
79
  "attribute": "title"
60
80
  },
81
+ {
82
+ "kind": "field",
83
+ "name": "message",
84
+ "type": {
85
+ "text": "string"
86
+ },
87
+ "default": "\"\"",
88
+ "description": "Message text rendered inside the alert.",
89
+ "attribute": "message"
90
+ },
91
+ {
92
+ "kind": "field",
93
+ "name": "removable",
94
+ "type": {
95
+ "text": "boolean"
96
+ },
97
+ "default": "false",
98
+ "description": "Shows a dismiss button when enabled.",
99
+ "attribute": "removable"
100
+ },
61
101
  {
62
102
  "kind": "field",
63
103
  "name": "color",
64
104
  "type": {
65
105
  "text": "string"
66
106
  },
67
- "default": "\"default\"",
68
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
107
+ "default": "\"primary\"",
108
+ "description": "Base color token or CSS color used by the alert.",
69
109
  "attribute": "color"
70
110
  },
71
111
  {
72
112
  "kind": "field",
73
- "name": "url",
113
+ "name": "size",
74
114
  "type": {
75
115
  "text": "string"
76
116
  },
77
- "default": "\"\"",
78
- "description": "Background image URL.",
79
- "attribute": "url"
117
+ "default": "\"md\"",
118
+ "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
119
+ "attribute": "size"
80
120
  },
81
121
  {
82
122
  "kind": "field",
83
- "name": "banner",
123
+ "name": "radius",
84
124
  "type": {
85
- "text": "boolean"
125
+ "text": "string"
86
126
  },
87
- "default": "true",
88
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
89
- "attribute": "banner"
127
+ "default": "\"md\"",
128
+ "description": "Radius token or CSS length.",
129
+ "attribute": "radius"
90
130
  },
91
131
  {
92
132
  "kind": "field",
93
- "name": "dense",
133
+ "name": "icon",
94
134
  "type": {
95
- "text": "boolean"
135
+ "text": "string | null"
96
136
  },
97
- "default": "false",
98
- "description": "Enables compact vertical spacing.",
99
- "attribute": "dense"
137
+ "default": "null",
138
+ "description": "Optional leading icon name for `<sky-icon>`.",
139
+ "attribute": "icon"
100
140
  },
101
141
  {
102
142
  "kind": "field",
103
- "name": "elevated",
143
+ "name": "strip",
144
+ "type": {
145
+ "text": "SkyAlertStrip"
146
+ },
147
+ "default": "\"none\"",
148
+ "description": "Strip accent placement.",
149
+ "attribute": "strip",
150
+ "reflects": true
151
+ },
152
+ {
153
+ "kind": "field",
154
+ "name": "stripColor",
155
+ "type": {
156
+ "text": "string"
157
+ },
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",
171
+ "reflects": true
172
+ },
173
+ {
174
+ "kind": "field",
175
+ "name": "loading",
104
176
  "type": {
105
177
  "text": "boolean"
106
178
  },
107
179
  "default": "false",
108
- "description": "Applies elevated shadow styling.",
109
- "attribute": "elevated"
180
+ "description": "Shows a loading overlay.",
181
+ "attribute": "loading"
110
182
  },
111
183
  {
112
184
  "kind": "field",
113
- "name": "leadingLabel",
185
+ "name": "roleType",
114
186
  "type": {
115
- "text": "string"
187
+ "text": "SkyAlertRoleType"
116
188
  },
117
- "default": "\"Open menu\"",
118
- "description": "Accessible label for default leading button fallback.",
119
- "attribute": "leadingLabel"
189
+ "default": "\"alert\"",
190
+ "description": "ARIA role for the alert container.",
191
+ "attribute": "roleType",
192
+ "reflects": true
193
+ },
194
+ {
195
+ "kind": "field",
196
+ "name": "_styleVars",
197
+ "type": {
198
+ "text": "Record<string, string>"
199
+ },
200
+ "privacy": "private",
201
+ "default": "{}",
202
+ "description": "Internal style variables"
203
+ },
204
+ {
205
+ "kind": "field",
206
+ "name": "_sizeCache",
207
+ "type": {
208
+ "text": "{ size: string; result: SkyAlertResolvedSize } | null"
209
+ },
210
+ "privacy": "private",
211
+ "default": "null",
212
+ "description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
213
+ },
214
+ {
215
+ "kind": "field",
216
+ "name": "_hasActionsSlotContent",
217
+ "type": {
218
+ "text": "boolean"
219
+ },
220
+ "privacy": "private",
221
+ "default": "false",
222
+ "description": "True when the actions slot has assigned content (used to show separator only when needed)."
120
223
  },
121
224
  {
122
225
  "kind": "method",
123
- "name": "_applyColorSurface",
226
+ "name": "_resolveSize",
227
+ "privacy": "private",
228
+ "return": {
229
+ "type": {
230
+ "text": "SkyAlertResolvedSize"
231
+ }
232
+ },
233
+ "parameters": [
234
+ {
235
+ "name": "input",
236
+ "type": {
237
+ "text": "string"
238
+ }
239
+ }
240
+ ],
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."
242
+ },
243
+ {
244
+ "kind": "method",
245
+ "name": "_updateStyleVars",
124
246
  "privacy": "private",
125
247
  "return": {
126
248
  "type": {
127
249
  "text": "void"
128
250
  }
129
251
  },
130
- "description": "Applies glass vs solid surface tokens from `color`."
252
+ "description": "Computes CSS custom properties from current variant, size, and color inputs."
131
253
  },
132
254
  {
133
255
  "kind": "method",
134
- "name": "_applyBackgroundImage",
256
+ "name": "close",
257
+ "privacy": "public",
258
+ "return": {
259
+ "type": {
260
+ "text": "void"
261
+ }
262
+ },
263
+ "description": "Dispatches `alert-closed` and removes the alert from the DOM."
264
+ },
265
+ {
266
+ "kind": "method",
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",
135
279
  "privacy": "private",
136
280
  "return": {
137
281
  "type": {
138
282
  "text": "void"
139
283
  }
140
284
  },
141
- "description": "Sets background image CSS variable from `url`."
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."
305
+ }
306
+ ],
307
+ "events": [
308
+ {
309
+ "type": {
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"
142
314
  }
143
315
  ],
144
316
  "attributes": [
@@ -147,172 +319,193 @@
147
319
  "type": {
148
320
  "text": "string"
149
321
  },
150
- "default": "\"App Bar\"",
151
- "description": "Title text displayed in the app bar.",
322
+ "default": "\"\"",
323
+ "description": "Title text shown above the message.",
152
324
  "fieldName": "title"
153
325
  },
326
+ {
327
+ "name": "message",
328
+ "type": {
329
+ "text": "string"
330
+ },
331
+ "default": "\"\"",
332
+ "description": "Message text rendered inside the alert.",
333
+ "fieldName": "message"
334
+ },
335
+ {
336
+ "name": "removable",
337
+ "type": {
338
+ "text": "boolean"
339
+ },
340
+ "default": "false",
341
+ "description": "Shows a dismiss button when enabled.",
342
+ "fieldName": "removable"
343
+ },
154
344
  {
155
345
  "name": "color",
156
346
  "type": {
157
347
  "text": "string"
158
348
  },
159
- "default": "\"default\"",
160
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
349
+ "default": "\"primary\"",
350
+ "description": "Base color token or CSS color used by the alert.",
161
351
  "fieldName": "color"
162
352
  },
163
353
  {
164
- "name": "url",
354
+ "name": "size",
165
355
  "type": {
166
356
  "text": "string"
167
357
  },
168
- "default": "\"\"",
169
- "description": "Background image URL.",
170
- "fieldName": "url"
358
+ "default": "\"md\"",
359
+ "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
360
+ "fieldName": "size"
171
361
  },
172
362
  {
173
- "name": "banner",
363
+ "name": "radius",
174
364
  "type": {
175
- "text": "boolean"
365
+ "text": "string"
176
366
  },
177
- "default": "true",
178
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
179
- "fieldName": "banner"
367
+ "default": "\"md\"",
368
+ "description": "Radius token or CSS length.",
369
+ "fieldName": "radius"
180
370
  },
181
371
  {
182
- "name": "dense",
372
+ "name": "icon",
183
373
  "type": {
184
- "text": "boolean"
374
+ "text": "string | null"
185
375
  },
186
- "default": "false",
187
- "description": "Enables compact vertical spacing.",
188
- "fieldName": "dense"
376
+ "default": "null",
377
+ "description": "Optional leading icon name for `<sky-icon>`.",
378
+ "fieldName": "icon"
189
379
  },
190
380
  {
191
- "name": "elevated",
381
+ "name": "strip",
382
+ "type": {
383
+ "text": "SkyAlertStrip"
384
+ },
385
+ "default": "\"none\"",
386
+ "description": "Strip accent placement.",
387
+ "fieldName": "strip"
388
+ },
389
+ {
390
+ "name": "stripColor",
391
+ "type": {
392
+ "text": "string"
393
+ },
394
+ "default": "\"currentColor\"",
395
+ "description": "Strip accent color token or CSS color.",
396
+ "fieldName": "stripColor"
397
+ },
398
+ {
399
+ "name": "variant",
400
+ "type": {
401
+ "text": "SkyAlertVariant"
402
+ },
403
+ "default": "\"solid\"",
404
+ "description": "Visual style variant.",
405
+ "fieldName": "variant"
406
+ },
407
+ {
408
+ "name": "loading",
192
409
  "type": {
193
410
  "text": "boolean"
194
411
  },
195
412
  "default": "false",
196
- "description": "Applies elevated shadow styling.",
197
- "fieldName": "elevated"
413
+ "description": "Shows a loading overlay.",
414
+ "fieldName": "loading"
198
415
  },
199
416
  {
200
- "name": "leadingLabel",
417
+ "name": "roleType",
201
418
  "type": {
202
- "text": "string"
419
+ "text": "SkyAlertRoleType"
203
420
  },
204
- "default": "\"Open menu\"",
205
- "description": "Accessible label for default leading button fallback.",
206
- "fieldName": "leadingLabel"
421
+ "default": "\"alert\"",
422
+ "description": "ARIA role for the alert container.",
423
+ "fieldName": "roleType"
207
424
  }
208
425
  ],
209
426
  "superclass": {
210
427
  "name": "LitElement",
211
428
  "package": "lit"
212
429
  },
213
- "tagName": "sky-appbar",
430
+ "tagName": "sky-alert",
214
431
  "customElement": true,
215
- "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
432
+ "summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
216
433
  }
217
434
  ],
218
435
  "exports": [
219
436
  {
220
437
  "kind": "js",
221
- "name": "SkyAppbar",
438
+ "name": "SkyAlert",
222
439
  "declaration": {
223
- "name": "SkyAppbar",
224
- "module": "src/sky-appbar/sky-appbar.ts"
440
+ "name": "SkyAlert",
441
+ "module": "src/sky-alert/sky-alert.ts"
225
442
  }
226
443
  },
227
444
  {
228
445
  "kind": "custom-element-definition",
229
- "name": "sky-appbar",
446
+ "name": "sky-alert",
230
447
  "declaration": {
231
- "name": "SkyAppbar",
232
- "module": "src/sky-appbar/sky-appbar.ts"
448
+ "name": "SkyAlert",
449
+ "module": "src/sky-alert/sky-alert.ts"
233
450
  }
234
451
  }
235
452
  ]
236
453
  },
237
454
  {
238
455
  "kind": "javascript-module",
239
- "path": "src/sky-avatar/sky-avatar.ts",
456
+ "path": "src/sky-appbar/sky-appbar.ts",
240
457
  "declarations": [
241
458
  {
242
459
  "kind": "class",
243
460
  "description": "",
244
- "name": "SkyAvatar",
461
+ "name": "SkyAppbar",
245
462
  "cssParts": [
246
463
  {
247
- "description": "The avatar container element.",
248
- "name": "avatar"
464
+ "description": "Wrapper that contains the leading slot, title, and actions.",
465
+ "name": "content"
249
466
  },
250
467
  {
251
- "description": "The loading overlay container (shown when `loading` is true).",
252
- "name": "loading-overlay"
468
+ "description": "Container for the leading slot (e.g. menu button).",
469
+ "name": "leading"
253
470
  },
254
471
  {
255
- "description": "The spinner element shown when loading.",
256
- "name": "spinner"
472
+ "description": "The title area (contains .title-text with the title string).",
473
+ "name": "title"
474
+ },
475
+ {
476
+ "description": "The trailing actions container.",
477
+ "name": "actions"
257
478
  }
258
479
  ],
259
480
  "slots": [
260
481
  {
261
- "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
482
+ "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
483
+ "name": "button"
484
+ },
485
+ {
486
+ "description": "Trailing actions (icons/buttons). This is the default slot.",
262
487
  "name": ""
263
488
  }
264
489
  ],
265
490
  "members": [
266
491
  {
267
492
  "kind": "field",
268
- "name": "size",
269
- "type": {
270
- "text": "string"
271
- },
272
- "default": "\"50px\"",
273
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
274
- "attribute": "size"
275
- },
276
- {
277
- "kind": "field",
278
- "name": "image",
279
- "type": {
280
- "text": "string"
281
- },
282
- "default": "\"\"",
283
- "description": "Image URL; fallback slot is shown on load error.",
284
- "attribute": "image"
285
- },
286
- {
287
- "kind": "field",
288
- "name": "fit",
289
- "type": {
290
- "text": "SkyAvatarFit"
291
- },
292
- "default": "\"cover\"",
293
- "description": "Image fill mode: `cover` (default) or `contain`.",
294
- "attribute": "fit",
295
- "reflects": true
296
- },
297
- {
298
- "kind": "field",
299
- "name": "radius",
493
+ "name": "dependencies",
300
494
  "type": {
301
- "text": "string"
495
+ "text": "Record<string, CustomElementConstructor>"
302
496
  },
303
- "default": "\"md\"",
304
- "description": "Border radius token or CSS value.",
305
- "attribute": "radius"
497
+ "static": true,
498
+ "default": "{ \"sky-icon\": SkyIcon, }"
306
499
  },
307
500
  {
308
501
  "kind": "field",
309
- "name": "alt",
502
+ "name": "title",
310
503
  "type": {
311
504
  "text": "string"
312
505
  },
313
- "default": "\"\"",
314
- "description": "Accessible name when image content conveys meaning.",
315
- "attribute": "alt"
506
+ "default": "\"App Bar\"",
507
+ "description": "Title text displayed in the app bar.",
508
+ "attribute": "title"
316
509
  },
317
510
  {
318
511
  "kind": "field",
@@ -320,406 +513,235 @@
320
513
  "type": {
321
514
  "text": "string"
322
515
  },
323
- "default": "\"dark\"",
324
- "description": "Token or CSS color applied to fallback slot content.",
516
+ "default": "\"default\"",
517
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
325
518
  "attribute": "color"
326
519
  },
327
520
  {
328
521
  "kind": "field",
329
- "name": "outline",
522
+ "name": "url",
330
523
  "type": {
331
524
  "text": "string"
332
525
  },
333
526
  "default": "\"\"",
334
- "description": "CSS `outline` value.",
335
- "attribute": "outline"
336
- },
337
- {
338
- "kind": "field",
339
- "name": "outlineOffset",
340
- "type": {
341
- "text": "string"
342
- },
343
- "default": "\"2px\"",
344
- "description": "CSS `outline-offset` value.",
345
- "attribute": "outlineOffset"
346
- },
347
- {
348
- "kind": "field",
349
- "name": "loading",
350
- "type": {
351
- "text": "boolean"
352
- },
353
- "default": "false",
354
- "description": "Shows loading overlay when true.",
355
- "attribute": "loading",
356
- "reflects": true
357
- },
358
- {
359
- "kind": "field",
360
- "name": "disabled",
361
- "type": {
362
- "text": "boolean"
363
- },
364
- "default": "false",
365
- "description": "Dims and disables pointer interactions.",
366
- "attribute": "disabled",
367
- "reflects": true
368
- },
369
- {
370
- "kind": "field",
371
- "name": "interactive",
372
- "type": {
373
- "text": "boolean"
374
- },
375
- "default": "false",
376
- "description": "Enables interactive behavior with keyboard/click activation.",
377
- "attribute": "interactive"
527
+ "description": "Background image URL.",
528
+ "attribute": "url"
378
529
  },
379
530
  {
380
531
  "kind": "field",
381
- "name": "shadow",
532
+ "name": "banner",
382
533
  "type": {
383
534
  "text": "boolean"
384
535
  },
385
- "default": "false",
386
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
387
- "attribute": "shadow",
388
- "reflects": true
536
+ "default": "true",
537
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
538
+ "attribute": "banner"
389
539
  },
390
540
  {
391
541
  "kind": "field",
392
- "name": "_imageError",
542
+ "name": "dense",
393
543
  "type": {
394
544
  "text": "boolean"
395
545
  },
396
- "privacy": "private",
397
546
  "default": "false",
398
- "description": "True when image failed to load; show slot instead."
399
- },
400
- {
401
- "kind": "field",
402
- "name": "_onImageLoad",
403
- "privacy": "private",
404
- "description": "Marks image load success and keeps image rendering active."
547
+ "description": "Enables compact vertical spacing.",
548
+ "attribute": "dense"
405
549
  },
406
550
  {
407
551
  "kind": "field",
408
- "name": "_onImageError",
409
- "privacy": "private",
410
- "description": "Marks image load failure and enables fallback slot rendering."
552
+ "name": "elevated",
553
+ "type": {
554
+ "text": "boolean"
555
+ },
556
+ "default": "false",
557
+ "description": "Applies elevated shadow styling.",
558
+ "attribute": "elevated"
411
559
  },
412
560
  {
413
- "kind": "method",
414
- "name": "_handleInteractiveClick",
415
- "privacy": "private",
416
- "return": {
417
- "type": {
418
- "text": "void"
419
- }
561
+ "kind": "field",
562
+ "name": "leadingLabel",
563
+ "type": {
564
+ "text": "string"
420
565
  },
421
- "parameters": [
422
- {
423
- "name": "e",
424
- "type": {
425
- "text": "Event"
426
- }
427
- }
428
- ],
429
- "description": "Re-dispatches click in interactive mode for host-level consumers."
566
+ "default": "\"Open menu\"",
567
+ "description": "Accessible label for default leading button fallback.",
568
+ "attribute": "leadingLabel"
430
569
  },
431
570
  {
432
571
  "kind": "method",
433
- "name": "_handleInteractiveKeydown",
572
+ "name": "_applyColorSurface",
434
573
  "privacy": "private",
435
574
  "return": {
436
575
  "type": {
437
576
  "text": "void"
438
577
  }
439
578
  },
440
- "parameters": [
441
- {
442
- "name": "e",
443
- "type": {
444
- "text": "KeyboardEvent"
445
- }
446
- }
447
- ],
448
- "description": "Handles keyboard activation in interactive mode."
579
+ "description": "Applies glass vs solid surface tokens from `color`."
449
580
  },
450
581
  {
451
582
  "kind": "method",
452
- "name": "adjustSpinnerSize",
583
+ "name": "_applyBackgroundImage",
453
584
  "privacy": "private",
454
585
  "return": {
455
586
  "type": {
456
587
  "text": "void"
457
588
  }
458
589
  },
459
- "description": "Derives spinner dimensions from current avatar size."
460
- }
461
- ],
462
- "events": [
463
- {
464
- "name": "click",
465
- "type": {
466
- "text": "Event"
467
- }
590
+ "description": "Sets background image CSS variable from `url`."
468
591
  }
469
592
  ],
470
593
  "attributes": [
471
594
  {
472
- "name": "size",
473
- "type": {
474
- "text": "string"
475
- },
476
- "default": "\"50px\"",
477
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
478
- "fieldName": "size"
479
- },
480
- {
481
- "name": "image",
482
- "type": {
483
- "text": "string"
484
- },
485
- "default": "\"\"",
486
- "description": "Image URL; fallback slot is shown on load error.",
487
- "fieldName": "image"
488
- },
489
- {
490
- "name": "fit",
491
- "type": {
492
- "text": "SkyAvatarFit"
493
- },
494
- "default": "\"cover\"",
495
- "description": "Image fill mode: `cover` (default) or `contain`.",
496
- "fieldName": "fit"
497
- },
498
- {
499
- "name": "radius",
500
- "type": {
501
- "text": "string"
502
- },
503
- "default": "\"md\"",
504
- "description": "Border radius token or CSS value.",
505
- "fieldName": "radius"
506
- },
507
- {
508
- "name": "alt",
595
+ "name": "title",
509
596
  "type": {
510
597
  "text": "string"
511
598
  },
512
- "default": "\"\"",
513
- "description": "Accessible name when image content conveys meaning.",
514
- "fieldName": "alt"
599
+ "default": "\"App Bar\"",
600
+ "description": "Title text displayed in the app bar.",
601
+ "fieldName": "title"
515
602
  },
516
603
  {
517
604
  "name": "color",
518
605
  "type": {
519
606
  "text": "string"
520
607
  },
521
- "default": "\"dark\"",
522
- "description": "Token or CSS color applied to fallback slot content.",
608
+ "default": "\"default\"",
609
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
523
610
  "fieldName": "color"
524
611
  },
525
612
  {
526
- "name": "outline",
613
+ "name": "url",
527
614
  "type": {
528
615
  "text": "string"
529
616
  },
530
617
  "default": "\"\"",
531
- "description": "CSS `outline` value.",
532
- "fieldName": "outline"
533
- },
534
- {
535
- "name": "outlineOffset",
536
- "type": {
537
- "text": "string"
538
- },
539
- "default": "\"2px\"",
540
- "description": "CSS `outline-offset` value.",
541
- "fieldName": "outlineOffset"
618
+ "description": "Background image URL.",
619
+ "fieldName": "url"
542
620
  },
543
621
  {
544
- "name": "loading",
622
+ "name": "banner",
545
623
  "type": {
546
624
  "text": "boolean"
547
625
  },
548
- "default": "false",
549
- "description": "Shows loading overlay when true.",
550
- "fieldName": "loading"
626
+ "default": "true",
627
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
628
+ "fieldName": "banner"
551
629
  },
552
630
  {
553
- "name": "disabled",
631
+ "name": "dense",
554
632
  "type": {
555
633
  "text": "boolean"
556
634
  },
557
635
  "default": "false",
558
- "description": "Dims and disables pointer interactions.",
559
- "fieldName": "disabled"
636
+ "description": "Enables compact vertical spacing.",
637
+ "fieldName": "dense"
560
638
  },
561
639
  {
562
- "name": "interactive",
640
+ "name": "elevated",
563
641
  "type": {
564
642
  "text": "boolean"
565
643
  },
566
644
  "default": "false",
567
- "description": "Enables interactive behavior with keyboard/click activation.",
568
- "fieldName": "interactive"
645
+ "description": "Applies elevated shadow styling.",
646
+ "fieldName": "elevated"
569
647
  },
570
648
  {
571
- "name": "shadow",
649
+ "name": "leadingLabel",
572
650
  "type": {
573
- "text": "boolean"
651
+ "text": "string"
574
652
  },
575
- "default": "false",
576
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
577
- "fieldName": "shadow"
653
+ "default": "\"Open menu\"",
654
+ "description": "Accessible label for default leading button fallback.",
655
+ "fieldName": "leadingLabel"
578
656
  }
579
657
  ],
580
658
  "superclass": {
581
659
  "name": "LitElement",
582
660
  "package": "lit"
583
661
  },
584
- "tagName": "sky-avatar",
662
+ "tagName": "sky-appbar",
585
663
  "customElement": true,
586
- "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
664
+ "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
587
665
  }
588
666
  ],
589
667
  "exports": [
590
668
  {
591
669
  "kind": "js",
592
- "name": "SkyAvatar",
670
+ "name": "SkyAppbar",
593
671
  "declaration": {
594
- "name": "SkyAvatar",
595
- "module": "src/sky-avatar/sky-avatar.ts"
672
+ "name": "SkyAppbar",
673
+ "module": "src/sky-appbar/sky-appbar.ts"
596
674
  }
597
675
  },
598
676
  {
599
677
  "kind": "custom-element-definition",
600
- "name": "sky-avatar",
678
+ "name": "sky-appbar",
601
679
  "declaration": {
602
- "name": "SkyAvatar",
603
- "module": "src/sky-avatar/sky-avatar.ts"
680
+ "name": "SkyAppbar",
681
+ "module": "src/sky-appbar/sky-appbar.ts"
604
682
  }
605
683
  }
606
684
  ]
607
685
  },
608
686
  {
609
687
  "kind": "javascript-module",
610
- "path": "src/sky-alert/sky-alert.ts",
688
+ "path": "src/sky-avatar/sky-avatar.ts",
611
689
  "declarations": [
612
690
  {
613
691
  "kind": "class",
614
692
  "description": "",
615
- "name": "SkyAlert",
693
+ "name": "SkyAvatar",
616
694
  "cssParts": [
617
695
  {
618
- "description": "The outer alert container.",
619
- "name": "alert"
620
- },
621
- {
622
- "description": "The optional leading icon.",
623
- "name": "icon"
624
- },
625
- {
626
- "description": "The content container (title + message/slot).",
627
- "name": "content"
628
- },
629
- {
630
- "description": "The title text element.",
631
- "name": "title"
632
- },
633
- {
634
- "description": "The message text element (when `message` is provided).",
635
- "name": "message"
636
- },
637
- {
638
- "description": "The trailing actions container.",
639
- "name": "actions"
640
- },
641
- {
642
- "description": "The dismiss button (when `removable`).",
643
- "name": "close-button"
696
+ "description": "The avatar container element.",
697
+ "name": "avatar"
644
698
  },
645
699
  {
646
- "description": "Overlay shown when `loading` is true.",
700
+ "description": "The loading overlay container (shown when `loading` is true).",
647
701
  "name": "loading-overlay"
648
702
  },
649
703
  {
650
- "description": "Spinner element shown inside the loading overlay.",
651
- "name": "loading-spinner"
704
+ "description": "The spinner element shown when loading.",
705
+ "name": "spinner"
652
706
  }
653
707
  ],
654
708
  "slots": [
655
709
  {
656
- "description": "Custom message content (used when `message` is empty).",
710
+ "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
657
711
  "name": ""
658
- },
659
- {
660
- "description": "Action buttons or links displayed on the trailing side.",
661
- "name": "actions"
662
712
  }
663
713
  ],
664
714
  "members": [
665
715
  {
666
716
  "kind": "field",
667
- "name": "dependencies",
668
- "type": {
669
- "text": "Record<string, CustomElementConstructor>"
670
- },
671
- "static": true,
672
- "default": "{ \"sky-icon\": SkyIcon, }"
673
- },
674
- {
675
- "kind": "field",
676
- "name": "title",
717
+ "name": "size",
677
718
  "type": {
678
719
  "text": "string"
679
720
  },
680
- "default": "\"\"",
681
- "description": "Title text shown above the message.",
682
- "attribute": "title"
721
+ "default": "\"50px\"",
722
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
723
+ "attribute": "size"
683
724
  },
684
725
  {
685
726
  "kind": "field",
686
- "name": "message",
727
+ "name": "image",
687
728
  "type": {
688
729
  "text": "string"
689
730
  },
690
731
  "default": "\"\"",
691
- "description": "Message text rendered inside the alert.",
692
- "attribute": "message"
693
- },
694
- {
695
- "kind": "field",
696
- "name": "removable",
697
- "type": {
698
- "text": "boolean"
699
- },
700
- "default": "false",
701
- "description": "Shows a dismiss button when enabled.",
702
- "attribute": "removable"
703
- },
704
- {
705
- "kind": "field",
706
- "name": "color",
707
- "type": {
708
- "text": "string"
709
- },
710
- "default": "\"primary\"",
711
- "description": "Base color token or CSS color used by the alert.",
712
- "attribute": "color"
732
+ "description": "Image URL; fallback slot is shown on load error.",
733
+ "attribute": "image"
713
734
  },
714
735
  {
715
736
  "kind": "field",
716
- "name": "size",
737
+ "name": "fit",
717
738
  "type": {
718
- "text": "string"
739
+ "text": "SkyAvatarFit"
719
740
  },
720
- "default": "\"md\"",
721
- "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
722
- "attribute": "size"
741
+ "default": "\"cover\"",
742
+ "description": "Image fill mode: `cover` (default) or `contain`.",
743
+ "attribute": "fit",
744
+ "reflects": true
723
745
  },
724
746
  {
725
747
  "kind": "field",
@@ -728,50 +750,48 @@
728
750
  "text": "string"
729
751
  },
730
752
  "default": "\"md\"",
731
- "description": "Radius token or CSS length.",
753
+ "description": "Border radius token or CSS value.",
732
754
  "attribute": "radius"
733
755
  },
734
756
  {
735
757
  "kind": "field",
736
- "name": "icon",
758
+ "name": "alt",
737
759
  "type": {
738
- "text": "string | null"
760
+ "text": "string"
739
761
  },
740
- "default": "null",
741
- "description": "Optional leading icon name for `<sky-icon>`.",
742
- "attribute": "icon"
762
+ "default": "\"\"",
763
+ "description": "Accessible name when image content conveys meaning.",
764
+ "attribute": "alt"
743
765
  },
744
766
  {
745
767
  "kind": "field",
746
- "name": "strip",
768
+ "name": "color",
747
769
  "type": {
748
- "text": "SkyAlertStrip"
770
+ "text": "string"
749
771
  },
750
- "default": "\"none\"",
751
- "description": "Strip accent placement.",
752
- "attribute": "strip",
753
- "reflects": true
772
+ "default": "\"dark\"",
773
+ "description": "Token or CSS color applied to fallback slot content.",
774
+ "attribute": "color"
754
775
  },
755
776
  {
756
777
  "kind": "field",
757
- "name": "stripColor",
778
+ "name": "outline",
758
779
  "type": {
759
780
  "text": "string"
760
781
  },
761
- "default": "\"currentColor\"",
762
- "description": "Strip accent color token or CSS color.",
763
- "attribute": "stripColor"
782
+ "default": "\"\"",
783
+ "description": "CSS `outline` value.",
784
+ "attribute": "outline"
764
785
  },
765
786
  {
766
787
  "kind": "field",
767
- "name": "variant",
788
+ "name": "outlineOffset",
768
789
  "type": {
769
- "text": "SkyAlertVariant"
790
+ "text": "string"
770
791
  },
771
- "default": "\"solid\"",
772
- "description": "Visual style variant.",
773
- "attribute": "variant",
774
- "reflects": true
792
+ "default": "\"2px\"",
793
+ "description": "CSS `outline-offset` value.",
794
+ "attribute": "outlineOffset"
775
795
  },
776
796
  {
777
797
  "kind": "field",
@@ -780,276 +800,256 @@
780
800
  "text": "boolean"
781
801
  },
782
802
  "default": "false",
783
- "description": "Shows a loading overlay.",
784
- "attribute": "loading"
803
+ "description": "Shows loading overlay when true.",
804
+ "attribute": "loading",
805
+ "reflects": true
785
806
  },
786
807
  {
787
808
  "kind": "field",
788
- "name": "roleType",
809
+ "name": "disabled",
789
810
  "type": {
790
- "text": "SkyAlertRoleType"
811
+ "text": "boolean"
791
812
  },
792
- "default": "\"alert\"",
793
- "description": "ARIA role for the alert container.",
794
- "attribute": "roleType",
813
+ "default": "false",
814
+ "description": "Dims and disables pointer interactions.",
815
+ "attribute": "disabled",
795
816
  "reflects": true
796
817
  },
797
818
  {
798
819
  "kind": "field",
799
- "name": "_styleVars",
820
+ "name": "interactive",
800
821
  "type": {
801
- "text": "Record<string, string>"
822
+ "text": "boolean"
802
823
  },
803
- "privacy": "private",
804
- "default": "{}",
805
- "description": "Internal style variables"
824
+ "default": "false",
825
+ "description": "Enables interactive behavior with keyboard/click activation.",
826
+ "attribute": "interactive"
806
827
  },
807
828
  {
808
829
  "kind": "field",
809
- "name": "_sizeCache",
830
+ "name": "shadow",
810
831
  "type": {
811
- "text": "{ size: string; result: SkyAlertResolvedSize } | null"
832
+ "text": "boolean"
812
833
  },
813
- "privacy": "private",
814
- "default": "null",
815
- "description": "Cached result of _resolveSize for the last `size` value (avoids recomputing when only color/variant change)."
834
+ "default": "false",
835
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
836
+ "attribute": "shadow",
837
+ "reflects": true
816
838
  },
817
839
  {
818
840
  "kind": "field",
819
- "name": "_hasActionsSlotContent",
841
+ "name": "_imageError",
820
842
  "type": {
821
843
  "text": "boolean"
822
844
  },
823
845
  "privacy": "private",
824
846
  "default": "false",
825
- "description": "True when the actions slot has assigned content (used to show separator only when needed)."
847
+ "description": "True when image failed to load; show slot instead."
826
848
  },
827
849
  {
828
- "kind": "method",
829
- "name": "_resolveSize",
850
+ "kind": "field",
851
+ "name": "_onImageLoad",
830
852
  "privacy": "private",
831
- "return": {
832
- "type": {
833
- "text": "SkyAlertResolvedSize"
834
- }
835
- },
836
- "parameters": [
837
- {
838
- "name": "input",
839
- "type": {
840
- "text": "string"
841
- }
842
- }
843
- ],
844
- "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."
853
+ "description": "Marks image load success and keeps image rendering active."
845
854
  },
846
855
  {
847
- "kind": "method",
848
- "name": "_updateStyleVars",
856
+ "kind": "field",
857
+ "name": "_onImageError",
849
858
  "privacy": "private",
850
- "return": {
851
- "type": {
852
- "text": "void"
853
- }
854
- },
855
- "description": "Computes CSS custom properties from current variant, size, and color inputs."
859
+ "description": "Marks image load failure and enables fallback slot rendering."
856
860
  },
857
861
  {
858
862
  "kind": "method",
859
- "name": "close",
860
- "privacy": "public",
863
+ "name": "_handleInteractiveClick",
864
+ "privacy": "private",
861
865
  "return": {
862
866
  "type": {
863
867
  "text": "void"
864
868
  }
865
869
  },
866
- "description": "Dispatches `alert-closed` and removes the alert from the DOM."
867
- },
868
- {
869
- "kind": "method",
870
- "name": "getAriaRole",
871
- "privacy": "private",
872
- "return": {
873
- "type": {
874
- "text": "SkyAlertRoleType"
870
+ "parameters": [
871
+ {
872
+ "name": "e",
873
+ "type": {
874
+ "text": "Event"
875
+ }
875
876
  }
876
- },
877
- "description": "Returns the ARIA role applied to the alert container."
877
+ ],
878
+ "description": "Re-dispatches click in interactive mode for host-level consumers."
878
879
  },
879
880
  {
880
881
  "kind": "method",
881
- "name": "_checkActionsSlot",
882
+ "name": "_handleInteractiveKeydown",
882
883
  "privacy": "private",
883
884
  "return": {
884
885
  "type": {
885
886
  "text": "void"
886
887
  }
887
888
  },
888
- "description": "Checks whether the actions slot currently has meaningful assigned content."
889
+ "parameters": [
890
+ {
891
+ "name": "e",
892
+ "type": {
893
+ "text": "KeyboardEvent"
894
+ }
895
+ }
896
+ ],
897
+ "description": "Handles keyboard activation in interactive mode."
889
898
  },
890
899
  {
891
900
  "kind": "method",
892
- "name": "_onActionsSlotChange",
901
+ "name": "adjustSpinnerSize",
893
902
  "privacy": "private",
894
903
  "return": {
895
904
  "type": {
896
905
  "text": "void"
897
906
  }
898
907
  },
899
- "parameters": [
900
- {
901
- "name": "e",
902
- "type": {
903
- "text": "Event"
904
- }
905
- }
906
- ],
907
- "description": "Updates action-slot state when the slot assignment changes."
908
+ "description": "Derives spinner dimensions from current avatar size."
908
909
  }
909
910
  ],
910
911
  "events": [
911
912
  {
913
+ "name": "click",
912
914
  "type": {
913
- "text": "CustomEvent<SkyAlertClosedEventDetail>"
914
- },
915
- "description": "Fired when the alert is dismissed via the close button; bubbles and is composed.",
916
- "name": "alert-closed"
915
+ "text": "Event"
916
+ }
917
917
  }
918
918
  ],
919
919
  "attributes": [
920
920
  {
921
- "name": "title",
921
+ "name": "size",
922
922
  "type": {
923
923
  "text": "string"
924
924
  },
925
- "default": "\"\"",
926
- "description": "Title text shown above the message.",
927
- "fieldName": "title"
925
+ "default": "\"50px\"",
926
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
927
+ "fieldName": "size"
928
928
  },
929
929
  {
930
- "name": "message",
930
+ "name": "image",
931
931
  "type": {
932
932
  "text": "string"
933
933
  },
934
934
  "default": "\"\"",
935
- "description": "Message text rendered inside the alert.",
936
- "fieldName": "message"
935
+ "description": "Image URL; fallback slot is shown on load error.",
936
+ "fieldName": "image"
937
937
  },
938
938
  {
939
- "name": "removable",
939
+ "name": "fit",
940
940
  "type": {
941
- "text": "boolean"
941
+ "text": "SkyAvatarFit"
942
942
  },
943
- "default": "false",
944
- "description": "Shows a dismiss button when enabled.",
945
- "fieldName": "removable"
943
+ "default": "\"cover\"",
944
+ "description": "Image fill mode: `cover` (default) or `contain`.",
945
+ "fieldName": "fit"
946
946
  },
947
947
  {
948
- "name": "color",
948
+ "name": "radius",
949
949
  "type": {
950
950
  "text": "string"
951
951
  },
952
- "default": "\"primary\"",
953
- "description": "Base color token or CSS color used by the alert.",
954
- "fieldName": "color"
952
+ "default": "\"md\"",
953
+ "description": "Border radius token or CSS value.",
954
+ "fieldName": "radius"
955
955
  },
956
956
  {
957
- "name": "size",
957
+ "name": "alt",
958
958
  "type": {
959
959
  "text": "string"
960
960
  },
961
- "default": "\"md\"",
962
- "description": "Preset size token (`xs | sm | md | lg | xl`) or CSS length.",
963
- "fieldName": "size"
961
+ "default": "\"\"",
962
+ "description": "Accessible name when image content conveys meaning.",
963
+ "fieldName": "alt"
964
964
  },
965
965
  {
966
- "name": "radius",
966
+ "name": "color",
967
967
  "type": {
968
968
  "text": "string"
969
969
  },
970
- "default": "\"md\"",
971
- "description": "Radius token or CSS length.",
972
- "fieldName": "radius"
970
+ "default": "\"dark\"",
971
+ "description": "Token or CSS color applied to fallback slot content.",
972
+ "fieldName": "color"
973
973
  },
974
974
  {
975
- "name": "icon",
975
+ "name": "outline",
976
976
  "type": {
977
- "text": "string | null"
977
+ "text": "string"
978
978
  },
979
- "default": "null",
980
- "description": "Optional leading icon name for `<sky-icon>`.",
981
- "fieldName": "icon"
979
+ "default": "\"\"",
980
+ "description": "CSS `outline` value.",
981
+ "fieldName": "outline"
982
982
  },
983
983
  {
984
- "name": "strip",
984
+ "name": "outlineOffset",
985
985
  "type": {
986
- "text": "SkyAlertStrip"
986
+ "text": "string"
987
987
  },
988
- "default": "\"none\"",
989
- "description": "Strip accent placement.",
990
- "fieldName": "strip"
988
+ "default": "\"2px\"",
989
+ "description": "CSS `outline-offset` value.",
990
+ "fieldName": "outlineOffset"
991
991
  },
992
992
  {
993
- "name": "stripColor",
993
+ "name": "loading",
994
994
  "type": {
995
- "text": "string"
995
+ "text": "boolean"
996
996
  },
997
- "default": "\"currentColor\"",
998
- "description": "Strip accent color token or CSS color.",
999
- "fieldName": "stripColor"
997
+ "default": "false",
998
+ "description": "Shows loading overlay when true.",
999
+ "fieldName": "loading"
1000
1000
  },
1001
1001
  {
1002
- "name": "variant",
1002
+ "name": "disabled",
1003
1003
  "type": {
1004
- "text": "SkyAlertVariant"
1004
+ "text": "boolean"
1005
1005
  },
1006
- "default": "\"solid\"",
1007
- "description": "Visual style variant.",
1008
- "fieldName": "variant"
1006
+ "default": "false",
1007
+ "description": "Dims and disables pointer interactions.",
1008
+ "fieldName": "disabled"
1009
1009
  },
1010
1010
  {
1011
- "name": "loading",
1011
+ "name": "interactive",
1012
1012
  "type": {
1013
1013
  "text": "boolean"
1014
1014
  },
1015
1015
  "default": "false",
1016
- "description": "Shows a loading overlay.",
1017
- "fieldName": "loading"
1016
+ "description": "Enables interactive behavior with keyboard/click activation.",
1017
+ "fieldName": "interactive"
1018
1018
  },
1019
1019
  {
1020
- "name": "roleType",
1020
+ "name": "shadow",
1021
1021
  "type": {
1022
- "text": "SkyAlertRoleType"
1022
+ "text": "boolean"
1023
1023
  },
1024
- "default": "\"alert\"",
1025
- "description": "ARIA role for the alert container.",
1026
- "fieldName": "roleType"
1024
+ "default": "false",
1025
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1026
+ "fieldName": "shadow"
1027
1027
  }
1028
1028
  ],
1029
1029
  "superclass": {
1030
1030
  "name": "LitElement",
1031
1031
  "package": "lit"
1032
1032
  },
1033
- "tagName": "sky-alert",
1033
+ "tagName": "sky-avatar",
1034
1034
  "customElement": true,
1035
- "summary": "Status alert banner with variants, optional icon, strip accents, actions, dismiss behavior, and loading state."
1035
+ "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
1036
1036
  }
1037
1037
  ],
1038
1038
  "exports": [
1039
1039
  {
1040
1040
  "kind": "js",
1041
- "name": "SkyAlert",
1041
+ "name": "SkyAvatar",
1042
1042
  "declaration": {
1043
- "name": "SkyAlert",
1044
- "module": "src/sky-alert/sky-alert.ts"
1043
+ "name": "SkyAvatar",
1044
+ "module": "src/sky-avatar/sky-avatar.ts"
1045
1045
  }
1046
1046
  },
1047
1047
  {
1048
1048
  "kind": "custom-element-definition",
1049
- "name": "sky-alert",
1049
+ "name": "sky-avatar",
1050
1050
  "declaration": {
1051
- "name": "SkyAlert",
1052
- "module": "src/sky-alert/sky-alert.ts"
1051
+ "name": "SkyAvatar",
1052
+ "module": "src/sky-avatar/sky-avatar.ts"
1053
1053
  }
1054
1054
  }
1055
1055
  ]
@@ -12288,61 +12288,268 @@
12288
12288
  "type": {
12289
12289
  "text": "SkySheetShadow"
12290
12290
  },
12291
- "default": "\"sm\"",
12292
- "description": "Shadow style preset.",
12293
- "fieldName": "shadow"
12291
+ "default": "\"sm\"",
12292
+ "description": "Shadow style preset.",
12293
+ "fieldName": "shadow"
12294
+ },
12295
+ {
12296
+ "name": "border",
12297
+ "type": {
12298
+ "text": "SkySheetBorder"
12299
+ },
12300
+ "default": "\"sm\"",
12301
+ "description": "Border style preset.",
12302
+ "fieldName": "border"
12303
+ },
12304
+ {
12305
+ "name": "radius",
12306
+ "type": {
12307
+ "text": "SkySheetRadius"
12308
+ },
12309
+ "default": "\"md\"",
12310
+ "description": "Preset (`none`, `sm`, `md`, `lg`, `xl`) or CSS length (`1rem`, `16px`).",
12311
+ "fieldName": "radius"
12312
+ }
12313
+ ],
12314
+ "superclass": {
12315
+ "name": "LitElement",
12316
+ "package": "lit"
12317
+ },
12318
+ "tagName": "sky-sheet",
12319
+ "customElement": true,
12320
+ "summary": "Themed surface container with configurable background, blur, border, and shadow."
12321
+ }
12322
+ ],
12323
+ "exports": [
12324
+ {
12325
+ "kind": "js",
12326
+ "name": "resolveSheetRadius",
12327
+ "declaration": {
12328
+ "name": "resolveSheetRadius",
12329
+ "module": "src/sky-sheet/sky-sheet.ts"
12330
+ }
12331
+ },
12332
+ {
12333
+ "kind": "js",
12334
+ "name": "SkySheet",
12335
+ "declaration": {
12336
+ "name": "SkySheet",
12337
+ "module": "src/sky-sheet/sky-sheet.ts"
12338
+ }
12339
+ },
12340
+ {
12341
+ "kind": "custom-element-definition",
12342
+ "name": "sky-sheet",
12343
+ "declaration": {
12344
+ "name": "SkySheet",
12345
+ "module": "src/sky-sheet/sky-sheet.ts"
12346
+ }
12347
+ }
12348
+ ]
12349
+ },
12350
+ {
12351
+ "kind": "javascript-module",
12352
+ "path": "src/sky-simple-table/sky-simple-table.ts",
12353
+ "declarations": [
12354
+ {
12355
+ "kind": "class",
12356
+ "description": "",
12357
+ "name": "SkySimpleTable",
12358
+ "cssParts": [
12359
+ {
12360
+ "description": "Scrollable table wrapper.",
12361
+ "name": "wrapper"
12362
+ },
12363
+ {
12364
+ "description": "The native table element.",
12365
+ "name": "table"
12366
+ },
12367
+ {
12368
+ "description": "Header cells.",
12369
+ "name": "header-cell"
12370
+ },
12371
+ {
12372
+ "description": "Body rows.",
12373
+ "name": "row"
12374
+ },
12375
+ {
12376
+ "description": "Body cells.",
12377
+ "name": "cell"
12378
+ },
12379
+ {
12380
+ "description": "Empty state message.",
12381
+ "name": "empty"
12382
+ }
12383
+ ],
12384
+ "members": [
12385
+ {
12386
+ "kind": "field",
12387
+ "name": "data",
12388
+ "type": {
12389
+ "text": "SkySimpleTableRow[]"
12390
+ },
12391
+ "default": "[]",
12392
+ "description": "Plain object rows.",
12393
+ "attribute": "data"
12394
+ },
12395
+ {
12396
+ "kind": "field",
12397
+ "name": "columns",
12398
+ "type": {
12399
+ "text": "SkySimpleTableColumn[]"
12400
+ },
12401
+ "default": "[]",
12402
+ "description": "Column definitions. Uses first row keys when omitted.",
12403
+ "attribute": "columns"
12404
+ },
12405
+ {
12406
+ "kind": "field",
12407
+ "name": "emptyText",
12408
+ "type": {
12409
+ "text": "string"
12410
+ },
12411
+ "default": "\"No data available\"",
12412
+ "description": "Message shown when there are no rows.",
12413
+ "attribute": "emptyText"
12414
+ },
12415
+ {
12416
+ "kind": "field",
12417
+ "name": "column",
12418
+ "type": {
12419
+ "text": "SkySimpleTableColumn[]"
12420
+ },
12421
+ "description": "Alias for `columns`.",
12422
+ "attribute": "column"
12423
+ },
12424
+ {
12425
+ "kind": "field",
12426
+ "name": "_safeData",
12427
+ "type": {
12428
+ "text": "SkySimpleTableRow[]"
12429
+ },
12430
+ "privacy": "private",
12431
+ "readonly": true
12432
+ },
12433
+ {
12434
+ "kind": "field",
12435
+ "name": "_resolvedColumns",
12436
+ "type": {
12437
+ "text": "SkySimpleTableColumn[]"
12438
+ },
12439
+ "privacy": "private",
12440
+ "readonly": true
12441
+ },
12442
+ {
12443
+ "kind": "method",
12444
+ "name": "_toTitle",
12445
+ "privacy": "private",
12446
+ "return": {
12447
+ "type": {
12448
+ "text": "string"
12449
+ }
12450
+ },
12451
+ "parameters": [
12452
+ {
12453
+ "name": "value",
12454
+ "type": {
12455
+ "text": "string"
12456
+ }
12457
+ }
12458
+ ]
12459
+ },
12460
+ {
12461
+ "kind": "method",
12462
+ "name": "_formatCell",
12463
+ "privacy": "private",
12464
+ "return": {
12465
+ "type": {
12466
+ "text": "string"
12467
+ }
12468
+ },
12469
+ "parameters": [
12470
+ {
12471
+ "name": "value",
12472
+ "type": {
12473
+ "text": "SkySimpleTableCellValue"
12474
+ }
12475
+ }
12476
+ ]
12477
+ },
12478
+ {
12479
+ "kind": "method",
12480
+ "name": "_cellStyle",
12481
+ "privacy": "private",
12482
+ "parameters": [
12483
+ {
12484
+ "name": "column",
12485
+ "type": {
12486
+ "text": "SkySimpleTableColumn"
12487
+ }
12488
+ }
12489
+ ]
12490
+ }
12491
+ ],
12492
+ "attributes": [
12493
+ {
12494
+ "name": "data",
12495
+ "type": {
12496
+ "text": "SkySimpleTableRow[]"
12497
+ },
12498
+ "default": "[]",
12499
+ "description": "Plain object rows.",
12500
+ "fieldName": "data"
12501
+ },
12502
+ {
12503
+ "name": "columns",
12504
+ "type": {
12505
+ "text": "SkySimpleTableColumn[]"
12506
+ },
12507
+ "default": "[]",
12508
+ "description": "Column definitions. Uses first row keys when omitted.",
12509
+ "fieldName": "columns"
12294
12510
  },
12295
12511
  {
12296
- "name": "border",
12512
+ "name": "emptyText",
12297
12513
  "type": {
12298
- "text": "SkySheetBorder"
12514
+ "text": "string"
12299
12515
  },
12300
- "default": "\"sm\"",
12301
- "description": "Border style preset.",
12302
- "fieldName": "border"
12516
+ "default": "\"No data available\"",
12517
+ "description": "Message shown when there are no rows.",
12518
+ "fieldName": "emptyText"
12303
12519
  },
12304
12520
  {
12305
- "name": "radius",
12521
+ "name": "column",
12306
12522
  "type": {
12307
- "text": "SkySheetRadius"
12523
+ "text": "SkySimpleTableColumn[]"
12308
12524
  },
12309
- "default": "\"md\"",
12310
- "description": "Preset (`none`, `sm`, `md`, `lg`, `xl`) or CSS length (`1rem`, `16px`).",
12311
- "fieldName": "radius"
12525
+ "description": "Alias for `columns`.",
12526
+ "fieldName": "column"
12312
12527
  }
12313
12528
  ],
12314
12529
  "superclass": {
12315
12530
  "name": "LitElement",
12316
12531
  "package": "lit"
12317
12532
  },
12318
- "tagName": "sky-sheet",
12533
+ "tagName": "sky-simple-table",
12319
12534
  "customElement": true,
12320
- "summary": "Themed surface container with configurable background, blur, border, and shadow."
12535
+ "summary": "Lightweight table for rendering simple object rows from `data` and `columns` props."
12321
12536
  }
12322
12537
  ],
12323
12538
  "exports": [
12324
12539
  {
12325
12540
  "kind": "js",
12326
- "name": "resolveSheetRadius",
12327
- "declaration": {
12328
- "name": "resolveSheetRadius",
12329
- "module": "src/sky-sheet/sky-sheet.ts"
12330
- }
12331
- },
12332
- {
12333
- "kind": "js",
12334
- "name": "SkySheet",
12541
+ "name": "SkySimpleTable",
12335
12542
  "declaration": {
12336
- "name": "SkySheet",
12337
- "module": "src/sky-sheet/sky-sheet.ts"
12543
+ "name": "SkySimpleTable",
12544
+ "module": "src/sky-simple-table/sky-simple-table.ts"
12338
12545
  }
12339
12546
  },
12340
12547
  {
12341
12548
  "kind": "custom-element-definition",
12342
- "name": "sky-sheet",
12549
+ "name": "sky-simple-table",
12343
12550
  "declaration": {
12344
- "name": "SkySheet",
12345
- "module": "src/sky-sheet/sky-sheet.ts"
12551
+ "name": "SkySimpleTable",
12552
+ "module": "src/sky-simple-table/sky-simple-table.ts"
12346
12553
  }
12347
12554
  }
12348
12555
  ]
@@ -12784,213 +12991,6 @@
12784
12991
  }
12785
12992
  }
12786
12993
  ]
12787
- },
12788
- {
12789
- "kind": "javascript-module",
12790
- "path": "src/sky-simple-table/sky-simple-table.ts",
12791
- "declarations": [
12792
- {
12793
- "kind": "class",
12794
- "description": "",
12795
- "name": "SkySimpleTable",
12796
- "cssParts": [
12797
- {
12798
- "description": "Scrollable table wrapper.",
12799
- "name": "wrapper"
12800
- },
12801
- {
12802
- "description": "The native table element.",
12803
- "name": "table"
12804
- },
12805
- {
12806
- "description": "Header cells.",
12807
- "name": "header-cell"
12808
- },
12809
- {
12810
- "description": "Body rows.",
12811
- "name": "row"
12812
- },
12813
- {
12814
- "description": "Body cells.",
12815
- "name": "cell"
12816
- },
12817
- {
12818
- "description": "Empty state message.",
12819
- "name": "empty"
12820
- }
12821
- ],
12822
- "members": [
12823
- {
12824
- "kind": "field",
12825
- "name": "data",
12826
- "type": {
12827
- "text": "SkySimpleTableRow[]"
12828
- },
12829
- "default": "[]",
12830
- "description": "Plain object rows.",
12831
- "attribute": "data"
12832
- },
12833
- {
12834
- "kind": "field",
12835
- "name": "columns",
12836
- "type": {
12837
- "text": "SkySimpleTableColumn[]"
12838
- },
12839
- "default": "[]",
12840
- "description": "Column definitions. Uses first row keys when omitted.",
12841
- "attribute": "columns"
12842
- },
12843
- {
12844
- "kind": "field",
12845
- "name": "emptyText",
12846
- "type": {
12847
- "text": "string"
12848
- },
12849
- "default": "\"No data available\"",
12850
- "description": "Message shown when there are no rows.",
12851
- "attribute": "emptyText"
12852
- },
12853
- {
12854
- "kind": "field",
12855
- "name": "column",
12856
- "type": {
12857
- "text": "SkySimpleTableColumn[]"
12858
- },
12859
- "description": "Alias for `columns`.",
12860
- "attribute": "column"
12861
- },
12862
- {
12863
- "kind": "field",
12864
- "name": "_safeData",
12865
- "type": {
12866
- "text": "SkySimpleTableRow[]"
12867
- },
12868
- "privacy": "private",
12869
- "readonly": true
12870
- },
12871
- {
12872
- "kind": "field",
12873
- "name": "_resolvedColumns",
12874
- "type": {
12875
- "text": "SkySimpleTableColumn[]"
12876
- },
12877
- "privacy": "private",
12878
- "readonly": true
12879
- },
12880
- {
12881
- "kind": "method",
12882
- "name": "_toTitle",
12883
- "privacy": "private",
12884
- "return": {
12885
- "type": {
12886
- "text": "string"
12887
- }
12888
- },
12889
- "parameters": [
12890
- {
12891
- "name": "value",
12892
- "type": {
12893
- "text": "string"
12894
- }
12895
- }
12896
- ]
12897
- },
12898
- {
12899
- "kind": "method",
12900
- "name": "_formatCell",
12901
- "privacy": "private",
12902
- "return": {
12903
- "type": {
12904
- "text": "string"
12905
- }
12906
- },
12907
- "parameters": [
12908
- {
12909
- "name": "value",
12910
- "type": {
12911
- "text": "SkySimpleTableCellValue"
12912
- }
12913
- }
12914
- ]
12915
- },
12916
- {
12917
- "kind": "method",
12918
- "name": "_cellStyle",
12919
- "privacy": "private",
12920
- "parameters": [
12921
- {
12922
- "name": "column",
12923
- "type": {
12924
- "text": "SkySimpleTableColumn"
12925
- }
12926
- }
12927
- ]
12928
- }
12929
- ],
12930
- "attributes": [
12931
- {
12932
- "name": "data",
12933
- "type": {
12934
- "text": "SkySimpleTableRow[]"
12935
- },
12936
- "default": "[]",
12937
- "description": "Plain object rows.",
12938
- "fieldName": "data"
12939
- },
12940
- {
12941
- "name": "columns",
12942
- "type": {
12943
- "text": "SkySimpleTableColumn[]"
12944
- },
12945
- "default": "[]",
12946
- "description": "Column definitions. Uses first row keys when omitted.",
12947
- "fieldName": "columns"
12948
- },
12949
- {
12950
- "name": "emptyText",
12951
- "type": {
12952
- "text": "string"
12953
- },
12954
- "default": "\"No data available\"",
12955
- "description": "Message shown when there are no rows.",
12956
- "fieldName": "emptyText"
12957
- },
12958
- {
12959
- "name": "column",
12960
- "type": {
12961
- "text": "SkySimpleTableColumn[]"
12962
- },
12963
- "description": "Alias for `columns`.",
12964
- "fieldName": "column"
12965
- }
12966
- ],
12967
- "superclass": {
12968
- "name": "LitElement",
12969
- "package": "lit"
12970
- },
12971
- "tagName": "sky-simple-table",
12972
- "customElement": true,
12973
- "summary": "Lightweight table for rendering simple object rows from `data` and `columns` props."
12974
- }
12975
- ],
12976
- "exports": [
12977
- {
12978
- "kind": "js",
12979
- "name": "SkySimpleTable",
12980
- "declaration": {
12981
- "name": "SkySimpleTable",
12982
- "module": "src/sky-simple-table/sky-simple-table.ts"
12983
- }
12984
- },
12985
- {
12986
- "kind": "custom-element-definition",
12987
- "name": "sky-simple-table",
12988
- "declaration": {
12989
- "name": "SkySimpleTable",
12990
- "module": "src/sky-simple-table/sky-simple-table.ts"
12991
- }
12992
- }
12993
- ]
12994
12994
  }
12995
12995
  ]
12996
12996
  }