@universal-material/web 3.0.81 → 3.0.82

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 (6) hide show
  1. package/custom-elements.json +1296 -1174
  2. package/package.json +1 -1
  3. package/shared/selection-control/selection-control.d.ts +2 -1
  4. package/shared/selection-control/selection-control.d.ts.map +1 -1
  5. package/shared/selection-control/selection-control.js +13 -8
  6. package/shared/selection-control/selection-control.js.map +1 -1
package/custom-elements.json CHANGED
@@ -2657,6 +2657,255 @@
2657
2657
  }
2658
2658
  ]
2659
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
+ },
2660
2909
  {
2661
2910
  "kind": "javascript-module",
2662
2911
  "path": "src/checkbox/checkbox-list-item.ts",
@@ -2897,13 +3146,27 @@
2897
3146
  }
2898
3147
  },
2899
3148
  {
2900
- "kind": "method",
2901
- "name": "#handleClick",
2902
- "parameters": [
2903
- {
2904
- "name": "e",
2905
- "type": {
2906
- "text": "Event"
3149
+ "kind": "field",
3150
+ "name": "_checkedAttribute",
3151
+ "type": {
3152
+ "text": "boolean"
3153
+ },
3154
+ "privacy": "private",
3155
+ "default": "false",
3156
+ "attribute": "checked",
3157
+ "inheritedFrom": {
3158
+ "name": "UmSelectionControl",
3159
+ "module": "src/shared/selection-control/selection-control.ts"
3160
+ }
3161
+ },
3162
+ {
3163
+ "kind": "method",
3164
+ "name": "#handleClick",
3165
+ "parameters": [
3166
+ {
3167
+ "name": "e",
3168
+ "type": {
3169
+ "text": "Event"
2907
3170
  }
2908
3171
  }
2909
3172
  ],
@@ -2976,7 +3239,11 @@
2976
3239
  },
2977
3240
  {
2978
3241
  "name": "checked",
2979
- "fieldName": "checked",
3242
+ "fieldName": "_checkedAttribute",
3243
+ "type": {
3244
+ "text": "boolean"
3245
+ },
3246
+ "default": "false",
2980
3247
  "inheritedFrom": {
2981
3248
  "name": "UmSelectionControl",
2982
3249
  "module": "src/shared/selection-control/selection-control.ts"
@@ -3236,6 +3503,20 @@
3236
3503
  "module": "src/shared/selection-control/selection-control.ts"
3237
3504
  }
3238
3505
  },
3506
+ {
3507
+ "kind": "field",
3508
+ "name": "_checkedAttribute",
3509
+ "type": {
3510
+ "text": "boolean"
3511
+ },
3512
+ "privacy": "private",
3513
+ "default": "false",
3514
+ "attribute": "checked",
3515
+ "inheritedFrom": {
3516
+ "name": "UmSelectionControl",
3517
+ "module": "src/shared/selection-control/selection-control.ts"
3518
+ }
3519
+ },
3239
3520
  {
3240
3521
  "kind": "method",
3241
3522
  "name": "#handleClick",
@@ -3308,7 +3589,11 @@
3308
3589
  },
3309
3590
  {
3310
3591
  "name": "checked",
3311
- "fieldName": "checked",
3592
+ "fieldName": "_checkedAttribute",
3593
+ "type": {
3594
+ "text": "boolean"
3595
+ },
3596
+ "default": "false",
3312
3597
  "inheritedFrom": {
3313
3598
  "name": "UmSelectionControl",
3314
3599
  "module": "src/shared/selection-control/selection-control.ts"
@@ -3366,12 +3651,12 @@
3366
3651
  },
3367
3652
  {
3368
3653
  "kind": "javascript-module",
3369
- "path": "src/card/card-content.styles.ts",
3654
+ "path": "src/chip-field/chip-field.styles.ts",
3370
3655
  "declarations": [
3371
3656
  {
3372
3657
  "kind": "variable",
3373
3658
  "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`"
3659
+ "default": "css `\n u-chip {\n flex-basis: 0;\n }\n\n .input {\n display: flex;\n gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px));\n flex-wrap: wrap;\n }\n .input:has(u-chip) {\n margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px));\n }\n .input input {\n width: auto;\n flex-basis: 200px;\n padding: 4px 0;\n margin-block: -4px;\n }\n`"
3375
3660
  }
3376
3661
  ],
3377
3662
  "exports": [
@@ -3380,755 +3665,615 @@
3380
3665
  "name": "styles",
3381
3666
  "declaration": {
3382
3667
  "name": "styles",
3383
- "module": "src/card/card-content.styles.ts"
3668
+ "module": "src/chip-field/chip-field.styles.ts"
3384
3669
  }
3385
3670
  }
3386
3671
  ]
3387
3672
  },
3388
3673
  {
3389
3674
  "kind": "javascript-module",
3390
- "path": "src/card/card-content.ts",
3675
+ "path": "src/chip-field/chip-field.ts",
3391
3676
  "declarations": [
3392
3677
  {
3393
3678
  "kind": "class",
3394
3679
  "description": "",
3395
- "name": "UmCardContent",
3680
+ "name": "UmChipField",
3396
3681
  "members": [
3397
3682
  {
3398
3683
  "kind": "field",
3399
- "name": "hasContent",
3684
+ "name": "input",
3400
3685
  "type": {
3401
- "text": "boolean"
3402
- },
3403
- "default": "false",
3404
- "attribute": "has-content",
3405
- "reflects": true
3686
+ "text": "HTMLInputElement"
3687
+ }
3406
3688
  },
3407
3689
  {
3408
- "kind": "method",
3409
- "name": "handleSlotChange",
3410
- "privacy": "private",
3411
- "parameters": [
3412
- {
3413
- "name": "e",
3414
- "type": {
3415
- "text": "Event"
3416
- }
3417
- }
3418
- ]
3419
- }
3420
- ],
3421
- "attributes": [
3690
+ "kind": "field",
3691
+ "name": "name",
3692
+ "type": {
3693
+ "text": "string"
3694
+ },
3695
+ "attribute": "name"
3696
+ },
3422
3697
  {
3423
- "name": "has-content",
3698
+ "kind": "field",
3699
+ "name": "manual",
3424
3700
  "type": {
3425
3701
  "text": "boolean"
3426
3702
  },
3427
3703
  "default": "false",
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": [
3704
+ "description": "If true, ignore enter key input",
3705
+ "attribute": "manual"
3706
+ },
3488
3707
  {
3489
3708
  "kind": "field",
3490
- "name": "wide",
3709
+ "name": "formatter",
3491
3710
  "type": {
3492
- "text": "boolean"
3711
+ "text": "((value: any) => string) | undefined"
3493
3712
  },
3494
- "default": "false",
3495
- "attribute": "wide",
3496
- "reflects": true
3497
- }
3498
- ],
3499
- "attributes": [
3713
+ "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
3714
+ },
3500
3715
  {
3501
- "name": "wide",
3716
+ "kind": "field",
3717
+ "name": "leadingIconTemplate",
3502
3718
  "type": {
3503
- "text": "boolean"
3719
+ "text": "((value: any) => string) | undefined"
3504
3720
  },
3505
- "default": "false",
3506
- "fieldName": "wide"
3507
- }
3508
- ],
3509
- "superclass": {
3510
- "name": "LitElement",
3511
- "package": "lit"
3512
- },
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": [
3721
+ "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
3722
+ },
3566
3723
  {
3567
3724
  "kind": "field",
3568
- "name": "variant",
3725
+ "name": "#value",
3726
+ "privacy": "private",
3569
3727
  "type": {
3570
- "text": "UmCardVariant"
3728
+ "text": "any[]"
3571
3729
  },
3572
- "default": "'filled'",
3573
- "description": "The Card variant to render.",
3574
- "attribute": "variant",
3575
- "reflects": true
3576
- }
3577
- ],
3578
- "attributes": [
3730
+ "default": "[]"
3731
+ },
3579
3732
  {
3580
- "name": "variant",
3733
+ "kind": "field",
3734
+ "name": "value",
3581
3735
  "type": {
3582
- "text": "UmCardVariant"
3736
+ "text": "any[]"
3583
3737
  },
3584
- "default": "'filled'",
3585
- "description": "The Card variant to render.",
3586
- "fieldName": "variant"
3587
- }
3588
- ],
3589
- "superclass": {
3590
- "name": "LitElement",
3591
- "package": "lit"
3592
- },
3593
- "tagName": "u-card",
3594
- "customElement": true
3595
- }
3596
- ],
3597
- "exports": [
3598
- {
3599
- "kind": "js",
3600
- "name": "UmCard",
3601
- "declaration": {
3602
- "name": "UmCard",
3603
- "module": "src/card/card.ts"
3604
- }
3605
- },
3606
- {
3607
- "kind": "custom-element-definition",
3608
- "name": "u-card",
3609
- "declaration": {
3610
- "name": "UmCard",
3611
- "module": "src/card/card.ts"
3612
- }
3613
- }
3614
- ]
3615
- },
3616
- {
3617
- "kind": "javascript-module",
3618
- "path": "src/chip/chip-set.styles.ts",
3619
- "declarations": [
3620
- {
3621
- "kind": "variable",
3622
- "name": "styles",
3623
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3624
- }
3625
- ],
3626
- "exports": [
3627
- {
3628
- "kind": "js",
3629
- "name": "styles",
3630
- "declaration": {
3631
- "name": "styles",
3632
- "module": "src/chip/chip-set.styles.ts"
3633
- }
3634
- }
3635
- ]
3636
- },
3637
- {
3638
- "kind": "javascript-module",
3639
- "path": "src/chip/chip-set.ts",
3640
- "declarations": [
3641
- {
3642
- "kind": "class",
3643
- "description": "",
3644
- "name": "UmChipSet",
3645
- "members": [
3738
+ "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
3739
+ },
3646
3740
  {
3647
- "kind": "field",
3648
- "name": "alignment",
3649
- "type": {
3650
- "text": "'start' | 'center' | 'end'"
3651
- },
3652
- "default": "'start'",
3653
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3654
- "attribute": "alignment",
3655
- "reflects": true,
3656
- "inheritedFrom": {
3657
- "name": "UmSetBase",
3658
- "module": "src/shared/sets/set-base.ts"
3659
- }
3660
- }
3661
- ],
3662
- "superclass": {
3663
- "name": "UmSetBase",
3664
- "module": "/src/shared/sets/set-base.js"
3665
- },
3666
- "tagName": "u-chip-set",
3667
- "customElement": true,
3668
- "attributes": [
3741
+ "kind": "method",
3742
+ "name": "setFormValue",
3743
+ "privacy": "private"
3744
+ },
3669
3745
  {
3670
- "name": "alignment",
3671
- "type": {
3672
- "text": "'start' | 'center' | 'end'"
3746
+ "kind": "method",
3747
+ "name": "focus"
3748
+ },
3749
+ {
3750
+ "kind": "method",
3751
+ "name": "renderControl",
3752
+ "privacy": "protected",
3753
+ "return": {
3754
+ "type": {
3755
+ "text": "HTMLTemplateResult"
3756
+ }
3673
3757
  },
3674
- "default": "'start'",
3675
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3676
- "fieldName": "alignment",
3677
3758
  "inheritedFrom": {
3678
- "name": "UmSetBase",
3679
- "module": "src/shared/sets/set-base.ts"
3759
+ "name": "UmFieldBase",
3760
+ "module": "src/field/field-base.ts"
3680
3761
  }
3681
- }
3682
- ]
3683
- }
3684
- ],
3685
- "exports": [
3686
- {
3687
- "kind": "js",
3688
- "name": "UmChipSet",
3689
- "declaration": {
3690
- "name": "UmChipSet",
3691
- "module": "src/chip/chip-set.ts"
3692
- }
3693
- },
3694
- {
3695
- "kind": "custom-element-definition",
3696
- "name": "u-chip-set",
3697
- "declaration": {
3698
- "name": "UmChipSet",
3699
- "module": "src/chip/chip-set.ts"
3700
- }
3701
- }
3702
- ]
3703
- },
3704
- {
3705
- "kind": "javascript-module",
3706
- "path": "src/chip/chip.styles.ts",
3707
- "declarations": [
3708
- {
3709
- "kind": "variable",
3710
- "name": "styles",
3711
- "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\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-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3712
- }
3713
- ],
3714
- "exports": [
3715
- {
3716
- "kind": "js",
3717
- "name": "styles",
3718
- "declaration": {
3719
- "name": "styles",
3720
- "module": "src/chip/chip.styles.ts"
3721
- }
3722
- }
3723
- ]
3724
- },
3725
- {
3726
- "kind": "javascript-module",
3727
- "path": "src/chip/chip.ts",
3728
- "declarations": [
3729
- {
3730
- "kind": "class",
3731
- "description": "",
3732
- "name": "UmChip",
3733
- "members": [
3762
+ },
3763
+ {
3764
+ "kind": "method",
3765
+ "name": "#getChips"
3766
+ },
3767
+ {
3768
+ "kind": "method",
3769
+ "name": "#handleBlur"
3770
+ },
3771
+ {
3772
+ "kind": "method",
3773
+ "name": "#handleInput"
3774
+ },
3775
+ {
3776
+ "kind": "method",
3777
+ "name": "#handleKeyDown",
3778
+ "parameters": [
3779
+ {
3780
+ "name": "e",
3781
+ "type": {
3782
+ "text": "KeyboardEvent"
3783
+ }
3784
+ }
3785
+ ]
3786
+ },
3787
+ {
3788
+ "kind": "method",
3789
+ "name": "add",
3790
+ "parameters": [
3791
+ {
3792
+ "name": "value",
3793
+ "type": {
3794
+ "text": "any"
3795
+ }
3796
+ },
3797
+ {
3798
+ "name": "triggerChange",
3799
+ "default": "false"
3800
+ }
3801
+ ]
3802
+ },
3803
+ {
3804
+ "kind": "method",
3805
+ "name": "removeAt",
3806
+ "parameters": [
3807
+ {
3808
+ "name": "index",
3809
+ "type": {
3810
+ "text": "number"
3811
+ }
3812
+ },
3813
+ {
3814
+ "name": "triggerChange",
3815
+ "default": "false"
3816
+ }
3817
+ ]
3818
+ },
3734
3819
  {
3735
3820
  "kind": "field",
3736
- "name": "#clickable",
3737
- "privacy": "private",
3738
- "type": {
3739
- "text": "boolean"
3821
+ "name": "#removeChip",
3822
+ "privacy": "private"
3823
+ },
3824
+ {
3825
+ "kind": "method",
3826
+ "name": "#changed",
3827
+ "parameters": [
3828
+ {
3829
+ "name": "triggerChange",
3830
+ "type": {
3831
+ "text": "boolean"
3832
+ }
3833
+ }
3834
+ ]
3835
+ },
3836
+ {
3837
+ "kind": "method",
3838
+ "name": "#valueUpdate"
3839
+ },
3840
+ {
3841
+ "kind": "method",
3842
+ "name": "#setEmpty"
3843
+ },
3844
+ {
3845
+ "kind": "method",
3846
+ "name": "#dispatchRemoveEvent",
3847
+ "return": {
3848
+ "type": {
3849
+ "text": "boolean"
3850
+ }
3740
3851
  },
3741
- "default": "false"
3852
+ "parameters": [
3853
+ {
3854
+ "name": "index",
3855
+ "type": {
3856
+ "text": "number"
3857
+ }
3858
+ }
3859
+ ]
3742
3860
  },
3743
3861
  {
3744
- "kind": "field",
3745
- "name": "#toggle",
3862
+ "kind": "method",
3863
+ "name": "getItemLabel",
3746
3864
  "privacy": "private",
3865
+ "parameters": [
3866
+ {
3867
+ "name": "item",
3868
+ "type": {
3869
+ "text": "any"
3870
+ }
3871
+ }
3872
+ ]
3873
+ },
3874
+ {
3875
+ "kind": "field",
3876
+ "name": "formAssociated",
3747
3877
  "type": {
3748
3878
  "text": "boolean"
3749
3879
  },
3750
- "default": "false"
3880
+ "static": true,
3881
+ "default": "true",
3882
+ "inheritedFrom": {
3883
+ "name": "UmTextFieldBase",
3884
+ "module": "src/shared/text-field-base/text-field-base.ts"
3885
+ }
3751
3886
  },
3752
3887
  {
3753
3888
  "kind": "field",
3754
- "name": "selected",
3889
+ "name": "shadowRootOptions",
3755
3890
  "type": {
3756
- "text": "boolean"
3891
+ "text": "ShadowRootInit"
3757
3892
  },
3758
- "default": "false",
3759
- "description": "Whether the chip is selected or not",
3760
- "attribute": "selected",
3761
- "reflects": true
3893
+ "static": true,
3894
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3895
+ "inheritedFrom": {
3896
+ "name": "UmTextFieldBase",
3897
+ "module": "src/shared/text-field-base/text-field-base.ts"
3898
+ }
3762
3899
  },
3763
3900
  {
3764
3901
  "kind": "field",
3765
- "name": "clickable",
3902
+ "name": "empty",
3766
3903
  "type": {
3767
3904
  "text": "boolean"
3768
3905
  },
3769
- "attribute": "clickable",
3770
- "reflects": true
3906
+ "default": "true",
3907
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
3908
+ "attribute": "empty",
3909
+ "reflects": true,
3910
+ "inheritedFrom": {
3911
+ "name": "UmFieldBase",
3912
+ "module": "src/field/field-base.ts"
3913
+ }
3771
3914
  },
3772
3915
  {
3773
3916
  "kind": "field",
3774
- "name": "elevated",
3917
+ "name": "placeholder",
3775
3918
  "type": {
3776
- "text": "boolean"
3919
+ "text": "string | undefined"
3777
3920
  },
3778
- "default": "false",
3779
- "description": "Adds elevation to the chip",
3780
- "attribute": "elevated",
3781
- "reflects": true
3921
+ "attribute": "placeholder",
3922
+ "reflects": true,
3923
+ "inheritedFrom": {
3924
+ "name": "UmTextFieldBase",
3925
+ "module": "src/shared/text-field-base/text-field-base.ts"
3926
+ }
3782
3927
  },
3783
3928
  {
3784
3929
  "kind": "field",
3785
- "name": "toggle",
3930
+ "name": "form",
3786
3931
  "type": {
3787
- "text": "boolean"
3932
+ "text": "HTMLFormElement | null"
3788
3933
  },
3789
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3790
- "attribute": "toggle",
3791
- "reflects": true
3934
+ "inheritedFrom": {
3935
+ "name": "UmTextFieldBase",
3936
+ "module": "src/shared/text-field-base/text-field-base.ts"
3937
+ }
3792
3938
  },
3793
3939
  {
3794
3940
  "kind": "field",
3795
- "name": "removable",
3941
+ "name": "elementInternals",
3796
3942
  "type": {
3797
- "text": "boolean"
3943
+ "text": "ElementInternals"
3798
3944
  },
3799
- "default": "false",
3800
- "description": "Add the remove icon",
3801
- "attribute": "removable",
3802
- "reflects": true
3945
+ "privacy": "protected",
3946
+ "inheritedFrom": {
3947
+ "name": "UmTextFieldBase",
3948
+ "module": "src/shared/text-field-base/text-field-base.ts"
3949
+ }
3803
3950
  },
3804
3951
  {
3805
3952
  "kind": "field",
3806
- "name": "hideSelectedIcon",
3953
+ "name": "config",
3807
3954
  "type": {
3808
- "text": "boolean"
3955
+ "text": "UmFieldDefaults | undefined"
3809
3956
  },
3810
- "default": "false",
3811
- "description": "Hide the selected icon",
3812
- "attribute": "hide-selected-icon",
3813
- "reflects": true
3957
+ "privacy": "private",
3958
+ "inheritedFrom": {
3959
+ "name": "UmFieldBase",
3960
+ "module": "src/field/field-base.ts"
3961
+ }
3814
3962
  },
3815
3963
  {
3816
3964
  "kind": "field",
3817
- "name": "hasLeadingIcon",
3965
+ "name": "variant",
3818
3966
  "type": {
3819
- "text": "boolean"
3967
+ "text": "'filled' | 'outlined' | undefined"
3820
3968
  },
3821
- "default": "false",
3822
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3823
- "attribute": "has-leading-icon",
3824
- "reflects": true
3969
+ "default": "undefined",
3970
+ "attribute": "variant",
3971
+ "inheritedFrom": {
3972
+ "name": "UmFieldBase",
3973
+ "module": "src/field/field-base.ts"
3974
+ }
3825
3975
  },
3826
3976
  {
3827
3977
  "kind": "field",
3828
- "name": "hasSelectedIcon",
3978
+ "name": "label",
3829
3979
  "type": {
3830
- "text": "boolean"
3980
+ "text": "string | undefined"
3831
3981
  },
3832
- "default": "false",
3833
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3834
- "attribute": "has-selected-icon",
3835
- "reflects": true
3982
+ "description": "The floating label for the field",
3983
+ "attribute": "label",
3984
+ "inheritedFrom": {
3985
+ "name": "UmFieldBase",
3986
+ "module": "src/field/field-base.ts"
3987
+ }
3836
3988
  },
3837
3989
  {
3838
3990
  "kind": "field",
3839
- "name": "hasTrailingIcon",
3991
+ "name": "counter",
3840
3992
  "type": {
3841
- "text": "boolean"
3993
+ "text": "string | undefined"
3842
3994
  },
3843
- "default": "false",
3844
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3845
- "attribute": "has-trailing-icon",
3846
- "reflects": true
3995
+ "attribute": "counter",
3996
+ "inheritedFrom": {
3997
+ "name": "UmFieldBase",
3998
+ "module": "src/field/field-base.ts"
3999
+ }
3847
4000
  },
3848
4001
  {
3849
4002
  "kind": "field",
3850
- "name": "assignedLeadingIcons",
4003
+ "name": "supportingText",
3851
4004
  "type": {
3852
- "text": "HTMLElement[]"
4005
+ "text": "string | undefined"
3853
4006
  },
3854
- "privacy": "private"
4007
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4008
+ "attribute": "supporting-text",
4009
+ "inheritedFrom": {
4010
+ "name": "UmFieldBase",
4011
+ "module": "src/field/field-base.ts"
4012
+ }
3855
4013
  },
3856
4014
  {
3857
4015
  "kind": "field",
3858
- "name": "assignedSelectedIcons",
4016
+ "name": "errorText",
3859
4017
  "type": {
3860
- "text": "HTMLElement[]"
4018
+ "text": "string | undefined"
3861
4019
  },
3862
- "privacy": "private"
4020
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
4021
+ "attribute": "error-text",
4022
+ "inheritedFrom": {
4023
+ "name": "UmFieldBase",
4024
+ "module": "src/field/field-base.ts"
4025
+ }
3863
4026
  },
3864
4027
  {
3865
4028
  "kind": "field",
3866
- "name": "assignedTrailingIcons",
4029
+ "name": "disabled",
3867
4030
  "type": {
3868
- "text": "HTMLElement[]"
4031
+ "text": "boolean"
3869
4032
  },
3870
- "privacy": "private"
4033
+ "default": "false",
4034
+ "attribute": "disabled",
4035
+ "reflects": true,
4036
+ "inheritedFrom": {
4037
+ "name": "UmFieldBase",
4038
+ "module": "src/field/field-base.ts"
4039
+ }
3871
4040
  },
3872
4041
  {
3873
4042
  "kind": "field",
3874
- "name": "removeRipple",
4043
+ "name": "invalid",
3875
4044
  "type": {
3876
- "text": "UmRipple"
4045
+ "text": "boolean"
4046
+ },
4047
+ "default": "false",
4048
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4049
+ "attribute": "invalid",
4050
+ "reflects": true,
4051
+ "inheritedFrom": {
4052
+ "name": "UmFieldBase",
4053
+ "module": "src/field/field-base.ts"
3877
4054
  }
3878
4055
  },
3879
4056
  {
3880
4057
  "kind": "method",
3881
- "name": "#handleRemoveClick",
3882
- "parameters": [
3883
- {
3884
- "name": "e",
3885
- "type": {
3886
- "text": "Event"
3887
- }
3888
- }
3889
- ]
3890
- },
3891
- {
3892
- "kind": "method",
3893
- "name": "#handleTrailingIconSlotChange"
3894
- },
3895
- {
3896
- "kind": "method",
3897
- "name": "#handleLeadingIconSlotChange"
3898
- },
3899
- {
3900
- "kind": "method",
3901
- "name": "#handleSelectedIconSlotChange"
3902
- },
3903
- {
3904
- "kind": "method",
3905
- "name": "handleClick",
3906
- "privacy": "protected",
4058
+ "name": "setDefaults",
4059
+ "static": true,
3907
4060
  "return": {
3908
4061
  "type": {
3909
- "text": "void"
4062
+ "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
3910
4063
  }
3911
4064
  },
3912
4065
  "parameters": [
3913
4066
  {
3914
- "name": "event",
4067
+ "name": "contextRoot",
3915
4068
  "type": {
3916
- "text": "UIEvent"
4069
+ "text": "HTMLElement"
4070
+ }
4071
+ },
4072
+ {
4073
+ "name": "config",
4074
+ "type": {
4075
+ "text": "UmFieldDefaults"
3917
4076
  }
3918
4077
  }
3919
4078
  ],
3920
4079
  "inheritedFrom": {
3921
- "name": "UmButtonWrapper",
3922
- "module": "src/shared/button-wrapper.ts"
3923
- }
3924
- },
3925
- {
3926
- "kind": "method",
3927
- "name": "renderContent",
3928
- "privacy": "protected",
3929
- "return": {
3930
- "type": {
3931
- "text": "HTMLTemplateResult"
3932
- }
3933
- },
3934
- "inheritedFrom": {
3935
- "name": "UmButtonWrapper",
3936
- "module": "src/shared/button-wrapper.ts"
4080
+ "name": "UmFieldBase",
4081
+ "module": "src/field/field-base.ts"
3937
4082
  }
3938
4083
  },
3939
4084
  {
3940
4085
  "kind": "field",
3941
- "name": "disabled",
4086
+ "name": "hasLeadingIcon",
3942
4087
  "type": {
3943
4088
  "text": "boolean"
3944
4089
  },
3945
4090
  "default": "false",
3946
- "description": "Whether the button is disabled or not.",
3947
- "attribute": "disabled",
4091
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4092
+ "attribute": "has-leading-icon",
3948
4093
  "reflects": true,
3949
4094
  "inheritedFrom": {
3950
- "name": "UmButtonWrapper",
3951
- "module": "src/shared/button-wrapper.ts"
4095
+ "name": "UmFieldBase",
4096
+ "module": "src/field/field-base.ts"
3952
4097
  }
3953
4098
  },
3954
4099
  {
3955
4100
  "kind": "field",
3956
- "name": "renderRipple",
4101
+ "name": "hasTrailingIcon",
3957
4102
  "type": {
3958
4103
  "text": "boolean"
3959
4104
  },
3960
- "default": "true",
4105
+ "default": "false",
4106
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4107
+ "attribute": "has-trailing-icon",
4108
+ "reflects": true,
3961
4109
  "inheritedFrom": {
3962
- "name": "UmButtonWrapper",
3963
- "module": "src/shared/button-wrapper.ts"
4110
+ "name": "UmFieldBase",
4111
+ "module": "src/field/field-base.ts"
3964
4112
  }
3965
4113
  },
3966
4114
  {
3967
4115
  "kind": "field",
3968
- "name": "href",
4116
+ "name": "hasErrorText",
3969
4117
  "type": {
3970
- "text": "string | undefined"
4118
+ "text": "boolean"
3971
4119
  },
3972
- "description": "The URL that the link button points to.",
3973
- "attribute": "href",
4120
+ "default": "false",
4121
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4122
+ "attribute": "has-error-text",
4123
+ "reflects": true,
3974
4124
  "inheritedFrom": {
3975
- "name": "UmButtonWrapper",
3976
- "module": "src/shared/button-wrapper.ts"
4125
+ "name": "UmFieldBase",
4126
+ "module": "src/field/field-base.ts"
3977
4127
  }
3978
4128
  },
3979
4129
  {
3980
4130
  "kind": "field",
3981
- "name": "target",
4131
+ "name": "assignedLeadingIcons",
3982
4132
  "type": {
3983
- "text": "string | undefined"
4133
+ "text": "HTMLElement[]"
3984
4134
  },
3985
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3986
- "attribute": "target",
4135
+ "privacy": "private",
3987
4136
  "inheritedFrom": {
3988
- "name": "UmButtonWrapper",
3989
- "module": "src/shared/button-wrapper.ts"
4137
+ "name": "UmFieldBase",
4138
+ "module": "src/field/field-base.ts"
3990
4139
  }
3991
4140
  },
3992
4141
  {
3993
4142
  "kind": "field",
3994
- "name": "name",
4143
+ "name": "assignedTrailingIcons",
3995
4144
  "type": {
3996
- "text": "string | undefined"
4145
+ "text": "HTMLElement[]"
3997
4146
  },
3998
- "attribute": "name",
4147
+ "privacy": "private",
3999
4148
  "inheritedFrom": {
4000
- "name": "UmButtonWrapper",
4001
- "module": "src/shared/button-wrapper.ts"
4149
+ "name": "UmFieldBase",
4150
+ "module": "src/field/field-base.ts"
4002
4151
  }
4003
4152
  },
4004
4153
  {
4005
4154
  "kind": "field",
4006
- "name": "buttonElement",
4155
+ "name": "assignedErrorTexts",
4007
4156
  "type": {
4008
- "text": "HTMLElement"
4157
+ "text": "HTMLElement[]"
4009
4158
  },
4159
+ "privacy": "private",
4010
4160
  "inheritedFrom": {
4011
- "name": "UmButtonWrapper",
4012
- "module": "src/shared/button-wrapper.ts"
4161
+ "name": "UmFieldBase",
4162
+ "module": "src/field/field-base.ts"
4013
4163
  }
4014
4164
  },
4015
4165
  {
4016
4166
  "kind": "field",
4017
- "name": "ripple",
4167
+ "name": "_labelElement",
4018
4168
  "type": {
4019
- "text": "UmRipple"
4169
+ "text": "HTMLElement"
4020
4170
  },
4021
4171
  "privacy": "private",
4022
4172
  "inheritedFrom": {
4023
- "name": "UmButtonWrapper",
4024
- "module": "src/shared/button-wrapper.ts"
4173
+ "name": "UmFieldBase",
4174
+ "module": "src/field/field-base.ts"
4025
4175
  }
4026
4176
  },
4027
4177
  {
4028
4178
  "kind": "field",
4029
- "name": "innerRole",
4179
+ "name": "_container",
4030
4180
  "type": {
4031
- "text": "string | null"
4181
+ "text": "HTMLElement"
4032
4182
  },
4033
4183
  "privacy": "protected",
4034
- "default": "null",
4035
4184
  "inheritedFrom": {
4036
- "name": "UmButtonWrapper",
4037
- "module": "src/shared/button-wrapper.ts"
4185
+ "name": "UmFieldBase",
4186
+ "module": "src/field/field-base.ts"
4038
4187
  }
4039
4188
  },
4040
4189
  {
4041
4190
  "kind": "field",
4042
- "name": "pathname",
4191
+ "name": "labelSizeObserver",
4043
4192
  "type": {
4044
- "text": "string"
4193
+ "text": "ResizeObserver | null"
4045
4194
  },
4195
+ "privacy": "private",
4196
+ "default": "null",
4046
4197
  "inheritedFrom": {
4047
- "name": "UmButtonWrapper",
4048
- "module": "src/shared/button-wrapper.ts"
4198
+ "name": "UmFieldBase",
4199
+ "module": "src/field/field-base.ts"
4049
4200
  }
4050
4201
  },
4051
4202
  {
4052
4203
  "kind": "method",
4053
- "name": "renderButton",
4054
- "privacy": "private",
4204
+ "name": "renderAfterContent",
4205
+ "privacy": "protected",
4206
+ "return": {
4207
+ "type": {
4208
+ "text": "TemplateResult"
4209
+ }
4210
+ },
4055
4211
  "inheritedFrom": {
4056
- "name": "UmButtonWrapper",
4057
- "module": "src/shared/button-wrapper.ts"
4212
+ "name": "UmFieldBase",
4213
+ "module": "src/field/field-base.ts"
4058
4214
  }
4059
4215
  },
4060
4216
  {
4061
4217
  "kind": "method",
4062
- "name": "renderLink",
4063
- "privacy": "private",
4218
+ "name": "#attach",
4219
+ "return": {
4220
+ "type": {
4221
+ "text": "Promise<void>"
4222
+ }
4223
+ },
4064
4224
  "inheritedFrom": {
4065
- "name": "UmButtonWrapper",
4066
- "module": "src/shared/button-wrapper.ts"
4225
+ "name": "UmFieldBase",
4226
+ "module": "src/field/field-base.ts"
4067
4227
  }
4068
4228
  },
4069
4229
  {
4070
4230
  "kind": "method",
4071
- "name": "focus",
4231
+ "name": "handleLeadingIconSlotChange",
4232
+ "privacy": "private",
4072
4233
  "inheritedFrom": {
4073
- "name": "UmButtonWrapper",
4074
- "module": "src/shared/button-wrapper.ts"
4234
+ "name": "UmFieldBase",
4235
+ "module": "src/field/field-base.ts"
4075
4236
  }
4076
4237
  },
4077
4238
  {
4078
4239
  "kind": "method",
4079
- "name": "blur",
4240
+ "name": "handleTrailingIconSlotChange",
4241
+ "privacy": "private",
4080
4242
  "inheritedFrom": {
4081
- "name": "UmButtonWrapper",
4082
- "module": "src/shared/button-wrapper.ts"
4243
+ "name": "UmFieldBase",
4244
+ "module": "src/field/field-base.ts"
4083
4245
  }
4084
4246
  },
4085
4247
  {
4086
4248
  "kind": "method",
4087
- "name": "getAriaLabel",
4088
- "privacy": "protected",
4089
- "return": {
4090
- "type": {
4091
- "text": "string | null"
4092
- }
4093
- },
4249
+ "name": "handleErrorTextSlotChange",
4250
+ "privacy": "private",
4094
4251
  "inheritedFrom": {
4095
- "name": "UmButtonWrapper",
4096
- "module": "src/shared/button-wrapper.ts"
4252
+ "name": "UmFieldBase",
4253
+ "module": "src/field/field-base.ts"
4097
4254
  }
4098
4255
  },
4099
4256
  {
4100
4257
  "kind": "method",
4101
- "name": "innerFocusHandler",
4258
+ "name": "setLabelWidthProperties",
4102
4259
  "privacy": "private",
4103
- "return": {
4104
- "type": {
4105
- "text": "void"
4106
- }
4107
- },
4108
4260
  "inheritedFrom": {
4109
- "name": "UmButtonWrapper",
4110
- "module": "src/shared/button-wrapper.ts"
4261
+ "name": "UmFieldBase",
4262
+ "module": "src/field/field-base.ts"
4111
4263
  }
4112
4264
  },
4113
4265
  {
4114
4266
  "kind": "method",
4115
- "name": "#innerClickHandler",
4267
+ "name": "renderDefaultTrailingIcon",
4268
+ "privacy": "protected",
4116
4269
  "return": {
4117
4270
  "type": {
4118
- "text": "void"
4271
+ "text": "TemplateResult | typeof nothing"
4119
4272
  }
4120
4273
  },
4121
- "parameters": [
4122
- {
4123
- "name": "event",
4124
- "type": {
4125
- "text": "MouseEvent"
4126
- }
4127
- }
4128
- ],
4129
4274
  "inheritedFrom": {
4130
- "name": "UmButtonWrapper",
4131
- "module": "src/shared/button-wrapper.ts"
4275
+ "name": "UmFieldBase",
4276
+ "module": "src/field/field-base.ts"
4132
4277
  }
4133
4278
  }
4134
4279
  ],
@@ -4142,167 +4287,295 @@
4142
4287
  ],
4143
4288
  "attributes": [
4144
4289
  {
4145
- "name": "selected",
4290
+ "name": "name",
4291
+ "type": {
4292
+ "text": "string"
4293
+ },
4294
+ "fieldName": "name"
4295
+ },
4296
+ {
4297
+ "name": "manual",
4146
4298
  "type": {
4147
4299
  "text": "boolean"
4148
4300
  },
4149
4301
  "default": "false",
4150
- "description": "Whether the chip is selected or not",
4151
- "fieldName": "selected"
4302
+ "description": "If true, ignore enter key input",
4303
+ "fieldName": "manual"
4152
4304
  },
4153
4305
  {
4154
- "name": "clickable",
4306
+ "name": "placeholder",
4155
4307
  "type": {
4156
- "text": "boolean"
4308
+ "text": "string | undefined"
4157
4309
  },
4158
- "fieldName": "clickable"
4310
+ "fieldName": "placeholder",
4311
+ "inheritedFrom": {
4312
+ "name": "UmTextFieldBase",
4313
+ "module": "src/shared/text-field-base/text-field-base.ts"
4314
+ }
4159
4315
  },
4160
4316
  {
4161
- "name": "elevated",
4317
+ "name": "variant",
4162
4318
  "type": {
4163
- "text": "boolean"
4319
+ "text": "'filled' | 'outlined' | undefined"
4164
4320
  },
4165
- "default": "false",
4166
- "description": "Adds elevation to the chip",
4167
- "fieldName": "elevated"
4321
+ "default": "undefined",
4322
+ "resolveInitializer": {
4323
+ "module": "src/field/field-base.ts"
4324
+ },
4325
+ "fieldName": "variant",
4326
+ "inheritedFrom": {
4327
+ "name": "UmFieldBase",
4328
+ "module": "src/field/field-base.ts"
4329
+ }
4168
4330
  },
4169
4331
  {
4170
- "name": "toggle",
4332
+ "name": "label",
4171
4333
  "type": {
4172
- "text": "boolean"
4334
+ "text": "string | undefined"
4173
4335
  },
4174
- "description": "When true, the chip will toggle between selected and unselected\nstates",
4175
- "fieldName": "toggle"
4336
+ "description": "The floating label for the field",
4337
+ "fieldName": "label",
4338
+ "inheritedFrom": {
4339
+ "name": "UmFieldBase",
4340
+ "module": "src/field/field-base.ts"
4341
+ }
4176
4342
  },
4177
4343
  {
4178
- "name": "removable",
4344
+ "name": "counter",
4179
4345
  "type": {
4180
- "text": "boolean"
4346
+ "text": "string | undefined"
4181
4347
  },
4182
- "default": "false",
4183
- "description": "Add the remove icon",
4184
- "fieldName": "removable"
4348
+ "fieldName": "counter",
4349
+ "inheritedFrom": {
4350
+ "name": "UmFieldBase",
4351
+ "module": "src/field/field-base.ts"
4352
+ }
4185
4353
  },
4186
4354
  {
4187
- "name": "hide-selected-icon",
4355
+ "name": "supporting-text",
4356
+ "type": {
4357
+ "text": "string | undefined"
4358
+ },
4359
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4360
+ "fieldName": "supportingText",
4361
+ "inheritedFrom": {
4362
+ "name": "UmFieldBase",
4363
+ "module": "src/field/field-base.ts"
4364
+ }
4365
+ },
4366
+ {
4367
+ "name": "error-text",
4368
+ "type": {
4369
+ "text": "string | undefined"
4370
+ },
4371
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
4372
+ "fieldName": "errorText",
4373
+ "inheritedFrom": {
4374
+ "name": "UmFieldBase",
4375
+ "module": "src/field/field-base.ts"
4376
+ }
4377
+ },
4378
+ {
4379
+ "name": "empty",
4188
4380
  "type": {
4189
4381
  "text": "boolean"
4190
4382
  },
4191
4383
  "default": "false",
4192
- "description": "Hide the selected icon",
4193
- "fieldName": "hideSelectedIcon"
4384
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4385
+ "fieldName": "empty",
4386
+ "inheritedFrom": {
4387
+ "name": "UmFieldBase",
4388
+ "module": "src/field/field-base.ts"
4389
+ }
4194
4390
  },
4195
4391
  {
4196
- "name": "has-leading-icon",
4392
+ "name": "disabled",
4197
4393
  "type": {
4198
4394
  "text": "boolean"
4199
4395
  },
4200
4396
  "default": "false",
4201
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4202
- "fieldName": "hasLeadingIcon"
4397
+ "fieldName": "disabled",
4398
+ "inheritedFrom": {
4399
+ "name": "UmFieldBase",
4400
+ "module": "src/field/field-base.ts"
4401
+ }
4203
4402
  },
4204
4403
  {
4205
- "name": "has-selected-icon",
4404
+ "name": "invalid",
4206
4405
  "type": {
4207
4406
  "text": "boolean"
4208
4407
  },
4209
4408
  "default": "false",
4210
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4211
- "fieldName": "hasSelectedIcon"
4409
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4410
+ "fieldName": "invalid",
4411
+ "inheritedFrom": {
4412
+ "name": "UmFieldBase",
4413
+ "module": "src/field/field-base.ts"
4414
+ }
4212
4415
  },
4213
4416
  {
4214
- "name": "has-trailing-icon",
4417
+ "name": "has-leading-icon",
4215
4418
  "type": {
4216
4419
  "text": "boolean"
4217
4420
  },
4218
4421
  "default": "false",
4219
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4220
- "fieldName": "hasTrailingIcon"
4422
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4423
+ "fieldName": "hasLeadingIcon",
4424
+ "inheritedFrom": {
4425
+ "name": "UmFieldBase",
4426
+ "module": "src/field/field-base.ts"
4427
+ }
4221
4428
  },
4222
4429
  {
4223
- "name": "disabled",
4430
+ "name": "has-trailing-icon",
4224
4431
  "type": {
4225
4432
  "text": "boolean"
4226
4433
  },
4227
4434
  "default": "false",
4228
- "description": "Whether the button is disabled or not.",
4229
- "fieldName": "disabled",
4435
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4436
+ "fieldName": "hasTrailingIcon",
4230
4437
  "inheritedFrom": {
4231
- "name": "UmButtonWrapper",
4232
- "module": "src/shared/button-wrapper.ts"
4438
+ "name": "UmFieldBase",
4439
+ "module": "src/field/field-base.ts"
4233
4440
  }
4234
4441
  },
4235
4442
  {
4236
- "name": "href",
4443
+ "name": "has-error-text",
4237
4444
  "type": {
4238
- "text": "string | undefined"
4445
+ "text": "boolean"
4239
4446
  },
4240
- "description": "The URL that the link button points to.",
4241
- "fieldName": "href",
4447
+ "default": "false",
4448
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4449
+ "fieldName": "hasErrorText",
4242
4450
  "inheritedFrom": {
4243
- "name": "UmButtonWrapper",
4244
- "module": "src/shared/button-wrapper.ts"
4451
+ "name": "UmFieldBase",
4452
+ "module": "src/field/field-base.ts"
4245
4453
  }
4246
- },
4454
+ }
4455
+ ],
4456
+ "superclass": {
4457
+ "name": "UmTextFieldBase",
4458
+ "module": "/src/shared/text-field-base/text-field-base.js"
4459
+ },
4460
+ "tagName": "u-chip-field",
4461
+ "customElement": true
4462
+ }
4463
+ ],
4464
+ "exports": [
4465
+ {
4466
+ "kind": "js",
4467
+ "name": "UmChipField",
4468
+ "declaration": {
4469
+ "name": "UmChipField",
4470
+ "module": "src/chip-field/chip-field.ts"
4471
+ }
4472
+ },
4473
+ {
4474
+ "kind": "custom-element-definition",
4475
+ "name": "u-chip-field",
4476
+ "declaration": {
4477
+ "name": "UmChipField",
4478
+ "module": "src/chip-field/chip-field.ts"
4479
+ }
4480
+ }
4481
+ ]
4482
+ },
4483
+ {
4484
+ "kind": "javascript-module",
4485
+ "path": "src/chip/chip-set.styles.ts",
4486
+ "declarations": [
4487
+ {
4488
+ "kind": "variable",
4489
+ "name": "styles",
4490
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
4491
+ }
4492
+ ],
4493
+ "exports": [
4494
+ {
4495
+ "kind": "js",
4496
+ "name": "styles",
4497
+ "declaration": {
4498
+ "name": "styles",
4499
+ "module": "src/chip/chip-set.styles.ts"
4500
+ }
4501
+ }
4502
+ ]
4503
+ },
4504
+ {
4505
+ "kind": "javascript-module",
4506
+ "path": "src/chip/chip-set.ts",
4507
+ "declarations": [
4508
+ {
4509
+ "kind": "class",
4510
+ "description": "",
4511
+ "name": "UmChipSet",
4512
+ "members": [
4247
4513
  {
4248
- "name": "target",
4514
+ "kind": "field",
4515
+ "name": "alignment",
4249
4516
  "type": {
4250
- "text": "string | undefined"
4517
+ "text": "'start' | 'center' | 'end'"
4251
4518
  },
4252
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4253
- "fieldName": "target",
4519
+ "default": "'start'",
4520
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4521
+ "attribute": "alignment",
4522
+ "reflects": true,
4254
4523
  "inheritedFrom": {
4255
- "name": "UmButtonWrapper",
4256
- "module": "src/shared/button-wrapper.ts"
4524
+ "name": "UmSetBase",
4525
+ "module": "src/shared/sets/set-base.ts"
4257
4526
  }
4258
- },
4527
+ }
4528
+ ],
4529
+ "superclass": {
4530
+ "name": "UmSetBase",
4531
+ "module": "/src/shared/sets/set-base.js"
4532
+ },
4533
+ "tagName": "u-chip-set",
4534
+ "customElement": true,
4535
+ "attributes": [
4259
4536
  {
4260
- "name": "name",
4537
+ "name": "alignment",
4261
4538
  "type": {
4262
- "text": "string | undefined"
4539
+ "text": "'start' | 'center' | 'end'"
4263
4540
  },
4264
- "fieldName": "name",
4541
+ "default": "'start'",
4542
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4543
+ "fieldName": "alignment",
4265
4544
  "inheritedFrom": {
4266
- "name": "UmButtonWrapper",
4267
- "module": "src/shared/button-wrapper.ts"
4545
+ "name": "UmSetBase",
4546
+ "module": "src/shared/sets/set-base.ts"
4268
4547
  }
4269
4548
  }
4270
- ],
4271
- "superclass": {
4272
- "name": "UmButtonWrapper",
4273
- "module": "/src/shared/button-wrapper.js"
4274
- },
4275
- "tagName": "u-chip",
4276
- "customElement": true
4549
+ ]
4277
4550
  }
4278
4551
  ],
4279
4552
  "exports": [
4280
4553
  {
4281
4554
  "kind": "js",
4282
- "name": "UmChip",
4555
+ "name": "UmChipSet",
4283
4556
  "declaration": {
4284
- "name": "UmChip",
4285
- "module": "src/chip/chip.ts"
4557
+ "name": "UmChipSet",
4558
+ "module": "src/chip/chip-set.ts"
4286
4559
  }
4287
4560
  },
4288
4561
  {
4289
4562
  "kind": "custom-element-definition",
4290
- "name": "u-chip",
4563
+ "name": "u-chip-set",
4291
4564
  "declaration": {
4292
- "name": "UmChip",
4293
- "module": "src/chip/chip.ts"
4565
+ "name": "UmChipSet",
4566
+ "module": "src/chip/chip-set.ts"
4294
4567
  }
4295
4568
  }
4296
4569
  ]
4297
4570
  },
4298
4571
  {
4299
4572
  "kind": "javascript-module",
4300
- "path": "src/chip-field/chip-field.styles.ts",
4573
+ "path": "src/chip/chip.styles.ts",
4301
4574
  "declarations": [
4302
4575
  {
4303
4576
  "kind": "variable",
4304
4577
  "name": "styles",
4305
- "default": "css `\n u-chip {\n flex-basis: 0;\n }\n\n .input {\n display: flex;\n gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px));\n flex-wrap: wrap;\n }\n .input:has(u-chip) {\n margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px));\n }\n .input input {\n width: auto;\n flex-basis: 200px;\n padding: 4px 0;\n margin-block: -4px;\n }\n`"
4578
+ "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\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-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
4306
4579
  }
4307
4580
  ],
4308
4581
  "exports": [
@@ -4311,615 +4584,418 @@
4311
4584
  "name": "styles",
4312
4585
  "declaration": {
4313
4586
  "name": "styles",
4314
- "module": "src/chip-field/chip-field.styles.ts"
4587
+ "module": "src/chip/chip.styles.ts"
4315
4588
  }
4316
4589
  }
4317
4590
  ]
4318
4591
  },
4319
4592
  {
4320
4593
  "kind": "javascript-module",
4321
- "path": "src/chip-field/chip-field.ts",
4594
+ "path": "src/chip/chip.ts",
4322
4595
  "declarations": [
4323
4596
  {
4324
4597
  "kind": "class",
4325
4598
  "description": "",
4326
- "name": "UmChipField",
4599
+ "name": "UmChip",
4327
4600
  "members": [
4328
4601
  {
4329
4602
  "kind": "field",
4330
- "name": "input",
4331
- "type": {
4332
- "text": "HTMLInputElement"
4333
- }
4334
- },
4335
- {
4336
- "kind": "field",
4337
- "name": "name",
4338
- "type": {
4339
- "text": "string"
4340
- },
4341
- "attribute": "name"
4342
- },
4343
- {
4344
- "kind": "field",
4345
- "name": "manual",
4346
- "type": {
4347
- "text": "boolean"
4348
- },
4349
- "default": "false",
4350
- "description": "If true, ignore enter key input",
4351
- "attribute": "manual"
4352
- },
4353
- {
4354
- "kind": "field",
4355
- "name": "formatter",
4356
- "type": {
4357
- "text": "((value: any) => string) | undefined"
4358
- },
4359
- "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
4360
- },
4361
- {
4362
- "kind": "field",
4363
- "name": "leadingIconTemplate",
4364
- "type": {
4365
- "text": "((value: any) => string) | undefined"
4366
- },
4367
- "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
4368
- },
4369
- {
4370
- "kind": "field",
4371
- "name": "#value",
4603
+ "name": "#clickable",
4372
4604
  "privacy": "private",
4373
4605
  "type": {
4374
- "text": "any[]"
4375
- },
4376
- "default": "[]"
4377
- },
4378
- {
4379
- "kind": "field",
4380
- "name": "value",
4381
- "type": {
4382
- "text": "any[]"
4383
- },
4384
- "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
4385
- },
4386
- {
4387
- "kind": "method",
4388
- "name": "setFormValue",
4389
- "privacy": "private"
4390
- },
4391
- {
4392
- "kind": "method",
4393
- "name": "focus"
4394
- },
4395
- {
4396
- "kind": "method",
4397
- "name": "renderControl",
4398
- "privacy": "protected",
4399
- "return": {
4400
- "type": {
4401
- "text": "HTMLTemplateResult"
4402
- }
4606
+ "text": "boolean"
4403
4607
  },
4404
- "inheritedFrom": {
4405
- "name": "UmFieldBase",
4406
- "module": "src/field/field-base.ts"
4407
- }
4408
- },
4409
- {
4410
- "kind": "method",
4411
- "name": "#getChips"
4412
- },
4413
- {
4414
- "kind": "method",
4415
- "name": "#handleBlur"
4416
- },
4417
- {
4418
- "kind": "method",
4419
- "name": "#handleInput"
4420
- },
4421
- {
4422
- "kind": "method",
4423
- "name": "#handleKeyDown",
4424
- "parameters": [
4425
- {
4426
- "name": "e",
4427
- "type": {
4428
- "text": "KeyboardEvent"
4429
- }
4430
- }
4431
- ]
4432
- },
4433
- {
4434
- "kind": "method",
4435
- "name": "add",
4436
- "parameters": [
4437
- {
4438
- "name": "value",
4439
- "type": {
4440
- "text": "any"
4441
- }
4442
- },
4443
- {
4444
- "name": "triggerChange",
4445
- "default": "false"
4446
- }
4447
- ]
4448
- },
4449
- {
4450
- "kind": "method",
4451
- "name": "removeAt",
4452
- "parameters": [
4453
- {
4454
- "name": "index",
4455
- "type": {
4456
- "text": "number"
4457
- }
4458
- },
4459
- {
4460
- "name": "triggerChange",
4461
- "default": "false"
4462
- }
4463
- ]
4608
+ "default": "false"
4464
4609
  },
4465
4610
  {
4466
4611
  "kind": "field",
4467
- "name": "#removeChip",
4468
- "privacy": "private"
4469
- },
4470
- {
4471
- "kind": "method",
4472
- "name": "#changed",
4473
- "parameters": [
4474
- {
4475
- "name": "triggerChange",
4476
- "type": {
4477
- "text": "boolean"
4478
- }
4479
- }
4480
- ]
4481
- },
4482
- {
4483
- "kind": "method",
4484
- "name": "#valueUpdate"
4485
- },
4486
- {
4487
- "kind": "method",
4488
- "name": "#setEmpty"
4489
- },
4490
- {
4491
- "kind": "method",
4492
- "name": "#dispatchRemoveEvent",
4493
- "return": {
4494
- "type": {
4495
- "text": "boolean"
4496
- }
4497
- },
4498
- "parameters": [
4499
- {
4500
- "name": "index",
4501
- "type": {
4502
- "text": "number"
4503
- }
4504
- }
4505
- ]
4506
- },
4507
- {
4508
- "kind": "method",
4509
- "name": "getItemLabel",
4612
+ "name": "#toggle",
4510
4613
  "privacy": "private",
4511
- "parameters": [
4512
- {
4513
- "name": "item",
4514
- "type": {
4515
- "text": "any"
4516
- }
4517
- }
4518
- ]
4519
- },
4520
- {
4521
- "kind": "field",
4522
- "name": "formAssociated",
4523
4614
  "type": {
4524
4615
  "text": "boolean"
4525
4616
  },
4526
- "static": true,
4527
- "default": "true",
4528
- "inheritedFrom": {
4529
- "name": "UmTextFieldBase",
4530
- "module": "src/shared/text-field-base/text-field-base.ts"
4531
- }
4617
+ "default": "false"
4532
4618
  },
4533
4619
  {
4534
4620
  "kind": "field",
4535
- "name": "shadowRootOptions",
4621
+ "name": "selected",
4536
4622
  "type": {
4537
- "text": "ShadowRootInit"
4623
+ "text": "boolean"
4538
4624
  },
4539
- "static": true,
4540
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4541
- "inheritedFrom": {
4542
- "name": "UmTextFieldBase",
4543
- "module": "src/shared/text-field-base/text-field-base.ts"
4544
- }
4625
+ "default": "false",
4626
+ "description": "Whether the chip is selected or not",
4627
+ "attribute": "selected",
4628
+ "reflects": true
4545
4629
  },
4546
4630
  {
4547
4631
  "kind": "field",
4548
- "name": "empty",
4632
+ "name": "clickable",
4549
4633
  "type": {
4550
4634
  "text": "boolean"
4551
4635
  },
4552
- "default": "true",
4553
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4554
- "attribute": "empty",
4555
- "reflects": true,
4556
- "inheritedFrom": {
4557
- "name": "UmFieldBase",
4558
- "module": "src/field/field-base.ts"
4559
- }
4636
+ "attribute": "clickable",
4637
+ "reflects": true
4560
4638
  },
4561
4639
  {
4562
4640
  "kind": "field",
4563
- "name": "placeholder",
4641
+ "name": "elevated",
4564
4642
  "type": {
4565
- "text": "string | undefined"
4643
+ "text": "boolean"
4566
4644
  },
4567
- "attribute": "placeholder",
4568
- "reflects": true,
4569
- "inheritedFrom": {
4570
- "name": "UmTextFieldBase",
4571
- "module": "src/shared/text-field-base/text-field-base.ts"
4572
- }
4645
+ "default": "false",
4646
+ "description": "Adds elevation to the chip",
4647
+ "attribute": "elevated",
4648
+ "reflects": true
4573
4649
  },
4574
4650
  {
4575
4651
  "kind": "field",
4576
- "name": "form",
4652
+ "name": "toggle",
4577
4653
  "type": {
4578
- "text": "HTMLFormElement | null"
4654
+ "text": "boolean"
4579
4655
  },
4580
- "inheritedFrom": {
4581
- "name": "UmTextFieldBase",
4582
- "module": "src/shared/text-field-base/text-field-base.ts"
4583
- }
4656
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4657
+ "attribute": "toggle",
4658
+ "reflects": true
4584
4659
  },
4585
4660
  {
4586
4661
  "kind": "field",
4587
- "name": "elementInternals",
4662
+ "name": "removable",
4588
4663
  "type": {
4589
- "text": "ElementInternals"
4664
+ "text": "boolean"
4590
4665
  },
4591
- "privacy": "protected",
4592
- "inheritedFrom": {
4593
- "name": "UmTextFieldBase",
4594
- "module": "src/shared/text-field-base/text-field-base.ts"
4595
- }
4666
+ "default": "false",
4667
+ "description": "Add the remove icon",
4668
+ "attribute": "removable",
4669
+ "reflects": true
4596
4670
  },
4597
4671
  {
4598
4672
  "kind": "field",
4599
- "name": "config",
4673
+ "name": "hideSelectedIcon",
4600
4674
  "type": {
4601
- "text": "UmFieldDefaults | undefined"
4675
+ "text": "boolean"
4602
4676
  },
4603
- "privacy": "private",
4604
- "inheritedFrom": {
4605
- "name": "UmFieldBase",
4606
- "module": "src/field/field-base.ts"
4607
- }
4677
+ "default": "false",
4678
+ "description": "Hide the selected icon",
4679
+ "attribute": "hide-selected-icon",
4680
+ "reflects": true
4608
4681
  },
4609
4682
  {
4610
4683
  "kind": "field",
4611
- "name": "variant",
4684
+ "name": "hasLeadingIcon",
4612
4685
  "type": {
4613
- "text": "'filled' | 'outlined' | undefined"
4686
+ "text": "boolean"
4614
4687
  },
4615
- "default": "undefined",
4616
- "attribute": "variant",
4617
- "inheritedFrom": {
4618
- "name": "UmFieldBase",
4619
- "module": "src/field/field-base.ts"
4620
- }
4688
+ "default": "false",
4689
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4690
+ "attribute": "has-leading-icon",
4691
+ "reflects": true
4621
4692
  },
4622
4693
  {
4623
4694
  "kind": "field",
4624
- "name": "label",
4695
+ "name": "hasSelectedIcon",
4625
4696
  "type": {
4626
- "text": "string | undefined"
4697
+ "text": "boolean"
4627
4698
  },
4628
- "description": "The floating label for the field",
4629
- "attribute": "label",
4630
- "inheritedFrom": {
4631
- "name": "UmFieldBase",
4632
- "module": "src/field/field-base.ts"
4633
- }
4699
+ "default": "false",
4700
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4701
+ "attribute": "has-selected-icon",
4702
+ "reflects": true
4634
4703
  },
4635
4704
  {
4636
4705
  "kind": "field",
4637
- "name": "counter",
4706
+ "name": "hasTrailingIcon",
4638
4707
  "type": {
4639
- "text": "string | undefined"
4708
+ "text": "boolean"
4640
4709
  },
4641
- "attribute": "counter",
4642
- "inheritedFrom": {
4643
- "name": "UmFieldBase",
4644
- "module": "src/field/field-base.ts"
4645
- }
4710
+ "default": "false",
4711
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4712
+ "attribute": "has-trailing-icon",
4713
+ "reflects": true
4646
4714
  },
4647
4715
  {
4648
4716
  "kind": "field",
4649
- "name": "supportingText",
4717
+ "name": "assignedLeadingIcons",
4650
4718
  "type": {
4651
- "text": "string | undefined"
4719
+ "text": "HTMLElement[]"
4652
4720
  },
4653
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
4654
- "attribute": "supporting-text",
4655
- "inheritedFrom": {
4656
- "name": "UmFieldBase",
4657
- "module": "src/field/field-base.ts"
4658
- }
4721
+ "privacy": "private"
4659
4722
  },
4660
4723
  {
4661
4724
  "kind": "field",
4662
- "name": "errorText",
4725
+ "name": "assignedSelectedIcons",
4663
4726
  "type": {
4664
- "text": "string | undefined"
4727
+ "text": "HTMLElement[]"
4665
4728
  },
4666
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
4667
- "attribute": "error-text",
4668
- "inheritedFrom": {
4669
- "name": "UmFieldBase",
4670
- "module": "src/field/field-base.ts"
4671
- }
4729
+ "privacy": "private"
4672
4730
  },
4673
4731
  {
4674
4732
  "kind": "field",
4675
- "name": "disabled",
4733
+ "name": "assignedTrailingIcons",
4676
4734
  "type": {
4677
- "text": "boolean"
4735
+ "text": "HTMLElement[]"
4678
4736
  },
4679
- "default": "false",
4680
- "attribute": "disabled",
4681
- "reflects": true,
4682
- "inheritedFrom": {
4683
- "name": "UmFieldBase",
4684
- "module": "src/field/field-base.ts"
4685
- }
4737
+ "privacy": "private"
4686
4738
  },
4687
4739
  {
4688
4740
  "kind": "field",
4689
- "name": "invalid",
4741
+ "name": "removeRipple",
4690
4742
  "type": {
4691
- "text": "boolean"
4692
- },
4693
- "default": "false",
4694
- "description": "Get or sets where or not the field is in a visually invalid state.",
4695
- "attribute": "invalid",
4696
- "reflects": true,
4697
- "inheritedFrom": {
4698
- "name": "UmFieldBase",
4699
- "module": "src/field/field-base.ts"
4743
+ "text": "UmRipple"
4700
4744
  }
4701
4745
  },
4702
4746
  {
4703
4747
  "kind": "method",
4704
- "name": "setDefaults",
4705
- "static": true,
4748
+ "name": "#handleRemoveClick",
4749
+ "parameters": [
4750
+ {
4751
+ "name": "e",
4752
+ "type": {
4753
+ "text": "Event"
4754
+ }
4755
+ }
4756
+ ]
4757
+ },
4758
+ {
4759
+ "kind": "method",
4760
+ "name": "#handleTrailingIconSlotChange"
4761
+ },
4762
+ {
4763
+ "kind": "method",
4764
+ "name": "#handleLeadingIconSlotChange"
4765
+ },
4766
+ {
4767
+ "kind": "method",
4768
+ "name": "#handleSelectedIconSlotChange"
4769
+ },
4770
+ {
4771
+ "kind": "method",
4772
+ "name": "handleClick",
4773
+ "privacy": "protected",
4706
4774
  "return": {
4707
4775
  "type": {
4708
- "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4776
+ "text": "void"
4709
4777
  }
4710
4778
  },
4711
4779
  "parameters": [
4712
4780
  {
4713
- "name": "contextRoot",
4714
- "type": {
4715
- "text": "HTMLElement"
4716
- }
4717
- },
4718
- {
4719
- "name": "config",
4781
+ "name": "event",
4720
4782
  "type": {
4721
- "text": "UmFieldDefaults"
4783
+ "text": "UIEvent"
4722
4784
  }
4723
4785
  }
4724
4786
  ],
4725
4787
  "inheritedFrom": {
4726
- "name": "UmFieldBase",
4727
- "module": "src/field/field-base.ts"
4788
+ "name": "UmButtonWrapper",
4789
+ "module": "src/shared/button-wrapper.ts"
4790
+ }
4791
+ },
4792
+ {
4793
+ "kind": "method",
4794
+ "name": "renderContent",
4795
+ "privacy": "protected",
4796
+ "return": {
4797
+ "type": {
4798
+ "text": "HTMLTemplateResult"
4799
+ }
4800
+ },
4801
+ "inheritedFrom": {
4802
+ "name": "UmButtonWrapper",
4803
+ "module": "src/shared/button-wrapper.ts"
4728
4804
  }
4729
4805
  },
4730
4806
  {
4731
4807
  "kind": "field",
4732
- "name": "hasLeadingIcon",
4808
+ "name": "disabled",
4733
4809
  "type": {
4734
4810
  "text": "boolean"
4735
4811
  },
4736
4812
  "default": "false",
4737
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4738
- "attribute": "has-leading-icon",
4813
+ "description": "Whether the button is disabled or not.",
4814
+ "attribute": "disabled",
4739
4815
  "reflects": true,
4740
4816
  "inheritedFrom": {
4741
- "name": "UmFieldBase",
4742
- "module": "src/field/field-base.ts"
4817
+ "name": "UmButtonWrapper",
4818
+ "module": "src/shared/button-wrapper.ts"
4743
4819
  }
4744
4820
  },
4745
4821
  {
4746
4822
  "kind": "field",
4747
- "name": "hasTrailingIcon",
4823
+ "name": "renderRipple",
4748
4824
  "type": {
4749
4825
  "text": "boolean"
4750
4826
  },
4751
- "default": "false",
4752
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4753
- "attribute": "has-trailing-icon",
4754
- "reflects": true,
4827
+ "default": "true",
4755
4828
  "inheritedFrom": {
4756
- "name": "UmFieldBase",
4757
- "module": "src/field/field-base.ts"
4829
+ "name": "UmButtonWrapper",
4830
+ "module": "src/shared/button-wrapper.ts"
4758
4831
  }
4759
4832
  },
4760
4833
  {
4761
4834
  "kind": "field",
4762
- "name": "hasErrorText",
4835
+ "name": "href",
4763
4836
  "type": {
4764
- "text": "boolean"
4837
+ "text": "string | undefined"
4765
4838
  },
4766
- "default": "false",
4767
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4768
- "attribute": "has-error-text",
4769
- "reflects": true,
4839
+ "description": "The URL that the link button points to.",
4840
+ "attribute": "href",
4770
4841
  "inheritedFrom": {
4771
- "name": "UmFieldBase",
4772
- "module": "src/field/field-base.ts"
4842
+ "name": "UmButtonWrapper",
4843
+ "module": "src/shared/button-wrapper.ts"
4773
4844
  }
4774
4845
  },
4775
4846
  {
4776
4847
  "kind": "field",
4777
- "name": "assignedLeadingIcons",
4848
+ "name": "target",
4778
4849
  "type": {
4779
- "text": "HTMLElement[]"
4850
+ "text": "string | undefined"
4780
4851
  },
4781
- "privacy": "private",
4852
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4853
+ "attribute": "target",
4782
4854
  "inheritedFrom": {
4783
- "name": "UmFieldBase",
4784
- "module": "src/field/field-base.ts"
4855
+ "name": "UmButtonWrapper",
4856
+ "module": "src/shared/button-wrapper.ts"
4785
4857
  }
4786
4858
  },
4787
4859
  {
4788
4860
  "kind": "field",
4789
- "name": "assignedTrailingIcons",
4861
+ "name": "name",
4790
4862
  "type": {
4791
- "text": "HTMLElement[]"
4863
+ "text": "string | undefined"
4792
4864
  },
4793
- "privacy": "private",
4865
+ "attribute": "name",
4794
4866
  "inheritedFrom": {
4795
- "name": "UmFieldBase",
4796
- "module": "src/field/field-base.ts"
4867
+ "name": "UmButtonWrapper",
4868
+ "module": "src/shared/button-wrapper.ts"
4797
4869
  }
4798
4870
  },
4799
4871
  {
4800
4872
  "kind": "field",
4801
- "name": "assignedErrorTexts",
4873
+ "name": "buttonElement",
4802
4874
  "type": {
4803
- "text": "HTMLElement[]"
4875
+ "text": "HTMLElement"
4804
4876
  },
4805
- "privacy": "private",
4806
4877
  "inheritedFrom": {
4807
- "name": "UmFieldBase",
4808
- "module": "src/field/field-base.ts"
4878
+ "name": "UmButtonWrapper",
4879
+ "module": "src/shared/button-wrapper.ts"
4809
4880
  }
4810
4881
  },
4811
4882
  {
4812
4883
  "kind": "field",
4813
- "name": "_labelElement",
4884
+ "name": "ripple",
4814
4885
  "type": {
4815
- "text": "HTMLElement"
4886
+ "text": "UmRipple"
4816
4887
  },
4817
4888
  "privacy": "private",
4818
4889
  "inheritedFrom": {
4819
- "name": "UmFieldBase",
4820
- "module": "src/field/field-base.ts"
4890
+ "name": "UmButtonWrapper",
4891
+ "module": "src/shared/button-wrapper.ts"
4821
4892
  }
4822
4893
  },
4823
4894
  {
4824
4895
  "kind": "field",
4825
- "name": "_container",
4896
+ "name": "innerRole",
4826
4897
  "type": {
4827
- "text": "HTMLElement"
4898
+ "text": "string | null"
4828
4899
  },
4829
4900
  "privacy": "protected",
4901
+ "default": "null",
4830
4902
  "inheritedFrom": {
4831
- "name": "UmFieldBase",
4832
- "module": "src/field/field-base.ts"
4903
+ "name": "UmButtonWrapper",
4904
+ "module": "src/shared/button-wrapper.ts"
4833
4905
  }
4834
4906
  },
4835
4907
  {
4836
4908
  "kind": "field",
4837
- "name": "labelSizeObserver",
4909
+ "name": "pathname",
4838
4910
  "type": {
4839
- "text": "ResizeObserver | null"
4911
+ "text": "string"
4840
4912
  },
4841
- "privacy": "private",
4842
- "default": "null",
4843
4913
  "inheritedFrom": {
4844
- "name": "UmFieldBase",
4845
- "module": "src/field/field-base.ts"
4914
+ "name": "UmButtonWrapper",
4915
+ "module": "src/shared/button-wrapper.ts"
4846
4916
  }
4847
4917
  },
4848
4918
  {
4849
4919
  "kind": "method",
4850
- "name": "renderAfterContent",
4851
- "privacy": "protected",
4852
- "return": {
4853
- "type": {
4854
- "text": "TemplateResult"
4855
- }
4856
- },
4920
+ "name": "renderButton",
4921
+ "privacy": "private",
4857
4922
  "inheritedFrom": {
4858
- "name": "UmFieldBase",
4859
- "module": "src/field/field-base.ts"
4923
+ "name": "UmButtonWrapper",
4924
+ "module": "src/shared/button-wrapper.ts"
4860
4925
  }
4861
4926
  },
4862
4927
  {
4863
4928
  "kind": "method",
4864
- "name": "#attach",
4865
- "return": {
4866
- "type": {
4867
- "text": "Promise<void>"
4868
- }
4869
- },
4929
+ "name": "renderLink",
4930
+ "privacy": "private",
4870
4931
  "inheritedFrom": {
4871
- "name": "UmFieldBase",
4872
- "module": "src/field/field-base.ts"
4932
+ "name": "UmButtonWrapper",
4933
+ "module": "src/shared/button-wrapper.ts"
4873
4934
  }
4874
4935
  },
4875
4936
  {
4876
4937
  "kind": "method",
4877
- "name": "handleLeadingIconSlotChange",
4878
- "privacy": "private",
4938
+ "name": "focus",
4879
4939
  "inheritedFrom": {
4880
- "name": "UmFieldBase",
4881
- "module": "src/field/field-base.ts"
4940
+ "name": "UmButtonWrapper",
4941
+ "module": "src/shared/button-wrapper.ts"
4882
4942
  }
4883
4943
  },
4884
4944
  {
4885
4945
  "kind": "method",
4886
- "name": "handleTrailingIconSlotChange",
4887
- "privacy": "private",
4946
+ "name": "blur",
4888
4947
  "inheritedFrom": {
4889
- "name": "UmFieldBase",
4890
- "module": "src/field/field-base.ts"
4948
+ "name": "UmButtonWrapper",
4949
+ "module": "src/shared/button-wrapper.ts"
4891
4950
  }
4892
4951
  },
4893
4952
  {
4894
4953
  "kind": "method",
4895
- "name": "handleErrorTextSlotChange",
4896
- "privacy": "private",
4954
+ "name": "getAriaLabel",
4955
+ "privacy": "protected",
4956
+ "return": {
4957
+ "type": {
4958
+ "text": "string | null"
4959
+ }
4960
+ },
4897
4961
  "inheritedFrom": {
4898
- "name": "UmFieldBase",
4899
- "module": "src/field/field-base.ts"
4962
+ "name": "UmButtonWrapper",
4963
+ "module": "src/shared/button-wrapper.ts"
4900
4964
  }
4901
4965
  },
4902
4966
  {
4903
4967
  "kind": "method",
4904
- "name": "setLabelWidthProperties",
4968
+ "name": "innerFocusHandler",
4905
4969
  "privacy": "private",
4970
+ "return": {
4971
+ "type": {
4972
+ "text": "void"
4973
+ }
4974
+ },
4906
4975
  "inheritedFrom": {
4907
- "name": "UmFieldBase",
4908
- "module": "src/field/field-base.ts"
4976
+ "name": "UmButtonWrapper",
4977
+ "module": "src/shared/button-wrapper.ts"
4909
4978
  }
4910
4979
  },
4911
4980
  {
4912
4981
  "kind": "method",
4913
- "name": "renderDefaultTrailingIcon",
4914
- "privacy": "protected",
4982
+ "name": "#innerClickHandler",
4915
4983
  "return": {
4916
4984
  "type": {
4917
- "text": "TemplateResult | typeof nothing"
4985
+ "text": "void"
4918
4986
  }
4919
4987
  },
4988
+ "parameters": [
4989
+ {
4990
+ "name": "event",
4991
+ "type": {
4992
+ "text": "MouseEvent"
4993
+ }
4994
+ }
4995
+ ],
4920
4996
  "inheritedFrom": {
4921
- "name": "UmFieldBase",
4922
- "module": "src/field/field-base.ts"
4997
+ "name": "UmButtonWrapper",
4998
+ "module": "src/shared/button-wrapper.ts"
4923
4999
  }
4924
5000
  }
4925
5001
  ],
@@ -4933,195 +5009,155 @@
4933
5009
  ],
4934
5010
  "attributes": [
4935
5011
  {
4936
- "name": "name",
4937
- "type": {
4938
- "text": "string"
4939
- },
4940
- "fieldName": "name"
4941
- },
4942
- {
4943
- "name": "manual",
5012
+ "name": "selected",
4944
5013
  "type": {
4945
5014
  "text": "boolean"
4946
5015
  },
4947
5016
  "default": "false",
4948
- "description": "If true, ignore enter key input",
4949
- "fieldName": "manual"
5017
+ "description": "Whether the chip is selected or not",
5018
+ "fieldName": "selected"
4950
5019
  },
4951
5020
  {
4952
- "name": "placeholder",
5021
+ "name": "clickable",
4953
5022
  "type": {
4954
- "text": "string | undefined"
5023
+ "text": "boolean"
4955
5024
  },
4956
- "fieldName": "placeholder",
4957
- "inheritedFrom": {
4958
- "name": "UmTextFieldBase",
4959
- "module": "src/shared/text-field-base/text-field-base.ts"
4960
- }
5025
+ "fieldName": "clickable"
4961
5026
  },
4962
5027
  {
4963
- "name": "variant",
5028
+ "name": "elevated",
4964
5029
  "type": {
4965
- "text": "'filled' | 'outlined' | undefined"
4966
- },
4967
- "default": "undefined",
4968
- "resolveInitializer": {
4969
- "module": "src/field/field-base.ts"
5030
+ "text": "boolean"
4970
5031
  },
4971
- "fieldName": "variant",
4972
- "inheritedFrom": {
4973
- "name": "UmFieldBase",
4974
- "module": "src/field/field-base.ts"
4975
- }
5032
+ "default": "false",
5033
+ "description": "Adds elevation to the chip",
5034
+ "fieldName": "elevated"
4976
5035
  },
4977
5036
  {
4978
- "name": "label",
5037
+ "name": "toggle",
4979
5038
  "type": {
4980
- "text": "string | undefined"
5039
+ "text": "boolean"
4981
5040
  },
4982
- "description": "The floating label for the field",
4983
- "fieldName": "label",
4984
- "inheritedFrom": {
4985
- "name": "UmFieldBase",
4986
- "module": "src/field/field-base.ts"
4987
- }
5041
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
5042
+ "fieldName": "toggle"
4988
5043
  },
4989
5044
  {
4990
- "name": "counter",
5045
+ "name": "removable",
4991
5046
  "type": {
4992
- "text": "string | undefined"
5047
+ "text": "boolean"
4993
5048
  },
4994
- "fieldName": "counter",
4995
- "inheritedFrom": {
4996
- "name": "UmFieldBase",
4997
- "module": "src/field/field-base.ts"
4998
- }
5049
+ "default": "false",
5050
+ "description": "Add the remove icon",
5051
+ "fieldName": "removable"
4999
5052
  },
5000
5053
  {
5001
- "name": "supporting-text",
5054
+ "name": "hide-selected-icon",
5002
5055
  "type": {
5003
- "text": "string | undefined"
5056
+ "text": "boolean"
5004
5057
  },
5005
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
5006
- "fieldName": "supportingText",
5007
- "inheritedFrom": {
5008
- "name": "UmFieldBase",
5009
- "module": "src/field/field-base.ts"
5010
- }
5058
+ "default": "false",
5059
+ "description": "Hide the selected icon",
5060
+ "fieldName": "hideSelectedIcon"
5011
5061
  },
5012
5062
  {
5013
- "name": "error-text",
5063
+ "name": "has-leading-icon",
5014
5064
  "type": {
5015
- "text": "string | undefined"
5065
+ "text": "boolean"
5016
5066
  },
5017
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
5018
- "fieldName": "errorText",
5019
- "inheritedFrom": {
5020
- "name": "UmFieldBase",
5021
- "module": "src/field/field-base.ts"
5022
- }
5067
+ "default": "false",
5068
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
5069
+ "fieldName": "hasLeadingIcon"
5023
5070
  },
5024
5071
  {
5025
- "name": "empty",
5072
+ "name": "has-selected-icon",
5026
5073
  "type": {
5027
5074
  "text": "boolean"
5028
5075
  },
5029
5076
  "default": "false",
5030
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
5031
- "fieldName": "empty",
5032
- "inheritedFrom": {
5033
- "name": "UmFieldBase",
5034
- "module": "src/field/field-base.ts"
5035
- }
5077
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
5078
+ "fieldName": "hasSelectedIcon"
5036
5079
  },
5037
5080
  {
5038
- "name": "disabled",
5081
+ "name": "has-trailing-icon",
5039
5082
  "type": {
5040
5083
  "text": "boolean"
5041
5084
  },
5042
5085
  "default": "false",
5043
- "fieldName": "disabled",
5044
- "inheritedFrom": {
5045
- "name": "UmFieldBase",
5046
- "module": "src/field/field-base.ts"
5047
- }
5086
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
5087
+ "fieldName": "hasTrailingIcon"
5048
5088
  },
5049
5089
  {
5050
- "name": "invalid",
5090
+ "name": "disabled",
5051
5091
  "type": {
5052
5092
  "text": "boolean"
5053
5093
  },
5054
5094
  "default": "false",
5055
- "description": "Get or sets where or not the field is in a visually invalid state.",
5056
- "fieldName": "invalid",
5095
+ "description": "Whether the button is disabled or not.",
5096
+ "fieldName": "disabled",
5057
5097
  "inheritedFrom": {
5058
- "name": "UmFieldBase",
5059
- "module": "src/field/field-base.ts"
5098
+ "name": "UmButtonWrapper",
5099
+ "module": "src/shared/button-wrapper.ts"
5060
5100
  }
5061
5101
  },
5062
5102
  {
5063
- "name": "has-leading-icon",
5103
+ "name": "href",
5064
5104
  "type": {
5065
- "text": "boolean"
5105
+ "text": "string | undefined"
5066
5106
  },
5067
- "default": "false",
5068
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
5069
- "fieldName": "hasLeadingIcon",
5107
+ "description": "The URL that the link button points to.",
5108
+ "fieldName": "href",
5070
5109
  "inheritedFrom": {
5071
- "name": "UmFieldBase",
5072
- "module": "src/field/field-base.ts"
5110
+ "name": "UmButtonWrapper",
5111
+ "module": "src/shared/button-wrapper.ts"
5073
5112
  }
5074
5113
  },
5075
5114
  {
5076
- "name": "has-trailing-icon",
5115
+ "name": "target",
5077
5116
  "type": {
5078
- "text": "boolean"
5117
+ "text": "string | undefined"
5079
5118
  },
5080
- "default": "false",
5081
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
5082
- "fieldName": "hasTrailingIcon",
5083
- "inheritedFrom": {
5084
- "name": "UmFieldBase",
5085
- "module": "src/field/field-base.ts"
5119
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
5120
+ "fieldName": "target",
5121
+ "inheritedFrom": {
5122
+ "name": "UmButtonWrapper",
5123
+ "module": "src/shared/button-wrapper.ts"
5086
5124
  }
5087
5125
  },
5088
5126
  {
5089
- "name": "has-error-text",
5127
+ "name": "name",
5090
5128
  "type": {
5091
- "text": "boolean"
5129
+ "text": "string | undefined"
5092
5130
  },
5093
- "default": "false",
5094
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
5095
- "fieldName": "hasErrorText",
5131
+ "fieldName": "name",
5096
5132
  "inheritedFrom": {
5097
- "name": "UmFieldBase",
5098
- "module": "src/field/field-base.ts"
5133
+ "name": "UmButtonWrapper",
5134
+ "module": "src/shared/button-wrapper.ts"
5099
5135
  }
5100
5136
  }
5101
5137
  ],
5102
5138
  "superclass": {
5103
- "name": "UmTextFieldBase",
5104
- "module": "/src/shared/text-field-base/text-field-base.js"
5139
+ "name": "UmButtonWrapper",
5140
+ "module": "/src/shared/button-wrapper.js"
5105
5141
  },
5106
- "tagName": "u-chip-field",
5142
+ "tagName": "u-chip",
5107
5143
  "customElement": true
5108
5144
  }
5109
5145
  ],
5110
5146
  "exports": [
5111
5147
  {
5112
5148
  "kind": "js",
5113
- "name": "UmChipField",
5149
+ "name": "UmChip",
5114
5150
  "declaration": {
5115
- "name": "UmChipField",
5116
- "module": "src/chip-field/chip-field.ts"
5151
+ "name": "UmChip",
5152
+ "module": "src/chip/chip.ts"
5117
5153
  }
5118
5154
  },
5119
5155
  {
5120
5156
  "kind": "custom-element-definition",
5121
- "name": "u-chip-field",
5157
+ "name": "u-chip",
5122
5158
  "declaration": {
5123
- "name": "UmChipField",
5124
- "module": "src/chip-field/chip-field.ts"
5159
+ "name": "UmChip",
5160
+ "module": "src/chip/chip.ts"
5125
5161
  }
5126
5162
  }
5127
5163
  ]
@@ -9296,6 +9332,20 @@
9296
9332
  "module": "src/shared/selection-control/selection-control.ts"
9297
9333
  }
9298
9334
  },
9335
+ {
9336
+ "kind": "field",
9337
+ "name": "_checkedAttribute",
9338
+ "type": {
9339
+ "text": "boolean"
9340
+ },
9341
+ "privacy": "private",
9342
+ "default": "false",
9343
+ "attribute": "checked",
9344
+ "inheritedFrom": {
9345
+ "name": "UmSelectionControl",
9346
+ "module": "src/shared/selection-control/selection-control.ts"
9347
+ }
9348
+ },
9299
9349
  {
9300
9350
  "kind": "method",
9301
9351
  "name": "#handleClick",
@@ -9365,7 +9415,11 @@
9365
9415
  },
9366
9416
  {
9367
9417
  "name": "checked",
9368
- "fieldName": "checked",
9418
+ "fieldName": "_checkedAttribute",
9419
+ "type": {
9420
+ "text": "boolean"
9421
+ },
9422
+ "default": "false",
9369
9423
  "inheritedFrom": {
9370
9424
  "name": "UmSelectionControl",
9371
9425
  "module": "src/shared/selection-control/selection-control.ts"
@@ -9635,6 +9689,20 @@
9635
9689
  "module": "src/shared/selection-control/selection-control.ts"
9636
9690
  }
9637
9691
  },
9692
+ {
9693
+ "kind": "field",
9694
+ "name": "_checkedAttribute",
9695
+ "type": {
9696
+ "text": "boolean"
9697
+ },
9698
+ "privacy": "private",
9699
+ "default": "false",
9700
+ "attribute": "checked",
9701
+ "inheritedFrom": {
9702
+ "name": "UmSelectionControl",
9703
+ "module": "src/shared/selection-control/selection-control.ts"
9704
+ }
9705
+ },
9638
9706
  {
9639
9707
  "kind": "method",
9640
9708
  "name": "#handleClick",
@@ -9700,7 +9768,11 @@
9700
9768
  },
9701
9769
  {
9702
9770
  "name": "checked",
9703
- "fieldName": "checked",
9771
+ "fieldName": "_checkedAttribute",
9772
+ "type": {
9773
+ "text": "boolean"
9774
+ },
9775
+ "default": "false",
9704
9776
  "inheritedFrom": {
9705
9777
  "name": "UmSelectionControl",
9706
9778
  "module": "src/shared/selection-control/selection-control.ts"
@@ -12592,6 +12664,20 @@
12592
12664
  "module": "src/shared/selection-control/selection-control.ts"
12593
12665
  }
12594
12666
  },
12667
+ {
12668
+ "kind": "field",
12669
+ "name": "_checkedAttribute",
12670
+ "type": {
12671
+ "text": "boolean"
12672
+ },
12673
+ "privacy": "private",
12674
+ "default": "false",
12675
+ "attribute": "checked",
12676
+ "inheritedFrom": {
12677
+ "name": "UmSelectionControl",
12678
+ "module": "src/shared/selection-control/selection-control.ts"
12679
+ }
12680
+ },
12595
12681
  {
12596
12682
  "kind": "method",
12597
12683
  "name": "#handleClick",
@@ -12649,7 +12735,11 @@
12649
12735
  },
12650
12736
  {
12651
12737
  "name": "checked",
12652
- "fieldName": "checked",
12738
+ "fieldName": "_checkedAttribute",
12739
+ "type": {
12740
+ "text": "boolean"
12741
+ },
12742
+ "default": "false",
12653
12743
  "inheritedFrom": {
12654
12744
  "name": "UmSelectionControl",
12655
12745
  "module": "src/shared/selection-control/selection-control.ts"
@@ -12879,6 +12969,20 @@
12879
12969
  "module": "src/shared/selection-control/selection-control.ts"
12880
12970
  }
12881
12971
  },
12972
+ {
12973
+ "kind": "field",
12974
+ "name": "_checkedAttribute",
12975
+ "type": {
12976
+ "text": "boolean"
12977
+ },
12978
+ "privacy": "private",
12979
+ "default": "false",
12980
+ "attribute": "checked",
12981
+ "inheritedFrom": {
12982
+ "name": "UmSelectionControl",
12983
+ "module": "src/shared/selection-control/selection-control.ts"
12984
+ }
12985
+ },
12882
12986
  {
12883
12987
  "kind": "method",
12884
12988
  "name": "#handleClick",
@@ -12942,7 +13046,11 @@
12942
13046
  },
12943
13047
  {
12944
13048
  "name": "checked",
12945
- "fieldName": "checked",
13049
+ "fieldName": "_checkedAttribute",
13050
+ "type": {
13051
+ "text": "boolean"
13052
+ },
13053
+ "default": "false",
12946
13054
  "inheritedFrom": {
12947
13055
  "name": "UmSelectionControl",
12948
13056
  "module": "src/shared/selection-control/selection-control.ts"
@@ -15947,6 +16055,16 @@
15947
16055
  "name": "checked",
15948
16056
  "attribute": "checked"
15949
16057
  },
16058
+ {
16059
+ "kind": "field",
16060
+ "name": "_checkedAttribute",
16061
+ "type": {
16062
+ "text": "boolean"
16063
+ },
16064
+ "privacy": "private",
16065
+ "default": "false",
16066
+ "attribute": "checked"
16067
+ },
15950
16068
  {
15951
16069
  "kind": "method",
15952
16070
  "name": "#handleClick",
@@ -16002,7 +16120,11 @@
16002
16120
  },
16003
16121
  {
16004
16122
  "name": "checked",
16005
- "fieldName": "checked"
16123
+ "fieldName": "_checkedAttribute",
16124
+ "type": {
16125
+ "text": "boolean"
16126
+ },
16127
+ "default": "false"
16006
16128
  }
16007
16129
  ],
16008
16130
  "superclass": {
@@ -16023,77 +16145,6 @@
16023
16145
  }
16024
16146
  ]
16025
16147
  },
16026
- {
16027
- "kind": "javascript-module",
16028
- "path": "src/shared/sets/set-base.styles.ts",
16029
- "declarations": [
16030
- {
16031
- "kind": "variable",
16032
- "name": "styles",
16033
- "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`"
16034
- }
16035
- ],
16036
- "exports": [
16037
- {
16038
- "kind": "js",
16039
- "name": "styles",
16040
- "declaration": {
16041
- "name": "styles",
16042
- "module": "src/shared/sets/set-base.styles.ts"
16043
- }
16044
- }
16045
- ]
16046
- },
16047
- {
16048
- "kind": "javascript-module",
16049
- "path": "src/shared/sets/set-base.ts",
16050
- "declarations": [
16051
- {
16052
- "kind": "class",
16053
- "description": "",
16054
- "name": "UmSetBase",
16055
- "members": [
16056
- {
16057
- "kind": "field",
16058
- "name": "alignment",
16059
- "type": {
16060
- "text": "'start' | 'center' | 'end'"
16061
- },
16062
- "default": "'start'",
16063
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
16064
- "attribute": "alignment",
16065
- "reflects": true
16066
- }
16067
- ],
16068
- "attributes": [
16069
- {
16070
- "name": "alignment",
16071
- "type": {
16072
- "text": "'start' | 'center' | 'end'"
16073
- },
16074
- "default": "'start'",
16075
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
16076
- "fieldName": "alignment"
16077
- }
16078
- ],
16079
- "superclass": {
16080
- "name": "LitElement",
16081
- "package": "lit"
16082
- },
16083
- "customElement": true
16084
- }
16085
- ],
16086
- "exports": [
16087
- {
16088
- "kind": "js",
16089
- "name": "UmSetBase",
16090
- "declaration": {
16091
- "name": "UmSetBase",
16092
- "module": "src/shared/sets/set-base.ts"
16093
- }
16094
- }
16095
- ]
16096
- },
16097
16148
  {
16098
16149
  "kind": "javascript-module",
16099
16150
  "path": "src/shared/text-field-base/text-field-base.styles.ts",
@@ -16688,6 +16739,77 @@
16688
16739
  }
16689
16740
  }
16690
16741
  ]
16742
+ },
16743
+ {
16744
+ "kind": "javascript-module",
16745
+ "path": "src/shared/sets/set-base.styles.ts",
16746
+ "declarations": [
16747
+ {
16748
+ "kind": "variable",
16749
+ "name": "styles",
16750
+ "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`"
16751
+ }
16752
+ ],
16753
+ "exports": [
16754
+ {
16755
+ "kind": "js",
16756
+ "name": "styles",
16757
+ "declaration": {
16758
+ "name": "styles",
16759
+ "module": "src/shared/sets/set-base.styles.ts"
16760
+ }
16761
+ }
16762
+ ]
16763
+ },
16764
+ {
16765
+ "kind": "javascript-module",
16766
+ "path": "src/shared/sets/set-base.ts",
16767
+ "declarations": [
16768
+ {
16769
+ "kind": "class",
16770
+ "description": "",
16771
+ "name": "UmSetBase",
16772
+ "members": [
16773
+ {
16774
+ "kind": "field",
16775
+ "name": "alignment",
16776
+ "type": {
16777
+ "text": "'start' | 'center' | 'end'"
16778
+ },
16779
+ "default": "'start'",
16780
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
16781
+ "attribute": "alignment",
16782
+ "reflects": true
16783
+ }
16784
+ ],
16785
+ "attributes": [
16786
+ {
16787
+ "name": "alignment",
16788
+ "type": {
16789
+ "text": "'start' | 'center' | 'end'"
16790
+ },
16791
+ "default": "'start'",
16792
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
16793
+ "fieldName": "alignment"
16794
+ }
16795
+ ],
16796
+ "superclass": {
16797
+ "name": "LitElement",
16798
+ "package": "lit"
16799
+ },
16800
+ "customElement": true
16801
+ }
16802
+ ],
16803
+ "exports": [
16804
+ {
16805
+ "kind": "js",
16806
+ "name": "UmSetBase",
16807
+ "declaration": {
16808
+ "name": "UmSetBase",
16809
+ "module": "src/shared/sets/set-base.ts"
16810
+ }
16811
+ }
16812
+ ]
16691
16813
  }
16692
16814
  ]
16693
16815
  }