@universal-material/web 3.0.54 → 3.0.56

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.
@@ -278,6 +278,255 @@
278
278
  }
279
279
  ]
280
280
  },
281
+ {
282
+ "kind": "javascript-module",
283
+ "path": "src/app-bar/top-app-bar.styles.ts",
284
+ "declarations": [
285
+ {
286
+ "kind": "variable",
287
+ "name": "styles",
288
+ "default": "css `\n :host {\n display: block;\n background-color: var(--u-top-app-bar-background-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n\n :host([container-scrolled]) {\n background-color: var(--u-top-app-bar-elevated-background-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing-icon {\n display: none;\n }\n\n slot[name=leading-icon],\n slot[name=trailing-icon] {\n display: inline-flex;\n align-items: center;\n gap: var(--u-top-app-bar-icons-gap, 8px);\n }\n\n slot[name=leading-icon]::slotted(u-icon-button) {\n color: inherit;\n }\n\n :host([position=absolute]) .content {\n position: absolute;\n }\n\n :host([position=fixed]) .content {\n position: fixed;\n inset-inline: 0;\n inset-block-start: 0;\n inset-inline-start: var(--u-app-bar-offset, 0);\n }\n\n :host([position=absolute]),\n :host([position=fixed]) {\n padding-top: var(--_content-height);\n }\n :host([position=absolute]) .content,\n :host([position=fixed]) .content {\n z-index: var(--u-fixed-app-bar-z-index, 1010);\n }\n\n .content {\n display: flex;\n align-items: center;\n background-color: inherit;\n transition: inherit;\n min-height: var(--u-top-app-bar-min-height, 56px);\n }\n @media (min-width: 840px) {\n .content {\n min-height: var(--u-top-app-bar-extended-min-height, 64px);\n }\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n margin-inline: var(--u-headline-margin, 16px);\n }\n\n .leading-icon {\n margin-inline: var(--u-leading-icon-margin, 8px);\n }\n .leading-icon + .headline {\n margin-inline-start: 0;\n }\n\n .trailing-icon {\n padding-inline: var(--u-trailing-icon-margin, 8px);\n margin-inline-start: auto;\n }\n`"
289
+ }
290
+ ],
291
+ "exports": [
292
+ {
293
+ "kind": "js",
294
+ "name": "styles",
295
+ "declaration": {
296
+ "name": "styles",
297
+ "module": "src/app-bar/top-app-bar.styles.ts"
298
+ }
299
+ }
300
+ ]
301
+ },
302
+ {
303
+ "kind": "javascript-module",
304
+ "path": "src/app-bar/top-app-bar.ts",
305
+ "declarations": [
306
+ {
307
+ "kind": "class",
308
+ "description": "",
309
+ "name": "UmTopAppBar",
310
+ "members": [
311
+ {
312
+ "kind": "field",
313
+ "name": "hasLeadingIcon",
314
+ "type": {
315
+ "text": "boolean"
316
+ },
317
+ "default": "false",
318
+ "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
319
+ "attribute": "has-leading-icon",
320
+ "reflects": true
321
+ },
322
+ {
323
+ "kind": "field",
324
+ "name": "hasTrailingIcon",
325
+ "type": {
326
+ "text": "boolean"
327
+ },
328
+ "default": "false",
329
+ "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
330
+ "attribute": "has-trailing-icon",
331
+ "reflects": true
332
+ },
333
+ {
334
+ "kind": "field",
335
+ "name": "position",
336
+ "type": {
337
+ "text": "'fixed' | 'absolute' | 'static'"
338
+ },
339
+ "default": "'fixed'",
340
+ "attribute": "position",
341
+ "reflects": true
342
+ },
343
+ {
344
+ "kind": "field",
345
+ "name": "scrollContainer",
346
+ "type": {
347
+ "text": "'none' | 'window' | string | undefined"
348
+ },
349
+ "attribute": "scrollContainer",
350
+ "reflects": true
351
+ },
352
+ {
353
+ "kind": "field",
354
+ "name": "containerScrolled",
355
+ "type": {
356
+ "text": "boolean"
357
+ },
358
+ "default": "false",
359
+ "attribute": "container-scrolled",
360
+ "reflects": true
361
+ },
362
+ {
363
+ "kind": "field",
364
+ "name": "assignedLeadingIcons",
365
+ "type": {
366
+ "text": "HTMLElement[]"
367
+ },
368
+ "privacy": "private"
369
+ },
370
+ {
371
+ "kind": "field",
372
+ "name": "assignedTrailingIcons",
373
+ "type": {
374
+ "text": "HTMLElement[]"
375
+ },
376
+ "privacy": "private"
377
+ },
378
+ {
379
+ "kind": "field",
380
+ "name": "content",
381
+ "type": {
382
+ "text": "HTMLElement"
383
+ }
384
+ },
385
+ {
386
+ "kind": "field",
387
+ "name": "contentSizeObserver",
388
+ "type": {
389
+ "text": "ResizeObserver | null"
390
+ },
391
+ "privacy": "private",
392
+ "default": "null"
393
+ },
394
+ {
395
+ "kind": "field",
396
+ "name": "scrollContainerElement",
397
+ "type": {
398
+ "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | null"
399
+ },
400
+ "privacy": "private",
401
+ "default": "null"
402
+ },
403
+ {
404
+ "kind": "method",
405
+ "name": "getScrollContainer",
406
+ "privacy": "private",
407
+ "return": {
408
+ "type": {
409
+ "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | undefined"
410
+ }
411
+ },
412
+ "parameters": [
413
+ {
414
+ "name": "idOrElement",
415
+ "type": {
416
+ "text": "string | HTMLElement | undefined"
417
+ }
418
+ }
419
+ ]
420
+ },
421
+ {
422
+ "kind": "method",
423
+ "name": "handleLeadingIconSlotChange",
424
+ "privacy": "private"
425
+ },
426
+ {
427
+ "kind": "method",
428
+ "name": "handleTrailingIconSlotChange",
429
+ "privacy": "private"
430
+ },
431
+ {
432
+ "kind": "field",
433
+ "name": "onContainerScroll"
434
+ },
435
+ {
436
+ "kind": "method",
437
+ "name": "getScrollTop",
438
+ "privacy": "private",
439
+ "static": true,
440
+ "return": {
441
+ "type": {
442
+ "text": "number | null"
443
+ }
444
+ },
445
+ "parameters": [
446
+ {
447
+ "name": "container",
448
+ "type": {
449
+ "text": "HTMLElement & Window"
450
+ }
451
+ }
452
+ ]
453
+ },
454
+ {
455
+ "kind": "method",
456
+ "name": "setContentHeightProperty",
457
+ "privacy": "private"
458
+ }
459
+ ],
460
+ "attributes": [
461
+ {
462
+ "name": "has-leading-icon",
463
+ "type": {
464
+ "text": "boolean"
465
+ },
466
+ "default": "false",
467
+ "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
468
+ "fieldName": "hasLeadingIcon"
469
+ },
470
+ {
471
+ "name": "has-trailing-icon",
472
+ "type": {
473
+ "text": "boolean"
474
+ },
475
+ "default": "false",
476
+ "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
477
+ "fieldName": "hasTrailingIcon"
478
+ },
479
+ {
480
+ "name": "position",
481
+ "type": {
482
+ "text": "'fixed' | 'absolute' | 'static'"
483
+ },
484
+ "default": "'fixed'",
485
+ "fieldName": "position"
486
+ },
487
+ {
488
+ "name": "scrollContainer",
489
+ "type": {
490
+ "text": "'none' | 'window' | string | undefined"
491
+ },
492
+ "fieldName": "scrollContainer"
493
+ },
494
+ {
495
+ "name": "container-scrolled",
496
+ "type": {
497
+ "text": "boolean"
498
+ },
499
+ "default": "false",
500
+ "fieldName": "containerScrolled"
501
+ }
502
+ ],
503
+ "superclass": {
504
+ "name": "LitElement",
505
+ "package": "lit"
506
+ },
507
+ "tagName": "u-top-app-bar",
508
+ "customElement": true
509
+ }
510
+ ],
511
+ "exports": [
512
+ {
513
+ "kind": "js",
514
+ "name": "UmTopAppBar",
515
+ "declaration": {
516
+ "name": "UmTopAppBar",
517
+ "module": "src/app-bar/top-app-bar.ts"
518
+ }
519
+ },
520
+ {
521
+ "kind": "custom-element-definition",
522
+ "name": "u-top-app-bar",
523
+ "declaration": {
524
+ "name": "UmTopAppBar",
525
+ "module": "src/app-bar/top-app-bar.ts"
526
+ }
527
+ }
528
+ ]
529
+ },
281
530
  {
282
531
  "kind": "javascript-module",
283
532
  "path": "src/button/button-base.ts",
@@ -3345,12 +3594,12 @@
3345
3594
  },
3346
3595
  {
3347
3596
  "kind": "javascript-module",
3348
- "path": "src/app-bar/top-app-bar.styles.ts",
3597
+ "path": "src/chip/chip-set.styles.ts",
3349
3598
  "declarations": [
3350
3599
  {
3351
3600
  "kind": "variable",
3352
3601
  "name": "styles",
3353
- "default": "css `\n :host {\n display: block;\n background-color: var(--u-top-app-bar-background-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n color: var(--u-top-app-bar-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n transition: background-color 100ms, inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n\n :host([container-scrolled]) {\n background-color: var(--u-top-app-bar-elevated-background-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing-icon {\n display: none;\n }\n\n slot[name=leading-icon],\n slot[name=trailing-icon] {\n display: inline-flex;\n align-items: center;\n gap: var(--u-top-app-bar-icons-gap, 8px);\n }\n\n slot[name=leading-icon]::slotted(u-icon-button) {\n color: inherit;\n }\n\n :host([position=absolute]) .content {\n position: absolute;\n }\n\n :host([position=fixed]) .content {\n position: fixed;\n inset-inline: 0;\n inset-block-start: 0;\n inset-inline-start: var(--u-app-bar-offset, 0);\n }\n\n :host([position=absolute]),\n :host([position=fixed]) {\n padding-top: var(--_content-height);\n }\n :host([position=absolute]) .content,\n :host([position=fixed]) .content {\n z-index: var(--u-fixed-app-bar-z-index, 1010);\n }\n\n .content {\n display: flex;\n align-items: center;\n background-color: inherit;\n transition: inherit;\n min-height: var(--u-top-app-bar-min-height, 56px);\n }\n @media (min-width: 840px) {\n .content {\n min-height: var(--u-top-app-bar-extended-min-height, 64px);\n }\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-top-app-bar-headline-line-height, var(--u-title-l-line-height, 1.75rem));\n font-size: var(--u-top-app-bar-headline-font-size, var(--u-title-l-font-size, 1.375rem));\n letter-spacing: var(--u-top-app-bar-headline-letter-spacing, var(--u-title-l-letter-spacing, 0rem));\n font-weight: var(--u-top-app-bar-headline-font-weight, var(--u-title-l-font-weight, var(--u-font-weight-regular, 400)));\n margin-inline: var(--u-headline-margin, 16px);\n }\n\n .leading-icon {\n margin-inline: var(--u-leading-icon-margin, 8px);\n }\n .leading-icon + .headline {\n margin-inline-start: 0;\n }\n\n .trailing-icon {\n padding-inline: var(--u-trailing-icon-margin, 8px);\n margin-inline-start: auto;\n }\n`"
3602
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host {\n flex-wrap: wrap;\n }\n`"
3354
3603
  }
3355
3604
  ],
3356
3605
  "exports": [
@@ -3359,256 +3608,7 @@
3359
3608
  "name": "styles",
3360
3609
  "declaration": {
3361
3610
  "name": "styles",
3362
- "module": "src/app-bar/top-app-bar.styles.ts"
3363
- }
3364
- }
3365
- ]
3366
- },
3367
- {
3368
- "kind": "javascript-module",
3369
- "path": "src/app-bar/top-app-bar.ts",
3370
- "declarations": [
3371
- {
3372
- "kind": "class",
3373
- "description": "",
3374
- "name": "UmTopAppBar",
3375
- "members": [
3376
- {
3377
- "kind": "field",
3378
- "name": "hasLeadingIcon",
3379
- "type": {
3380
- "text": "boolean"
3381
- },
3382
- "default": "false",
3383
- "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
3384
- "attribute": "has-leading-icon",
3385
- "reflects": true
3386
- },
3387
- {
3388
- "kind": "field",
3389
- "name": "hasTrailingIcon",
3390
- "type": {
3391
- "text": "boolean"
3392
- },
3393
- "default": "false",
3394
- "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
3395
- "attribute": "has-trailing-icon",
3396
- "reflects": true
3397
- },
3398
- {
3399
- "kind": "field",
3400
- "name": "position",
3401
- "type": {
3402
- "text": "'fixed' | 'absolute' | 'static'"
3403
- },
3404
- "default": "'fixed'",
3405
- "attribute": "position",
3406
- "reflects": true
3407
- },
3408
- {
3409
- "kind": "field",
3410
- "name": "scrollContainer",
3411
- "type": {
3412
- "text": "'none' | 'window' | string | undefined"
3413
- },
3414
- "attribute": "scrollContainer",
3415
- "reflects": true
3416
- },
3417
- {
3418
- "kind": "field",
3419
- "name": "containerScrolled",
3420
- "type": {
3421
- "text": "boolean"
3422
- },
3423
- "default": "false",
3424
- "attribute": "container-scrolled",
3425
- "reflects": true
3426
- },
3427
- {
3428
- "kind": "field",
3429
- "name": "assignedLeadingIcons",
3430
- "type": {
3431
- "text": "HTMLElement[]"
3432
- },
3433
- "privacy": "private"
3434
- },
3435
- {
3436
- "kind": "field",
3437
- "name": "assignedTrailingIcons",
3438
- "type": {
3439
- "text": "HTMLElement[]"
3440
- },
3441
- "privacy": "private"
3442
- },
3443
- {
3444
- "kind": "field",
3445
- "name": "content",
3446
- "type": {
3447
- "text": "HTMLElement"
3448
- }
3449
- },
3450
- {
3451
- "kind": "field",
3452
- "name": "contentSizeObserver",
3453
- "type": {
3454
- "text": "ResizeObserver | null"
3455
- },
3456
- "privacy": "private",
3457
- "default": "null"
3458
- },
3459
- {
3460
- "kind": "field",
3461
- "name": "scrollContainerElement",
3462
- "type": {
3463
- "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | null"
3464
- },
3465
- "privacy": "private",
3466
- "default": "null"
3467
- },
3468
- {
3469
- "kind": "method",
3470
- "name": "getScrollContainer",
3471
- "privacy": "private",
3472
- "return": {
3473
- "type": {
3474
- "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | undefined"
3475
- }
3476
- },
3477
- "parameters": [
3478
- {
3479
- "name": "idOrElement",
3480
- "type": {
3481
- "text": "string | HTMLElement | undefined"
3482
- }
3483
- }
3484
- ]
3485
- },
3486
- {
3487
- "kind": "method",
3488
- "name": "handleLeadingIconSlotChange",
3489
- "privacy": "private"
3490
- },
3491
- {
3492
- "kind": "method",
3493
- "name": "handleTrailingIconSlotChange",
3494
- "privacy": "private"
3495
- },
3496
- {
3497
- "kind": "field",
3498
- "name": "onContainerScroll"
3499
- },
3500
- {
3501
- "kind": "method",
3502
- "name": "getScrollTop",
3503
- "privacy": "private",
3504
- "static": true,
3505
- "return": {
3506
- "type": {
3507
- "text": "number | null"
3508
- }
3509
- },
3510
- "parameters": [
3511
- {
3512
- "name": "container",
3513
- "type": {
3514
- "text": "HTMLElement & Window"
3515
- }
3516
- }
3517
- ]
3518
- },
3519
- {
3520
- "kind": "method",
3521
- "name": "setContentHeightProperty",
3522
- "privacy": "private"
3523
- }
3524
- ],
3525
- "attributes": [
3526
- {
3527
- "name": "has-leading-icon",
3528
- "type": {
3529
- "text": "boolean"
3530
- },
3531
- "default": "false",
3532
- "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
3533
- "fieldName": "hasLeadingIcon"
3534
- },
3535
- {
3536
- "name": "has-trailing-icon",
3537
- "type": {
3538
- "text": "boolean"
3539
- },
3540
- "default": "false",
3541
- "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
3542
- "fieldName": "hasTrailingIcon"
3543
- },
3544
- {
3545
- "name": "position",
3546
- "type": {
3547
- "text": "'fixed' | 'absolute' | 'static'"
3548
- },
3549
- "default": "'fixed'",
3550
- "fieldName": "position"
3551
- },
3552
- {
3553
- "name": "scrollContainer",
3554
- "type": {
3555
- "text": "'none' | 'window' | string | undefined"
3556
- },
3557
- "fieldName": "scrollContainer"
3558
- },
3559
- {
3560
- "name": "container-scrolled",
3561
- "type": {
3562
- "text": "boolean"
3563
- },
3564
- "default": "false",
3565
- "fieldName": "containerScrolled"
3566
- }
3567
- ],
3568
- "superclass": {
3569
- "name": "LitElement",
3570
- "package": "lit"
3571
- },
3572
- "tagName": "u-top-app-bar",
3573
- "customElement": true
3574
- }
3575
- ],
3576
- "exports": [
3577
- {
3578
- "kind": "js",
3579
- "name": "UmTopAppBar",
3580
- "declaration": {
3581
- "name": "UmTopAppBar",
3582
- "module": "src/app-bar/top-app-bar.ts"
3583
- }
3584
- },
3585
- {
3586
- "kind": "custom-element-definition",
3587
- "name": "u-top-app-bar",
3588
- "declaration": {
3589
- "name": "UmTopAppBar",
3590
- "module": "src/app-bar/top-app-bar.ts"
3591
- }
3592
- }
3593
- ]
3594
- },
3595
- {
3596
- "kind": "javascript-module",
3597
- "path": "src/chip/chip-set.styles.ts",
3598
- "declarations": [
3599
- {
3600
- "kind": "variable",
3601
- "name": "styles",
3602
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host {\n flex-wrap: wrap;\n }\n`"
3603
- }
3604
- ],
3605
- "exports": [
3606
- {
3607
- "kind": "js",
3608
- "name": "styles",
3609
- "declaration": {
3610
- "name": "styles",
3611
- "module": "src/chip/chip-set.styles.ts"
3611
+ "module": "src/chip/chip-set.styles.ts"
3612
3612
  }
3613
3613
  }
3614
3614
  ]
@@ -7790,12 +7790,12 @@
7790
7790
  },
7791
7791
  {
7792
7792
  "kind": "javascript-module",
7793
- "path": "src/shared/base.styles.ts",
7793
+ "path": "src/snackbar/snackbar.styles.ts",
7794
7794
  "declarations": [
7795
7795
  {
7796
7796
  "kind": "variable",
7797
7797
  "name": "styles",
7798
- "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
7798
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
7799
7799
  }
7800
7800
  ],
7801
7801
  "exports": [
@@ -7804,97 +7804,76 @@
7804
7804
  "name": "styles",
7805
7805
  "declaration": {
7806
7806
  "name": "styles",
7807
- "module": "src/shared/base.styles.ts"
7807
+ "module": "src/snackbar/snackbar.styles.ts"
7808
7808
  }
7809
7809
  }
7810
7810
  ]
7811
7811
  },
7812
7812
  {
7813
7813
  "kind": "javascript-module",
7814
- "path": "src/shared/button-wrapper.ts",
7814
+ "path": "src/snackbar/snackbar.ts",
7815
7815
  "declarations": [
7816
7816
  {
7817
7817
  "kind": "class",
7818
7818
  "description": "",
7819
- "name": "UmButtonWrapper",
7819
+ "name": "UmSnackbar",
7820
7820
  "members": [
7821
7821
  {
7822
7822
  "kind": "field",
7823
- "name": "disabled",
7823
+ "name": "label",
7824
7824
  "type": {
7825
- "text": "boolean"
7825
+ "text": "string"
7826
7826
  },
7827
- "default": "false",
7828
- "description": "Whether the button is disabled or not.",
7829
- "attribute": "disabled",
7827
+ "default": "''",
7828
+ "attribute": "label",
7830
7829
  "reflects": true
7831
7830
  },
7832
7831
  {
7833
7832
  "kind": "field",
7834
- "name": "renderRipple",
7833
+ "name": "buttonLabel",
7835
7834
  "type": {
7836
- "text": "boolean"
7835
+ "text": "string"
7837
7836
  },
7838
- "default": "true"
7837
+ "default": "''",
7838
+ "attribute": "buttonLabel",
7839
+ "reflects": true
7839
7840
  },
7840
7841
  {
7841
7842
  "kind": "field",
7842
- "name": "href",
7843
+ "name": "showClose",
7843
7844
  "type": {
7844
- "text": "string | undefined"
7845
+ "text": "boolean"
7845
7846
  },
7846
- "description": "The URL that the link button points to.",
7847
- "attribute": "href"
7847
+ "default": "false",
7848
+ "attribute": "show-close",
7849
+ "reflects": true
7848
7850
  },
7849
7851
  {
7850
7852
  "kind": "field",
7851
- "name": "target",
7853
+ "name": "dismissed",
7852
7854
  "type": {
7853
- "text": "string | undefined"
7855
+ "text": "boolean"
7854
7856
  },
7855
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
7856
- "attribute": "target"
7857
+ "default": "false",
7858
+ "attribute": "dismissed",
7859
+ "reflects": true
7857
7860
  },
7858
7861
  {
7859
7862
  "kind": "field",
7860
- "name": "name",
7863
+ "name": "duration",
7861
7864
  "type": {
7862
- "text": "string | undefined"
7865
+ "text": "SnackbarDuration"
7863
7866
  },
7864
- "attribute": "name"
7867
+ "privacy": "private"
7865
7868
  },
7866
7869
  {
7867
7870
  "kind": "field",
7868
- "name": "buttonElement",
7871
+ "name": "snackbar",
7869
7872
  "type": {
7870
7873
  "text": "HTMLElement"
7871
7874
  },
7872
- "privacy": "protected"
7873
- },
7874
- {
7875
- "kind": "field",
7876
- "name": "ripple",
7877
- "type": {
7878
- "text": "UmRipple"
7879
- },
7880
7875
  "privacy": "private"
7881
7876
  },
7882
- {
7883
- "kind": "field",
7884
- "name": "innerRole",
7885
- "type": {
7886
- "text": "string | null"
7887
- },
7888
- "privacy": "protected",
7889
- "default": "null"
7890
- },
7891
- {
7892
- "kind": "field",
7893
- "name": "pathname",
7894
- "type": {
7895
- "text": "string"
7896
- }
7897
- },
7898
7877
  {
7899
7878
  "kind": "method",
7900
7879
  "name": "renderButton",
@@ -7902,78 +7881,118 @@
7902
7881
  },
7903
7882
  {
7904
7883
  "kind": "method",
7905
- "name": "renderLink",
7884
+ "name": "renderCloseButton",
7906
7885
  "privacy": "private"
7907
7886
  },
7908
7887
  {
7909
7888
  "kind": "method",
7910
- "name": "renderContent",
7911
- "privacy": "protected",
7889
+ "name": "dismiss",
7912
7890
  "return": {
7913
7891
  "type": {
7914
- "text": "HTMLTemplateResult"
7892
+ "text": "void"
7915
7893
  }
7916
7894
  }
7917
7895
  },
7918
7896
  {
7919
- "kind": "method",
7920
- "name": "focus"
7897
+ "kind": "field",
7898
+ "name": "_queue",
7899
+ "type": {
7900
+ "text": "UmSnackbar[]"
7901
+ },
7902
+ "privacy": "private",
7903
+ "static": true,
7904
+ "default": "[]"
7921
7905
  },
7922
7906
  {
7923
- "kind": "method",
7924
- "name": "blur"
7907
+ "kind": "field",
7908
+ "name": "_consuming",
7909
+ "type": {
7910
+ "text": "boolean"
7911
+ },
7912
+ "privacy": "private",
7913
+ "static": true
7925
7914
  },
7926
7915
  {
7927
7916
  "kind": "method",
7928
- "name": "getAriaLabel",
7929
- "privacy": "protected",
7917
+ "name": "show",
7918
+ "static": true,
7930
7919
  "return": {
7931
7920
  "type": {
7932
- "text": "string | null"
7921
+ "text": "UmSnackbar"
7933
7922
  }
7934
- }
7923
+ },
7924
+ "parameters": [
7925
+ {
7926
+ "name": "label",
7927
+ "type": {
7928
+ "text": "string"
7929
+ }
7930
+ }
7931
+ ]
7935
7932
  },
7936
7933
  {
7937
7934
  "kind": "method",
7938
- "name": "innerFocusHandler",
7939
- "privacy": "private",
7935
+ "name": "show",
7936
+ "static": true,
7940
7937
  "return": {
7941
7938
  "type": {
7942
- "text": "void"
7939
+ "text": "UmSnackbar"
7943
7940
  }
7944
- }
7941
+ },
7942
+ "parameters": [
7943
+ {
7944
+ "name": "config",
7945
+ "type": {
7946
+ "text": "SnackbarConfig"
7947
+ }
7948
+ }
7949
+ ]
7945
7950
  },
7946
7951
  {
7947
7952
  "kind": "method",
7948
- "name": "#innerClickHandler",
7953
+ "name": "show",
7954
+ "static": true,
7949
7955
  "return": {
7950
7956
  "type": {
7951
- "text": "void"
7957
+ "text": "UmSnackbar"
7952
7958
  }
7953
7959
  },
7954
7960
  "parameters": [
7955
7961
  {
7956
- "name": "event",
7962
+ "name": "configOrLabel",
7957
7963
  "type": {
7958
- "text": "MouseEvent"
7964
+ "text": "SnackbarConfig | string"
7959
7965
  }
7960
7966
  }
7961
7967
  ]
7962
7968
  },
7963
7969
  {
7964
7970
  "kind": "method",
7965
- "name": "handleClick",
7966
- "privacy": "protected",
7971
+ "name": "consumeQueue",
7972
+ "privacy": "private",
7973
+ "static": true
7974
+ },
7975
+ {
7976
+ "kind": "method",
7977
+ "name": "showNext",
7978
+ "privacy": "private",
7979
+ "static": true
7980
+ },
7981
+ {
7982
+ "kind": "method",
7983
+ "name": "createSnackbar",
7984
+ "privacy": "private",
7985
+ "static": true,
7967
7986
  "return": {
7968
7987
  "type": {
7969
- "text": "void"
7988
+ "text": "UmSnackbar"
7970
7989
  }
7971
7990
  },
7972
7991
  "parameters": [
7973
7992
  {
7974
- "name": "_",
7993
+ "name": "config",
7975
7994
  "type": {
7976
- "text": "UIEvent"
7995
+ "text": "SnackbarConfig"
7977
7996
  }
7978
7997
  }
7979
7998
  ]
@@ -7981,277 +8000,171 @@
7981
8000
  ],
7982
8001
  "attributes": [
7983
8002
  {
7984
- "name": "disabled",
8003
+ "name": "label",
7985
8004
  "type": {
7986
- "text": "boolean"
8005
+ "text": "string"
7987
8006
  },
7988
- "default": "false",
7989
- "description": "Whether the button is disabled or not.",
7990
- "fieldName": "disabled"
8007
+ "default": "''",
8008
+ "fieldName": "label"
7991
8009
  },
7992
8010
  {
7993
- "name": "href",
8011
+ "name": "buttonLabel",
7994
8012
  "type": {
7995
- "text": "string | undefined"
8013
+ "text": "string"
7996
8014
  },
7997
- "description": "The URL that the link button points to.",
7998
- "fieldName": "href"
8015
+ "default": "''",
8016
+ "fieldName": "buttonLabel"
7999
8017
  },
8000
8018
  {
8001
- "name": "target",
8019
+ "name": "show-close",
8002
8020
  "type": {
8003
- "text": "string | undefined"
8021
+ "text": "boolean"
8004
8022
  },
8005
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
8006
- "fieldName": "target"
8023
+ "default": "false",
8024
+ "fieldName": "showClose"
8007
8025
  },
8008
8026
  {
8009
- "name": "name",
8027
+ "name": "dismissed",
8010
8028
  "type": {
8011
- "text": "string | undefined"
8029
+ "text": "boolean"
8012
8030
  },
8013
- "fieldName": "name"
8031
+ "default": "false",
8032
+ "fieldName": "dismissed"
8014
8033
  }
8015
8034
  ],
8016
8035
  "superclass": {
8017
8036
  "name": "LitElement",
8018
8037
  "package": "lit"
8019
8038
  },
8039
+ "tagName": "u-snackbar",
8020
8040
  "customElement": true
8021
8041
  }
8022
8042
  ],
8023
8043
  "exports": [
8024
8044
  {
8025
8045
  "kind": "js",
8026
- "name": "UmButtonWrapper",
8046
+ "name": "UmSnackbar",
8027
8047
  "declaration": {
8028
- "name": "UmButtonWrapper",
8029
- "module": "src/shared/button-wrapper.ts"
8048
+ "name": "UmSnackbar",
8049
+ "module": "src/snackbar/snackbar.ts"
8050
+ }
8051
+ },
8052
+ {
8053
+ "kind": "custom-element-definition",
8054
+ "name": "u-snackbar",
8055
+ "declaration": {
8056
+ "name": "UmSnackbar",
8057
+ "module": "src/snackbar/snackbar.ts"
8030
8058
  }
8031
8059
  }
8032
8060
  ]
8033
8061
  },
8034
8062
  {
8035
8063
  "kind": "javascript-module",
8036
- "path": "src/shared/extract-template-html.ts",
8064
+ "path": "src/shared/base.styles.ts",
8037
8065
  "declarations": [
8038
8066
  {
8039
- "kind": "function",
8040
- "name": "extractTemplateHtml",
8041
- "parameters": [
8042
- {
8043
- "name": "template",
8044
- "type": {
8045
- "text": "HTMLTemplateElement"
8046
- }
8047
- }
8048
- ]
8067
+ "kind": "variable",
8068
+ "name": "styles",
8069
+ "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
8049
8070
  }
8050
8071
  ],
8051
8072
  "exports": [
8052
8073
  {
8053
8074
  "kind": "js",
8054
- "name": "extractTemplateHtml",
8075
+ "name": "styles",
8055
8076
  "declaration": {
8056
- "name": "extractTemplateHtml",
8057
- "module": "src/shared/extract-template-html.ts"
8077
+ "name": "styles",
8078
+ "module": "src/shared/base.styles.ts"
8058
8079
  }
8059
8080
  }
8060
8081
  ]
8061
8082
  },
8062
8083
  {
8063
8084
  "kind": "javascript-module",
8064
- "path": "src/shared/mixin-attribute-properties.ts",
8085
+ "path": "src/shared/button-wrapper.ts",
8065
8086
  "declarations": [
8066
8087
  {
8067
- "kind": "mixin",
8088
+ "kind": "class",
8068
8089
  "description": "",
8069
- "name": "mixinAttributeProperties",
8070
- "parameters": [
8090
+ "name": "UmButtonWrapper",
8091
+ "members": [
8071
8092
  {
8072
- "name": "base",
8093
+ "kind": "field",
8094
+ "name": "disabled",
8073
8095
  "type": {
8074
- "text": "T"
8075
- }
8096
+ "text": "boolean"
8097
+ },
8098
+ "default": "false",
8099
+ "description": "Whether the button is disabled or not.",
8100
+ "attribute": "disabled",
8101
+ "reflects": true
8076
8102
  },
8077
8103
  {
8078
- "name": "properties",
8104
+ "kind": "field",
8105
+ "name": "renderRipple",
8079
8106
  "type": {
8080
- "text": "string[]"
8081
- }
8082
- }
8083
- ]
8084
- }
8085
- ],
8086
- "exports": [
8087
- {
8088
- "kind": "js",
8089
- "name": "mixinAttributeProperties",
8090
- "declaration": {
8091
- "name": "mixinAttributeProperties",
8092
- "module": "src/shared/mixin-attribute-properties.ts"
8093
- }
8094
- }
8095
- ]
8096
- },
8097
- {
8098
- "kind": "javascript-module",
8099
- "path": "src/shared/mixin.ts",
8100
- "declarations": [],
8101
- "exports": []
8102
- },
8103
- {
8104
- "kind": "javascript-module",
8105
- "path": "src/shared/normalize-text.ts",
8106
- "declarations": [
8107
- {
8108
- "kind": "function",
8109
- "name": "normalizeText",
8110
- "return": {
8111
- "type": {
8112
- "text": "string"
8113
- }
8114
- },
8115
- "parameters": [
8116
- {
8117
- "name": "text",
8118
- "type": {
8119
- "text": "string"
8120
- }
8121
- }
8122
- ]
8123
- }
8124
- ],
8125
- "exports": [
8126
- {
8127
- "kind": "js",
8128
- "name": "normalizeText",
8129
- "declaration": {
8130
- "name": "normalizeText",
8131
- "module": "src/shared/normalize-text.ts"
8132
- }
8133
- }
8134
- ]
8135
- },
8136
- {
8137
- "kind": "javascript-module",
8138
- "path": "src/shared/redispatch-event.ts",
8139
- "declarations": [
8140
- {
8141
- "kind": "function",
8142
- "name": "redispatchEvent",
8143
- "parameters": [
8144
- {
8145
- "name": "element",
8146
- "type": {
8147
- "text": "Element"
8148
- }
8107
+ "text": "boolean"
8108
+ },
8109
+ "default": "true"
8149
8110
  },
8150
- {
8151
- "name": "event",
8152
- "type": {
8153
- "text": "Event"
8154
- }
8155
- }
8156
- ]
8157
- }
8158
- ],
8159
- "exports": [
8160
- {
8161
- "kind": "js",
8162
- "name": "redispatchEvent",
8163
- "declaration": {
8164
- "name": "redispatchEvent",
8165
- "module": "src/shared/redispatch-event.ts"
8166
- }
8167
- }
8168
- ]
8169
- },
8170
- {
8171
- "kind": "javascript-module",
8172
- "path": "src/snackbar/snackbar.styles.ts",
8173
- "declarations": [
8174
- {
8175
- "kind": "variable",
8176
- "name": "styles",
8177
- "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
8178
- }
8179
- ],
8180
- "exports": [
8181
- {
8182
- "kind": "js",
8183
- "name": "styles",
8184
- "declaration": {
8185
- "name": "styles",
8186
- "module": "src/snackbar/snackbar.styles.ts"
8187
- }
8188
- }
8189
- ]
8190
- },
8191
- {
8192
- "kind": "javascript-module",
8193
- "path": "src/snackbar/snackbar.ts",
8194
- "declarations": [
8195
- {
8196
- "kind": "class",
8197
- "description": "",
8198
- "name": "UmSnackbar",
8199
- "members": [
8200
8111
  {
8201
8112
  "kind": "field",
8202
- "name": "label",
8113
+ "name": "href",
8203
8114
  "type": {
8204
- "text": "string"
8115
+ "text": "string | undefined"
8205
8116
  },
8206
- "default": "''",
8207
- "attribute": "label",
8208
- "reflects": true
8117
+ "description": "The URL that the link button points to.",
8118
+ "attribute": "href"
8209
8119
  },
8210
8120
  {
8211
8121
  "kind": "field",
8212
- "name": "buttonLabel",
8122
+ "name": "target",
8213
8123
  "type": {
8214
- "text": "string"
8124
+ "text": "string | undefined"
8215
8125
  },
8216
- "default": "''",
8217
- "attribute": "buttonLabel",
8218
- "reflects": true
8126
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
8127
+ "attribute": "target"
8219
8128
  },
8220
8129
  {
8221
8130
  "kind": "field",
8222
- "name": "showClose",
8131
+ "name": "name",
8223
8132
  "type": {
8224
- "text": "boolean"
8133
+ "text": "string | undefined"
8225
8134
  },
8226
- "default": "false",
8227
- "attribute": "show-close",
8228
- "reflects": true
8135
+ "attribute": "name"
8229
8136
  },
8230
8137
  {
8231
8138
  "kind": "field",
8232
- "name": "dismissed",
8139
+ "name": "buttonElement",
8233
8140
  "type": {
8234
- "text": "boolean"
8141
+ "text": "HTMLElement"
8235
8142
  },
8236
- "default": "false",
8237
- "attribute": "dismissed",
8238
- "reflects": true
8143
+ "privacy": "protected"
8239
8144
  },
8240
8145
  {
8241
8146
  "kind": "field",
8242
- "name": "duration",
8147
+ "name": "ripple",
8243
8148
  "type": {
8244
- "text": "SnackbarDuration"
8149
+ "text": "UmRipple"
8245
8150
  },
8246
8151
  "privacy": "private"
8247
8152
  },
8248
8153
  {
8249
8154
  "kind": "field",
8250
- "name": "snackbar",
8155
+ "name": "innerRole",
8251
8156
  "type": {
8252
- "text": "HTMLElement"
8157
+ "text": "string | null"
8253
8158
  },
8254
- "privacy": "private"
8159
+ "privacy": "protected",
8160
+ "default": "null"
8161
+ },
8162
+ {
8163
+ "kind": "field",
8164
+ "name": "pathname",
8165
+ "type": {
8166
+ "text": "string"
8167
+ }
8255
8168
  },
8256
8169
  {
8257
8170
  "kind": "method",
@@ -8260,180 +8173,267 @@
8260
8173
  },
8261
8174
  {
8262
8175
  "kind": "method",
8263
- "name": "renderCloseButton",
8176
+ "name": "renderLink",
8264
8177
  "privacy": "private"
8265
8178
  },
8266
8179
  {
8267
8180
  "kind": "method",
8268
- "name": "dismiss",
8181
+ "name": "renderContent",
8182
+ "privacy": "protected",
8269
8183
  "return": {
8270
8184
  "type": {
8271
- "text": "void"
8185
+ "text": "HTMLTemplateResult"
8272
8186
  }
8273
8187
  }
8274
8188
  },
8275
8189
  {
8276
- "kind": "field",
8277
- "name": "_queue",
8278
- "type": {
8279
- "text": "UmSnackbar[]"
8280
- },
8281
- "privacy": "private",
8282
- "static": true,
8283
- "default": "[]"
8190
+ "kind": "method",
8191
+ "name": "focus"
8284
8192
  },
8285
8193
  {
8286
- "kind": "field",
8287
- "name": "_consuming",
8288
- "type": {
8289
- "text": "boolean"
8290
- },
8291
- "privacy": "private",
8292
- "static": true
8194
+ "kind": "method",
8195
+ "name": "blur"
8293
8196
  },
8294
8197
  {
8295
8198
  "kind": "method",
8296
- "name": "show",
8297
- "static": true,
8199
+ "name": "getAriaLabel",
8200
+ "privacy": "protected",
8298
8201
  "return": {
8299
8202
  "type": {
8300
- "text": "UmSnackbar"
8203
+ "text": "string | null"
8301
8204
  }
8302
- },
8303
- "parameters": [
8304
- {
8305
- "name": "label",
8306
- "type": {
8307
- "text": "string"
8308
- }
8205
+ }
8206
+ },
8207
+ {
8208
+ "kind": "method",
8209
+ "name": "innerFocusHandler",
8210
+ "privacy": "private",
8211
+ "return": {
8212
+ "type": {
8213
+ "text": "void"
8309
8214
  }
8310
- ]
8215
+ }
8311
8216
  },
8312
8217
  {
8313
8218
  "kind": "method",
8314
- "name": "show",
8315
- "static": true,
8219
+ "name": "#innerClickHandler",
8316
8220
  "return": {
8317
8221
  "type": {
8318
- "text": "UmSnackbar"
8222
+ "text": "void"
8319
8223
  }
8320
8224
  },
8321
8225
  "parameters": [
8322
8226
  {
8323
- "name": "config",
8227
+ "name": "event",
8324
8228
  "type": {
8325
- "text": "SnackbarConfig"
8229
+ "text": "MouseEvent"
8326
8230
  }
8327
8231
  }
8328
8232
  ]
8329
8233
  },
8330
8234
  {
8331
8235
  "kind": "method",
8332
- "name": "show",
8333
- "static": true,
8236
+ "name": "handleClick",
8237
+ "privacy": "protected",
8334
8238
  "return": {
8335
8239
  "type": {
8336
- "text": "UmSnackbar"
8240
+ "text": "void"
8337
8241
  }
8338
8242
  },
8339
8243
  "parameters": [
8340
8244
  {
8341
- "name": "configOrLabel",
8245
+ "name": "_",
8342
8246
  "type": {
8343
- "text": "SnackbarConfig | string"
8247
+ "text": "UIEvent"
8344
8248
  }
8345
8249
  }
8346
8250
  ]
8347
- },
8251
+ }
8252
+ ],
8253
+ "attributes": [
8348
8254
  {
8349
- "kind": "method",
8350
- "name": "consumeQueue",
8351
- "privacy": "private",
8352
- "static": true
8255
+ "name": "disabled",
8256
+ "type": {
8257
+ "text": "boolean"
8258
+ },
8259
+ "default": "false",
8260
+ "description": "Whether the button is disabled or not.",
8261
+ "fieldName": "disabled"
8353
8262
  },
8354
8263
  {
8355
- "kind": "method",
8356
- "name": "showNext",
8357
- "privacy": "private",
8358
- "static": true
8359
- },
8360
- {
8361
- "kind": "method",
8362
- "name": "createSnackbar",
8363
- "privacy": "private",
8364
- "static": true,
8365
- "return": {
8366
- "type": {
8367
- "text": "UmSnackbar"
8368
- }
8369
- },
8370
- "parameters": [
8371
- {
8372
- "name": "config",
8373
- "type": {
8374
- "text": "SnackbarConfig"
8375
- }
8376
- }
8377
- ]
8378
- }
8379
- ],
8380
- "attributes": [
8381
- {
8382
- "name": "label",
8383
- "type": {
8384
- "text": "string"
8385
- },
8386
- "default": "''",
8387
- "fieldName": "label"
8388
- },
8389
- {
8390
- "name": "buttonLabel",
8264
+ "name": "href",
8391
8265
  "type": {
8392
- "text": "string"
8266
+ "text": "string | undefined"
8393
8267
  },
8394
- "default": "''",
8395
- "fieldName": "buttonLabel"
8268
+ "description": "The URL that the link button points to.",
8269
+ "fieldName": "href"
8396
8270
  },
8397
8271
  {
8398
- "name": "show-close",
8272
+ "name": "target",
8399
8273
  "type": {
8400
- "text": "boolean"
8274
+ "text": "string | undefined"
8401
8275
  },
8402
- "default": "false",
8403
- "fieldName": "showClose"
8276
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
8277
+ "fieldName": "target"
8404
8278
  },
8405
8279
  {
8406
- "name": "dismissed",
8280
+ "name": "name",
8407
8281
  "type": {
8408
- "text": "boolean"
8282
+ "text": "string | undefined"
8409
8283
  },
8410
- "default": "false",
8411
- "fieldName": "dismissed"
8284
+ "fieldName": "name"
8412
8285
  }
8413
8286
  ],
8414
8287
  "superclass": {
8415
8288
  "name": "LitElement",
8416
8289
  "package": "lit"
8417
8290
  },
8418
- "tagName": "u-snackbar",
8419
8291
  "customElement": true
8420
8292
  }
8421
8293
  ],
8422
8294
  "exports": [
8423
8295
  {
8424
8296
  "kind": "js",
8425
- "name": "UmSnackbar",
8297
+ "name": "UmButtonWrapper",
8426
8298
  "declaration": {
8427
- "name": "UmSnackbar",
8428
- "module": "src/snackbar/snackbar.ts"
8299
+ "name": "UmButtonWrapper",
8300
+ "module": "src/shared/button-wrapper.ts"
8429
8301
  }
8430
- },
8302
+ }
8303
+ ]
8304
+ },
8305
+ {
8306
+ "kind": "javascript-module",
8307
+ "path": "src/shared/extract-template-html.ts",
8308
+ "declarations": [
8431
8309
  {
8432
- "kind": "custom-element-definition",
8433
- "name": "u-snackbar",
8310
+ "kind": "function",
8311
+ "name": "extractTemplateHtml",
8312
+ "parameters": [
8313
+ {
8314
+ "name": "template",
8315
+ "type": {
8316
+ "text": "HTMLTemplateElement"
8317
+ }
8318
+ }
8319
+ ]
8320
+ }
8321
+ ],
8322
+ "exports": [
8323
+ {
8324
+ "kind": "js",
8325
+ "name": "extractTemplateHtml",
8434
8326
  "declaration": {
8435
- "name": "UmSnackbar",
8436
- "module": "src/snackbar/snackbar.ts"
8327
+ "name": "extractTemplateHtml",
8328
+ "module": "src/shared/extract-template-html.ts"
8329
+ }
8330
+ }
8331
+ ]
8332
+ },
8333
+ {
8334
+ "kind": "javascript-module",
8335
+ "path": "src/shared/mixin-attribute-properties.ts",
8336
+ "declarations": [
8337
+ {
8338
+ "kind": "mixin",
8339
+ "description": "",
8340
+ "name": "mixinAttributeProperties",
8341
+ "parameters": [
8342
+ {
8343
+ "name": "base",
8344
+ "type": {
8345
+ "text": "T"
8346
+ }
8347
+ },
8348
+ {
8349
+ "name": "properties",
8350
+ "type": {
8351
+ "text": "string[]"
8352
+ }
8353
+ }
8354
+ ]
8355
+ }
8356
+ ],
8357
+ "exports": [
8358
+ {
8359
+ "kind": "js",
8360
+ "name": "mixinAttributeProperties",
8361
+ "declaration": {
8362
+ "name": "mixinAttributeProperties",
8363
+ "module": "src/shared/mixin-attribute-properties.ts"
8364
+ }
8365
+ }
8366
+ ]
8367
+ },
8368
+ {
8369
+ "kind": "javascript-module",
8370
+ "path": "src/shared/mixin.ts",
8371
+ "declarations": [],
8372
+ "exports": []
8373
+ },
8374
+ {
8375
+ "kind": "javascript-module",
8376
+ "path": "src/shared/normalize-text.ts",
8377
+ "declarations": [
8378
+ {
8379
+ "kind": "function",
8380
+ "name": "normalizeText",
8381
+ "return": {
8382
+ "type": {
8383
+ "text": "string"
8384
+ }
8385
+ },
8386
+ "parameters": [
8387
+ {
8388
+ "name": "text",
8389
+ "type": {
8390
+ "text": "string"
8391
+ }
8392
+ }
8393
+ ]
8394
+ }
8395
+ ],
8396
+ "exports": [
8397
+ {
8398
+ "kind": "js",
8399
+ "name": "normalizeText",
8400
+ "declaration": {
8401
+ "name": "normalizeText",
8402
+ "module": "src/shared/normalize-text.ts"
8403
+ }
8404
+ }
8405
+ ]
8406
+ },
8407
+ {
8408
+ "kind": "javascript-module",
8409
+ "path": "src/shared/redispatch-event.ts",
8410
+ "declarations": [
8411
+ {
8412
+ "kind": "function",
8413
+ "name": "redispatchEvent",
8414
+ "parameters": [
8415
+ {
8416
+ "name": "element",
8417
+ "type": {
8418
+ "text": "Element"
8419
+ }
8420
+ },
8421
+ {
8422
+ "name": "event",
8423
+ "type": {
8424
+ "text": "Event"
8425
+ }
8426
+ }
8427
+ ]
8428
+ }
8429
+ ],
8430
+ "exports": [
8431
+ {
8432
+ "kind": "js",
8433
+ "name": "redispatchEvent",
8434
+ "declaration": {
8435
+ "name": "redispatchEvent",
8436
+ "module": "src/shared/redispatch-event.ts"
8437
8437
  }
8438
8438
  }
8439
8439
  ]
@@ -9430,558 +9430,638 @@
9430
9430
  },
9431
9431
  {
9432
9432
  "kind": "javascript-module",
9433
- "path": "src/theme/color.ts",
9434
- "declarations": [],
9435
- "exports": []
9433
+ "path": "src/typeahead/highlight.styles.ts",
9434
+ "declarations": [
9435
+ {
9436
+ "kind": "variable",
9437
+ "name": "styles",
9438
+ "default": "css `\n :host {\n display: inline-block;\n }\n`"
9439
+ }
9440
+ ],
9441
+ "exports": [
9442
+ {
9443
+ "kind": "js",
9444
+ "name": "styles",
9445
+ "declaration": {
9446
+ "name": "styles",
9447
+ "module": "src/typeahead/highlight.styles.ts"
9448
+ }
9449
+ }
9450
+ ]
9436
9451
  },
9437
9452
  {
9438
9453
  "kind": "javascript-module",
9439
- "path": "src/theme/css-var-builder.ts",
9454
+ "path": "src/typeahead/highlight.ts",
9440
9455
  "declarations": [
9441
9456
  {
9442
9457
  "kind": "class",
9443
9458
  "description": "",
9444
- "name": "CssVarBuilder",
9459
+ "name": "UmHighlight",
9445
9460
  "members": [
9446
9461
  {
9447
9462
  "kind": "field",
9448
- "name": "content",
9449
- "type": {
9450
- "text": "string"
9451
- },
9463
+ "name": "#result",
9452
9464
  "privacy": "private",
9453
- "default": "''"
9465
+ "type": {
9466
+ "text": "string | undefined"
9467
+ }
9454
9468
  },
9455
9469
  {
9456
- "kind": "method",
9457
- "name": "create",
9458
- "static": true,
9459
- "return": {
9460
- "type": {
9461
- "text": "CssVarBuilder"
9462
- }
9470
+ "kind": "field",
9471
+ "name": "#term",
9472
+ "privacy": "private",
9473
+ "type": {
9474
+ "text": "string | undefined"
9463
9475
  }
9464
9476
  },
9465
9477
  {
9466
- "kind": "method",
9467
- "name": "add",
9468
- "return": {
9469
- "type": {
9470
- "text": "CssVarBuilder"
9471
- }
9478
+ "kind": "field",
9479
+ "name": "parts",
9480
+ "type": {
9481
+ "text": "string[] | undefined"
9472
9482
  },
9473
- "parameters": [
9474
- {
9475
- "name": "name",
9476
- "type": {
9477
- "text": "string"
9478
- }
9479
- },
9480
- {
9481
- "name": "value",
9482
- "type": {
9483
- "text": "string"
9484
- }
9485
- }
9486
- ]
9483
+ "privacy": "private"
9487
9484
  },
9488
9485
  {
9489
- "kind": "method",
9490
- "name": "addFromArgb",
9491
- "return": {
9492
- "type": {
9493
- "text": "CssVarBuilder"
9494
- }
9486
+ "kind": "field",
9487
+ "name": "result",
9488
+ "type": {
9489
+ "text": "string | undefined"
9495
9490
  },
9496
- "parameters": [
9497
- {
9498
- "name": "name",
9499
- "type": {
9500
- "text": "string"
9501
- }
9502
- },
9503
- {
9504
- "name": "argb",
9505
- "type": {
9506
- "text": "number"
9507
- }
9508
- }
9509
- ]
9491
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
9492
+ "attribute": "result"
9493
+ },
9494
+ {
9495
+ "kind": "field",
9496
+ "name": "term",
9497
+ "type": {
9498
+ "text": "string | undefined"
9499
+ },
9500
+ "description": "The searched term",
9501
+ "attribute": "term"
9510
9502
  },
9511
9503
  {
9512
9504
  "kind": "method",
9513
- "name": "build",
9514
- "return": {
9515
- "type": {
9516
- "text": "string"
9517
- }
9518
- }
9505
+ "name": "setParts",
9506
+ "privacy": "private"
9519
9507
  }
9520
- ]
9508
+ ],
9509
+ "attributes": [
9510
+ {
9511
+ "name": "result",
9512
+ "type": {
9513
+ "text": "string | undefined"
9514
+ },
9515
+ "description": "The result text to display. If the term is found inside this text, it's highlighted",
9516
+ "fieldName": "result"
9517
+ },
9518
+ {
9519
+ "name": "term",
9520
+ "type": {
9521
+ "text": "string | undefined"
9522
+ },
9523
+ "description": "The searched term",
9524
+ "fieldName": "term"
9525
+ }
9526
+ ],
9527
+ "superclass": {
9528
+ "name": "LitElement",
9529
+ "package": "lit"
9530
+ },
9531
+ "tagName": "u-highlight",
9532
+ "customElement": true
9521
9533
  }
9522
9534
  ],
9523
9535
  "exports": [
9524
9536
  {
9525
9537
  "kind": "js",
9526
- "name": "CssVarBuilder",
9538
+ "name": "UmHighlight",
9527
9539
  "declaration": {
9528
- "name": "CssVarBuilder",
9529
- "module": "src/theme/css-var-builder.ts"
9540
+ "name": "UmHighlight",
9541
+ "module": "src/typeahead/highlight.ts"
9530
9542
  }
9531
- }
9532
- ]
9533
- },
9534
- {
9535
- "kind": "javascript-module",
9536
- "path": "src/theme/index.ts",
9537
- "declarations": [],
9538
- "exports": [
9543
+ },
9539
9544
  {
9540
- "kind": "js",
9541
- "name": "*",
9545
+ "kind": "custom-element-definition",
9546
+ "name": "u-highlight",
9542
9547
  "declaration": {
9543
- "name": "*",
9544
- "package": "./theme-builder.js"
9548
+ "name": "UmHighlight",
9549
+ "module": "src/typeahead/highlight.ts"
9545
9550
  }
9546
9551
  }
9547
9552
  ]
9548
9553
  },
9549
9554
  {
9550
9555
  "kind": "javascript-module",
9551
- "path": "src/theme/neutral-colors.ts",
9556
+ "path": "src/typeahead/typeahead.styles.ts",
9552
9557
  "declarations": [
9553
9558
  {
9554
9559
  "kind": "variable",
9555
- "name": "neutralColors",
9556
- "type": {
9557
- "text": "Color[]"
9558
- },
9559
- "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
9560
- },
9561
- {
9562
- "kind": "variable",
9563
- "name": "neutralVariantColors",
9564
- "type": {
9565
- "text": "Color[]"
9566
- },
9567
- "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
9560
+ "name": "styles",
9561
+ "default": "css `\n :host {\n display: inline-block;\n }\n\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
9568
9562
  }
9569
9563
  ],
9570
9564
  "exports": [
9571
9565
  {
9572
9566
  "kind": "js",
9573
- "name": "neutralColors",
9574
- "declaration": {
9575
- "name": "neutralColors",
9576
- "module": "src/theme/neutral-colors.ts"
9577
- }
9578
- },
9579
- {
9580
- "kind": "js",
9581
- "name": "neutralVariantColors",
9567
+ "name": "styles",
9582
9568
  "declaration": {
9583
- "name": "neutralVariantColors",
9584
- "module": "src/theme/neutral-colors.ts"
9569
+ "name": "styles",
9570
+ "module": "src/typeahead/typeahead.styles.ts"
9585
9571
  }
9586
9572
  }
9587
9573
  ]
9588
9574
  },
9589
9575
  {
9590
9576
  "kind": "javascript-module",
9591
- "path": "src/theme/rgb-color.ts",
9577
+ "path": "src/typeahead/typeahead.ts",
9592
9578
  "declarations": [
9593
9579
  {
9594
9580
  "kind": "class",
9595
9581
  "description": "",
9596
- "name": "RgbColor",
9582
+ "name": "UmTypeahead",
9597
9583
  "members": [
9598
9584
  {
9599
9585
  "kind": "field",
9600
- "name": "r",
9586
+ "name": "formAssociated",
9601
9587
  "type": {
9602
- "text": "number"
9588
+ "text": "boolean"
9603
9589
  },
9604
- "default": "r"
9590
+ "static": true,
9591
+ "default": "true"
9605
9592
  },
9606
9593
  {
9607
9594
  "kind": "field",
9608
- "name": "g",
9595
+ "name": "#targetId",
9596
+ "privacy": "private",
9609
9597
  "type": {
9610
- "text": "number"
9598
+ "text": "string | undefined"
9599
+ }
9600
+ },
9601
+ {
9602
+ "kind": "field",
9603
+ "name": "#connected",
9604
+ "privacy": "private",
9605
+ "type": {
9606
+ "text": "boolean"
9611
9607
  },
9612
- "default": "g"
9608
+ "default": "false"
9613
9609
  },
9614
9610
  {
9615
9611
  "kind": "field",
9616
- "name": "b",
9612
+ "name": "target",
9617
9613
  "type": {
9618
- "text": "number"
9614
+ "text": "HTMLElement & {input?: HTMLInputElement; field?: UmField; value: string} | null"
9619
9615
  },
9620
- "default": "b"
9616
+ "privacy": "private",
9617
+ "default": "null"
9621
9618
  },
9622
9619
  {
9623
- "kind": "method",
9624
- "name": "fromArgb",
9625
- "static": true,
9626
- "return": {
9627
- "type": {
9628
- "text": "RgbColor"
9629
- }
9620
+ "kind": "field",
9621
+ "name": "#documentMutationObserver",
9622
+ "privacy": "private",
9623
+ "type": {
9624
+ "text": "MutationObserver | null"
9630
9625
  },
9631
- "parameters": [
9632
- {
9633
- "name": "argb",
9634
- "type": {
9635
- "text": "number"
9636
- }
9637
- }
9638
- ]
9626
+ "default": "null"
9639
9627
  },
9640
9628
  {
9641
9629
  "kind": "field",
9642
- "name": "toString"
9643
- }
9644
- ]
9645
- }
9646
- ],
9647
- "exports": [
9648
- {
9649
- "kind": "js",
9650
- "name": "RgbColor",
9651
- "declaration": {
9652
- "name": "RgbColor",
9653
- "module": "src/theme/rgb-color.ts"
9654
- }
9655
- }
9656
- ]
9657
- },
9658
- {
9659
- "kind": "javascript-module",
9660
- "path": "src/theme/theme-builder.ts",
9661
- "declarations": [
9662
- {
9663
- "kind": "class",
9664
- "description": "",
9665
- "name": "ThemeBuilder",
9666
- "members": [
9630
+ "name": "#termNormalized",
9631
+ "privacy": "private",
9632
+ "type": {
9633
+ "text": "string"
9634
+ },
9635
+ "default": "''"
9636
+ },
9667
9637
  {
9668
9638
  "kind": "field",
9669
- "name": "cssClass",
9639
+ "name": "#debounceTimeout",
9640
+ "privacy": "private",
9670
9641
  "type": {
9671
- "text": "string | null"
9642
+ "text": "number | null"
9672
9643
  },
9673
9644
  "default": "null"
9674
9645
  },
9675
9646
  {
9676
9647
  "kind": "field",
9677
- "name": "colors",
9648
+ "name": "#value",
9649
+ "privacy": "private",
9678
9650
  "type": {
9679
- "text": "ThemeColor[]"
9680
- },
9681
- "default": "[]"
9651
+ "text": "any"
9652
+ }
9682
9653
  },
9683
9654
  {
9684
9655
  "kind": "field",
9685
- "name": "neutralColorPalette",
9656
+ "name": "#elementInternals",
9657
+ "privacy": "private",
9686
9658
  "type": {
9687
- "text": "TonalPalette"
9659
+ "text": "ElementInternals"
9688
9660
  }
9689
9661
  },
9690
9662
  {
9691
9663
  "kind": "field",
9692
- "name": "neutralVariantColorPalette",
9664
+ "name": "results",
9693
9665
  "type": {
9694
- "text": "TonalPalette"
9666
+ "text": "Data[]"
9695
9667
  }
9696
9668
  },
9697
9669
  {
9698
9670
  "kind": "field",
9699
- "name": "partial",
9671
+ "name": "source",
9700
9672
  "type": {
9701
- "text": "boolean"
9673
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
9702
9674
  },
9703
- "privacy": "private",
9704
- "default": "false"
9675
+ "attribute": "source"
9705
9676
  },
9706
9677
  {
9707
- "kind": "method",
9708
- "name": "create",
9709
- "static": true,
9710
- "return": {
9711
- "type": {
9712
- "text": "ThemeBuilder"
9713
- }
9678
+ "kind": "field",
9679
+ "name": "formatter",
9680
+ "type": {
9681
+ "text": "((value: any) => string) | undefined"
9682
+ }
9683
+ },
9684
+ {
9685
+ "kind": "field",
9686
+ "name": "template",
9687
+ "type": {
9688
+ "text": "((term: string, value: any) => string) | undefined"
9689
+ }
9690
+ },
9691
+ {
9692
+ "kind": "field",
9693
+ "name": "debounce",
9694
+ "type": {
9695
+ "text": "number"
9714
9696
  },
9715
- "parameters": [
9716
- {
9717
- "name": "primaryColorHex",
9718
- "type": {
9719
- "text": "string"
9720
- }
9721
- }
9722
- ]
9697
+ "default": "300",
9698
+ "attribute": "debounce",
9699
+ "reflects": true
9723
9700
  },
9724
9701
  {
9725
- "kind": "method",
9726
- "name": "createPartial",
9727
- "static": true,
9728
- "return": {
9729
- "type": {
9730
- "text": "ThemeBuilder"
9731
- }
9702
+ "kind": "field",
9703
+ "name": "limit",
9704
+ "type": {
9705
+ "text": "number"
9706
+ },
9707
+ "default": "10",
9708
+ "attribute": "limit",
9709
+ "reflects": true
9710
+ },
9711
+ {
9712
+ "kind": "field",
9713
+ "name": "minLength",
9714
+ "type": {
9715
+ "text": "number"
9716
+ },
9717
+ "default": "2",
9718
+ "attribute": "minLength",
9719
+ "reflects": true
9720
+ },
9721
+ {
9722
+ "kind": "field",
9723
+ "name": "openOnFocus",
9724
+ "type": {
9725
+ "text": "boolean"
9726
+ },
9727
+ "default": "false",
9728
+ "attribute": "open-on-focus",
9729
+ "reflects": true
9730
+ },
9731
+ {
9732
+ "kind": "field",
9733
+ "name": "editable",
9734
+ "type": {
9735
+ "text": "boolean"
9736
+ },
9737
+ "default": "false",
9738
+ "attribute": "editable",
9739
+ "reflects": true
9740
+ },
9741
+ {
9742
+ "kind": "field",
9743
+ "name": "form",
9744
+ "type": {
9745
+ "text": "HTMLFormElement | null"
9746
+ }
9747
+ },
9748
+ {
9749
+ "kind": "field",
9750
+ "name": "value",
9751
+ "type": {
9752
+ "text": "any"
9732
9753
  }
9733
9754
  },
9734
9755
  {
9735
9756
  "kind": "method",
9736
- "name": "addColorFromHex",
9737
- "return": {
9738
- "type": {
9739
- "text": "ThemeBuilder"
9740
- }
9741
- },
9742
- "parameters": [
9743
- {
9744
- "name": "name",
9745
- "type": {
9746
- "text": "string"
9747
- }
9748
- },
9749
- {
9750
- "name": "hex",
9751
- "type": {
9752
- "text": "string"
9753
- }
9754
- }
9755
- ]
9757
+ "name": "focus"
9756
9758
  },
9757
9759
  {
9758
9760
  "kind": "method",
9759
- "name": "addColorFromPalette",
9760
- "return": {
9761
- "type": {
9762
- "text": "ThemeBuilder"
9763
- }
9761
+ "name": "clear"
9762
+ },
9763
+ {
9764
+ "kind": "field",
9765
+ "name": "targetId",
9766
+ "type": {
9767
+ "text": "string | undefined"
9764
9768
  },
9769
+ "attribute": "target-id",
9770
+ "reflects": true
9771
+ },
9772
+ {
9773
+ "kind": "field",
9774
+ "name": "menu",
9775
+ "type": {
9776
+ "text": "UmMenu"
9777
+ }
9778
+ },
9779
+ {
9780
+ "kind": "method",
9781
+ "name": "#attach"
9782
+ },
9783
+ {
9784
+ "kind": "method",
9785
+ "name": "#detach"
9786
+ },
9787
+ {
9788
+ "kind": "field",
9789
+ "name": "#handleFocus",
9790
+ "privacy": "private"
9791
+ },
9792
+ {
9793
+ "kind": "field",
9794
+ "name": "#handleInput",
9795
+ "privacy": "private"
9796
+ },
9797
+ {
9798
+ "kind": "method",
9799
+ "name": "#getItemClickHandler",
9765
9800
  "parameters": [
9766
9801
  {
9767
- "name": "name",
9768
- "type": {
9769
- "text": "string"
9770
- }
9771
- },
9772
- {
9773
- "name": "palette",
9802
+ "name": "data",
9774
9803
  "type": {
9775
- "text": "TonalPalette"
9804
+ "text": "Data"
9776
9805
  }
9777
9806
  }
9778
9807
  ]
9779
9808
  },
9780
9809
  {
9781
9810
  "kind": "method",
9782
- "name": "addFixedColor",
9783
- "return": {
9784
- "type": {
9785
- "text": "ThemeBuilder"
9786
- }
9787
- },
9811
+ "name": "#setValueAndDispatchEvents",
9788
9812
  "parameters": [
9789
9813
  {
9790
- "name": "name",
9814
+ "name": "value",
9791
9815
  "type": {
9792
- "text": "string"
9816
+ "text": "any"
9793
9817
  }
9794
9818
  },
9795
9819
  {
9796
- "name": "hex",
9797
- "type": {
9798
- "text": "string"
9799
- }
9820
+ "name": "direct",
9821
+ "default": "false"
9800
9822
  }
9801
9823
  ]
9802
9824
  },
9803
9825
  {
9804
9826
  "kind": "method",
9805
- "name": "setCssClass",
9806
- "return": {
9807
- "type": {
9808
- "text": "ThemeBuilder"
9809
- }
9810
- },
9827
+ "name": "#updateResults",
9811
9828
  "parameters": [
9812
9829
  {
9813
- "name": "cssClass",
9814
- "type": {
9815
- "text": "string"
9816
- }
9830
+ "name": "lazy",
9831
+ "default": "false"
9817
9832
  }
9818
9833
  ]
9819
9834
  },
9820
9835
  {
9821
9836
  "kind": "method",
9822
- "name": "ensureCssClassStartsWithDot",
9823
- "privacy": "private",
9837
+ "name": "#getData",
9824
9838
  "return": {
9825
9839
  "type": {
9826
- "text": "void"
9840
+ "text": "Promise<Data[]>"
9827
9841
  }
9828
9842
  }
9829
9843
  },
9830
9844
  {
9831
9845
  "kind": "method",
9832
- "name": "ensureThemeColors",
9833
- "privacy": "private",
9834
- "return": {
9835
- "type": {
9836
- "text": "void"
9837
- }
9838
- }
9846
+ "name": "#setValueOnTarget"
9839
9847
  },
9840
9848
  {
9841
9849
  "kind": "method",
9842
- "name": "getNeutralVariables",
9850
+ "name": "getTargetValue",
9843
9851
  "privacy": "private",
9844
9852
  "return": {
9845
9853
  "type": {
9846
9854
  "text": "string"
9847
9855
  }
9848
- },
9849
- "parameters": [
9850
- {
9851
- "name": "dark",
9852
- "type": {
9853
- "text": "boolean"
9854
- }
9855
- }
9856
- ]
9856
+ }
9857
9857
  },
9858
9858
  {
9859
9859
  "kind": "method",
9860
- "name": "getNeutralVariantVariables",
9860
+ "name": "setTargetValue",
9861
9861
  "privacy": "private",
9862
9862
  "return": {
9863
9863
  "type": {
9864
- "text": "string"
9864
+ "text": "void"
9865
9865
  }
9866
9866
  },
9867
9867
  "parameters": [
9868
9868
  {
9869
- "name": "dark",
9869
+ "name": "value",
9870
9870
  "type": {
9871
- "text": "boolean"
9871
+ "text": "string"
9872
9872
  }
9873
9873
  }
9874
9874
  ]
9875
9875
  },
9876
9876
  {
9877
9877
  "kind": "method",
9878
- "name": "getColorVariables",
9879
- "return": {
9880
- "type": {
9881
- "text": "string"
9882
- }
9883
- },
9884
- "parameters": [
9885
- {
9886
- "name": "color",
9887
- "type": {
9888
- "text": "ThemeColor"
9889
- }
9890
- },
9891
- {
9892
- "name": "dark",
9893
- "type": {
9894
- "text": "boolean"
9895
- }
9896
- }
9897
- ]
9878
+ "name": "getMenuAnchor",
9879
+ "privacy": "private"
9898
9880
  },
9899
9881
  {
9900
9882
  "kind": "method",
9901
- "name": "getColorsVariables",
9883
+ "name": "getTextValue",
9902
9884
  "privacy": "private",
9903
9885
  "return": {
9904
9886
  "type": {
9905
9887
  "text": "string"
9906
9888
  }
9907
- },
9908
- "parameters": [
9909
- {
9910
- "name": "dark",
9911
- "type": {
9912
- "text": "boolean"
9913
- }
9889
+ }
9890
+ }
9891
+ ],
9892
+ "events": [
9893
+ {
9894
+ "name": "input",
9895
+ "type": {
9896
+ "text": "InputEvent"
9897
+ }
9898
+ },
9899
+ {
9900
+ "name": "change",
9901
+ "type": {
9902
+ "text": "Event"
9903
+ }
9904
+ }
9905
+ ],
9906
+ "attributes": [
9907
+ {
9908
+ "name": "source",
9909
+ "type": {
9910
+ "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
9911
+ },
9912
+ "fieldName": "source"
9913
+ },
9914
+ {
9915
+ "name": "debounce",
9916
+ "type": {
9917
+ "text": "number"
9918
+ },
9919
+ "default": "300",
9920
+ "fieldName": "debounce"
9921
+ },
9922
+ {
9923
+ "name": "limit",
9924
+ "type": {
9925
+ "text": "number"
9926
+ },
9927
+ "default": "10",
9928
+ "fieldName": "limit"
9929
+ },
9930
+ {
9931
+ "name": "minLength",
9932
+ "type": {
9933
+ "text": "number"
9934
+ },
9935
+ "default": "2",
9936
+ "fieldName": "minLength"
9937
+ },
9938
+ {
9939
+ "name": "open-on-focus",
9940
+ "type": {
9941
+ "text": "boolean"
9942
+ },
9943
+ "default": "false",
9944
+ "fieldName": "openOnFocus"
9945
+ },
9946
+ {
9947
+ "name": "editable",
9948
+ "type": {
9949
+ "text": "boolean"
9950
+ },
9951
+ "default": "false",
9952
+ "fieldName": "editable"
9953
+ },
9954
+ {
9955
+ "name": "target-id",
9956
+ "type": {
9957
+ "text": "string | undefined"
9958
+ },
9959
+ "fieldName": "targetId"
9960
+ }
9961
+ ],
9962
+ "superclass": {
9963
+ "name": "LitElement",
9964
+ "package": "lit"
9965
+ },
9966
+ "tagName": "u-typeahead",
9967
+ "customElement": true
9968
+ }
9969
+ ],
9970
+ "exports": [
9971
+ {
9972
+ "kind": "js",
9973
+ "name": "UmTypeahead",
9974
+ "declaration": {
9975
+ "name": "UmTypeahead",
9976
+ "module": "src/typeahead/typeahead.ts"
9977
+ }
9978
+ },
9979
+ {
9980
+ "kind": "custom-element-definition",
9981
+ "name": "u-typeahead",
9982
+ "declaration": {
9983
+ "name": "UmTypeahead",
9984
+ "module": "src/typeahead/typeahead.ts"
9985
+ }
9986
+ }
9987
+ ]
9988
+ },
9989
+ {
9990
+ "kind": "javascript-module",
9991
+ "path": "src/theme/color.ts",
9992
+ "declarations": [],
9993
+ "exports": []
9994
+ },
9995
+ {
9996
+ "kind": "javascript-module",
9997
+ "path": "src/theme/css-var-builder.ts",
9998
+ "declarations": [
9999
+ {
10000
+ "kind": "class",
10001
+ "description": "",
10002
+ "name": "CssVarBuilder",
10003
+ "members": [
10004
+ {
10005
+ "kind": "field",
10006
+ "name": "content",
10007
+ "type": {
10008
+ "text": "string"
10009
+ },
10010
+ "privacy": "private",
10011
+ "default": "''"
10012
+ },
10013
+ {
10014
+ "kind": "method",
10015
+ "name": "create",
10016
+ "static": true,
10017
+ "return": {
10018
+ "type": {
10019
+ "text": "CssVarBuilder"
9914
10020
  }
9915
- ]
10021
+ }
9916
10022
  },
9917
10023
  {
9918
10024
  "kind": "method",
9919
- "name": "addColors",
9920
- "privacy": "private",
10025
+ "name": "add",
9921
10026
  "return": {
9922
10027
  "type": {
9923
- "text": "void"
10028
+ "text": "CssVarBuilder"
9924
10029
  }
9925
10030
  },
9926
10031
  "parameters": [
9927
10032
  {
9928
- "name": "builder",
9929
- "type": {
9930
- "text": "CssVarBuilder"
9931
- }
9932
- },
9933
- {
9934
- "name": "colors",
9935
- "type": {
9936
- "text": "Color[]"
9937
- }
9938
- },
9939
- {
9940
- "name": "palette",
10033
+ "name": "name",
9941
10034
  "type": {
9942
- "text": "TonalPalette"
10035
+ "text": "string"
9943
10036
  }
9944
10037
  },
9945
10038
  {
9946
- "name": "dark",
10039
+ "name": "value",
9947
10040
  "type": {
9948
- "text": "boolean"
10041
+ "text": "string"
9949
10042
  }
9950
10043
  }
9951
10044
  ]
9952
10045
  },
9953
10046
  {
9954
10047
  "kind": "method",
9955
- "name": "addToneColor",
9956
- "privacy": "private",
10048
+ "name": "addFromArgb",
9957
10049
  "return": {
9958
10050
  "type": {
9959
- "text": "void"
10051
+ "text": "CssVarBuilder"
9960
10052
  }
9961
10053
  },
9962
10054
  "parameters": [
9963
10055
  {
9964
- "name": "builder",
9965
- "type": {
9966
- "text": "CssVarBuilder"
9967
- }
9968
- },
9969
- {
9970
- "name": "color",
9971
- "type": {
9972
- "text": "Color"
9973
- }
9974
- },
9975
- {
9976
- "name": "palette",
10056
+ "name": "name",
9977
10057
  "type": {
9978
- "text": "TonalPalette"
10058
+ "text": "string"
9979
10059
  }
9980
10060
  },
9981
10061
  {
9982
- "name": "dark",
10062
+ "name": "argb",
9983
10063
  "type": {
9984
- "text": "boolean"
10064
+ "text": "number"
9985
10065
  }
9986
10066
  }
9987
10067
  ]
@@ -10001,450 +10081,436 @@
10001
10081
  "exports": [
10002
10082
  {
10003
10083
  "kind": "js",
10004
- "name": "ThemeBuilder",
10084
+ "name": "CssVarBuilder",
10005
10085
  "declaration": {
10006
- "name": "ThemeBuilder",
10007
- "module": "src/theme/theme-builder.ts"
10086
+ "name": "CssVarBuilder",
10087
+ "module": "src/theme/css-var-builder.ts"
10008
10088
  }
10009
10089
  }
10010
10090
  ]
10011
10091
  },
10012
10092
  {
10013
10093
  "kind": "javascript-module",
10014
- "path": "src/theme/theme-color.ts",
10094
+ "path": "src/theme/index.ts",
10015
10095
  "declarations": [],
10016
- "exports": []
10096
+ "exports": [
10097
+ {
10098
+ "kind": "js",
10099
+ "name": "*",
10100
+ "declaration": {
10101
+ "name": "*",
10102
+ "package": "./theme-builder.js"
10103
+ }
10104
+ }
10105
+ ]
10017
10106
  },
10018
10107
  {
10019
10108
  "kind": "javascript-module",
10020
- "path": "src/typeahead/highlight.styles.ts",
10109
+ "path": "src/theme/neutral-colors.ts",
10021
10110
  "declarations": [
10022
10111
  {
10023
10112
  "kind": "variable",
10024
- "name": "styles",
10025
- "default": "css `\n :host {\n display: inline-block;\n }\n`"
10113
+ "name": "neutralColors",
10114
+ "type": {
10115
+ "text": "Color[]"
10116
+ },
10117
+ "default": "[\n { name: 'surface', lightTone: 98, darkTone: 6 },\n { name: 'surface-bright', lightTone: 98, darkTone: 24 },\n { name: 'surface-dim', lightTone: 87, darkTone: 6 },\n { name: 'surface-container-lowest', lightTone: 100, darkTone: 4 },\n { name: 'surface-container-low', lightTone: 96, darkTone: 10 },\n { name: 'surface-container', lightTone: 94, darkTone: 12 },\n { name: 'surface-container-high', lightTone: 92, darkTone: 17 },\n { name: 'surface-container-highest', lightTone: 90, darkTone: 22 },\n { name: 'on-surface', lightTone: 10, darkTone: 90 },\n { name: 'light', fixedTone: 98 },\n { name: 'on-light', fixedTone: 10 },\n { name: 'dark', fixedTone: 6 },\n { name: 'on-dark', fixedTone: 90 },\n { name: 'scrim', fixedTone: 0 },\n { name: 'shadow', fixedTone: 0 },\n]"
10118
+ },
10119
+ {
10120
+ "kind": "variable",
10121
+ "name": "neutralVariantColors",
10122
+ "type": {
10123
+ "text": "Color[]"
10124
+ },
10125
+ "default": "[\n { name: 'surface-variant', lightTone: 90, darkTone: 30 },\n { name: 'on-surface-variant', lightTone: 30, darkTone: 80 },\n { name: 'outline', lightTone: 50, darkTone: 60 },\n { name: 'outline-variant', lightTone: 80, darkTone: 30 }\n]"
10026
10126
  }
10027
10127
  ],
10028
10128
  "exports": [
10029
10129
  {
10030
10130
  "kind": "js",
10031
- "name": "styles",
10131
+ "name": "neutralColors",
10032
10132
  "declaration": {
10033
- "name": "styles",
10034
- "module": "src/typeahead/highlight.styles.ts"
10133
+ "name": "neutralColors",
10134
+ "module": "src/theme/neutral-colors.ts"
10135
+ }
10136
+ },
10137
+ {
10138
+ "kind": "js",
10139
+ "name": "neutralVariantColors",
10140
+ "declaration": {
10141
+ "name": "neutralVariantColors",
10142
+ "module": "src/theme/neutral-colors.ts"
10035
10143
  }
10036
10144
  }
10037
10145
  ]
10038
10146
  },
10039
10147
  {
10040
10148
  "kind": "javascript-module",
10041
- "path": "src/typeahead/highlight.ts",
10149
+ "path": "src/theme/rgb-color.ts",
10042
10150
  "declarations": [
10043
10151
  {
10044
10152
  "kind": "class",
10045
10153
  "description": "",
10046
- "name": "UmHighlight",
10154
+ "name": "RgbColor",
10047
10155
  "members": [
10048
10156
  {
10049
10157
  "kind": "field",
10050
- "name": "#result",
10051
- "privacy": "private",
10158
+ "name": "r",
10052
10159
  "type": {
10053
- "text": "string | undefined"
10054
- }
10160
+ "text": "number"
10161
+ },
10162
+ "default": "r"
10055
10163
  },
10056
10164
  {
10057
10165
  "kind": "field",
10058
- "name": "#term",
10059
- "privacy": "private",
10166
+ "name": "g",
10060
10167
  "type": {
10061
- "text": "string | undefined"
10062
- }
10168
+ "text": "number"
10169
+ },
10170
+ "default": "g"
10063
10171
  },
10064
10172
  {
10065
10173
  "kind": "field",
10066
- "name": "parts",
10174
+ "name": "b",
10067
10175
  "type": {
10068
- "text": "string[] | undefined"
10069
- },
10070
- "privacy": "private"
10071
- },
10072
- {
10073
- "kind": "field",
10074
- "name": "result",
10075
- "type": {
10076
- "text": "string | undefined"
10077
- },
10078
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
10079
- "attribute": "result"
10080
- },
10081
- {
10082
- "kind": "field",
10083
- "name": "term",
10084
- "type": {
10085
- "text": "string | undefined"
10176
+ "text": "number"
10086
10177
  },
10087
- "description": "The searched term",
10088
- "attribute": "term"
10178
+ "default": "b"
10089
10179
  },
10090
10180
  {
10091
10181
  "kind": "method",
10092
- "name": "setParts",
10093
- "privacy": "private"
10094
- }
10095
- ],
10096
- "attributes": [
10097
- {
10098
- "name": "result",
10099
- "type": {
10100
- "text": "string | undefined"
10182
+ "name": "fromArgb",
10183
+ "static": true,
10184
+ "return": {
10185
+ "type": {
10186
+ "text": "RgbColor"
10187
+ }
10101
10188
  },
10102
- "description": "The result text to display. If the term is found inside this text, it's highlighted",
10103
- "fieldName": "result"
10189
+ "parameters": [
10190
+ {
10191
+ "name": "argb",
10192
+ "type": {
10193
+ "text": "number"
10194
+ }
10195
+ }
10196
+ ]
10104
10197
  },
10105
10198
  {
10106
- "name": "term",
10107
- "type": {
10108
- "text": "string | undefined"
10109
- },
10110
- "description": "The searched term",
10111
- "fieldName": "term"
10199
+ "kind": "field",
10200
+ "name": "toString"
10112
10201
  }
10113
- ],
10114
- "superclass": {
10115
- "name": "LitElement",
10116
- "package": "lit"
10117
- },
10118
- "tagName": "u-highlight",
10119
- "customElement": true
10120
- }
10121
- ],
10122
- "exports": [
10123
- {
10124
- "kind": "js",
10125
- "name": "UmHighlight",
10126
- "declaration": {
10127
- "name": "UmHighlight",
10128
- "module": "src/typeahead/highlight.ts"
10129
- }
10130
- },
10131
- {
10132
- "kind": "custom-element-definition",
10133
- "name": "u-highlight",
10134
- "declaration": {
10135
- "name": "UmHighlight",
10136
- "module": "src/typeahead/highlight.ts"
10137
- }
10138
- }
10139
- ]
10140
- },
10141
- {
10142
- "kind": "javascript-module",
10143
- "path": "src/typeahead/typeahead.styles.ts",
10144
- "declarations": [
10145
- {
10146
- "kind": "variable",
10147
- "name": "styles",
10148
- "default": "css `\n :host {\n display: inline-block;\n }\n\n u-menu-item {\n font-weight: var(--u-typeahead-item-font-weight, var(--u-font-weight-regular, 400));\n }\n`"
10202
+ ]
10149
10203
  }
10150
10204
  ],
10151
10205
  "exports": [
10152
10206
  {
10153
10207
  "kind": "js",
10154
- "name": "styles",
10208
+ "name": "RgbColor",
10155
10209
  "declaration": {
10156
- "name": "styles",
10157
- "module": "src/typeahead/typeahead.styles.ts"
10210
+ "name": "RgbColor",
10211
+ "module": "src/theme/rgb-color.ts"
10158
10212
  }
10159
10213
  }
10160
10214
  ]
10161
10215
  },
10162
10216
  {
10163
10217
  "kind": "javascript-module",
10164
- "path": "src/typeahead/typeahead.ts",
10218
+ "path": "src/theme/theme-builder.ts",
10165
10219
  "declarations": [
10166
10220
  {
10167
10221
  "kind": "class",
10168
10222
  "description": "",
10169
- "name": "UmTypeahead",
10223
+ "name": "ThemeBuilder",
10170
10224
  "members": [
10171
10225
  {
10172
10226
  "kind": "field",
10173
- "name": "formAssociated",
10174
- "type": {
10175
- "text": "boolean"
10176
- },
10177
- "static": true,
10178
- "default": "true"
10179
- },
10180
- {
10181
- "kind": "field",
10182
- "name": "#targetId",
10183
- "privacy": "private",
10184
- "type": {
10185
- "text": "string | undefined"
10186
- }
10187
- },
10188
- {
10189
- "kind": "field",
10190
- "name": "#connected",
10191
- "privacy": "private",
10192
- "type": {
10193
- "text": "boolean"
10194
- },
10195
- "default": "false"
10196
- },
10197
- {
10198
- "kind": "field",
10199
- "name": "target",
10200
- "type": {
10201
- "text": "HTMLElement & {input?: HTMLInputElement; field?: UmField; value: string} | null"
10202
- },
10203
- "privacy": "private",
10204
- "default": "null"
10205
- },
10206
- {
10207
- "kind": "field",
10208
- "name": "#documentMutationObserver",
10209
- "privacy": "private",
10210
- "type": {
10211
- "text": "MutationObserver | null"
10212
- },
10213
- "default": "null"
10214
- },
10215
- {
10216
- "kind": "field",
10217
- "name": "#termNormalized",
10218
- "privacy": "private",
10219
- "type": {
10220
- "text": "string"
10221
- },
10222
- "default": "''"
10223
- },
10224
- {
10225
- "kind": "field",
10226
- "name": "#debounceTimeout",
10227
- "privacy": "private",
10227
+ "name": "cssClass",
10228
10228
  "type": {
10229
- "text": "number | null"
10229
+ "text": "string | null"
10230
10230
  },
10231
10231
  "default": "null"
10232
10232
  },
10233
10233
  {
10234
10234
  "kind": "field",
10235
- "name": "#value",
10236
- "privacy": "private",
10237
- "type": {
10238
- "text": "any"
10239
- }
10240
- },
10241
- {
10242
- "kind": "field",
10243
- "name": "#elementInternals",
10244
- "privacy": "private",
10245
- "type": {
10246
- "text": "ElementInternals"
10247
- }
10248
- },
10249
- {
10250
- "kind": "field",
10251
- "name": "results",
10252
- "type": {
10253
- "text": "Data[]"
10254
- }
10255
- },
10256
- {
10257
- "kind": "field",
10258
- "name": "source",
10235
+ "name": "colors",
10259
10236
  "type": {
10260
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10237
+ "text": "ThemeColor[]"
10261
10238
  },
10262
- "attribute": "source"
10239
+ "default": "[]"
10263
10240
  },
10264
10241
  {
10265
10242
  "kind": "field",
10266
- "name": "formatter",
10243
+ "name": "neutralColorPalette",
10267
10244
  "type": {
10268
- "text": "((value: any) => string) | undefined"
10245
+ "text": "TonalPalette"
10269
10246
  }
10270
10247
  },
10271
10248
  {
10272
10249
  "kind": "field",
10273
- "name": "template",
10250
+ "name": "neutralVariantColorPalette",
10274
10251
  "type": {
10275
- "text": "((term: string, value: any) => string) | undefined"
10252
+ "text": "TonalPalette"
10276
10253
  }
10277
10254
  },
10278
10255
  {
10279
10256
  "kind": "field",
10280
- "name": "debounce",
10281
- "type": {
10282
- "text": "number"
10283
- },
10284
- "default": "300",
10285
- "attribute": "debounce",
10286
- "reflects": true
10287
- },
10288
- {
10289
- "kind": "field",
10290
- "name": "limit",
10291
- "type": {
10292
- "text": "number"
10293
- },
10294
- "default": "10",
10295
- "attribute": "limit",
10296
- "reflects": true
10297
- },
10298
- {
10299
- "kind": "field",
10300
- "name": "minLength",
10301
- "type": {
10302
- "text": "number"
10303
- },
10304
- "default": "2",
10305
- "attribute": "minLength",
10306
- "reflects": true
10307
- },
10308
- {
10309
- "kind": "field",
10310
- "name": "openOnFocus",
10257
+ "name": "partial",
10311
10258
  "type": {
10312
10259
  "text": "boolean"
10313
10260
  },
10314
- "default": "false",
10315
- "attribute": "open-on-focus",
10316
- "reflects": true
10261
+ "privacy": "private",
10262
+ "default": "false"
10317
10263
  },
10318
10264
  {
10319
- "kind": "field",
10320
- "name": "editable",
10321
- "type": {
10322
- "text": "boolean"
10265
+ "kind": "method",
10266
+ "name": "create",
10267
+ "static": true,
10268
+ "return": {
10269
+ "type": {
10270
+ "text": "ThemeBuilder"
10271
+ }
10323
10272
  },
10324
- "default": "false",
10325
- "attribute": "editable",
10326
- "reflects": true
10327
- },
10328
- {
10329
- "kind": "field",
10330
- "name": "form",
10331
- "type": {
10332
- "text": "HTMLFormElement | null"
10333
- }
10273
+ "parameters": [
10274
+ {
10275
+ "name": "primaryColorHex",
10276
+ "type": {
10277
+ "text": "string"
10278
+ }
10279
+ }
10280
+ ]
10334
10281
  },
10335
10282
  {
10336
- "kind": "field",
10337
- "name": "value",
10338
- "type": {
10339
- "text": "any"
10283
+ "kind": "method",
10284
+ "name": "createPartial",
10285
+ "static": true,
10286
+ "return": {
10287
+ "type": {
10288
+ "text": "ThemeBuilder"
10289
+ }
10340
10290
  }
10341
10291
  },
10342
10292
  {
10343
10293
  "kind": "method",
10344
- "name": "focus"
10294
+ "name": "addColorFromHex",
10295
+ "return": {
10296
+ "type": {
10297
+ "text": "ThemeBuilder"
10298
+ }
10299
+ },
10300
+ "parameters": [
10301
+ {
10302
+ "name": "name",
10303
+ "type": {
10304
+ "text": "string"
10305
+ }
10306
+ },
10307
+ {
10308
+ "name": "hex",
10309
+ "type": {
10310
+ "text": "string"
10311
+ }
10312
+ }
10313
+ ]
10345
10314
  },
10346
10315
  {
10347
10316
  "kind": "method",
10348
- "name": "clear"
10317
+ "name": "addColorFromPalette",
10318
+ "return": {
10319
+ "type": {
10320
+ "text": "ThemeBuilder"
10321
+ }
10322
+ },
10323
+ "parameters": [
10324
+ {
10325
+ "name": "name",
10326
+ "type": {
10327
+ "text": "string"
10328
+ }
10329
+ },
10330
+ {
10331
+ "name": "palette",
10332
+ "type": {
10333
+ "text": "TonalPalette"
10334
+ }
10335
+ }
10336
+ ]
10349
10337
  },
10350
10338
  {
10351
- "kind": "field",
10352
- "name": "targetId",
10353
- "type": {
10354
- "text": "string | undefined"
10339
+ "kind": "method",
10340
+ "name": "addFixedColor",
10341
+ "return": {
10342
+ "type": {
10343
+ "text": "ThemeBuilder"
10344
+ }
10355
10345
  },
10356
- "attribute": "target-id",
10357
- "reflects": true
10346
+ "parameters": [
10347
+ {
10348
+ "name": "name",
10349
+ "type": {
10350
+ "text": "string"
10351
+ }
10352
+ },
10353
+ {
10354
+ "name": "hex",
10355
+ "type": {
10356
+ "text": "string"
10357
+ }
10358
+ }
10359
+ ]
10358
10360
  },
10359
10361
  {
10360
- "kind": "field",
10361
- "name": "menu",
10362
- "type": {
10363
- "text": "UmMenu"
10364
- }
10362
+ "kind": "method",
10363
+ "name": "setCssClass",
10364
+ "return": {
10365
+ "type": {
10366
+ "text": "ThemeBuilder"
10367
+ }
10368
+ },
10369
+ "parameters": [
10370
+ {
10371
+ "name": "cssClass",
10372
+ "type": {
10373
+ "text": "string"
10374
+ }
10375
+ }
10376
+ ]
10365
10377
  },
10366
10378
  {
10367
10379
  "kind": "method",
10368
- "name": "#attach"
10380
+ "name": "ensureCssClassStartsWithDot",
10381
+ "privacy": "private",
10382
+ "return": {
10383
+ "type": {
10384
+ "text": "void"
10385
+ }
10386
+ }
10369
10387
  },
10370
10388
  {
10371
10389
  "kind": "method",
10372
- "name": "#detach"
10373
- },
10374
- {
10375
- "kind": "field",
10376
- "name": "#handleFocus",
10377
- "privacy": "private"
10378
- },
10379
- {
10380
- "kind": "field",
10381
- "name": "#handleInput",
10382
- "privacy": "private"
10390
+ "name": "ensureThemeColors",
10391
+ "privacy": "private",
10392
+ "return": {
10393
+ "type": {
10394
+ "text": "void"
10395
+ }
10396
+ }
10383
10397
  },
10384
10398
  {
10385
10399
  "kind": "method",
10386
- "name": "#getItemClickHandler",
10400
+ "name": "getNeutralVariables",
10401
+ "privacy": "private",
10402
+ "return": {
10403
+ "type": {
10404
+ "text": "string"
10405
+ }
10406
+ },
10387
10407
  "parameters": [
10388
10408
  {
10389
- "name": "data",
10409
+ "name": "dark",
10390
10410
  "type": {
10391
- "text": "Data"
10411
+ "text": "boolean"
10392
10412
  }
10393
10413
  }
10394
10414
  ]
10395
10415
  },
10396
10416
  {
10397
10417
  "kind": "method",
10398
- "name": "#setValueAndDispatchEvents",
10418
+ "name": "getNeutralVariantVariables",
10419
+ "privacy": "private",
10420
+ "return": {
10421
+ "type": {
10422
+ "text": "string"
10423
+ }
10424
+ },
10399
10425
  "parameters": [
10400
10426
  {
10401
- "name": "value",
10427
+ "name": "dark",
10402
10428
  "type": {
10403
- "text": "any"
10429
+ "text": "boolean"
10404
10430
  }
10405
- },
10406
- {
10407
- "name": "direct",
10408
- "default": "false"
10409
10431
  }
10410
10432
  ]
10411
10433
  },
10412
10434
  {
10413
10435
  "kind": "method",
10414
- "name": "#updateResults",
10436
+ "name": "getColorVariables",
10437
+ "return": {
10438
+ "type": {
10439
+ "text": "string"
10440
+ }
10441
+ },
10415
10442
  "parameters": [
10416
10443
  {
10417
- "name": "lazy",
10418
- "default": "false"
10444
+ "name": "color",
10445
+ "type": {
10446
+ "text": "ThemeColor"
10447
+ }
10448
+ },
10449
+ {
10450
+ "name": "dark",
10451
+ "type": {
10452
+ "text": "boolean"
10453
+ }
10419
10454
  }
10420
10455
  ]
10421
10456
  },
10422
10457
  {
10423
10458
  "kind": "method",
10424
- "name": "#getData",
10459
+ "name": "getColorsVariables",
10460
+ "privacy": "private",
10425
10461
  "return": {
10426
10462
  "type": {
10427
- "text": "Promise<Data[]>"
10463
+ "text": "string"
10428
10464
  }
10429
- }
10430
- },
10431
- {
10432
- "kind": "method",
10433
- "name": "#setValueOnTarget"
10465
+ },
10466
+ "parameters": [
10467
+ {
10468
+ "name": "dark",
10469
+ "type": {
10470
+ "text": "boolean"
10471
+ }
10472
+ }
10473
+ ]
10434
10474
  },
10435
10475
  {
10436
10476
  "kind": "method",
10437
- "name": "getTargetValue",
10477
+ "name": "addColors",
10438
10478
  "privacy": "private",
10439
10479
  "return": {
10440
10480
  "type": {
10441
- "text": "string"
10481
+ "text": "void"
10442
10482
  }
10443
- }
10483
+ },
10484
+ "parameters": [
10485
+ {
10486
+ "name": "builder",
10487
+ "type": {
10488
+ "text": "CssVarBuilder"
10489
+ }
10490
+ },
10491
+ {
10492
+ "name": "colors",
10493
+ "type": {
10494
+ "text": "Color[]"
10495
+ }
10496
+ },
10497
+ {
10498
+ "name": "palette",
10499
+ "type": {
10500
+ "text": "TonalPalette"
10501
+ }
10502
+ },
10503
+ {
10504
+ "name": "dark",
10505
+ "type": {
10506
+ "text": "boolean"
10507
+ }
10508
+ }
10509
+ ]
10444
10510
  },
10445
10511
  {
10446
10512
  "kind": "method",
10447
- "name": "setTargetValue",
10513
+ "name": "addToneColor",
10448
10514
  "privacy": "private",
10449
10515
  "return": {
10450
10516
  "type": {
@@ -10453,116 +10519,60 @@
10453
10519
  },
10454
10520
  "parameters": [
10455
10521
  {
10456
- "name": "value",
10522
+ "name": "builder",
10457
10523
  "type": {
10458
- "text": "string"
10524
+ "text": "CssVarBuilder"
10525
+ }
10526
+ },
10527
+ {
10528
+ "name": "color",
10529
+ "type": {
10530
+ "text": "Color"
10531
+ }
10532
+ },
10533
+ {
10534
+ "name": "palette",
10535
+ "type": {
10536
+ "text": "TonalPalette"
10537
+ }
10538
+ },
10539
+ {
10540
+ "name": "dark",
10541
+ "type": {
10542
+ "text": "boolean"
10459
10543
  }
10460
10544
  }
10461
10545
  ]
10462
10546
  },
10463
10547
  {
10464
10548
  "kind": "method",
10465
- "name": "getMenuAnchor",
10466
- "privacy": "private"
10467
- }
10468
- ],
10469
- "events": [
10470
- {
10471
- "name": "input",
10472
- "type": {
10473
- "text": "InputEvent"
10474
- }
10475
- },
10476
- {
10477
- "name": "change",
10478
- "type": {
10479
- "text": "Event"
10549
+ "name": "build",
10550
+ "return": {
10551
+ "type": {
10552
+ "text": "string"
10553
+ }
10480
10554
  }
10481
10555
  }
10482
- ],
10483
- "attributes": [
10484
- {
10485
- "name": "source",
10486
- "type": {
10487
- "text": "(any[] | ((term: string) => Promise<any[]>)) | undefined"
10488
- },
10489
- "fieldName": "source"
10490
- },
10491
- {
10492
- "name": "debounce",
10493
- "type": {
10494
- "text": "number"
10495
- },
10496
- "default": "300",
10497
- "fieldName": "debounce"
10498
- },
10499
- {
10500
- "name": "limit",
10501
- "type": {
10502
- "text": "number"
10503
- },
10504
- "default": "10",
10505
- "fieldName": "limit"
10506
- },
10507
- {
10508
- "name": "minLength",
10509
- "type": {
10510
- "text": "number"
10511
- },
10512
- "default": "2",
10513
- "fieldName": "minLength"
10514
- },
10515
- {
10516
- "name": "open-on-focus",
10517
- "type": {
10518
- "text": "boolean"
10519
- },
10520
- "default": "false",
10521
- "fieldName": "openOnFocus"
10522
- },
10523
- {
10524
- "name": "editable",
10525
- "type": {
10526
- "text": "boolean"
10527
- },
10528
- "default": "false",
10529
- "fieldName": "editable"
10530
- },
10531
- {
10532
- "name": "target-id",
10533
- "type": {
10534
- "text": "string | undefined"
10535
- },
10536
- "fieldName": "targetId"
10537
- }
10538
- ],
10539
- "superclass": {
10540
- "name": "LitElement",
10541
- "package": "lit"
10542
- },
10543
- "tagName": "u-typeahead",
10544
- "customElement": true
10556
+ ]
10545
10557
  }
10546
10558
  ],
10547
10559
  "exports": [
10548
10560
  {
10549
10561
  "kind": "js",
10550
- "name": "UmTypeahead",
10551
- "declaration": {
10552
- "name": "UmTypeahead",
10553
- "module": "src/typeahead/typeahead.ts"
10554
- }
10555
- },
10556
- {
10557
- "kind": "custom-element-definition",
10558
- "name": "u-typeahead",
10562
+ "name": "ThemeBuilder",
10559
10563
  "declaration": {
10560
- "name": "UmTypeahead",
10561
- "module": "src/typeahead/typeahead.ts"
10564
+ "name": "ThemeBuilder",
10565
+ "module": "src/theme/theme-builder.ts"
10562
10566
  }
10563
10567
  }
10564
10568
  ]
10565
10569
  },
10570
+ {
10571
+ "kind": "javascript-module",
10572
+ "path": "src/theme/theme-color.ts",
10573
+ "declarations": [],
10574
+ "exports": []
10575
+ },
10566
10576
  {
10567
10577
  "kind": "javascript-module",
10568
10578
  "path": "src/shared/selection-control/selection-control-list-item.ts",