@universal-material/web 3.0.79 → 3.0.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/custom-elements.json +592 -575
  2. package/field/field-base.js +1 -1
  3. package/field/field-base.js.map +1 -1
  4. package/package.json +1 -1
  5. package/text-field/text-field.d.ts +1 -0
  6. package/text-field/text-field.d.ts.map +1 -1
  7. package/text-field/text-field.js +10 -1
  8. package/text-field/text-field.js.map +1 -1
package/custom-elements.json CHANGED
@@ -334,6 +334,255 @@
334
334
  }
335
335
  ]
336
336
  },
337
+ {
338
+ "kind": "javascript-module",
339
+ "path": "src/app-bar/top-app-bar.styles.ts",
340
+ "declarations": [
341
+ {
342
+ "kind": "variable",
343
+ "name": "styles",
344
+ "default": "css `\n :host {\n display: block;\n background-color: var(--u-top-app-bar-bg-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-bg-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`"
345
+ }
346
+ ],
347
+ "exports": [
348
+ {
349
+ "kind": "js",
350
+ "name": "styles",
351
+ "declaration": {
352
+ "name": "styles",
353
+ "module": "src/app-bar/top-app-bar.styles.ts"
354
+ }
355
+ }
356
+ ]
357
+ },
358
+ {
359
+ "kind": "javascript-module",
360
+ "path": "src/app-bar/top-app-bar.ts",
361
+ "declarations": [
362
+ {
363
+ "kind": "class",
364
+ "description": "",
365
+ "name": "UmTopAppBar",
366
+ "members": [
367
+ {
368
+ "kind": "field",
369
+ "name": "hasLeadingIcon",
370
+ "type": {
371
+ "text": "boolean"
372
+ },
373
+ "default": "false",
374
+ "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
375
+ "attribute": "has-leading-icon",
376
+ "reflects": true
377
+ },
378
+ {
379
+ "kind": "field",
380
+ "name": "hasTrailingIcon",
381
+ "type": {
382
+ "text": "boolean"
383
+ },
384
+ "default": "false",
385
+ "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
386
+ "attribute": "has-trailing-icon",
387
+ "reflects": true
388
+ },
389
+ {
390
+ "kind": "field",
391
+ "name": "position",
392
+ "type": {
393
+ "text": "'fixed' | 'absolute' | 'static'"
394
+ },
395
+ "default": "'fixed'",
396
+ "attribute": "position",
397
+ "reflects": true
398
+ },
399
+ {
400
+ "kind": "field",
401
+ "name": "scrollContainer",
402
+ "type": {
403
+ "text": "'none' | 'window' | string | undefined"
404
+ },
405
+ "attribute": "scrollContainer",
406
+ "reflects": true
407
+ },
408
+ {
409
+ "kind": "field",
410
+ "name": "containerScrolled",
411
+ "type": {
412
+ "text": "boolean"
413
+ },
414
+ "default": "false",
415
+ "attribute": "container-scrolled",
416
+ "reflects": true
417
+ },
418
+ {
419
+ "kind": "field",
420
+ "name": "assignedLeadingIcons",
421
+ "type": {
422
+ "text": "HTMLElement[]"
423
+ },
424
+ "privacy": "private"
425
+ },
426
+ {
427
+ "kind": "field",
428
+ "name": "assignedTrailingIcons",
429
+ "type": {
430
+ "text": "HTMLElement[]"
431
+ },
432
+ "privacy": "private"
433
+ },
434
+ {
435
+ "kind": "field",
436
+ "name": "content",
437
+ "type": {
438
+ "text": "HTMLElement"
439
+ }
440
+ },
441
+ {
442
+ "kind": "field",
443
+ "name": "contentSizeObserver",
444
+ "type": {
445
+ "text": "ResizeObserver | null"
446
+ },
447
+ "privacy": "private",
448
+ "default": "null"
449
+ },
450
+ {
451
+ "kind": "field",
452
+ "name": "scrollContainerElement",
453
+ "type": {
454
+ "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | null"
455
+ },
456
+ "privacy": "private",
457
+ "default": "null"
458
+ },
459
+ {
460
+ "kind": "method",
461
+ "name": "getScrollContainer",
462
+ "privacy": "private",
463
+ "return": {
464
+ "type": {
465
+ "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | undefined"
466
+ }
467
+ },
468
+ "parameters": [
469
+ {
470
+ "name": "idOrElement",
471
+ "type": {
472
+ "text": "string | HTMLElement | undefined"
473
+ }
474
+ }
475
+ ]
476
+ },
477
+ {
478
+ "kind": "method",
479
+ "name": "handleLeadingIconSlotChange",
480
+ "privacy": "private"
481
+ },
482
+ {
483
+ "kind": "method",
484
+ "name": "handleTrailingIconSlotChange",
485
+ "privacy": "private"
486
+ },
487
+ {
488
+ "kind": "field",
489
+ "name": "onContainerScroll"
490
+ },
491
+ {
492
+ "kind": "method",
493
+ "name": "getScrollTop",
494
+ "privacy": "private",
495
+ "static": true,
496
+ "return": {
497
+ "type": {
498
+ "text": "number | null"
499
+ }
500
+ },
501
+ "parameters": [
502
+ {
503
+ "name": "container",
504
+ "type": {
505
+ "text": "HTMLElement & Window"
506
+ }
507
+ }
508
+ ]
509
+ },
510
+ {
511
+ "kind": "method",
512
+ "name": "setContentHeightProperty",
513
+ "privacy": "private"
514
+ }
515
+ ],
516
+ "attributes": [
517
+ {
518
+ "name": "has-leading-icon",
519
+ "type": {
520
+ "text": "boolean"
521
+ },
522
+ "default": "false",
523
+ "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
524
+ "fieldName": "hasLeadingIcon"
525
+ },
526
+ {
527
+ "name": "has-trailing-icon",
528
+ "type": {
529
+ "text": "boolean"
530
+ },
531
+ "default": "false",
532
+ "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
533
+ "fieldName": "hasTrailingIcon"
534
+ },
535
+ {
536
+ "name": "position",
537
+ "type": {
538
+ "text": "'fixed' | 'absolute' | 'static'"
539
+ },
540
+ "default": "'fixed'",
541
+ "fieldName": "position"
542
+ },
543
+ {
544
+ "name": "scrollContainer",
545
+ "type": {
546
+ "text": "'none' | 'window' | string | undefined"
547
+ },
548
+ "fieldName": "scrollContainer"
549
+ },
550
+ {
551
+ "name": "container-scrolled",
552
+ "type": {
553
+ "text": "boolean"
554
+ },
555
+ "default": "false",
556
+ "fieldName": "containerScrolled"
557
+ }
558
+ ],
559
+ "superclass": {
560
+ "name": "LitElement",
561
+ "package": "lit"
562
+ },
563
+ "tagName": "u-top-app-bar",
564
+ "customElement": true
565
+ }
566
+ ],
567
+ "exports": [
568
+ {
569
+ "kind": "js",
570
+ "name": "UmTopAppBar",
571
+ "declaration": {
572
+ "name": "UmTopAppBar",
573
+ "module": "src/app-bar/top-app-bar.ts"
574
+ }
575
+ },
576
+ {
577
+ "kind": "custom-element-definition",
578
+ "name": "u-top-app-bar",
579
+ "declaration": {
580
+ "name": "UmTopAppBar",
581
+ "module": "src/app-bar/top-app-bar.ts"
582
+ }
583
+ }
584
+ ]
585
+ },
337
586
  {
338
587
  "kind": "javascript-module",
339
588
  "path": "src/button/button-base.styles.ts",
@@ -2410,505 +2659,7 @@
2410
2659
  },
2411
2660
  {
2412
2661
  "kind": "javascript-module",
2413
- "path": "src/app-bar/top-app-bar.styles.ts",
2414
- "declarations": [
2415
- {
2416
- "kind": "variable",
2417
- "name": "styles",
2418
- "default": "css `\n :host {\n display: block;\n background-color: var(--u-top-app-bar-bg-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-bg-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`"
2419
- }
2420
- ],
2421
- "exports": [
2422
- {
2423
- "kind": "js",
2424
- "name": "styles",
2425
- "declaration": {
2426
- "name": "styles",
2427
- "module": "src/app-bar/top-app-bar.styles.ts"
2428
- }
2429
- }
2430
- ]
2431
- },
2432
- {
2433
- "kind": "javascript-module",
2434
- "path": "src/app-bar/top-app-bar.ts",
2435
- "declarations": [
2436
- {
2437
- "kind": "class",
2438
- "description": "",
2439
- "name": "UmTopAppBar",
2440
- "members": [
2441
- {
2442
- "kind": "field",
2443
- "name": "hasLeadingIcon",
2444
- "type": {
2445
- "text": "boolean"
2446
- },
2447
- "default": "false",
2448
- "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
2449
- "attribute": "has-leading-icon",
2450
- "reflects": true
2451
- },
2452
- {
2453
- "kind": "field",
2454
- "name": "hasTrailingIcon",
2455
- "type": {
2456
- "text": "boolean"
2457
- },
2458
- "default": "false",
2459
- "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
2460
- "attribute": "has-trailing-icon",
2461
- "reflects": true
2462
- },
2463
- {
2464
- "kind": "field",
2465
- "name": "position",
2466
- "type": {
2467
- "text": "'fixed' | 'absolute' | 'static'"
2468
- },
2469
- "default": "'fixed'",
2470
- "attribute": "position",
2471
- "reflects": true
2472
- },
2473
- {
2474
- "kind": "field",
2475
- "name": "scrollContainer",
2476
- "type": {
2477
- "text": "'none' | 'window' | string | undefined"
2478
- },
2479
- "attribute": "scrollContainer",
2480
- "reflects": true
2481
- },
2482
- {
2483
- "kind": "field",
2484
- "name": "containerScrolled",
2485
- "type": {
2486
- "text": "boolean"
2487
- },
2488
- "default": "false",
2489
- "attribute": "container-scrolled",
2490
- "reflects": true
2491
- },
2492
- {
2493
- "kind": "field",
2494
- "name": "assignedLeadingIcons",
2495
- "type": {
2496
- "text": "HTMLElement[]"
2497
- },
2498
- "privacy": "private"
2499
- },
2500
- {
2501
- "kind": "field",
2502
- "name": "assignedTrailingIcons",
2503
- "type": {
2504
- "text": "HTMLElement[]"
2505
- },
2506
- "privacy": "private"
2507
- },
2508
- {
2509
- "kind": "field",
2510
- "name": "content",
2511
- "type": {
2512
- "text": "HTMLElement"
2513
- }
2514
- },
2515
- {
2516
- "kind": "field",
2517
- "name": "contentSizeObserver",
2518
- "type": {
2519
- "text": "ResizeObserver | null"
2520
- },
2521
- "privacy": "private",
2522
- "default": "null"
2523
- },
2524
- {
2525
- "kind": "field",
2526
- "name": "scrollContainerElement",
2527
- "type": {
2528
- "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | null"
2529
- },
2530
- "privacy": "private",
2531
- "default": "null"
2532
- },
2533
- {
2534
- "kind": "method",
2535
- "name": "getScrollContainer",
2536
- "privacy": "private",
2537
- "return": {
2538
- "type": {
2539
- "text": "{\n addEventListener: typeof window.addEventListener;\n removeEventListener: typeof window.removeEventListener;\n } | undefined"
2540
- }
2541
- },
2542
- "parameters": [
2543
- {
2544
- "name": "idOrElement",
2545
- "type": {
2546
- "text": "string | HTMLElement | undefined"
2547
- }
2548
- }
2549
- ]
2550
- },
2551
- {
2552
- "kind": "method",
2553
- "name": "handleLeadingIconSlotChange",
2554
- "privacy": "private"
2555
- },
2556
- {
2557
- "kind": "method",
2558
- "name": "handleTrailingIconSlotChange",
2559
- "privacy": "private"
2560
- },
2561
- {
2562
- "kind": "field",
2563
- "name": "onContainerScroll"
2564
- },
2565
- {
2566
- "kind": "method",
2567
- "name": "getScrollTop",
2568
- "privacy": "private",
2569
- "static": true,
2570
- "return": {
2571
- "type": {
2572
- "text": "number | null"
2573
- }
2574
- },
2575
- "parameters": [
2576
- {
2577
- "name": "container",
2578
- "type": {
2579
- "text": "HTMLElement & Window"
2580
- }
2581
- }
2582
- ]
2583
- },
2584
- {
2585
- "kind": "method",
2586
- "name": "setContentHeightProperty",
2587
- "privacy": "private"
2588
- }
2589
- ],
2590
- "attributes": [
2591
- {
2592
- "name": "has-leading-icon",
2593
- "type": {
2594
- "text": "boolean"
2595
- },
2596
- "default": "false",
2597
- "description": "Whether the app bar has leading icon or not\n\n_Note:_ Readonly",
2598
- "fieldName": "hasLeadingIcon"
2599
- },
2600
- {
2601
- "name": "has-trailing-icon",
2602
- "type": {
2603
- "text": "boolean"
2604
- },
2605
- "default": "false",
2606
- "description": "Whether the app bar has trailing icon or not\n\n_Note:_ Readonly",
2607
- "fieldName": "hasTrailingIcon"
2608
- },
2609
- {
2610
- "name": "position",
2611
- "type": {
2612
- "text": "'fixed' | 'absolute' | 'static'"
2613
- },
2614
- "default": "'fixed'",
2615
- "fieldName": "position"
2616
- },
2617
- {
2618
- "name": "scrollContainer",
2619
- "type": {
2620
- "text": "'none' | 'window' | string | undefined"
2621
- },
2622
- "fieldName": "scrollContainer"
2623
- },
2624
- {
2625
- "name": "container-scrolled",
2626
- "type": {
2627
- "text": "boolean"
2628
- },
2629
- "default": "false",
2630
- "fieldName": "containerScrolled"
2631
- }
2632
- ],
2633
- "superclass": {
2634
- "name": "LitElement",
2635
- "package": "lit"
2636
- },
2637
- "tagName": "u-top-app-bar",
2638
- "customElement": true
2639
- }
2640
- ],
2641
- "exports": [
2642
- {
2643
- "kind": "js",
2644
- "name": "UmTopAppBar",
2645
- "declaration": {
2646
- "name": "UmTopAppBar",
2647
- "module": "src/app-bar/top-app-bar.ts"
2648
- }
2649
- },
2650
- {
2651
- "kind": "custom-element-definition",
2652
- "name": "u-top-app-bar",
2653
- "declaration": {
2654
- "name": "UmTopAppBar",
2655
- "module": "src/app-bar/top-app-bar.ts"
2656
- }
2657
- }
2658
- ]
2659
- },
2660
- {
2661
- "kind": "javascript-module",
2662
- "path": "src/card/card-content.styles.ts",
2663
- "declarations": [
2664
- {
2665
- "kind": "variable",
2666
- "name": "styles",
2667
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
2668
- }
2669
- ],
2670
- "exports": [
2671
- {
2672
- "kind": "js",
2673
- "name": "styles",
2674
- "declaration": {
2675
- "name": "styles",
2676
- "module": "src/card/card-content.styles.ts"
2677
- }
2678
- }
2679
- ]
2680
- },
2681
- {
2682
- "kind": "javascript-module",
2683
- "path": "src/card/card-content.ts",
2684
- "declarations": [
2685
- {
2686
- "kind": "class",
2687
- "description": "",
2688
- "name": "UmCardContent",
2689
- "members": [
2690
- {
2691
- "kind": "field",
2692
- "name": "hasContent",
2693
- "type": {
2694
- "text": "boolean"
2695
- },
2696
- "default": "false",
2697
- "attribute": "has-content",
2698
- "reflects": true
2699
- },
2700
- {
2701
- "kind": "method",
2702
- "name": "handleSlotChange",
2703
- "privacy": "private",
2704
- "parameters": [
2705
- {
2706
- "name": "e",
2707
- "type": {
2708
- "text": "Event"
2709
- }
2710
- }
2711
- ]
2712
- }
2713
- ],
2714
- "attributes": [
2715
- {
2716
- "name": "has-content",
2717
- "type": {
2718
- "text": "boolean"
2719
- },
2720
- "default": "false",
2721
- "fieldName": "hasContent"
2722
- }
2723
- ],
2724
- "superclass": {
2725
- "name": "LitElement",
2726
- "package": "lit"
2727
- },
2728
- "tagName": "u-card-content",
2729
- "customElement": true
2730
- }
2731
- ],
2732
- "exports": [
2733
- {
2734
- "kind": "js",
2735
- "name": "UmCardContent",
2736
- "declaration": {
2737
- "name": "UmCardContent",
2738
- "module": "src/card/card-content.ts"
2739
- }
2740
- },
2741
- {
2742
- "kind": "custom-element-definition",
2743
- "name": "u-card-content",
2744
- "declaration": {
2745
- "name": "UmCardContent",
2746
- "module": "src/card/card-content.ts"
2747
- }
2748
- }
2749
- ]
2750
- },
2751
- {
2752
- "kind": "javascript-module",
2753
- "path": "src/card/card-media.styles.ts",
2754
- "declarations": [
2755
- {
2756
- "kind": "variable",
2757
- "name": "styles",
2758
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
2759
- }
2760
- ],
2761
- "exports": [
2762
- {
2763
- "kind": "js",
2764
- "name": "styles",
2765
- "declaration": {
2766
- "name": "styles",
2767
- "module": "src/card/card-media.styles.ts"
2768
- }
2769
- }
2770
- ]
2771
- },
2772
- {
2773
- "kind": "javascript-module",
2774
- "path": "src/card/card-media.ts",
2775
- "declarations": [
2776
- {
2777
- "kind": "class",
2778
- "description": "",
2779
- "name": "UmCardMedia",
2780
- "members": [
2781
- {
2782
- "kind": "field",
2783
- "name": "wide",
2784
- "type": {
2785
- "text": "boolean"
2786
- },
2787
- "default": "false",
2788
- "attribute": "wide",
2789
- "reflects": true
2790
- }
2791
- ],
2792
- "attributes": [
2793
- {
2794
- "name": "wide",
2795
- "type": {
2796
- "text": "boolean"
2797
- },
2798
- "default": "false",
2799
- "fieldName": "wide"
2800
- }
2801
- ],
2802
- "superclass": {
2803
- "name": "LitElement",
2804
- "package": "lit"
2805
- },
2806
- "tagName": "u-card-media",
2807
- "customElement": true
2808
- }
2809
- ],
2810
- "exports": [
2811
- {
2812
- "kind": "js",
2813
- "name": "UmCardMedia",
2814
- "declaration": {
2815
- "name": "UmCardMedia",
2816
- "module": "src/card/card-media.ts"
2817
- }
2818
- },
2819
- {
2820
- "kind": "custom-element-definition",
2821
- "name": "u-card-media",
2822
- "declaration": {
2823
- "name": "UmCardMedia",
2824
- "module": "src/card/card-media.ts"
2825
- }
2826
- }
2827
- ]
2828
- },
2829
- {
2830
- "kind": "javascript-module",
2831
- "path": "src/card/card.styles.ts",
2832
- "declarations": [
2833
- {
2834
- "kind": "variable",
2835
- "name": "styles",
2836
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(var(--u-color-surface-container-low, rgb(247, 242, 250))));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
2837
- }
2838
- ],
2839
- "exports": [
2840
- {
2841
- "kind": "js",
2842
- "name": "styles",
2843
- "declaration": {
2844
- "name": "styles",
2845
- "module": "src/card/card.styles.ts"
2846
- }
2847
- }
2848
- ]
2849
- },
2850
- {
2851
- "kind": "javascript-module",
2852
- "path": "src/card/card.ts",
2853
- "declarations": [
2854
- {
2855
- "kind": "class",
2856
- "description": "",
2857
- "name": "UmCard",
2858
- "members": [
2859
- {
2860
- "kind": "field",
2861
- "name": "variant",
2862
- "type": {
2863
- "text": "UmCardVariant"
2864
- },
2865
- "default": "'filled'",
2866
- "description": "The Card variant to render.",
2867
- "attribute": "variant",
2868
- "reflects": true
2869
- }
2870
- ],
2871
- "attributes": [
2872
- {
2873
- "name": "variant",
2874
- "type": {
2875
- "text": "UmCardVariant"
2876
- },
2877
- "default": "'filled'",
2878
- "description": "The Card variant to render.",
2879
- "fieldName": "variant"
2880
- }
2881
- ],
2882
- "superclass": {
2883
- "name": "LitElement",
2884
- "package": "lit"
2885
- },
2886
- "tagName": "u-card",
2887
- "customElement": true
2888
- }
2889
- ],
2890
- "exports": [
2891
- {
2892
- "kind": "js",
2893
- "name": "UmCard",
2894
- "declaration": {
2895
- "name": "UmCard",
2896
- "module": "src/card/card.ts"
2897
- }
2898
- },
2899
- {
2900
- "kind": "custom-element-definition",
2901
- "name": "u-card",
2902
- "declaration": {
2903
- "name": "UmCard",
2904
- "module": "src/card/card.ts"
2905
- }
2906
- }
2907
- ]
2908
- },
2909
- {
2910
- "kind": "javascript-module",
2911
- "path": "src/checkbox/checkbox-list-item.ts",
2662
+ "path": "src/checkbox/checkbox-list-item.ts",
2912
2663
  "declarations": [
2913
2664
  {
2914
2665
  "kind": "class",
@@ -3487,7 +3238,176 @@
3487
3238
  },
3488
3239
  {
3489
3240
  "kind": "method",
3490
- "name": "#handleClick",
3241
+ "name": "#handleClick",
3242
+ "parameters": [
3243
+ {
3244
+ "name": "e",
3245
+ "type": {
3246
+ "text": "Event"
3247
+ }
3248
+ }
3249
+ ],
3250
+ "inheritedFrom": {
3251
+ "name": "UmSelectionControl",
3252
+ "module": "src/shared/selection-control/selection-control.ts"
3253
+ }
3254
+ }
3255
+ ],
3256
+ "attributes": [
3257
+ {
3258
+ "name": "hide-state-layer",
3259
+ "type": {
3260
+ "text": "boolean"
3261
+ },
3262
+ "default": "false",
3263
+ "fieldName": "hideStateLayer"
3264
+ },
3265
+ {
3266
+ "name": "indeterminate",
3267
+ "type": {
3268
+ "text": "boolean"
3269
+ },
3270
+ "fieldName": "indeterminate"
3271
+ },
3272
+ {
3273
+ "name": "name",
3274
+ "type": {
3275
+ "text": "string | undefined"
3276
+ },
3277
+ "default": "''",
3278
+ "fieldName": "name",
3279
+ "inheritedFrom": {
3280
+ "name": "UmSelectionControl",
3281
+ "module": "src/shared/selection-control/selection-control.ts"
3282
+ }
3283
+ },
3284
+ {
3285
+ "name": "disabled",
3286
+ "type": {
3287
+ "text": "boolean"
3288
+ },
3289
+ "default": "false",
3290
+ "fieldName": "disabled",
3291
+ "inheritedFrom": {
3292
+ "name": "UmSelectionControl",
3293
+ "module": "src/shared/selection-control/selection-control.ts"
3294
+ }
3295
+ },
3296
+ {
3297
+ "name": "value",
3298
+ "type": {
3299
+ "text": "string"
3300
+ },
3301
+ "default": "'on'",
3302
+ "description": "The element value to use in form submission when checked.",
3303
+ "fieldName": "value",
3304
+ "inheritedFrom": {
3305
+ "name": "UmSelectionControl",
3306
+ "module": "src/shared/selection-control/selection-control.ts"
3307
+ }
3308
+ },
3309
+ {
3310
+ "name": "checked",
3311
+ "fieldName": "checked",
3312
+ "inheritedFrom": {
3313
+ "name": "UmSelectionControl",
3314
+ "module": "src/shared/selection-control/selection-control.ts"
3315
+ }
3316
+ }
3317
+ ],
3318
+ "superclass": {
3319
+ "name": "UmSelectionControl",
3320
+ "module": "/src/shared/selection-control/selection-control.js"
3321
+ },
3322
+ "tagName": "u-checkbox",
3323
+ "customElement": true,
3324
+ "events": [
3325
+ {
3326
+ "name": "input",
3327
+ "type": {
3328
+ "text": "InputEvent"
3329
+ },
3330
+ "inheritedFrom": {
3331
+ "name": "UmSelectionControl",
3332
+ "module": "src/shared/selection-control/selection-control.ts"
3333
+ }
3334
+ },
3335
+ {
3336
+ "name": "change",
3337
+ "type": {
3338
+ "text": "Event"
3339
+ },
3340
+ "inheritedFrom": {
3341
+ "name": "UmSelectionControl",
3342
+ "module": "src/shared/selection-control/selection-control.ts"
3343
+ }
3344
+ }
3345
+ ]
3346
+ }
3347
+ ],
3348
+ "exports": [
3349
+ {
3350
+ "kind": "js",
3351
+ "name": "UmCheckbox",
3352
+ "declaration": {
3353
+ "name": "UmCheckbox",
3354
+ "module": "src/checkbox/checkbox.ts"
3355
+ }
3356
+ },
3357
+ {
3358
+ "kind": "custom-element-definition",
3359
+ "name": "u-checkbox",
3360
+ "declaration": {
3361
+ "name": "UmCheckbox",
3362
+ "module": "src/checkbox/checkbox.ts"
3363
+ }
3364
+ }
3365
+ ]
3366
+ },
3367
+ {
3368
+ "kind": "javascript-module",
3369
+ "path": "src/card/card-content.styles.ts",
3370
+ "declarations": [
3371
+ {
3372
+ "kind": "variable",
3373
+ "name": "styles",
3374
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
3375
+ }
3376
+ ],
3377
+ "exports": [
3378
+ {
3379
+ "kind": "js",
3380
+ "name": "styles",
3381
+ "declaration": {
3382
+ "name": "styles",
3383
+ "module": "src/card/card-content.styles.ts"
3384
+ }
3385
+ }
3386
+ ]
3387
+ },
3388
+ {
3389
+ "kind": "javascript-module",
3390
+ "path": "src/card/card-content.ts",
3391
+ "declarations": [
3392
+ {
3393
+ "kind": "class",
3394
+ "description": "",
3395
+ "name": "UmCardContent",
3396
+ "members": [
3397
+ {
3398
+ "kind": "field",
3399
+ "name": "hasContent",
3400
+ "type": {
3401
+ "text": "boolean"
3402
+ },
3403
+ "default": "false",
3404
+ "attribute": "has-content",
3405
+ "reflects": true
3406
+ },
3407
+ {
3408
+ "kind": "method",
3409
+ "name": "handleSlotChange",
3410
+ "privacy": "private",
3491
3411
  "parameters": [
3492
3412
  {
3493
3413
  "name": "e",
@@ -3495,120 +3415,200 @@
3495
3415
  "text": "Event"
3496
3416
  }
3497
3417
  }
3498
- ],
3499
- "inheritedFrom": {
3500
- "name": "UmSelectionControl",
3501
- "module": "src/shared/selection-control/selection-control.ts"
3502
- }
3418
+ ]
3503
3419
  }
3504
3420
  ],
3505
3421
  "attributes": [
3506
3422
  {
3507
- "name": "hide-state-layer",
3423
+ "name": "has-content",
3508
3424
  "type": {
3509
3425
  "text": "boolean"
3510
3426
  },
3511
3427
  "default": "false",
3512
- "fieldName": "hideStateLayer"
3513
- },
3428
+ "fieldName": "hasContent"
3429
+ }
3430
+ ],
3431
+ "superclass": {
3432
+ "name": "LitElement",
3433
+ "package": "lit"
3434
+ },
3435
+ "tagName": "u-card-content",
3436
+ "customElement": true
3437
+ }
3438
+ ],
3439
+ "exports": [
3440
+ {
3441
+ "kind": "js",
3442
+ "name": "UmCardContent",
3443
+ "declaration": {
3444
+ "name": "UmCardContent",
3445
+ "module": "src/card/card-content.ts"
3446
+ }
3447
+ },
3448
+ {
3449
+ "kind": "custom-element-definition",
3450
+ "name": "u-card-content",
3451
+ "declaration": {
3452
+ "name": "UmCardContent",
3453
+ "module": "src/card/card-content.ts"
3454
+ }
3455
+ }
3456
+ ]
3457
+ },
3458
+ {
3459
+ "kind": "javascript-module",
3460
+ "path": "src/card/card-media.styles.ts",
3461
+ "declarations": [
3462
+ {
3463
+ "kind": "variable",
3464
+ "name": "styles",
3465
+ "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
3466
+ }
3467
+ ],
3468
+ "exports": [
3469
+ {
3470
+ "kind": "js",
3471
+ "name": "styles",
3472
+ "declaration": {
3473
+ "name": "styles",
3474
+ "module": "src/card/card-media.styles.ts"
3475
+ }
3476
+ }
3477
+ ]
3478
+ },
3479
+ {
3480
+ "kind": "javascript-module",
3481
+ "path": "src/card/card-media.ts",
3482
+ "declarations": [
3483
+ {
3484
+ "kind": "class",
3485
+ "description": "",
3486
+ "name": "UmCardMedia",
3487
+ "members": [
3514
3488
  {
3515
- "name": "indeterminate",
3489
+ "kind": "field",
3490
+ "name": "wide",
3516
3491
  "type": {
3517
3492
  "text": "boolean"
3518
3493
  },
3519
- "fieldName": "indeterminate"
3520
- },
3521
- {
3522
- "name": "name",
3523
- "type": {
3524
- "text": "string | undefined"
3525
- },
3526
- "default": "''",
3527
- "fieldName": "name",
3528
- "inheritedFrom": {
3529
- "name": "UmSelectionControl",
3530
- "module": "src/shared/selection-control/selection-control.ts"
3531
- }
3532
- },
3494
+ "default": "false",
3495
+ "attribute": "wide",
3496
+ "reflects": true
3497
+ }
3498
+ ],
3499
+ "attributes": [
3533
3500
  {
3534
- "name": "disabled",
3501
+ "name": "wide",
3535
3502
  "type": {
3536
3503
  "text": "boolean"
3537
3504
  },
3538
3505
  "default": "false",
3539
- "fieldName": "disabled",
3540
- "inheritedFrom": {
3541
- "name": "UmSelectionControl",
3542
- "module": "src/shared/selection-control/selection-control.ts"
3543
- }
3544
- },
3545
- {
3546
- "name": "value",
3547
- "type": {
3548
- "text": "string"
3549
- },
3550
- "default": "'on'",
3551
- "description": "The element value to use in form submission when checked.",
3552
- "fieldName": "value",
3553
- "inheritedFrom": {
3554
- "name": "UmSelectionControl",
3555
- "module": "src/shared/selection-control/selection-control.ts"
3556
- }
3557
- },
3558
- {
3559
- "name": "checked",
3560
- "fieldName": "checked",
3561
- "inheritedFrom": {
3562
- "name": "UmSelectionControl",
3563
- "module": "src/shared/selection-control/selection-control.ts"
3564
- }
3506
+ "fieldName": "wide"
3565
3507
  }
3566
3508
  ],
3567
3509
  "superclass": {
3568
- "name": "UmSelectionControl",
3569
- "module": "/src/shared/selection-control/selection-control.js"
3510
+ "name": "LitElement",
3511
+ "package": "lit"
3570
3512
  },
3571
- "tagName": "u-checkbox",
3572
- "customElement": true,
3573
- "events": [
3513
+ "tagName": "u-card-media",
3514
+ "customElement": true
3515
+ }
3516
+ ],
3517
+ "exports": [
3518
+ {
3519
+ "kind": "js",
3520
+ "name": "UmCardMedia",
3521
+ "declaration": {
3522
+ "name": "UmCardMedia",
3523
+ "module": "src/card/card-media.ts"
3524
+ }
3525
+ },
3526
+ {
3527
+ "kind": "custom-element-definition",
3528
+ "name": "u-card-media",
3529
+ "declaration": {
3530
+ "name": "UmCardMedia",
3531
+ "module": "src/card/card-media.ts"
3532
+ }
3533
+ }
3534
+ ]
3535
+ },
3536
+ {
3537
+ "kind": "javascript-module",
3538
+ "path": "src/card/card.styles.ts",
3539
+ "declarations": [
3540
+ {
3541
+ "kind": "variable",
3542
+ "name": "styles",
3543
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(var(--u-color-surface-container-low, rgb(247, 242, 250))));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
3544
+ }
3545
+ ],
3546
+ "exports": [
3547
+ {
3548
+ "kind": "js",
3549
+ "name": "styles",
3550
+ "declaration": {
3551
+ "name": "styles",
3552
+ "module": "src/card/card.styles.ts"
3553
+ }
3554
+ }
3555
+ ]
3556
+ },
3557
+ {
3558
+ "kind": "javascript-module",
3559
+ "path": "src/card/card.ts",
3560
+ "declarations": [
3561
+ {
3562
+ "kind": "class",
3563
+ "description": "",
3564
+ "name": "UmCard",
3565
+ "members": [
3574
3566
  {
3575
- "name": "input",
3567
+ "kind": "field",
3568
+ "name": "variant",
3576
3569
  "type": {
3577
- "text": "InputEvent"
3570
+ "text": "UmCardVariant"
3578
3571
  },
3579
- "inheritedFrom": {
3580
- "name": "UmSelectionControl",
3581
- "module": "src/shared/selection-control/selection-control.ts"
3582
- }
3583
- },
3572
+ "default": "'filled'",
3573
+ "description": "The Card variant to render.",
3574
+ "attribute": "variant",
3575
+ "reflects": true
3576
+ }
3577
+ ],
3578
+ "attributes": [
3584
3579
  {
3585
- "name": "change",
3580
+ "name": "variant",
3586
3581
  "type": {
3587
- "text": "Event"
3582
+ "text": "UmCardVariant"
3588
3583
  },
3589
- "inheritedFrom": {
3590
- "name": "UmSelectionControl",
3591
- "module": "src/shared/selection-control/selection-control.ts"
3592
- }
3584
+ "default": "'filled'",
3585
+ "description": "The Card variant to render.",
3586
+ "fieldName": "variant"
3593
3587
  }
3594
- ]
3588
+ ],
3589
+ "superclass": {
3590
+ "name": "LitElement",
3591
+ "package": "lit"
3592
+ },
3593
+ "tagName": "u-card",
3594
+ "customElement": true
3595
3595
  }
3596
3596
  ],
3597
3597
  "exports": [
3598
3598
  {
3599
3599
  "kind": "js",
3600
- "name": "UmCheckbox",
3600
+ "name": "UmCard",
3601
3601
  "declaration": {
3602
- "name": "UmCheckbox",
3603
- "module": "src/checkbox/checkbox.ts"
3602
+ "name": "UmCard",
3603
+ "module": "src/card/card.ts"
3604
3604
  }
3605
3605
  },
3606
3606
  {
3607
3607
  "kind": "custom-element-definition",
3608
- "name": "u-checkbox",
3608
+ "name": "u-card",
3609
3609
  "declaration": {
3610
- "name": "UmCheckbox",
3611
- "module": "src/checkbox/checkbox.ts"
3610
+ "name": "UmCard",
3611
+ "module": "src/card/card.ts"
3612
3612
  }
3613
3613
  }
3614
3614
  ]
@@ -13614,6 +13614,15 @@
13614
13614
  "name": "value",
13615
13615
  "attribute": "value"
13616
13616
  },
13617
+ {
13618
+ "kind": "field",
13619
+ "name": "type",
13620
+ "type": {
13621
+ "text": "string"
13622
+ },
13623
+ "default": "'text'",
13624
+ "attribute": "type"
13625
+ },
13617
13626
  {
13618
13627
  "kind": "field",
13619
13628
  "name": "prefixText",
@@ -14088,6 +14097,14 @@
14088
14097
  "name": "value",
14089
14098
  "fieldName": "value"
14090
14099
  },
14100
+ {
14101
+ "name": "type",
14102
+ "type": {
14103
+ "text": "string"
14104
+ },
14105
+ "default": "'text'",
14106
+ "fieldName": "type"
14107
+ },
14091
14108
  {
14092
14109
  "name": "prefix-text",
14093
14110
  "type": {