@sky.ui/core 0.0.56 → 0.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +573 -573
- package/package.json +1 -1
|
@@ -2053,83 +2053,59 @@
|
|
|
2053
2053
|
},
|
|
2054
2054
|
{
|
|
2055
2055
|
"kind": "javascript-module",
|
|
2056
|
-
"path": "src/sky-
|
|
2056
|
+
"path": "src/sky-appbar/sky-appbar.ts",
|
|
2057
2057
|
"declarations": [
|
|
2058
2058
|
{
|
|
2059
2059
|
"kind": "class",
|
|
2060
2060
|
"description": "",
|
|
2061
|
-
"name": "
|
|
2061
|
+
"name": "SkyAppbar",
|
|
2062
2062
|
"cssParts": [
|
|
2063
2063
|
{
|
|
2064
|
-
"description": "
|
|
2065
|
-
"name": "
|
|
2064
|
+
"description": "Wrapper that contains the leading slot, title, and actions.",
|
|
2065
|
+
"name": "content"
|
|
2066
2066
|
},
|
|
2067
2067
|
{
|
|
2068
|
-
"description": "
|
|
2069
|
-
"name": "
|
|
2068
|
+
"description": "Container for the leading slot (e.g. menu button).",
|
|
2069
|
+
"name": "leading"
|
|
2070
2070
|
},
|
|
2071
2071
|
{
|
|
2072
|
-
"description": "The
|
|
2073
|
-
"name": "
|
|
2072
|
+
"description": "The title area (contains .title-text with the title string).",
|
|
2073
|
+
"name": "title"
|
|
2074
|
+
},
|
|
2075
|
+
{
|
|
2076
|
+
"description": "The trailing actions container.",
|
|
2077
|
+
"name": "actions"
|
|
2074
2078
|
}
|
|
2075
2079
|
],
|
|
2076
2080
|
"slots": [
|
|
2077
2081
|
{
|
|
2078
|
-
"description": "
|
|
2082
|
+
"description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
|
|
2083
|
+
"name": "button"
|
|
2084
|
+
},
|
|
2085
|
+
{
|
|
2086
|
+
"description": "Trailing actions (icons/buttons). This is the default slot.",
|
|
2079
2087
|
"name": ""
|
|
2080
2088
|
}
|
|
2081
2089
|
],
|
|
2082
2090
|
"members": [
|
|
2083
2091
|
{
|
|
2084
2092
|
"kind": "field",
|
|
2085
|
-
"name": "
|
|
2086
|
-
"type": {
|
|
2087
|
-
"text": "string"
|
|
2088
|
-
},
|
|
2089
|
-
"default": "\"50px\"",
|
|
2090
|
-
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
2091
|
-
"attribute": "size"
|
|
2092
|
-
},
|
|
2093
|
-
{
|
|
2094
|
-
"kind": "field",
|
|
2095
|
-
"name": "image",
|
|
2096
|
-
"type": {
|
|
2097
|
-
"text": "string"
|
|
2098
|
-
},
|
|
2099
|
-
"default": "\"\"",
|
|
2100
|
-
"description": "Image URL; fallback slot is shown on load error.",
|
|
2101
|
-
"attribute": "image"
|
|
2102
|
-
},
|
|
2103
|
-
{
|
|
2104
|
-
"kind": "field",
|
|
2105
|
-
"name": "fit",
|
|
2106
|
-
"type": {
|
|
2107
|
-
"text": "SkyAvatarFit"
|
|
2108
|
-
},
|
|
2109
|
-
"default": "\"cover\"",
|
|
2110
|
-
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
2111
|
-
"attribute": "fit",
|
|
2112
|
-
"reflects": true
|
|
2113
|
-
},
|
|
2114
|
-
{
|
|
2115
|
-
"kind": "field",
|
|
2116
|
-
"name": "radius",
|
|
2093
|
+
"name": "dependencies",
|
|
2117
2094
|
"type": {
|
|
2118
|
-
"text": "string"
|
|
2095
|
+
"text": "Record<string, CustomElementConstructor>"
|
|
2119
2096
|
},
|
|
2120
|
-
"
|
|
2121
|
-
"
|
|
2122
|
-
"attribute": "radius"
|
|
2097
|
+
"static": true,
|
|
2098
|
+
"default": "{ \"sky-icon\": SkyIcon, }"
|
|
2123
2099
|
},
|
|
2124
2100
|
{
|
|
2125
2101
|
"kind": "field",
|
|
2126
|
-
"name": "
|
|
2102
|
+
"name": "title",
|
|
2127
2103
|
"type": {
|
|
2128
2104
|
"text": "string"
|
|
2129
2105
|
},
|
|
2130
|
-
"default": "\"\"",
|
|
2131
|
-
"description": "
|
|
2132
|
-
"attribute": "
|
|
2106
|
+
"default": "\"App Bar\"",
|
|
2107
|
+
"description": "Title text displayed in the app bar.",
|
|
2108
|
+
"attribute": "title"
|
|
2133
2109
|
},
|
|
2134
2110
|
{
|
|
2135
2111
|
"kind": "field",
|
|
@@ -2137,82 +2113,59 @@
|
|
|
2137
2113
|
"type": {
|
|
2138
2114
|
"text": "string"
|
|
2139
2115
|
},
|
|
2140
|
-
"default": "\"
|
|
2141
|
-
"description": "
|
|
2116
|
+
"default": "\"default\"",
|
|
2117
|
+
"description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
|
|
2142
2118
|
"attribute": "color"
|
|
2143
2119
|
},
|
|
2144
2120
|
{
|
|
2145
2121
|
"kind": "field",
|
|
2146
|
-
"name": "
|
|
2122
|
+
"name": "url",
|
|
2147
2123
|
"type": {
|
|
2148
2124
|
"text": "string"
|
|
2149
2125
|
},
|
|
2150
2126
|
"default": "\"\"",
|
|
2151
|
-
"description": "
|
|
2152
|
-
"attribute": "
|
|
2153
|
-
},
|
|
2154
|
-
{
|
|
2155
|
-
"kind": "field",
|
|
2156
|
-
"name": "outlineOffset",
|
|
2157
|
-
"type": {
|
|
2158
|
-
"text": "string"
|
|
2159
|
-
},
|
|
2160
|
-
"default": "\"2px\"",
|
|
2161
|
-
"description": "CSS `outline-offset` value.",
|
|
2162
|
-
"attribute": "outlineOffset"
|
|
2163
|
-
},
|
|
2164
|
-
{
|
|
2165
|
-
"kind": "field",
|
|
2166
|
-
"name": "loading",
|
|
2167
|
-
"type": {
|
|
2168
|
-
"text": "boolean"
|
|
2169
|
-
},
|
|
2170
|
-
"default": "false",
|
|
2171
|
-
"description": "Shows loading overlay when true.",
|
|
2172
|
-
"attribute": "loading",
|
|
2173
|
-
"reflects": true
|
|
2127
|
+
"description": "Background image URL.",
|
|
2128
|
+
"attribute": "url"
|
|
2174
2129
|
},
|
|
2175
2130
|
{
|
|
2176
2131
|
"kind": "field",
|
|
2177
|
-
"name": "
|
|
2132
|
+
"name": "banner",
|
|
2178
2133
|
"type": {
|
|
2179
2134
|
"text": "boolean"
|
|
2180
2135
|
},
|
|
2181
|
-
"default": "
|
|
2182
|
-
"description": "
|
|
2183
|
-
"attribute": "
|
|
2184
|
-
"reflects": true
|
|
2136
|
+
"default": "true",
|
|
2137
|
+
"description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
|
|
2138
|
+
"attribute": "banner"
|
|
2185
2139
|
},
|
|
2186
2140
|
{
|
|
2187
2141
|
"kind": "field",
|
|
2188
|
-
"name": "
|
|
2142
|
+
"name": "dense",
|
|
2189
2143
|
"type": {
|
|
2190
2144
|
"text": "boolean"
|
|
2191
2145
|
},
|
|
2192
2146
|
"default": "false",
|
|
2193
|
-
"description": "Enables
|
|
2194
|
-
"attribute": "
|
|
2147
|
+
"description": "Enables compact vertical spacing.",
|
|
2148
|
+
"attribute": "dense"
|
|
2195
2149
|
},
|
|
2196
2150
|
{
|
|
2197
2151
|
"kind": "field",
|
|
2198
|
-
"name": "
|
|
2152
|
+
"name": "elevated",
|
|
2199
2153
|
"type": {
|
|
2200
2154
|
"text": "boolean"
|
|
2201
2155
|
},
|
|
2202
2156
|
"default": "false",
|
|
2203
|
-
"description": "
|
|
2204
|
-
"attribute": "
|
|
2205
|
-
"reflects": true
|
|
2157
|
+
"description": "Applies elevated shadow styling.",
|
|
2158
|
+
"attribute": "elevated"
|
|
2206
2159
|
},
|
|
2207
2160
|
{
|
|
2208
2161
|
"kind": "field",
|
|
2209
|
-
"name": "
|
|
2162
|
+
"name": "leadingLabel",
|
|
2210
2163
|
"type": {
|
|
2211
|
-
"text": "
|
|
2164
|
+
"text": "string"
|
|
2212
2165
|
},
|
|
2213
|
-
"
|
|
2214
|
-
"
|
|
2215
|
-
"
|
|
2166
|
+
"default": "\"Open menu\"",
|
|
2167
|
+
"description": "Accessible label for default leading button fallback.",
|
|
2168
|
+
"attribute": "leadingLabel"
|
|
2216
2169
|
},
|
|
2217
2170
|
{
|
|
2218
2171
|
"kind": "field",
|
|
@@ -2231,187 +2184,95 @@
|
|
|
2231
2184
|
"privacy": "private",
|
|
2232
2185
|
"default": "new PresetController(this)"
|
|
2233
2186
|
},
|
|
2234
|
-
{
|
|
2235
|
-
"kind": "field",
|
|
2236
|
-
"name": "_onImageLoad",
|
|
2237
|
-
"privacy": "private",
|
|
2238
|
-
"description": "Marks image load success and keeps image rendering active."
|
|
2239
|
-
},
|
|
2240
|
-
{
|
|
2241
|
-
"kind": "field",
|
|
2242
|
-
"name": "_onImageError",
|
|
2243
|
-
"privacy": "private",
|
|
2244
|
-
"description": "Marks image load failure and enables fallback slot rendering."
|
|
2245
|
-
},
|
|
2246
|
-
{
|
|
2247
|
-
"kind": "method",
|
|
2248
|
-
"name": "_handleInteractiveClick",
|
|
2249
|
-
"privacy": "private",
|
|
2250
|
-
"return": {
|
|
2251
|
-
"type": {
|
|
2252
|
-
"text": "void"
|
|
2253
|
-
}
|
|
2254
|
-
},
|
|
2255
|
-
"parameters": [
|
|
2256
|
-
{
|
|
2257
|
-
"name": "e",
|
|
2258
|
-
"type": {
|
|
2259
|
-
"text": "Event"
|
|
2260
|
-
}
|
|
2261
|
-
}
|
|
2262
|
-
],
|
|
2263
|
-
"description": "Re-dispatches click in interactive mode for host-level consumers."
|
|
2264
|
-
},
|
|
2265
2187
|
{
|
|
2266
2188
|
"kind": "method",
|
|
2267
|
-
"name": "
|
|
2189
|
+
"name": "_applyColorSurface",
|
|
2268
2190
|
"privacy": "private",
|
|
2269
2191
|
"return": {
|
|
2270
2192
|
"type": {
|
|
2271
2193
|
"text": "void"
|
|
2272
2194
|
}
|
|
2273
2195
|
},
|
|
2274
|
-
"
|
|
2275
|
-
{
|
|
2276
|
-
"name": "e",
|
|
2277
|
-
"type": {
|
|
2278
|
-
"text": "KeyboardEvent"
|
|
2279
|
-
}
|
|
2280
|
-
}
|
|
2281
|
-
],
|
|
2282
|
-
"description": "Handles keyboard activation in interactive mode."
|
|
2196
|
+
"description": "Applies glass vs solid surface tokens from `color`."
|
|
2283
2197
|
},
|
|
2284
2198
|
{
|
|
2285
2199
|
"kind": "method",
|
|
2286
|
-
"name": "
|
|
2200
|
+
"name": "_applyBackgroundImage",
|
|
2287
2201
|
"privacy": "private",
|
|
2288
2202
|
"return": {
|
|
2289
2203
|
"type": {
|
|
2290
2204
|
"text": "void"
|
|
2291
2205
|
}
|
|
2292
2206
|
},
|
|
2293
|
-
"description": "
|
|
2207
|
+
"description": "Sets background image CSS variable from `url`."
|
|
2294
2208
|
}
|
|
2295
2209
|
],
|
|
2296
|
-
"
|
|
2210
|
+
"attributes": [
|
|
2297
2211
|
{
|
|
2298
|
-
"name": "
|
|
2212
|
+
"name": "title",
|
|
2299
2213
|
"type": {
|
|
2300
|
-
"text": "
|
|
2301
|
-
}
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2214
|
+
"text": "string"
|
|
2215
|
+
},
|
|
2216
|
+
"default": "\"App Bar\"",
|
|
2217
|
+
"description": "Title text displayed in the app bar.",
|
|
2218
|
+
"fieldName": "title"
|
|
2219
|
+
},
|
|
2305
2220
|
{
|
|
2306
|
-
"name": "
|
|
2221
|
+
"name": "color",
|
|
2307
2222
|
"type": {
|
|
2308
2223
|
"text": "string"
|
|
2309
2224
|
},
|
|
2310
|
-
"default": "\"
|
|
2311
|
-
"description": "
|
|
2312
|
-
"fieldName": "
|
|
2225
|
+
"default": "\"default\"",
|
|
2226
|
+
"description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
|
|
2227
|
+
"fieldName": "color"
|
|
2313
2228
|
},
|
|
2314
2229
|
{
|
|
2315
|
-
"name": "
|
|
2230
|
+
"name": "url",
|
|
2316
2231
|
"type": {
|
|
2317
2232
|
"text": "string"
|
|
2318
2233
|
},
|
|
2319
2234
|
"default": "\"\"",
|
|
2320
|
-
"description": "
|
|
2321
|
-
"fieldName": "
|
|
2235
|
+
"description": "Background image URL.",
|
|
2236
|
+
"fieldName": "url"
|
|
2322
2237
|
},
|
|
2323
2238
|
{
|
|
2324
|
-
"name": "
|
|
2239
|
+
"name": "banner",
|
|
2325
2240
|
"type": {
|
|
2326
|
-
"text": "
|
|
2241
|
+
"text": "boolean"
|
|
2327
2242
|
},
|
|
2328
|
-
"default": "
|
|
2329
|
-
"description": "
|
|
2330
|
-
"fieldName": "
|
|
2243
|
+
"default": "true",
|
|
2244
|
+
"description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
|
|
2245
|
+
"fieldName": "banner"
|
|
2331
2246
|
},
|
|
2332
2247
|
{
|
|
2333
|
-
"name": "
|
|
2248
|
+
"name": "dense",
|
|
2334
2249
|
"type": {
|
|
2335
|
-
"text": "
|
|
2250
|
+
"text": "boolean"
|
|
2336
2251
|
},
|
|
2337
|
-
"default": "
|
|
2338
|
-
"description": "
|
|
2339
|
-
"fieldName": "
|
|
2252
|
+
"default": "false",
|
|
2253
|
+
"description": "Enables compact vertical spacing.",
|
|
2254
|
+
"fieldName": "dense"
|
|
2340
2255
|
},
|
|
2341
2256
|
{
|
|
2342
|
-
"name": "
|
|
2257
|
+
"name": "elevated",
|
|
2343
2258
|
"type": {
|
|
2344
|
-
"text": "
|
|
2259
|
+
"text": "boolean"
|
|
2345
2260
|
},
|
|
2346
|
-
"default": "
|
|
2347
|
-
"description": "
|
|
2348
|
-
"fieldName": "
|
|
2261
|
+
"default": "false",
|
|
2262
|
+
"description": "Applies elevated shadow styling.",
|
|
2263
|
+
"fieldName": "elevated"
|
|
2349
2264
|
},
|
|
2350
2265
|
{
|
|
2351
|
-
"name": "
|
|
2266
|
+
"name": "leadingLabel",
|
|
2352
2267
|
"type": {
|
|
2353
2268
|
"text": "string"
|
|
2354
2269
|
},
|
|
2355
|
-
"default": "\"
|
|
2356
|
-
"description": "
|
|
2357
|
-
"fieldName": "
|
|
2270
|
+
"default": "\"Open menu\"",
|
|
2271
|
+
"description": "Accessible label for default leading button fallback.",
|
|
2272
|
+
"fieldName": "leadingLabel"
|
|
2358
2273
|
},
|
|
2359
2274
|
{
|
|
2360
|
-
"name": "
|
|
2361
|
-
"type": {
|
|
2362
|
-
"text": "string"
|
|
2363
|
-
},
|
|
2364
|
-
"default": "\"\"",
|
|
2365
|
-
"description": "CSS `outline` value.",
|
|
2366
|
-
"fieldName": "outline"
|
|
2367
|
-
},
|
|
2368
|
-
{
|
|
2369
|
-
"name": "outlineOffset",
|
|
2370
|
-
"type": {
|
|
2371
|
-
"text": "string"
|
|
2372
|
-
},
|
|
2373
|
-
"default": "\"2px\"",
|
|
2374
|
-
"description": "CSS `outline-offset` value.",
|
|
2375
|
-
"fieldName": "outlineOffset"
|
|
2376
|
-
},
|
|
2377
|
-
{
|
|
2378
|
-
"name": "loading",
|
|
2379
|
-
"type": {
|
|
2380
|
-
"text": "boolean"
|
|
2381
|
-
},
|
|
2382
|
-
"default": "false",
|
|
2383
|
-
"description": "Shows loading overlay when true.",
|
|
2384
|
-
"fieldName": "loading"
|
|
2385
|
-
},
|
|
2386
|
-
{
|
|
2387
|
-
"name": "disabled",
|
|
2388
|
-
"type": {
|
|
2389
|
-
"text": "boolean"
|
|
2390
|
-
},
|
|
2391
|
-
"default": "false",
|
|
2392
|
-
"description": "Dims and disables pointer interactions.",
|
|
2393
|
-
"fieldName": "disabled"
|
|
2394
|
-
},
|
|
2395
|
-
{
|
|
2396
|
-
"name": "interactive",
|
|
2397
|
-
"type": {
|
|
2398
|
-
"text": "boolean"
|
|
2399
|
-
},
|
|
2400
|
-
"default": "false",
|
|
2401
|
-
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
2402
|
-
"fieldName": "interactive"
|
|
2403
|
-
},
|
|
2404
|
-
{
|
|
2405
|
-
"name": "shadow",
|
|
2406
|
-
"type": {
|
|
2407
|
-
"text": "boolean"
|
|
2408
|
-
},
|
|
2409
|
-
"default": "false",
|
|
2410
|
-
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
2411
|
-
"fieldName": "shadow"
|
|
2412
|
-
},
|
|
2413
|
-
{
|
|
2414
|
-
"name": "preset",
|
|
2275
|
+
"name": "preset",
|
|
2415
2276
|
"type": {
|
|
2416
2277
|
"text": "string"
|
|
2417
2278
|
},
|
|
@@ -2424,26 +2285,26 @@
|
|
|
2424
2285
|
"name": "LitElement",
|
|
2425
2286
|
"package": "lit"
|
|
2426
2287
|
},
|
|
2427
|
-
"tagName": "sky-
|
|
2288
|
+
"tagName": "sky-appbar",
|
|
2428
2289
|
"customElement": true,
|
|
2429
|
-
"summary": "
|
|
2290
|
+
"summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
|
|
2430
2291
|
}
|
|
2431
2292
|
],
|
|
2432
2293
|
"exports": [
|
|
2433
2294
|
{
|
|
2434
2295
|
"kind": "js",
|
|
2435
|
-
"name": "
|
|
2296
|
+
"name": "SkyAppbar",
|
|
2436
2297
|
"declaration": {
|
|
2437
|
-
"name": "
|
|
2438
|
-
"module": "src/sky-
|
|
2298
|
+
"name": "SkyAppbar",
|
|
2299
|
+
"module": "src/sky-appbar/sky-appbar.ts"
|
|
2439
2300
|
}
|
|
2440
2301
|
},
|
|
2441
2302
|
{
|
|
2442
2303
|
"kind": "custom-element-definition",
|
|
2443
|
-
"name": "sky-
|
|
2304
|
+
"name": "sky-appbar",
|
|
2444
2305
|
"declaration": {
|
|
2445
|
-
"name": "
|
|
2446
|
-
"module": "src/sky-
|
|
2306
|
+
"name": "SkyAppbar",
|
|
2307
|
+
"module": "src/sky-appbar/sky-appbar.ts"
|
|
2447
2308
|
}
|
|
2448
2309
|
}
|
|
2449
2310
|
]
|
|
@@ -3073,455 +2934,197 @@
|
|
|
3073
2934
|
},
|
|
3074
2935
|
{
|
|
3075
2936
|
"kind": "javascript-module",
|
|
3076
|
-
"path": "src/sky-
|
|
2937
|
+
"path": "src/sky-checkbox/sky-checkbox.ts",
|
|
3077
2938
|
"declarations": [
|
|
3078
2939
|
{
|
|
3079
2940
|
"kind": "class",
|
|
3080
2941
|
"description": "",
|
|
3081
|
-
"name": "
|
|
2942
|
+
"name": "SkyCheckbox",
|
|
3082
2943
|
"cssParts": [
|
|
3083
2944
|
{
|
|
3084
|
-
"description": "
|
|
3085
|
-
"name": "
|
|
2945
|
+
"description": "The wrapper element for the checkbox.",
|
|
2946
|
+
"name": "wrapper"
|
|
3086
2947
|
},
|
|
3087
2948
|
{
|
|
3088
|
-
"description": "
|
|
3089
|
-
"name": "
|
|
2949
|
+
"description": "The native input element used for the checkbox.",
|
|
2950
|
+
"name": "input"
|
|
3090
2951
|
},
|
|
3091
2952
|
{
|
|
3092
|
-
"description": "The
|
|
3093
|
-
"name": "
|
|
2953
|
+
"description": "The label element for the checkbox, used for styling.",
|
|
2954
|
+
"name": "label"
|
|
3094
2955
|
},
|
|
3095
2956
|
{
|
|
3096
|
-
"description": "The
|
|
3097
|
-
"name": "
|
|
2957
|
+
"description": "The visual box for the checkbox, which includes the checkmark and indeterminate state.",
|
|
2958
|
+
"name": "box"
|
|
2959
|
+
},
|
|
2960
|
+
{
|
|
2961
|
+
"description": "The checkmark icon that appears when the checkbox is checked.",
|
|
2962
|
+
"name": "checkmark"
|
|
2963
|
+
},
|
|
2964
|
+
{
|
|
2965
|
+
"description": "The line representing the indeterminate state of the checkbox.",
|
|
2966
|
+
"name": "indeterminate-line"
|
|
2967
|
+
},
|
|
2968
|
+
{
|
|
2969
|
+
"description": "The error message displayed if the checkbox is invalid.",
|
|
2970
|
+
"name": "error-message"
|
|
3098
2971
|
}
|
|
3099
2972
|
],
|
|
3100
2973
|
"slots": [
|
|
3101
2974
|
{
|
|
3102
|
-
"description": "
|
|
3103
|
-
"name": "
|
|
2975
|
+
"description": "Default slot for the checkbox label or other content.",
|
|
2976
|
+
"name": ""
|
|
3104
2977
|
},
|
|
3105
2978
|
{
|
|
3106
|
-
"description": "
|
|
3107
|
-
"name": ""
|
|
2979
|
+
"description": "Optional prefix content that can be placed before the label.",
|
|
2980
|
+
"name": "prefix"
|
|
2981
|
+
},
|
|
2982
|
+
{
|
|
2983
|
+
"description": "Optional suffix content that can be placed after the label.",
|
|
2984
|
+
"name": "suffix"
|
|
3108
2985
|
}
|
|
3109
2986
|
],
|
|
3110
2987
|
"members": [
|
|
3111
2988
|
{
|
|
3112
2989
|
"kind": "field",
|
|
3113
|
-
"name": "
|
|
2990
|
+
"name": "shadowRootOptions",
|
|
3114
2991
|
"type": {
|
|
3115
|
-
"text": "
|
|
2992
|
+
"text": "object"
|
|
3116
2993
|
},
|
|
3117
2994
|
"static": true,
|
|
3118
|
-
"default": "{
|
|
2995
|
+
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
3119
2996
|
},
|
|
3120
2997
|
{
|
|
3121
2998
|
"kind": "field",
|
|
3122
|
-
"name": "
|
|
2999
|
+
"name": "label",
|
|
3123
3000
|
"type": {
|
|
3124
3001
|
"text": "string"
|
|
3125
3002
|
},
|
|
3126
|
-
"default": "\"
|
|
3127
|
-
"description": "
|
|
3128
|
-
"attribute": "
|
|
3003
|
+
"default": "\"\"",
|
|
3004
|
+
"description": "The label for the checkbox. Default: `\"\"`.",
|
|
3005
|
+
"attribute": "label"
|
|
3129
3006
|
},
|
|
3130
3007
|
{
|
|
3131
3008
|
"kind": "field",
|
|
3132
|
-
"name": "
|
|
3009
|
+
"name": "id",
|
|
3133
3010
|
"type": {
|
|
3134
3011
|
"text": "string"
|
|
3135
3012
|
},
|
|
3136
|
-
"default": "\"
|
|
3137
|
-
"
|
|
3138
|
-
"attribute": "color"
|
|
3013
|
+
"default": "\"\"",
|
|
3014
|
+
"attribute": "id"
|
|
3139
3015
|
},
|
|
3140
3016
|
{
|
|
3141
3017
|
"kind": "field",
|
|
3142
|
-
"name": "
|
|
3018
|
+
"name": "value",
|
|
3143
3019
|
"type": {
|
|
3144
3020
|
"text": "string"
|
|
3145
3021
|
},
|
|
3146
3022
|
"default": "\"\"",
|
|
3147
|
-
"description": "
|
|
3148
|
-
"attribute": "
|
|
3023
|
+
"description": "The value of the checkbox, which gets submitted with the form. Default: `\"\"`.",
|
|
3024
|
+
"attribute": "value"
|
|
3149
3025
|
},
|
|
3150
3026
|
{
|
|
3151
3027
|
"kind": "field",
|
|
3152
|
-
"name": "
|
|
3028
|
+
"name": "color",
|
|
3153
3029
|
"type": {
|
|
3154
|
-
"text": "
|
|
3030
|
+
"text": "string"
|
|
3155
3031
|
},
|
|
3156
|
-
"default": "
|
|
3157
|
-
"description": "
|
|
3158
|
-
"attribute": "
|
|
3032
|
+
"default": "\"primary\"",
|
|
3033
|
+
"description": "The color used for the checkbox and its checkmark. Default: `\"primary\"`.",
|
|
3034
|
+
"attribute": "color"
|
|
3159
3035
|
},
|
|
3160
3036
|
{
|
|
3161
3037
|
"kind": "field",
|
|
3162
|
-
"name": "
|
|
3038
|
+
"name": "defaultChecked",
|
|
3163
3039
|
"type": {
|
|
3164
3040
|
"text": "boolean"
|
|
3165
3041
|
},
|
|
3166
3042
|
"default": "false",
|
|
3167
|
-
"description": "
|
|
3168
|
-
"attribute": "
|
|
3043
|
+
"description": "Default checked state for reset operations. Default: `false`.",
|
|
3044
|
+
"attribute": "defaultChecked"
|
|
3169
3045
|
},
|
|
3170
3046
|
{
|
|
3171
3047
|
"kind": "field",
|
|
3172
|
-
"name": "
|
|
3048
|
+
"name": "showErrors",
|
|
3173
3049
|
"type": {
|
|
3174
3050
|
"text": "boolean"
|
|
3175
3051
|
},
|
|
3176
3052
|
"default": "false",
|
|
3177
|
-
"description": "
|
|
3178
|
-
"attribute": "
|
|
3053
|
+
"description": "Whether to display validation error messages. Default: `false`.",
|
|
3054
|
+
"attribute": "showErrors"
|
|
3179
3055
|
},
|
|
3180
3056
|
{
|
|
3181
3057
|
"kind": "field",
|
|
3182
|
-
"name": "
|
|
3058
|
+
"name": "prefix",
|
|
3183
3059
|
"type": {
|
|
3184
3060
|
"text": "string"
|
|
3185
3061
|
},
|
|
3186
|
-
"default": "\"
|
|
3187
|
-
"description": "
|
|
3188
|
-
"attribute": "
|
|
3062
|
+
"default": "\"\"",
|
|
3063
|
+
"description": "Optional prefix text or content before the label. Default: `\"\"`.",
|
|
3064
|
+
"attribute": "prefix"
|
|
3189
3065
|
},
|
|
3190
3066
|
{
|
|
3191
3067
|
"kind": "field",
|
|
3192
|
-
"name": "
|
|
3068
|
+
"name": "suffix",
|
|
3193
3069
|
"type": {
|
|
3194
3070
|
"text": "string"
|
|
3195
3071
|
},
|
|
3196
3072
|
"default": "\"\"",
|
|
3197
|
-
"description": "
|
|
3198
|
-
"attribute": "
|
|
3199
|
-
"reflects": true
|
|
3073
|
+
"description": "Optional suffix text or content after the label. Default: `\"\"`.",
|
|
3074
|
+
"attribute": "suffix"
|
|
3200
3075
|
},
|
|
3201
3076
|
{
|
|
3202
3077
|
"kind": "field",
|
|
3203
|
-
"name": "
|
|
3204
|
-
"privacy": "private",
|
|
3205
|
-
"default": "new PresetController(this)"
|
|
3206
|
-
},
|
|
3207
|
-
{
|
|
3208
|
-
"kind": "method",
|
|
3209
|
-
"name": "_applyColorSurface",
|
|
3210
|
-
"privacy": "private",
|
|
3211
|
-
"return": {
|
|
3212
|
-
"type": {
|
|
3213
|
-
"text": "void"
|
|
3214
|
-
}
|
|
3215
|
-
},
|
|
3216
|
-
"description": "Applies glass vs solid surface tokens from `color`."
|
|
3217
|
-
},
|
|
3218
|
-
{
|
|
3219
|
-
"kind": "method",
|
|
3220
|
-
"name": "_applyBackgroundImage",
|
|
3221
|
-
"privacy": "private",
|
|
3222
|
-
"return": {
|
|
3223
|
-
"type": {
|
|
3224
|
-
"text": "void"
|
|
3225
|
-
}
|
|
3226
|
-
},
|
|
3227
|
-
"description": "Sets background image CSS variable from `url`."
|
|
3228
|
-
}
|
|
3229
|
-
],
|
|
3230
|
-
"attributes": [
|
|
3231
|
-
{
|
|
3232
|
-
"name": "title",
|
|
3233
|
-
"type": {
|
|
3234
|
-
"text": "string"
|
|
3235
|
-
},
|
|
3236
|
-
"default": "\"App Bar\"",
|
|
3237
|
-
"description": "Title text displayed in the app bar.",
|
|
3238
|
-
"fieldName": "title"
|
|
3239
|
-
},
|
|
3240
|
-
{
|
|
3241
|
-
"name": "color",
|
|
3078
|
+
"name": "prefixColor",
|
|
3242
3079
|
"type": {
|
|
3243
3080
|
"text": "string"
|
|
3244
3081
|
},
|
|
3245
|
-
"default": "\"
|
|
3246
|
-
"description": "
|
|
3247
|
-
"
|
|
3082
|
+
"default": "\"\"",
|
|
3083
|
+
"description": "The color for the prefix text. Default: `\"\"`.",
|
|
3084
|
+
"attribute": "prefixColor"
|
|
3248
3085
|
},
|
|
3249
3086
|
{
|
|
3250
|
-
"
|
|
3087
|
+
"kind": "field",
|
|
3088
|
+
"name": "suffixColor",
|
|
3251
3089
|
"type": {
|
|
3252
3090
|
"text": "string"
|
|
3253
3091
|
},
|
|
3254
3092
|
"default": "\"\"",
|
|
3255
|
-
"description": "
|
|
3256
|
-
"
|
|
3093
|
+
"description": "The color for the suffix text. Default: `\"\"`.",
|
|
3094
|
+
"attribute": "suffixColor"
|
|
3257
3095
|
},
|
|
3258
3096
|
{
|
|
3259
|
-
"
|
|
3097
|
+
"kind": "field",
|
|
3098
|
+
"name": "validationActive",
|
|
3260
3099
|
"type": {
|
|
3261
3100
|
"text": "boolean"
|
|
3262
3101
|
},
|
|
3263
|
-
"default": "
|
|
3264
|
-
"
|
|
3265
|
-
"
|
|
3102
|
+
"default": "false",
|
|
3103
|
+
"attribute": "validationActive",
|
|
3104
|
+
"reflects": true
|
|
3266
3105
|
},
|
|
3267
3106
|
{
|
|
3268
|
-
"
|
|
3107
|
+
"kind": "field",
|
|
3108
|
+
"name": "invalid",
|
|
3269
3109
|
"type": {
|
|
3270
3110
|
"text": "boolean"
|
|
3271
3111
|
},
|
|
3272
3112
|
"default": "false",
|
|
3273
|
-
"
|
|
3274
|
-
"
|
|
3113
|
+
"attribute": "invalid",
|
|
3114
|
+
"reflects": true
|
|
3275
3115
|
},
|
|
3276
3116
|
{
|
|
3277
|
-
"
|
|
3117
|
+
"kind": "field",
|
|
3118
|
+
"name": "_checked",
|
|
3278
3119
|
"type": {
|
|
3279
3120
|
"text": "boolean"
|
|
3280
3121
|
},
|
|
3281
|
-
"
|
|
3282
|
-
"
|
|
3283
|
-
"fieldName": "elevated"
|
|
3122
|
+
"privacy": "private",
|
|
3123
|
+
"default": "false"
|
|
3284
3124
|
},
|
|
3285
3125
|
{
|
|
3286
|
-
"
|
|
3287
|
-
"
|
|
3288
|
-
"text": "string"
|
|
3289
|
-
},
|
|
3290
|
-
"default": "\"Open menu\"",
|
|
3291
|
-
"description": "Accessible label for default leading button fallback.",
|
|
3292
|
-
"fieldName": "leadingLabel"
|
|
3293
|
-
},
|
|
3294
|
-
{
|
|
3295
|
-
"name": "preset",
|
|
3296
|
-
"type": {
|
|
3297
|
-
"text": "string"
|
|
3298
|
-
},
|
|
3299
|
-
"default": "\"\"",
|
|
3300
|
-
"description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
|
|
3301
|
-
"fieldName": "preset"
|
|
3302
|
-
}
|
|
3303
|
-
],
|
|
3304
|
-
"superclass": {
|
|
3305
|
-
"name": "LitElement",
|
|
3306
|
-
"package": "lit"
|
|
3307
|
-
},
|
|
3308
|
-
"tagName": "sky-appbar",
|
|
3309
|
-
"customElement": true,
|
|
3310
|
-
"summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
|
|
3311
|
-
}
|
|
3312
|
-
],
|
|
3313
|
-
"exports": [
|
|
3314
|
-
{
|
|
3315
|
-
"kind": "js",
|
|
3316
|
-
"name": "SkyAppbar",
|
|
3317
|
-
"declaration": {
|
|
3318
|
-
"name": "SkyAppbar",
|
|
3319
|
-
"module": "src/sky-appbar/sky-appbar.ts"
|
|
3320
|
-
}
|
|
3321
|
-
},
|
|
3322
|
-
{
|
|
3323
|
-
"kind": "custom-element-definition",
|
|
3324
|
-
"name": "sky-appbar",
|
|
3325
|
-
"declaration": {
|
|
3326
|
-
"name": "SkyAppbar",
|
|
3327
|
-
"module": "src/sky-appbar/sky-appbar.ts"
|
|
3328
|
-
}
|
|
3329
|
-
}
|
|
3330
|
-
]
|
|
3331
|
-
},
|
|
3332
|
-
{
|
|
3333
|
-
"kind": "javascript-module",
|
|
3334
|
-
"path": "src/sky-checkbox/sky-checkbox.ts",
|
|
3335
|
-
"declarations": [
|
|
3336
|
-
{
|
|
3337
|
-
"kind": "class",
|
|
3338
|
-
"description": "",
|
|
3339
|
-
"name": "SkyCheckbox",
|
|
3340
|
-
"cssParts": [
|
|
3341
|
-
{
|
|
3342
|
-
"description": "The wrapper element for the checkbox.",
|
|
3343
|
-
"name": "wrapper"
|
|
3344
|
-
},
|
|
3345
|
-
{
|
|
3346
|
-
"description": "The native input element used for the checkbox.",
|
|
3347
|
-
"name": "input"
|
|
3348
|
-
},
|
|
3349
|
-
{
|
|
3350
|
-
"description": "The label element for the checkbox, used for styling.",
|
|
3351
|
-
"name": "label"
|
|
3352
|
-
},
|
|
3353
|
-
{
|
|
3354
|
-
"description": "The visual box for the checkbox, which includes the checkmark and indeterminate state.",
|
|
3355
|
-
"name": "box"
|
|
3356
|
-
},
|
|
3357
|
-
{
|
|
3358
|
-
"description": "The checkmark icon that appears when the checkbox is checked.",
|
|
3359
|
-
"name": "checkmark"
|
|
3360
|
-
},
|
|
3361
|
-
{
|
|
3362
|
-
"description": "The line representing the indeterminate state of the checkbox.",
|
|
3363
|
-
"name": "indeterminate-line"
|
|
3364
|
-
},
|
|
3365
|
-
{
|
|
3366
|
-
"description": "The error message displayed if the checkbox is invalid.",
|
|
3367
|
-
"name": "error-message"
|
|
3368
|
-
}
|
|
3369
|
-
],
|
|
3370
|
-
"slots": [
|
|
3371
|
-
{
|
|
3372
|
-
"description": "Default slot for the checkbox label or other content.",
|
|
3373
|
-
"name": ""
|
|
3374
|
-
},
|
|
3375
|
-
{
|
|
3376
|
-
"description": "Optional prefix content that can be placed before the label.",
|
|
3377
|
-
"name": "prefix"
|
|
3378
|
-
},
|
|
3379
|
-
{
|
|
3380
|
-
"description": "Optional suffix content that can be placed after the label.",
|
|
3381
|
-
"name": "suffix"
|
|
3382
|
-
}
|
|
3383
|
-
],
|
|
3384
|
-
"members": [
|
|
3385
|
-
{
|
|
3386
|
-
"kind": "field",
|
|
3387
|
-
"name": "shadowRootOptions",
|
|
3388
|
-
"type": {
|
|
3389
|
-
"text": "object"
|
|
3390
|
-
},
|
|
3391
|
-
"static": true,
|
|
3392
|
-
"default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
|
|
3393
|
-
},
|
|
3394
|
-
{
|
|
3395
|
-
"kind": "field",
|
|
3396
|
-
"name": "label",
|
|
3397
|
-
"type": {
|
|
3398
|
-
"text": "string"
|
|
3399
|
-
},
|
|
3400
|
-
"default": "\"\"",
|
|
3401
|
-
"description": "The label for the checkbox. Default: `\"\"`.",
|
|
3402
|
-
"attribute": "label"
|
|
3403
|
-
},
|
|
3404
|
-
{
|
|
3405
|
-
"kind": "field",
|
|
3406
|
-
"name": "id",
|
|
3407
|
-
"type": {
|
|
3408
|
-
"text": "string"
|
|
3409
|
-
},
|
|
3410
|
-
"default": "\"\"",
|
|
3411
|
-
"attribute": "id"
|
|
3412
|
-
},
|
|
3413
|
-
{
|
|
3414
|
-
"kind": "field",
|
|
3415
|
-
"name": "value",
|
|
3416
|
-
"type": {
|
|
3417
|
-
"text": "string"
|
|
3418
|
-
},
|
|
3419
|
-
"default": "\"\"",
|
|
3420
|
-
"description": "The value of the checkbox, which gets submitted with the form. Default: `\"\"`.",
|
|
3421
|
-
"attribute": "value"
|
|
3422
|
-
},
|
|
3423
|
-
{
|
|
3424
|
-
"kind": "field",
|
|
3425
|
-
"name": "color",
|
|
3426
|
-
"type": {
|
|
3427
|
-
"text": "string"
|
|
3428
|
-
},
|
|
3429
|
-
"default": "\"primary\"",
|
|
3430
|
-
"description": "The color used for the checkbox and its checkmark. Default: `\"primary\"`.",
|
|
3431
|
-
"attribute": "color"
|
|
3432
|
-
},
|
|
3433
|
-
{
|
|
3434
|
-
"kind": "field",
|
|
3435
|
-
"name": "defaultChecked",
|
|
3436
|
-
"type": {
|
|
3437
|
-
"text": "boolean"
|
|
3438
|
-
},
|
|
3439
|
-
"default": "false",
|
|
3440
|
-
"description": "Default checked state for reset operations. Default: `false`.",
|
|
3441
|
-
"attribute": "defaultChecked"
|
|
3442
|
-
},
|
|
3443
|
-
{
|
|
3444
|
-
"kind": "field",
|
|
3445
|
-
"name": "showErrors",
|
|
3446
|
-
"type": {
|
|
3447
|
-
"text": "boolean"
|
|
3448
|
-
},
|
|
3449
|
-
"default": "false",
|
|
3450
|
-
"description": "Whether to display validation error messages. Default: `false`.",
|
|
3451
|
-
"attribute": "showErrors"
|
|
3452
|
-
},
|
|
3453
|
-
{
|
|
3454
|
-
"kind": "field",
|
|
3455
|
-
"name": "prefix",
|
|
3456
|
-
"type": {
|
|
3457
|
-
"text": "string"
|
|
3458
|
-
},
|
|
3459
|
-
"default": "\"\"",
|
|
3460
|
-
"description": "Optional prefix text or content before the label. Default: `\"\"`.",
|
|
3461
|
-
"attribute": "prefix"
|
|
3462
|
-
},
|
|
3463
|
-
{
|
|
3464
|
-
"kind": "field",
|
|
3465
|
-
"name": "suffix",
|
|
3466
|
-
"type": {
|
|
3467
|
-
"text": "string"
|
|
3468
|
-
},
|
|
3469
|
-
"default": "\"\"",
|
|
3470
|
-
"description": "Optional suffix text or content after the label. Default: `\"\"`.",
|
|
3471
|
-
"attribute": "suffix"
|
|
3472
|
-
},
|
|
3473
|
-
{
|
|
3474
|
-
"kind": "field",
|
|
3475
|
-
"name": "prefixColor",
|
|
3476
|
-
"type": {
|
|
3477
|
-
"text": "string"
|
|
3478
|
-
},
|
|
3479
|
-
"default": "\"\"",
|
|
3480
|
-
"description": "The color for the prefix text. Default: `\"\"`.",
|
|
3481
|
-
"attribute": "prefixColor"
|
|
3482
|
-
},
|
|
3483
|
-
{
|
|
3484
|
-
"kind": "field",
|
|
3485
|
-
"name": "suffixColor",
|
|
3486
|
-
"type": {
|
|
3487
|
-
"text": "string"
|
|
3488
|
-
},
|
|
3489
|
-
"default": "\"\"",
|
|
3490
|
-
"description": "The color for the suffix text. Default: `\"\"`.",
|
|
3491
|
-
"attribute": "suffixColor"
|
|
3492
|
-
},
|
|
3493
|
-
{
|
|
3494
|
-
"kind": "field",
|
|
3495
|
-
"name": "validationActive",
|
|
3496
|
-
"type": {
|
|
3497
|
-
"text": "boolean"
|
|
3498
|
-
},
|
|
3499
|
-
"default": "false",
|
|
3500
|
-
"attribute": "validationActive",
|
|
3501
|
-
"reflects": true
|
|
3502
|
-
},
|
|
3503
|
-
{
|
|
3504
|
-
"kind": "field",
|
|
3505
|
-
"name": "invalid",
|
|
3506
|
-
"type": {
|
|
3507
|
-
"text": "boolean"
|
|
3508
|
-
},
|
|
3509
|
-
"default": "false",
|
|
3510
|
-
"attribute": "invalid",
|
|
3511
|
-
"reflects": true
|
|
3512
|
-
},
|
|
3513
|
-
{
|
|
3514
|
-
"kind": "field",
|
|
3515
|
-
"name": "_checked",
|
|
3516
|
-
"type": {
|
|
3517
|
-
"text": "boolean"
|
|
3518
|
-
},
|
|
3519
|
-
"privacy": "private",
|
|
3520
|
-
"default": "false"
|
|
3521
|
-
},
|
|
3522
|
-
{
|
|
3523
|
-
"kind": "field",
|
|
3524
|
-
"name": "_indeterminate",
|
|
3126
|
+
"kind": "field",
|
|
3127
|
+
"name": "_indeterminate",
|
|
3525
3128
|
"type": {
|
|
3526
3129
|
"text": "boolean"
|
|
3527
3130
|
},
|
|
@@ -3973,6 +3576,403 @@
|
|
|
3973
3576
|
}
|
|
3974
3577
|
]
|
|
3975
3578
|
},
|
|
3579
|
+
{
|
|
3580
|
+
"kind": "javascript-module",
|
|
3581
|
+
"path": "src/sky-avatar/sky-avatar.ts",
|
|
3582
|
+
"declarations": [
|
|
3583
|
+
{
|
|
3584
|
+
"kind": "class",
|
|
3585
|
+
"description": "",
|
|
3586
|
+
"name": "SkyAvatar",
|
|
3587
|
+
"cssParts": [
|
|
3588
|
+
{
|
|
3589
|
+
"description": "The avatar container element.",
|
|
3590
|
+
"name": "avatar"
|
|
3591
|
+
},
|
|
3592
|
+
{
|
|
3593
|
+
"description": "The loading overlay container (shown when `loading` is true).",
|
|
3594
|
+
"name": "loading-overlay"
|
|
3595
|
+
},
|
|
3596
|
+
{
|
|
3597
|
+
"description": "The spinner element shown when loading.",
|
|
3598
|
+
"name": "spinner"
|
|
3599
|
+
}
|
|
3600
|
+
],
|
|
3601
|
+
"slots": [
|
|
3602
|
+
{
|
|
3603
|
+
"description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
|
|
3604
|
+
"name": ""
|
|
3605
|
+
}
|
|
3606
|
+
],
|
|
3607
|
+
"members": [
|
|
3608
|
+
{
|
|
3609
|
+
"kind": "field",
|
|
3610
|
+
"name": "size",
|
|
3611
|
+
"type": {
|
|
3612
|
+
"text": "string"
|
|
3613
|
+
},
|
|
3614
|
+
"default": "\"50px\"",
|
|
3615
|
+
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
3616
|
+
"attribute": "size"
|
|
3617
|
+
},
|
|
3618
|
+
{
|
|
3619
|
+
"kind": "field",
|
|
3620
|
+
"name": "image",
|
|
3621
|
+
"type": {
|
|
3622
|
+
"text": "string"
|
|
3623
|
+
},
|
|
3624
|
+
"default": "\"\"",
|
|
3625
|
+
"description": "Image URL; fallback slot is shown on load error.",
|
|
3626
|
+
"attribute": "image"
|
|
3627
|
+
},
|
|
3628
|
+
{
|
|
3629
|
+
"kind": "field",
|
|
3630
|
+
"name": "fit",
|
|
3631
|
+
"type": {
|
|
3632
|
+
"text": "SkyAvatarFit"
|
|
3633
|
+
},
|
|
3634
|
+
"default": "\"cover\"",
|
|
3635
|
+
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
3636
|
+
"attribute": "fit",
|
|
3637
|
+
"reflects": true
|
|
3638
|
+
},
|
|
3639
|
+
{
|
|
3640
|
+
"kind": "field",
|
|
3641
|
+
"name": "radius",
|
|
3642
|
+
"type": {
|
|
3643
|
+
"text": "string"
|
|
3644
|
+
},
|
|
3645
|
+
"default": "\"md\"",
|
|
3646
|
+
"description": "Border radius token or CSS value.",
|
|
3647
|
+
"attribute": "radius"
|
|
3648
|
+
},
|
|
3649
|
+
{
|
|
3650
|
+
"kind": "field",
|
|
3651
|
+
"name": "alt",
|
|
3652
|
+
"type": {
|
|
3653
|
+
"text": "string"
|
|
3654
|
+
},
|
|
3655
|
+
"default": "\"\"",
|
|
3656
|
+
"description": "Accessible name when image content conveys meaning.",
|
|
3657
|
+
"attribute": "alt"
|
|
3658
|
+
},
|
|
3659
|
+
{
|
|
3660
|
+
"kind": "field",
|
|
3661
|
+
"name": "color",
|
|
3662
|
+
"type": {
|
|
3663
|
+
"text": "string"
|
|
3664
|
+
},
|
|
3665
|
+
"default": "\"dark\"",
|
|
3666
|
+
"description": "Token or CSS color applied to fallback slot content.",
|
|
3667
|
+
"attribute": "color"
|
|
3668
|
+
},
|
|
3669
|
+
{
|
|
3670
|
+
"kind": "field",
|
|
3671
|
+
"name": "outline",
|
|
3672
|
+
"type": {
|
|
3673
|
+
"text": "string"
|
|
3674
|
+
},
|
|
3675
|
+
"default": "\"\"",
|
|
3676
|
+
"description": "CSS `outline` value.",
|
|
3677
|
+
"attribute": "outline"
|
|
3678
|
+
},
|
|
3679
|
+
{
|
|
3680
|
+
"kind": "field",
|
|
3681
|
+
"name": "outlineOffset",
|
|
3682
|
+
"type": {
|
|
3683
|
+
"text": "string"
|
|
3684
|
+
},
|
|
3685
|
+
"default": "\"2px\"",
|
|
3686
|
+
"description": "CSS `outline-offset` value.",
|
|
3687
|
+
"attribute": "outlineOffset"
|
|
3688
|
+
},
|
|
3689
|
+
{
|
|
3690
|
+
"kind": "field",
|
|
3691
|
+
"name": "loading",
|
|
3692
|
+
"type": {
|
|
3693
|
+
"text": "boolean"
|
|
3694
|
+
},
|
|
3695
|
+
"default": "false",
|
|
3696
|
+
"description": "Shows loading overlay when true.",
|
|
3697
|
+
"attribute": "loading",
|
|
3698
|
+
"reflects": true
|
|
3699
|
+
},
|
|
3700
|
+
{
|
|
3701
|
+
"kind": "field",
|
|
3702
|
+
"name": "disabled",
|
|
3703
|
+
"type": {
|
|
3704
|
+
"text": "boolean"
|
|
3705
|
+
},
|
|
3706
|
+
"default": "false",
|
|
3707
|
+
"description": "Dims and disables pointer interactions.",
|
|
3708
|
+
"attribute": "disabled",
|
|
3709
|
+
"reflects": true
|
|
3710
|
+
},
|
|
3711
|
+
{
|
|
3712
|
+
"kind": "field",
|
|
3713
|
+
"name": "interactive",
|
|
3714
|
+
"type": {
|
|
3715
|
+
"text": "boolean"
|
|
3716
|
+
},
|
|
3717
|
+
"default": "false",
|
|
3718
|
+
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
3719
|
+
"attribute": "interactive"
|
|
3720
|
+
},
|
|
3721
|
+
{
|
|
3722
|
+
"kind": "field",
|
|
3723
|
+
"name": "shadow",
|
|
3724
|
+
"type": {
|
|
3725
|
+
"text": "boolean"
|
|
3726
|
+
},
|
|
3727
|
+
"default": "false",
|
|
3728
|
+
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
3729
|
+
"attribute": "shadow",
|
|
3730
|
+
"reflects": true
|
|
3731
|
+
},
|
|
3732
|
+
{
|
|
3733
|
+
"kind": "field",
|
|
3734
|
+
"name": "_imageError",
|
|
3735
|
+
"type": {
|
|
3736
|
+
"text": "boolean"
|
|
3737
|
+
},
|
|
3738
|
+
"privacy": "private",
|
|
3739
|
+
"default": "false",
|
|
3740
|
+
"description": "True when image failed to load; show slot instead."
|
|
3741
|
+
},
|
|
3742
|
+
{
|
|
3743
|
+
"kind": "field",
|
|
3744
|
+
"name": "preset",
|
|
3745
|
+
"type": {
|
|
3746
|
+
"text": "string"
|
|
3747
|
+
},
|
|
3748
|
+
"default": "\"\"",
|
|
3749
|
+
"description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
|
|
3750
|
+
"attribute": "preset",
|
|
3751
|
+
"reflects": true
|
|
3752
|
+
},
|
|
3753
|
+
{
|
|
3754
|
+
"kind": "field",
|
|
3755
|
+
"name": "_presets",
|
|
3756
|
+
"privacy": "private",
|
|
3757
|
+
"default": "new PresetController(this)"
|
|
3758
|
+
},
|
|
3759
|
+
{
|
|
3760
|
+
"kind": "field",
|
|
3761
|
+
"name": "_onImageLoad",
|
|
3762
|
+
"privacy": "private",
|
|
3763
|
+
"description": "Marks image load success and keeps image rendering active."
|
|
3764
|
+
},
|
|
3765
|
+
{
|
|
3766
|
+
"kind": "field",
|
|
3767
|
+
"name": "_onImageError",
|
|
3768
|
+
"privacy": "private",
|
|
3769
|
+
"description": "Marks image load failure and enables fallback slot rendering."
|
|
3770
|
+
},
|
|
3771
|
+
{
|
|
3772
|
+
"kind": "method",
|
|
3773
|
+
"name": "_handleInteractiveClick",
|
|
3774
|
+
"privacy": "private",
|
|
3775
|
+
"return": {
|
|
3776
|
+
"type": {
|
|
3777
|
+
"text": "void"
|
|
3778
|
+
}
|
|
3779
|
+
},
|
|
3780
|
+
"parameters": [
|
|
3781
|
+
{
|
|
3782
|
+
"name": "e",
|
|
3783
|
+
"type": {
|
|
3784
|
+
"text": "Event"
|
|
3785
|
+
}
|
|
3786
|
+
}
|
|
3787
|
+
],
|
|
3788
|
+
"description": "Re-dispatches click in interactive mode for host-level consumers."
|
|
3789
|
+
},
|
|
3790
|
+
{
|
|
3791
|
+
"kind": "method",
|
|
3792
|
+
"name": "_handleInteractiveKeydown",
|
|
3793
|
+
"privacy": "private",
|
|
3794
|
+
"return": {
|
|
3795
|
+
"type": {
|
|
3796
|
+
"text": "void"
|
|
3797
|
+
}
|
|
3798
|
+
},
|
|
3799
|
+
"parameters": [
|
|
3800
|
+
{
|
|
3801
|
+
"name": "e",
|
|
3802
|
+
"type": {
|
|
3803
|
+
"text": "KeyboardEvent"
|
|
3804
|
+
}
|
|
3805
|
+
}
|
|
3806
|
+
],
|
|
3807
|
+
"description": "Handles keyboard activation in interactive mode."
|
|
3808
|
+
},
|
|
3809
|
+
{
|
|
3810
|
+
"kind": "method",
|
|
3811
|
+
"name": "adjustSpinnerSize",
|
|
3812
|
+
"privacy": "private",
|
|
3813
|
+
"return": {
|
|
3814
|
+
"type": {
|
|
3815
|
+
"text": "void"
|
|
3816
|
+
}
|
|
3817
|
+
},
|
|
3818
|
+
"description": "Derives spinner dimensions from current avatar size."
|
|
3819
|
+
}
|
|
3820
|
+
],
|
|
3821
|
+
"events": [
|
|
3822
|
+
{
|
|
3823
|
+
"name": "click",
|
|
3824
|
+
"type": {
|
|
3825
|
+
"text": "Event"
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3828
|
+
],
|
|
3829
|
+
"attributes": [
|
|
3830
|
+
{
|
|
3831
|
+
"name": "size",
|
|
3832
|
+
"type": {
|
|
3833
|
+
"text": "string"
|
|
3834
|
+
},
|
|
3835
|
+
"default": "\"50px\"",
|
|
3836
|
+
"description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
|
|
3837
|
+
"fieldName": "size"
|
|
3838
|
+
},
|
|
3839
|
+
{
|
|
3840
|
+
"name": "image",
|
|
3841
|
+
"type": {
|
|
3842
|
+
"text": "string"
|
|
3843
|
+
},
|
|
3844
|
+
"default": "\"\"",
|
|
3845
|
+
"description": "Image URL; fallback slot is shown on load error.",
|
|
3846
|
+
"fieldName": "image"
|
|
3847
|
+
},
|
|
3848
|
+
{
|
|
3849
|
+
"name": "fit",
|
|
3850
|
+
"type": {
|
|
3851
|
+
"text": "SkyAvatarFit"
|
|
3852
|
+
},
|
|
3853
|
+
"default": "\"cover\"",
|
|
3854
|
+
"description": "Image fill mode: `cover` (default) or `contain`.",
|
|
3855
|
+
"fieldName": "fit"
|
|
3856
|
+
},
|
|
3857
|
+
{
|
|
3858
|
+
"name": "radius",
|
|
3859
|
+
"type": {
|
|
3860
|
+
"text": "string"
|
|
3861
|
+
},
|
|
3862
|
+
"default": "\"md\"",
|
|
3863
|
+
"description": "Border radius token or CSS value.",
|
|
3864
|
+
"fieldName": "radius"
|
|
3865
|
+
},
|
|
3866
|
+
{
|
|
3867
|
+
"name": "alt",
|
|
3868
|
+
"type": {
|
|
3869
|
+
"text": "string"
|
|
3870
|
+
},
|
|
3871
|
+
"default": "\"\"",
|
|
3872
|
+
"description": "Accessible name when image content conveys meaning.",
|
|
3873
|
+
"fieldName": "alt"
|
|
3874
|
+
},
|
|
3875
|
+
{
|
|
3876
|
+
"name": "color",
|
|
3877
|
+
"type": {
|
|
3878
|
+
"text": "string"
|
|
3879
|
+
},
|
|
3880
|
+
"default": "\"dark\"",
|
|
3881
|
+
"description": "Token or CSS color applied to fallback slot content.",
|
|
3882
|
+
"fieldName": "color"
|
|
3883
|
+
},
|
|
3884
|
+
{
|
|
3885
|
+
"name": "outline",
|
|
3886
|
+
"type": {
|
|
3887
|
+
"text": "string"
|
|
3888
|
+
},
|
|
3889
|
+
"default": "\"\"",
|
|
3890
|
+
"description": "CSS `outline` value.",
|
|
3891
|
+
"fieldName": "outline"
|
|
3892
|
+
},
|
|
3893
|
+
{
|
|
3894
|
+
"name": "outlineOffset",
|
|
3895
|
+
"type": {
|
|
3896
|
+
"text": "string"
|
|
3897
|
+
},
|
|
3898
|
+
"default": "\"2px\"",
|
|
3899
|
+
"description": "CSS `outline-offset` value.",
|
|
3900
|
+
"fieldName": "outlineOffset"
|
|
3901
|
+
},
|
|
3902
|
+
{
|
|
3903
|
+
"name": "loading",
|
|
3904
|
+
"type": {
|
|
3905
|
+
"text": "boolean"
|
|
3906
|
+
},
|
|
3907
|
+
"default": "false",
|
|
3908
|
+
"description": "Shows loading overlay when true.",
|
|
3909
|
+
"fieldName": "loading"
|
|
3910
|
+
},
|
|
3911
|
+
{
|
|
3912
|
+
"name": "disabled",
|
|
3913
|
+
"type": {
|
|
3914
|
+
"text": "boolean"
|
|
3915
|
+
},
|
|
3916
|
+
"default": "false",
|
|
3917
|
+
"description": "Dims and disables pointer interactions.",
|
|
3918
|
+
"fieldName": "disabled"
|
|
3919
|
+
},
|
|
3920
|
+
{
|
|
3921
|
+
"name": "interactive",
|
|
3922
|
+
"type": {
|
|
3923
|
+
"text": "boolean"
|
|
3924
|
+
},
|
|
3925
|
+
"default": "false",
|
|
3926
|
+
"description": "Enables interactive behavior with keyboard/click activation.",
|
|
3927
|
+
"fieldName": "interactive"
|
|
3928
|
+
},
|
|
3929
|
+
{
|
|
3930
|
+
"name": "shadow",
|
|
3931
|
+
"type": {
|
|
3932
|
+
"text": "boolean"
|
|
3933
|
+
},
|
|
3934
|
+
"default": "false",
|
|
3935
|
+
"description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
|
|
3936
|
+
"fieldName": "shadow"
|
|
3937
|
+
},
|
|
3938
|
+
{
|
|
3939
|
+
"name": "preset",
|
|
3940
|
+
"type": {
|
|
3941
|
+
"text": "string"
|
|
3942
|
+
},
|
|
3943
|
+
"default": "\"\"",
|
|
3944
|
+
"description": "Named prop preset from nearest `sky-config-provider`. Default: `\"\"`.",
|
|
3945
|
+
"fieldName": "preset"
|
|
3946
|
+
}
|
|
3947
|
+
],
|
|
3948
|
+
"superclass": {
|
|
3949
|
+
"name": "LitElement",
|
|
3950
|
+
"package": "lit"
|
|
3951
|
+
},
|
|
3952
|
+
"tagName": "sky-avatar",
|
|
3953
|
+
"customElement": true,
|
|
3954
|
+
"summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
|
|
3955
|
+
}
|
|
3956
|
+
],
|
|
3957
|
+
"exports": [
|
|
3958
|
+
{
|
|
3959
|
+
"kind": "js",
|
|
3960
|
+
"name": "SkyAvatar",
|
|
3961
|
+
"declaration": {
|
|
3962
|
+
"name": "SkyAvatar",
|
|
3963
|
+
"module": "src/sky-avatar/sky-avatar.ts"
|
|
3964
|
+
}
|
|
3965
|
+
},
|
|
3966
|
+
{
|
|
3967
|
+
"kind": "custom-element-definition",
|
|
3968
|
+
"name": "sky-avatar",
|
|
3969
|
+
"declaration": {
|
|
3970
|
+
"name": "SkyAvatar",
|
|
3971
|
+
"module": "src/sky-avatar/sky-avatar.ts"
|
|
3972
|
+
}
|
|
3973
|
+
}
|
|
3974
|
+
]
|
|
3975
|
+
},
|
|
3976
3976
|
{
|
|
3977
3977
|
"kind": "javascript-module",
|
|
3978
3978
|
"path": "src/sky-chip/sky-chip.ts",
|