@universal-material/web 3.0.106 → 3.0.107

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 (5) hide show
  1. package/custom-elements.json +1595 -1595
  2. package/package.json +1 -1
  3. package/typeahead/typeahead.d.ts.map +1 -1
  4. package/typeahead/typeahead.js +11 -13
  5. package/typeahead/typeahead.js.map +1 -1
package/custom-elements.json CHANGED
@@ -644,255 +644,6 @@
644
644
  }
645
645
  ]
646
646
  },
647
- {
648
- "kind": "javascript-module",
649
- "path": "src/card/card-content.styles.ts",
650
- "declarations": [
651
- {
652
- "kind": "variable",
653
- "name": "styles",
654
- "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`"
655
- }
656
- ],
657
- "exports": [
658
- {
659
- "kind": "js",
660
- "name": "styles",
661
- "declaration": {
662
- "name": "styles",
663
- "module": "src/card/card-content.styles.ts"
664
- }
665
- }
666
- ]
667
- },
668
- {
669
- "kind": "javascript-module",
670
- "path": "src/card/card-content.ts",
671
- "declarations": [
672
- {
673
- "kind": "class",
674
- "description": "",
675
- "name": "UmCardContent",
676
- "members": [
677
- {
678
- "kind": "field",
679
- "name": "hasContent",
680
- "type": {
681
- "text": "boolean"
682
- },
683
- "default": "false",
684
- "attribute": "has-content",
685
- "reflects": true
686
- },
687
- {
688
- "kind": "method",
689
- "name": "handleSlotChange",
690
- "privacy": "private",
691
- "parameters": [
692
- {
693
- "name": "e",
694
- "type": {
695
- "text": "Event"
696
- }
697
- }
698
- ]
699
- }
700
- ],
701
- "attributes": [
702
- {
703
- "name": "has-content",
704
- "type": {
705
- "text": "boolean"
706
- },
707
- "default": "false",
708
- "fieldName": "hasContent"
709
- }
710
- ],
711
- "superclass": {
712
- "name": "LitElement",
713
- "package": "lit"
714
- },
715
- "tagName": "u-card-content",
716
- "customElement": true
717
- }
718
- ],
719
- "exports": [
720
- {
721
- "kind": "js",
722
- "name": "UmCardContent",
723
- "declaration": {
724
- "name": "UmCardContent",
725
- "module": "src/card/card-content.ts"
726
- }
727
- },
728
- {
729
- "kind": "custom-element-definition",
730
- "name": "u-card-content",
731
- "declaration": {
732
- "name": "UmCardContent",
733
- "module": "src/card/card-content.ts"
734
- }
735
- }
736
- ]
737
- },
738
- {
739
- "kind": "javascript-module",
740
- "path": "src/card/card-media.styles.ts",
741
- "declarations": [
742
- {
743
- "kind": "variable",
744
- "name": "styles",
745
- "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`"
746
- }
747
- ],
748
- "exports": [
749
- {
750
- "kind": "js",
751
- "name": "styles",
752
- "declaration": {
753
- "name": "styles",
754
- "module": "src/card/card-media.styles.ts"
755
- }
756
- }
757
- ]
758
- },
759
- {
760
- "kind": "javascript-module",
761
- "path": "src/card/card-media.ts",
762
- "declarations": [
763
- {
764
- "kind": "class",
765
- "description": "",
766
- "name": "UmCardMedia",
767
- "members": [
768
- {
769
- "kind": "field",
770
- "name": "wide",
771
- "type": {
772
- "text": "boolean"
773
- },
774
- "default": "false",
775
- "attribute": "wide",
776
- "reflects": true
777
- }
778
- ],
779
- "attributes": [
780
- {
781
- "name": "wide",
782
- "type": {
783
- "text": "boolean"
784
- },
785
- "default": "false",
786
- "fieldName": "wide"
787
- }
788
- ],
789
- "superclass": {
790
- "name": "LitElement",
791
- "package": "lit"
792
- },
793
- "tagName": "u-card-media",
794
- "customElement": true
795
- }
796
- ],
797
- "exports": [
798
- {
799
- "kind": "js",
800
- "name": "UmCardMedia",
801
- "declaration": {
802
- "name": "UmCardMedia",
803
- "module": "src/card/card-media.ts"
804
- }
805
- },
806
- {
807
- "kind": "custom-element-definition",
808
- "name": "u-card-media",
809
- "declaration": {
810
- "name": "UmCardMedia",
811
- "module": "src/card/card-media.ts"
812
- }
813
- }
814
- ]
815
- },
816
- {
817
- "kind": "javascript-module",
818
- "path": "src/card/card.styles.ts",
819
- "declarations": [
820
- {
821
- "kind": "variable",
822
- "name": "styles",
823
- "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(--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`"
824
- }
825
- ],
826
- "exports": [
827
- {
828
- "kind": "js",
829
- "name": "styles",
830
- "declaration": {
831
- "name": "styles",
832
- "module": "src/card/card.styles.ts"
833
- }
834
- }
835
- ]
836
- },
837
- {
838
- "kind": "javascript-module",
839
- "path": "src/card/card.ts",
840
- "declarations": [
841
- {
842
- "kind": "class",
843
- "description": "",
844
- "name": "UmCard",
845
- "members": [
846
- {
847
- "kind": "field",
848
- "name": "variant",
849
- "type": {
850
- "text": "UmCardVariant"
851
- },
852
- "default": "'filled'",
853
- "description": "The Card variant to render.",
854
- "attribute": "variant",
855
- "reflects": true
856
- }
857
- ],
858
- "attributes": [
859
- {
860
- "name": "variant",
861
- "type": {
862
- "text": "UmCardVariant"
863
- },
864
- "default": "'filled'",
865
- "description": "The Card variant to render.",
866
- "fieldName": "variant"
867
- }
868
- ],
869
- "superclass": {
870
- "name": "LitElement",
871
- "package": "lit"
872
- },
873
- "tagName": "u-card",
874
- "customElement": true
875
- }
876
- ],
877
- "exports": [
878
- {
879
- "kind": "js",
880
- "name": "UmCard",
881
- "declaration": {
882
- "name": "UmCard",
883
- "module": "src/card/card.ts"
884
- }
885
- },
886
- {
887
- "kind": "custom-element-definition",
888
- "name": "u-card",
889
- "declaration": {
890
- "name": "UmCard",
891
- "module": "src/card/card.ts"
892
- }
893
- }
894
- ]
895
- },
896
647
  {
897
648
  "kind": "javascript-module",
898
649
  "path": "src/button/button-base.styles.ts",
@@ -3712,12 +3463,12 @@
3712
3463
  },
3713
3464
  {
3714
3465
  "kind": "javascript-module",
3715
- "path": "src/chip/chip-set.styles.ts",
3466
+ "path": "src/card/card-content.styles.ts",
3716
3467
  "declarations": [
3717
3468
  {
3718
3469
  "kind": "variable",
3719
3470
  "name": "styles",
3720
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3471
+ "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`"
3721
3472
  }
3722
3473
  ],
3723
3474
  "exports": [
@@ -3726,86 +3477,89 @@
3726
3477
  "name": "styles",
3727
3478
  "declaration": {
3728
3479
  "name": "styles",
3729
- "module": "src/chip/chip-set.styles.ts"
3480
+ "module": "src/card/card-content.styles.ts"
3730
3481
  }
3731
3482
  }
3732
3483
  ]
3733
3484
  },
3734
3485
  {
3735
3486
  "kind": "javascript-module",
3736
- "path": "src/chip/chip-set.ts",
3487
+ "path": "src/card/card-content.ts",
3737
3488
  "declarations": [
3738
3489
  {
3739
3490
  "kind": "class",
3740
3491
  "description": "",
3741
- "name": "UmChipSet",
3492
+ "name": "UmCardContent",
3742
3493
  "members": [
3743
3494
  {
3744
3495
  "kind": "field",
3745
- "name": "alignment",
3496
+ "name": "hasContent",
3746
3497
  "type": {
3747
- "text": "'start' | 'center' | 'end'"
3498
+ "text": "boolean"
3748
3499
  },
3749
- "default": "'start'",
3750
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3751
- "attribute": "alignment",
3752
- "reflects": true,
3753
- "inheritedFrom": {
3754
- "name": "UmSetBase",
3755
- "module": "src/shared/sets/set-base.ts"
3756
- }
3500
+ "default": "false",
3501
+ "attribute": "has-content",
3502
+ "reflects": true
3503
+ },
3504
+ {
3505
+ "kind": "method",
3506
+ "name": "handleSlotChange",
3507
+ "privacy": "private",
3508
+ "parameters": [
3509
+ {
3510
+ "name": "e",
3511
+ "type": {
3512
+ "text": "Event"
3513
+ }
3514
+ }
3515
+ ]
3757
3516
  }
3758
3517
  ],
3759
- "superclass": {
3760
- "name": "UmSetBase",
3761
- "module": "/src/shared/sets/set-base.js"
3762
- },
3763
- "tagName": "u-chip-set",
3764
- "customElement": true,
3765
3518
  "attributes": [
3766
3519
  {
3767
- "name": "alignment",
3520
+ "name": "has-content",
3768
3521
  "type": {
3769
- "text": "'start' | 'center' | 'end'"
3522
+ "text": "boolean"
3770
3523
  },
3771
- "default": "'start'",
3772
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3773
- "fieldName": "alignment",
3774
- "inheritedFrom": {
3775
- "name": "UmSetBase",
3776
- "module": "src/shared/sets/set-base.ts"
3777
- }
3524
+ "default": "false",
3525
+ "fieldName": "hasContent"
3778
3526
  }
3779
- ]
3527
+ ],
3528
+ "superclass": {
3529
+ "name": "LitElement",
3530
+ "package": "lit"
3531
+ },
3532
+ "tagName": "u-card-content",
3533
+ "customElement": true
3780
3534
  }
3781
3535
  ],
3782
3536
  "exports": [
3783
3537
  {
3784
3538
  "kind": "js",
3785
- "name": "UmChipSet",
3539
+ "name": "UmCardContent",
3786
3540
  "declaration": {
3787
- "name": "UmChipSet",
3788
- "module": "src/chip/chip-set.ts"
3541
+ "name": "UmCardContent",
3542
+ "module": "src/card/card-content.ts"
3789
3543
  }
3790
3544
  },
3791
3545
  {
3792
3546
  "kind": "custom-element-definition",
3793
- "name": "u-chip-set",
3547
+ "name": "u-card-content",
3794
3548
  "declaration": {
3795
- "name": "UmChipSet",
3796
- "module": "src/chip/chip-set.ts"
3549
+ "name": "UmCardContent",
3550
+ "module": "src/card/card-content.ts"
3797
3551
  }
3798
3552
  }
3799
3553
  ]
3800
3554
  },
3801
3555
  {
3802
3556
  "kind": "javascript-module",
3803
- "path": "src/chip/chip.styles.ts",
3557
+ "path": "src/card/card-media.styles.ts",
3804
3558
  "declarations": [
3805
3559
  {
3806
3560
  "kind": "variable",
3807
3561
  "name": "styles",
3808
- "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: 1em;\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`"
3562
+ "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`"
3809
3563
  }
3810
3564
  ],
3811
3565
  "exports": [
@@ -3814,1235 +3568,1534 @@
3814
3568
  "name": "styles",
3815
3569
  "declaration": {
3816
3570
  "name": "styles",
3817
- "module": "src/chip/chip.styles.ts"
3571
+ "module": "src/card/card-media.styles.ts"
3818
3572
  }
3819
3573
  }
3820
3574
  ]
3821
3575
  },
3822
3576
  {
3823
3577
  "kind": "javascript-module",
3824
- "path": "src/chip/chip.ts",
3578
+ "path": "src/card/card-media.ts",
3825
3579
  "declarations": [
3826
3580
  {
3827
3581
  "kind": "class",
3828
3582
  "description": "",
3829
- "name": "UmChip",
3583
+ "name": "UmCardMedia",
3830
3584
  "members": [
3831
3585
  {
3832
3586
  "kind": "field",
3833
- "name": "#clickable",
3834
- "privacy": "private",
3587
+ "name": "wide",
3835
3588
  "type": {
3836
3589
  "text": "boolean"
3837
3590
  },
3838
- "default": "false"
3839
- },
3591
+ "default": "false",
3592
+ "attribute": "wide",
3593
+ "reflects": true
3594
+ }
3595
+ ],
3596
+ "attributes": [
3840
3597
  {
3841
- "kind": "field",
3842
- "name": "#toggle",
3843
- "privacy": "private",
3598
+ "name": "wide",
3844
3599
  "type": {
3845
3600
  "text": "boolean"
3846
3601
  },
3847
- "default": "false"
3848
- },
3602
+ "default": "false",
3603
+ "fieldName": "wide"
3604
+ }
3605
+ ],
3606
+ "superclass": {
3607
+ "name": "LitElement",
3608
+ "package": "lit"
3609
+ },
3610
+ "tagName": "u-card-media",
3611
+ "customElement": true
3612
+ }
3613
+ ],
3614
+ "exports": [
3615
+ {
3616
+ "kind": "js",
3617
+ "name": "UmCardMedia",
3618
+ "declaration": {
3619
+ "name": "UmCardMedia",
3620
+ "module": "src/card/card-media.ts"
3621
+ }
3622
+ },
3623
+ {
3624
+ "kind": "custom-element-definition",
3625
+ "name": "u-card-media",
3626
+ "declaration": {
3627
+ "name": "UmCardMedia",
3628
+ "module": "src/card/card-media.ts"
3629
+ }
3630
+ }
3631
+ ]
3632
+ },
3633
+ {
3634
+ "kind": "javascript-module",
3635
+ "path": "src/card/card.styles.ts",
3636
+ "declarations": [
3637
+ {
3638
+ "kind": "variable",
3639
+ "name": "styles",
3640
+ "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(--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`"
3641
+ }
3642
+ ],
3643
+ "exports": [
3644
+ {
3645
+ "kind": "js",
3646
+ "name": "styles",
3647
+ "declaration": {
3648
+ "name": "styles",
3649
+ "module": "src/card/card.styles.ts"
3650
+ }
3651
+ }
3652
+ ]
3653
+ },
3654
+ {
3655
+ "kind": "javascript-module",
3656
+ "path": "src/card/card.ts",
3657
+ "declarations": [
3658
+ {
3659
+ "kind": "class",
3660
+ "description": "",
3661
+ "name": "UmCard",
3662
+ "members": [
3849
3663
  {
3850
3664
  "kind": "field",
3851
- "name": "selected",
3665
+ "name": "variant",
3852
3666
  "type": {
3853
- "text": "boolean"
3667
+ "text": "UmCardVariant"
3854
3668
  },
3855
- "default": "false",
3856
- "description": "Whether the chip is selected or not",
3857
- "attribute": "selected",
3669
+ "default": "'filled'",
3670
+ "description": "The Card variant to render.",
3671
+ "attribute": "variant",
3858
3672
  "reflects": true
3673
+ }
3674
+ ],
3675
+ "attributes": [
3676
+ {
3677
+ "name": "variant",
3678
+ "type": {
3679
+ "text": "UmCardVariant"
3680
+ },
3681
+ "default": "'filled'",
3682
+ "description": "The Card variant to render.",
3683
+ "fieldName": "variant"
3684
+ }
3685
+ ],
3686
+ "superclass": {
3687
+ "name": "LitElement",
3688
+ "package": "lit"
3689
+ },
3690
+ "tagName": "u-card",
3691
+ "customElement": true
3692
+ }
3693
+ ],
3694
+ "exports": [
3695
+ {
3696
+ "kind": "js",
3697
+ "name": "UmCard",
3698
+ "declaration": {
3699
+ "name": "UmCard",
3700
+ "module": "src/card/card.ts"
3701
+ }
3702
+ },
3703
+ {
3704
+ "kind": "custom-element-definition",
3705
+ "name": "u-card",
3706
+ "declaration": {
3707
+ "name": "UmCard",
3708
+ "module": "src/card/card.ts"
3709
+ }
3710
+ }
3711
+ ]
3712
+ },
3713
+ {
3714
+ "kind": "javascript-module",
3715
+ "path": "src/chip-field/chip-field.styles.ts",
3716
+ "declarations": [
3717
+ {
3718
+ "kind": "variable",
3719
+ "name": "styles",
3720
+ "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`"
3721
+ }
3722
+ ],
3723
+ "exports": [
3724
+ {
3725
+ "kind": "js",
3726
+ "name": "styles",
3727
+ "declaration": {
3728
+ "name": "styles",
3729
+ "module": "src/chip-field/chip-field.styles.ts"
3730
+ }
3731
+ }
3732
+ ]
3733
+ },
3734
+ {
3735
+ "kind": "javascript-module",
3736
+ "path": "src/chip-field/chip-field.ts",
3737
+ "declarations": [
3738
+ {
3739
+ "kind": "class",
3740
+ "description": "",
3741
+ "name": "UmChipField",
3742
+ "members": [
3743
+ {
3744
+ "kind": "field",
3745
+ "name": "input",
3746
+ "type": {
3747
+ "text": "HTMLInputElement"
3748
+ }
3859
3749
  },
3860
3750
  {
3861
3751
  "kind": "field",
3862
- "name": "clickable",
3752
+ "name": "name",
3863
3753
  "type": {
3864
- "text": "boolean"
3754
+ "text": "string"
3865
3755
  },
3866
- "attribute": "clickable",
3867
- "reflects": true
3756
+ "attribute": "name"
3868
3757
  },
3869
3758
  {
3870
3759
  "kind": "field",
3871
- "name": "elevated",
3760
+ "name": "manual",
3872
3761
  "type": {
3873
3762
  "text": "boolean"
3874
3763
  },
3875
3764
  "default": "false",
3876
- "description": "Adds elevation to the chip",
3877
- "attribute": "elevated",
3878
- "reflects": true
3765
+ "description": "If true, ignore enter key input",
3766
+ "attribute": "manual"
3879
3767
  },
3880
3768
  {
3881
3769
  "kind": "field",
3882
- "name": "toggle",
3770
+ "name": "formatter",
3883
3771
  "type": {
3884
- "text": "boolean"
3772
+ "text": "((value: any) => string) | undefined"
3885
3773
  },
3886
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3887
- "attribute": "toggle",
3888
- "reflects": true
3774
+ "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
3889
3775
  },
3890
3776
  {
3891
3777
  "kind": "field",
3892
- "name": "removable",
3778
+ "name": "leadingIconTemplate",
3893
3779
  "type": {
3894
- "text": "boolean"
3780
+ "text": "((value: any) => string) | undefined"
3895
3781
  },
3896
- "default": "false",
3897
- "description": "Add the remove icon",
3898
- "attribute": "removable",
3899
- "reflects": true
3782
+ "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
3900
3783
  },
3901
3784
  {
3902
3785
  "kind": "field",
3903
- "name": "hideSelectedIcon",
3786
+ "name": "#value",
3787
+ "privacy": "private",
3904
3788
  "type": {
3905
- "text": "boolean"
3789
+ "text": "any[]"
3906
3790
  },
3907
- "default": "false",
3908
- "description": "Hide the selected icon",
3909
- "attribute": "hide-selected-icon",
3910
- "reflects": true
3791
+ "default": "[]"
3911
3792
  },
3912
3793
  {
3913
3794
  "kind": "field",
3914
- "name": "hasLeadingIcon",
3795
+ "name": "value",
3915
3796
  "type": {
3916
- "text": "boolean"
3797
+ "text": "any[]"
3917
3798
  },
3918
- "default": "false",
3919
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3920
- "attribute": "has-leading-icon",
3921
- "reflects": true
3799
+ "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`."
3922
3800
  },
3923
3801
  {
3924
- "kind": "field",
3925
- "name": "hasSelectedIcon",
3926
- "type": {
3927
- "text": "boolean"
3928
- },
3929
- "default": "false",
3930
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3931
- "attribute": "has-selected-icon",
3932
- "reflects": true
3802
+ "kind": "method",
3803
+ "name": "setFormValue",
3804
+ "privacy": "private"
3933
3805
  },
3934
3806
  {
3935
- "kind": "field",
3936
- "name": "hasTrailingIcon",
3937
- "type": {
3938
- "text": "boolean"
3939
- },
3940
- "default": "false",
3941
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3942
- "attribute": "has-trailing-icon",
3943
- "reflects": true
3807
+ "kind": "method",
3808
+ "name": "focus"
3944
3809
  },
3945
3810
  {
3946
- "kind": "field",
3947
- "name": "assignedLeadingIcons",
3948
- "type": {
3949
- "text": "HTMLElement[]"
3811
+ "kind": "method",
3812
+ "name": "renderControl",
3813
+ "privacy": "protected",
3814
+ "return": {
3815
+ "type": {
3816
+ "text": "HTMLTemplateResult"
3817
+ }
3950
3818
  },
3951
- "privacy": "private"
3819
+ "inheritedFrom": {
3820
+ "name": "UmFieldBase",
3821
+ "module": "src/field/field-base.ts"
3822
+ }
3952
3823
  },
3953
3824
  {
3954
- "kind": "field",
3955
- "name": "assignedSelectedIcons",
3956
- "type": {
3957
- "text": "HTMLElement[]"
3958
- },
3959
- "privacy": "private"
3825
+ "kind": "method",
3826
+ "name": "#getChips"
3960
3827
  },
3961
3828
  {
3962
- "kind": "field",
3963
- "name": "assignedTrailingIcons",
3964
- "type": {
3965
- "text": "HTMLElement[]"
3966
- },
3967
- "privacy": "private"
3829
+ "kind": "method",
3830
+ "name": "#handleBlur"
3968
3831
  },
3969
3832
  {
3970
- "kind": "field",
3971
- "name": "removeRipple",
3972
- "type": {
3973
- "text": "UmRipple"
3974
- }
3833
+ "kind": "method",
3834
+ "name": "#handleInput"
3975
3835
  },
3976
3836
  {
3977
3837
  "kind": "method",
3978
- "name": "#handleRemoveClick",
3838
+ "name": "#handleKeyDown",
3979
3839
  "parameters": [
3980
3840
  {
3981
3841
  "name": "e",
3982
3842
  "type": {
3983
- "text": "Event"
3843
+ "text": "KeyboardEvent"
3984
3844
  }
3985
3845
  }
3986
3846
  ]
3987
3847
  },
3988
3848
  {
3989
3849
  "kind": "method",
3990
- "name": "#handleTrailingIconSlotChange"
3850
+ "name": "add",
3851
+ "parameters": [
3852
+ {
3853
+ "name": "value",
3854
+ "type": {
3855
+ "text": "any"
3856
+ }
3857
+ },
3858
+ {
3859
+ "name": "triggerChange",
3860
+ "default": "false"
3861
+ }
3862
+ ]
3991
3863
  },
3992
3864
  {
3993
3865
  "kind": "method",
3994
- "name": "#handleLeadingIconSlotChange"
3866
+ "name": "removeAt",
3867
+ "parameters": [
3868
+ {
3869
+ "name": "index",
3870
+ "type": {
3871
+ "text": "number"
3872
+ }
3873
+ },
3874
+ {
3875
+ "name": "triggerChange",
3876
+ "default": "false"
3877
+ }
3878
+ ]
3879
+ },
3880
+ {
3881
+ "kind": "field",
3882
+ "name": "#removeChip",
3883
+ "privacy": "private"
3995
3884
  },
3996
3885
  {
3997
3886
  "kind": "method",
3998
- "name": "#handleSelectedIconSlotChange"
3887
+ "name": "#changed",
3888
+ "parameters": [
3889
+ {
3890
+ "name": "triggerChange",
3891
+ "type": {
3892
+ "text": "boolean"
3893
+ }
3894
+ }
3895
+ ]
3999
3896
  },
4000
3897
  {
4001
3898
  "kind": "method",
4002
- "name": "handleClick",
4003
- "privacy": "protected",
3899
+ "name": "#valueUpdate"
3900
+ },
3901
+ {
3902
+ "kind": "method",
3903
+ "name": "#setEmpty"
3904
+ },
3905
+ {
3906
+ "kind": "method",
3907
+ "name": "#dispatchRemoveEvent",
4004
3908
  "return": {
4005
3909
  "type": {
4006
- "text": "void"
3910
+ "text": "boolean"
4007
3911
  }
4008
3912
  },
4009
3913
  "parameters": [
4010
3914
  {
4011
- "name": "event",
3915
+ "name": "index",
4012
3916
  "type": {
4013
- "text": "UIEvent"
3917
+ "text": "number"
4014
3918
  }
4015
3919
  }
4016
- ],
4017
- "inheritedFrom": {
4018
- "name": "UmButtonWrapper",
4019
- "module": "src/shared/button-wrapper.ts"
4020
- }
3920
+ ]
4021
3921
  },
4022
3922
  {
4023
3923
  "kind": "method",
4024
- "name": "renderContent",
4025
- "privacy": "protected",
4026
- "return": {
4027
- "type": {
4028
- "text": "HTMLTemplateResult"
3924
+ "name": "getItemLabel",
3925
+ "privacy": "private",
3926
+ "parameters": [
3927
+ {
3928
+ "name": "item",
3929
+ "type": {
3930
+ "text": "any"
3931
+ }
4029
3932
  }
3933
+ ]
3934
+ },
3935
+ {
3936
+ "kind": "field",
3937
+ "name": "formAssociated",
3938
+ "type": {
3939
+ "text": "boolean"
4030
3940
  },
3941
+ "static": true,
3942
+ "default": "true",
4031
3943
  "inheritedFrom": {
4032
- "name": "UmButtonWrapper",
4033
- "module": "src/shared/button-wrapper.ts"
3944
+ "name": "UmTextFieldBase",
3945
+ "module": "src/shared/text-field-base/text-field-base.ts"
4034
3946
  }
4035
3947
  },
4036
3948
  {
4037
3949
  "kind": "field",
4038
- "name": "disabled",
3950
+ "name": "shadowRootOptions",
4039
3951
  "type": {
4040
- "text": "boolean"
3952
+ "text": "ShadowRootInit"
4041
3953
  },
4042
- "default": "false",
4043
- "description": "Whether the button is disabled or not.",
4044
- "attribute": "disabled",
4045
- "reflects": true,
3954
+ "static": true,
3955
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4046
3956
  "inheritedFrom": {
4047
- "name": "UmButtonWrapper",
4048
- "module": "src/shared/button-wrapper.ts"
3957
+ "name": "UmTextFieldBase",
3958
+ "module": "src/shared/text-field-base/text-field-base.ts"
4049
3959
  }
4050
3960
  },
4051
3961
  {
4052
3962
  "kind": "field",
4053
- "name": "renderRipple",
3963
+ "name": "empty",
4054
3964
  "type": {
4055
3965
  "text": "boolean"
4056
3966
  },
4057
3967
  "default": "true",
3968
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
3969
+ "attribute": "empty",
3970
+ "reflects": true,
4058
3971
  "inheritedFrom": {
4059
- "name": "UmButtonWrapper",
4060
- "module": "src/shared/button-wrapper.ts"
3972
+ "name": "UmFieldBase",
3973
+ "module": "src/field/field-base.ts"
4061
3974
  }
4062
3975
  },
4063
3976
  {
4064
3977
  "kind": "field",
4065
- "name": "href",
3978
+ "name": "placeholder",
4066
3979
  "type": {
4067
- "text": "string | undefined"
3980
+ "text": "string"
4068
3981
  },
4069
- "description": "The URL that the link button points to.",
4070
- "attribute": "href",
3982
+ "default": "''",
3983
+ "attribute": "placeholder",
3984
+ "reflects": true,
4071
3985
  "inheritedFrom": {
4072
- "name": "UmButtonWrapper",
4073
- "module": "src/shared/button-wrapper.ts"
3986
+ "name": "UmTextFieldBase",
3987
+ "module": "src/shared/text-field-base/text-field-base.ts"
4074
3988
  }
4075
3989
  },
4076
3990
  {
4077
3991
  "kind": "field",
4078
- "name": "target",
3992
+ "name": "form",
4079
3993
  "type": {
4080
- "text": "string | undefined"
3994
+ "text": "HTMLFormElement | null"
4081
3995
  },
4082
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4083
- "attribute": "target",
4084
3996
  "inheritedFrom": {
4085
- "name": "UmButtonWrapper",
4086
- "module": "src/shared/button-wrapper.ts"
3997
+ "name": "UmTextFieldBase",
3998
+ "module": "src/shared/text-field-base/text-field-base.ts"
4087
3999
  }
4088
4000
  },
4089
4001
  {
4090
4002
  "kind": "field",
4091
- "name": "name",
4003
+ "name": "elementInternals",
4092
4004
  "type": {
4093
- "text": "string | undefined"
4005
+ "text": "ElementInternals"
4094
4006
  },
4095
- "attribute": "name",
4007
+ "privacy": "protected",
4096
4008
  "inheritedFrom": {
4097
- "name": "UmButtonWrapper",
4098
- "module": "src/shared/button-wrapper.ts"
4009
+ "name": "UmTextFieldBase",
4010
+ "module": "src/shared/text-field-base/text-field-base.ts"
4099
4011
  }
4100
4012
  },
4101
4013
  {
4102
4014
  "kind": "field",
4103
- "name": "buttonElement",
4015
+ "name": "config",
4104
4016
  "type": {
4105
- "text": "HTMLElement"
4017
+ "text": "UmFieldDefaults | undefined"
4106
4018
  },
4019
+ "privacy": "private",
4107
4020
  "inheritedFrom": {
4108
- "name": "UmButtonWrapper",
4109
- "module": "src/shared/button-wrapper.ts"
4021
+ "name": "UmFieldBase",
4022
+ "module": "src/field/field-base.ts"
4110
4023
  }
4111
4024
  },
4112
4025
  {
4113
4026
  "kind": "field",
4114
- "name": "ripple",
4027
+ "name": "variant",
4115
4028
  "type": {
4116
- "text": "UmRipple"
4029
+ "text": "'filled' | 'outlined' | undefined"
4117
4030
  },
4118
- "privacy": "private",
4031
+ "default": "undefined",
4032
+ "attribute": "variant",
4119
4033
  "inheritedFrom": {
4120
- "name": "UmButtonWrapper",
4121
- "module": "src/shared/button-wrapper.ts"
4034
+ "name": "UmFieldBase",
4035
+ "module": "src/field/field-base.ts"
4122
4036
  }
4123
4037
  },
4124
4038
  {
4125
4039
  "kind": "field",
4126
- "name": "innerRole",
4040
+ "name": "label",
4127
4041
  "type": {
4128
- "text": "string | null"
4042
+ "text": "string | undefined"
4129
4043
  },
4130
- "privacy": "protected",
4131
- "default": "null",
4044
+ "description": "The floating label for the field",
4045
+ "attribute": "label",
4132
4046
  "inheritedFrom": {
4133
- "name": "UmButtonWrapper",
4134
- "module": "src/shared/button-wrapper.ts"
4047
+ "name": "UmFieldBase",
4048
+ "module": "src/field/field-base.ts"
4135
4049
  }
4136
4050
  },
4137
4051
  {
4138
4052
  "kind": "field",
4139
- "name": "pathname",
4053
+ "name": "_innerCounter",
4140
4054
  "type": {
4141
- "text": "string"
4055
+ "text": "string | undefined"
4142
4056
  },
4057
+ "privacy": "protected",
4143
4058
  "inheritedFrom": {
4144
- "name": "UmButtonWrapper",
4145
- "module": "src/shared/button-wrapper.ts"
4059
+ "name": "UmFieldBase",
4060
+ "module": "src/field/field-base.ts"
4146
4061
  }
4147
4062
  },
4148
4063
  {
4149
- "kind": "method",
4150
- "name": "renderButton",
4151
- "privacy": "private",
4064
+ "kind": "field",
4065
+ "name": "counter",
4066
+ "type": {
4067
+ "text": "string | undefined"
4068
+ },
4069
+ "attribute": "counter",
4152
4070
  "inheritedFrom": {
4153
- "name": "UmButtonWrapper",
4154
- "module": "src/shared/button-wrapper.ts"
4071
+ "name": "UmFieldBase",
4072
+ "module": "src/field/field-base.ts"
4155
4073
  }
4156
4074
  },
4157
4075
  {
4158
- "kind": "method",
4159
- "name": "renderLink",
4160
- "privacy": "private",
4076
+ "kind": "field",
4077
+ "name": "hideCounter",
4078
+ "type": {
4079
+ "text": "boolean"
4080
+ },
4081
+ "default": "false",
4082
+ "attribute": "hide-counter",
4161
4083
  "inheritedFrom": {
4162
- "name": "UmButtonWrapper",
4163
- "module": "src/shared/button-wrapper.ts"
4084
+ "name": "UmFieldBase",
4085
+ "module": "src/field/field-base.ts"
4164
4086
  }
4165
4087
  },
4166
4088
  {
4167
- "kind": "method",
4168
- "name": "focus",
4089
+ "kind": "field",
4090
+ "name": "supportingText",
4091
+ "type": {
4092
+ "text": "| string\n | undefined"
4093
+ },
4094
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4095
+ "attribute": "supporting-text",
4169
4096
  "inheritedFrom": {
4170
- "name": "UmButtonWrapper",
4171
- "module": "src/shared/button-wrapper.ts"
4097
+ "name": "UmFieldBase",
4098
+ "module": "src/field/field-base.ts"
4172
4099
  }
4173
4100
  },
4174
4101
  {
4175
- "kind": "method",
4176
- "name": "blur",
4102
+ "kind": "field",
4103
+ "name": "errorText",
4104
+ "type": {
4105
+ "text": "string | undefined"
4106
+ },
4107
+ "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`",
4108
+ "attribute": "error-text",
4177
4109
  "inheritedFrom": {
4178
- "name": "UmButtonWrapper",
4179
- "module": "src/shared/button-wrapper.ts"
4110
+ "name": "UmFieldBase",
4111
+ "module": "src/field/field-base.ts"
4180
4112
  }
4181
4113
  },
4182
4114
  {
4183
- "kind": "method",
4184
- "name": "getAriaLabel",
4185
- "privacy": "protected",
4186
- "return": {
4187
- "type": {
4188
- "text": "string | null"
4189
- }
4115
+ "kind": "field",
4116
+ "name": "disabled",
4117
+ "type": {
4118
+ "text": "boolean"
4190
4119
  },
4120
+ "default": "false",
4121
+ "attribute": "disabled",
4122
+ "reflects": true,
4191
4123
  "inheritedFrom": {
4192
- "name": "UmButtonWrapper",
4193
- "module": "src/shared/button-wrapper.ts"
4124
+ "name": "UmFieldBase",
4125
+ "module": "src/field/field-base.ts"
4194
4126
  }
4195
4127
  },
4196
4128
  {
4197
- "kind": "method",
4198
- "name": "innerFocusHandler",
4199
- "privacy": "private",
4200
- "return": {
4201
- "type": {
4202
- "text": "void"
4203
- }
4129
+ "kind": "field",
4130
+ "name": "invalid",
4131
+ "type": {
4132
+ "text": "boolean"
4204
4133
  },
4134
+ "default": "false",
4135
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4136
+ "attribute": "invalid",
4137
+ "reflects": true,
4205
4138
  "inheritedFrom": {
4206
- "name": "UmButtonWrapper",
4207
- "module": "src/shared/button-wrapper.ts"
4139
+ "name": "UmFieldBase",
4140
+ "module": "src/field/field-base.ts"
4208
4141
  }
4209
4142
  },
4210
4143
  {
4211
4144
  "kind": "method",
4212
- "name": "#innerClickHandler",
4145
+ "name": "setDefaults",
4146
+ "static": true,
4213
4147
  "return": {
4214
4148
  "type": {
4215
- "text": "void"
4149
+ "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4216
4150
  }
4217
4151
  },
4218
4152
  "parameters": [
4219
4153
  {
4220
- "name": "event",
4154
+ "name": "contextRoot",
4221
4155
  "type": {
4222
- "text": "MouseEvent"
4156
+ "text": "HTMLElement"
4157
+ }
4158
+ },
4159
+ {
4160
+ "name": "config",
4161
+ "type": {
4162
+ "text": "UmFieldDefaults"
4223
4163
  }
4224
4164
  }
4225
4165
  ],
4226
4166
  "inheritedFrom": {
4227
- "name": "UmButtonWrapper",
4228
- "module": "src/shared/button-wrapper.ts"
4229
- }
4230
- }
4231
- ],
4232
- "events": [
4233
- {
4234
- "name": "change",
4235
- "type": {
4236
- "text": "Event"
4167
+ "name": "UmFieldBase",
4168
+ "module": "src/field/field-base.ts"
4237
4169
  }
4238
- }
4239
- ],
4240
- "attributes": [
4170
+ },
4241
4171
  {
4242
- "name": "selected",
4172
+ "kind": "field",
4173
+ "name": "hasLeadingIcon",
4243
4174
  "type": {
4244
4175
  "text": "boolean"
4245
4176
  },
4246
4177
  "default": "false",
4247
- "description": "Whether the chip is selected or not",
4248
- "fieldName": "selected"
4178
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4179
+ "attribute": "has-leading-icon",
4180
+ "reflects": true,
4181
+ "inheritedFrom": {
4182
+ "name": "UmFieldBase",
4183
+ "module": "src/field/field-base.ts"
4184
+ }
4249
4185
  },
4250
4186
  {
4251
- "name": "clickable",
4187
+ "kind": "field",
4188
+ "name": "hasTrailingIcon",
4252
4189
  "type": {
4253
4190
  "text": "boolean"
4254
4191
  },
4255
- "fieldName": "clickable"
4192
+ "default": "false",
4193
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4194
+ "attribute": "has-trailing-icon",
4195
+ "reflects": true,
4196
+ "inheritedFrom": {
4197
+ "name": "UmFieldBase",
4198
+ "module": "src/field/field-base.ts"
4199
+ }
4256
4200
  },
4257
4201
  {
4258
- "name": "elevated",
4202
+ "kind": "field",
4203
+ "name": "hasErrorText",
4259
4204
  "type": {
4260
4205
  "text": "boolean"
4261
4206
  },
4262
4207
  "default": "false",
4263
- "description": "Adds elevation to the chip",
4264
- "fieldName": "elevated"
4208
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4209
+ "attribute": "has-error-text",
4210
+ "reflects": true,
4211
+ "inheritedFrom": {
4212
+ "name": "UmFieldBase",
4213
+ "module": "src/field/field-base.ts"
4214
+ }
4265
4215
  },
4266
4216
  {
4267
- "name": "toggle",
4217
+ "kind": "field",
4218
+ "name": "assignedLeadingIcons",
4268
4219
  "type": {
4269
- "text": "boolean"
4220
+ "text": "HTMLElement[]"
4270
4221
  },
4271
- "description": "When true, the chip will toggle between selected and unselected\nstates",
4272
- "fieldName": "toggle"
4222
+ "privacy": "private",
4223
+ "inheritedFrom": {
4224
+ "name": "UmFieldBase",
4225
+ "module": "src/field/field-base.ts"
4226
+ }
4273
4227
  },
4274
4228
  {
4275
- "name": "removable",
4229
+ "kind": "field",
4230
+ "name": "assignedTrailingIcons",
4276
4231
  "type": {
4277
- "text": "boolean"
4232
+ "text": "HTMLElement[]"
4278
4233
  },
4279
- "default": "false",
4280
- "description": "Add the remove icon",
4281
- "fieldName": "removable"
4234
+ "privacy": "private",
4235
+ "inheritedFrom": {
4236
+ "name": "UmFieldBase",
4237
+ "module": "src/field/field-base.ts"
4238
+ }
4282
4239
  },
4283
4240
  {
4284
- "name": "hide-selected-icon",
4241
+ "kind": "field",
4242
+ "name": "assignedErrorTexts",
4285
4243
  "type": {
4286
- "text": "boolean"
4244
+ "text": "HTMLElement[]"
4287
4245
  },
4288
- "default": "false",
4289
- "description": "Hide the selected icon",
4290
- "fieldName": "hideSelectedIcon"
4246
+ "privacy": "private",
4247
+ "inheritedFrom": {
4248
+ "name": "UmFieldBase",
4249
+ "module": "src/field/field-base.ts"
4250
+ }
4291
4251
  },
4292
4252
  {
4293
- "name": "has-leading-icon",
4253
+ "kind": "field",
4254
+ "name": "_labelElement",
4294
4255
  "type": {
4295
- "text": "boolean"
4256
+ "text": "HTMLElement"
4296
4257
  },
4297
- "default": "false",
4298
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4299
- "fieldName": "hasLeadingIcon"
4258
+ "privacy": "private",
4259
+ "inheritedFrom": {
4260
+ "name": "UmFieldBase",
4261
+ "module": "src/field/field-base.ts"
4262
+ }
4300
4263
  },
4301
4264
  {
4302
- "name": "has-selected-icon",
4265
+ "kind": "field",
4266
+ "name": "_container",
4303
4267
  "type": {
4304
- "text": "boolean"
4268
+ "text": "HTMLElement"
4305
4269
  },
4306
- "default": "false",
4307
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4308
- "fieldName": "hasSelectedIcon"
4309
- },
4310
- {
4311
- "name": "has-trailing-icon",
4312
- "type": {
4313
- "text": "boolean"
4314
- },
4315
- "default": "false",
4316
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4317
- "fieldName": "hasTrailingIcon"
4270
+ "privacy": "protected",
4271
+ "inheritedFrom": {
4272
+ "name": "UmFieldBase",
4273
+ "module": "src/field/field-base.ts"
4274
+ }
4318
4275
  },
4319
4276
  {
4320
- "name": "disabled",
4277
+ "kind": "field",
4278
+ "name": "labelSizeObserver",
4321
4279
  "type": {
4322
- "text": "boolean"
4280
+ "text": "ResizeObserver | null"
4323
4281
  },
4324
- "default": "false",
4325
- "description": "Whether the button is disabled or not.",
4326
- "fieldName": "disabled",
4282
+ "privacy": "private",
4283
+ "default": "null",
4327
4284
  "inheritedFrom": {
4328
- "name": "UmButtonWrapper",
4329
- "module": "src/shared/button-wrapper.ts"
4285
+ "name": "UmFieldBase",
4286
+ "module": "src/field/field-base.ts"
4330
4287
  }
4331
4288
  },
4332
4289
  {
4333
- "name": "href",
4334
- "type": {
4335
- "text": "string | undefined"
4290
+ "kind": "method",
4291
+ "name": "renderAfterContent",
4292
+ "privacy": "protected",
4293
+ "return": {
4294
+ "type": {
4295
+ "text": "TemplateResult"
4296
+ }
4336
4297
  },
4337
- "description": "The URL that the link button points to.",
4338
- "fieldName": "href",
4339
4298
  "inheritedFrom": {
4340
- "name": "UmButtonWrapper",
4341
- "module": "src/shared/button-wrapper.ts"
4299
+ "name": "UmFieldBase",
4300
+ "module": "src/field/field-base.ts"
4342
4301
  }
4343
4302
  },
4344
4303
  {
4345
- "name": "target",
4346
- "type": {
4347
- "text": "string | undefined"
4304
+ "kind": "method",
4305
+ "name": "#attach",
4306
+ "return": {
4307
+ "type": {
4308
+ "text": "Promise<void>"
4309
+ }
4348
4310
  },
4349
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4350
- "fieldName": "target",
4351
4311
  "inheritedFrom": {
4352
- "name": "UmButtonWrapper",
4353
- "module": "src/shared/button-wrapper.ts"
4312
+ "name": "UmFieldBase",
4313
+ "module": "src/field/field-base.ts"
4354
4314
  }
4355
4315
  },
4356
4316
  {
4357
- "name": "name",
4358
- "type": {
4359
- "text": "string | undefined"
4317
+ "kind": "method",
4318
+ "name": "handleLeadingIconSlotChange",
4319
+ "privacy": "private",
4320
+ "inheritedFrom": {
4321
+ "name": "UmFieldBase",
4322
+ "module": "src/field/field-base.ts"
4323
+ }
4324
+ },
4325
+ {
4326
+ "kind": "method",
4327
+ "name": "handleTrailingIconSlotChange",
4328
+ "privacy": "private",
4329
+ "inheritedFrom": {
4330
+ "name": "UmFieldBase",
4331
+ "module": "src/field/field-base.ts"
4332
+ }
4333
+ },
4334
+ {
4335
+ "kind": "method",
4336
+ "name": "handleErrorTextSlotChange",
4337
+ "privacy": "private",
4338
+ "inheritedFrom": {
4339
+ "name": "UmFieldBase",
4340
+ "module": "src/field/field-base.ts"
4341
+ }
4342
+ },
4343
+ {
4344
+ "kind": "method",
4345
+ "name": "setLabelWidthProperties",
4346
+ "privacy": "private",
4347
+ "inheritedFrom": {
4348
+ "name": "UmFieldBase",
4349
+ "module": "src/field/field-base.ts"
4350
+ }
4351
+ },
4352
+ {
4353
+ "kind": "method",
4354
+ "name": "renderDefaultTrailingIcon",
4355
+ "privacy": "protected",
4356
+ "return": {
4357
+ "type": {
4358
+ "text": "TemplateResult | typeof nothing"
4359
+ }
4360
4360
  },
4361
- "fieldName": "name",
4362
4361
  "inheritedFrom": {
4363
- "name": "UmButtonWrapper",
4364
- "module": "src/shared/button-wrapper.ts"
4362
+ "name": "UmFieldBase",
4363
+ "module": "src/field/field-base.ts"
4365
4364
  }
4366
4365
  }
4367
4366
  ],
4368
- "superclass": {
4369
- "name": "UmButtonWrapper",
4370
- "module": "/src/shared/button-wrapper.js"
4371
- },
4372
- "tagName": "u-chip",
4373
- "customElement": true
4374
- }
4375
- ],
4376
- "exports": [
4377
- {
4378
- "kind": "js",
4379
- "name": "UmChip",
4380
- "declaration": {
4381
- "name": "UmChip",
4382
- "module": "src/chip/chip.ts"
4383
- }
4384
- },
4385
- {
4386
- "kind": "custom-element-definition",
4387
- "name": "u-chip",
4388
- "declaration": {
4389
- "name": "UmChip",
4390
- "module": "src/chip/chip.ts"
4391
- }
4392
- }
4393
- ]
4394
- },
4395
- {
4396
- "kind": "javascript-module",
4397
- "path": "src/chip-field/chip-field.styles.ts",
4398
- "declarations": [
4399
- {
4400
- "kind": "variable",
4401
- "name": "styles",
4402
- "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`"
4403
- }
4404
- ],
4405
- "exports": [
4406
- {
4407
- "kind": "js",
4408
- "name": "styles",
4409
- "declaration": {
4410
- "name": "styles",
4411
- "module": "src/chip-field/chip-field.styles.ts"
4412
- }
4413
- }
4414
- ]
4415
- },
4416
- {
4417
- "kind": "javascript-module",
4418
- "path": "src/chip-field/chip-field.ts",
4419
- "declarations": [
4420
- {
4421
- "kind": "class",
4422
- "description": "",
4423
- "name": "UmChipField",
4424
- "members": [
4367
+ "events": [
4425
4368
  {
4426
- "kind": "field",
4427
- "name": "input",
4369
+ "name": "change",
4428
4370
  "type": {
4429
- "text": "HTMLInputElement"
4371
+ "text": "Event"
4430
4372
  }
4431
- },
4373
+ }
4374
+ ],
4375
+ "attributes": [
4432
4376
  {
4433
- "kind": "field",
4434
4377
  "name": "name",
4435
4378
  "type": {
4436
4379
  "text": "string"
4437
4380
  },
4438
- "attribute": "name"
4381
+ "fieldName": "name"
4439
4382
  },
4440
4383
  {
4441
- "kind": "field",
4442
4384
  "name": "manual",
4443
4385
  "type": {
4444
4386
  "text": "boolean"
4445
4387
  },
4446
4388
  "default": "false",
4447
4389
  "description": "If true, ignore enter key input",
4448
- "attribute": "manual"
4390
+ "fieldName": "manual"
4449
4391
  },
4450
4392
  {
4451
- "kind": "field",
4452
- "name": "formatter",
4393
+ "name": "placeholder",
4453
4394
  "type": {
4454
- "text": "((value: any) => string) | undefined"
4395
+ "text": "string"
4455
4396
  },
4456
- "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
4397
+ "default": "''",
4398
+ "fieldName": "placeholder",
4399
+ "inheritedFrom": {
4400
+ "name": "UmTextFieldBase",
4401
+ "module": "src/shared/text-field-base/text-field-base.ts"
4402
+ }
4457
4403
  },
4458
4404
  {
4459
- "kind": "field",
4460
- "name": "leadingIconTemplate",
4405
+ "name": "variant",
4461
4406
  "type": {
4462
- "text": "((value: any) => string) | undefined"
4407
+ "text": "'filled' | 'outlined' | undefined"
4463
4408
  },
4464
- "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
4409
+ "default": "undefined",
4410
+ "resolveInitializer": {
4411
+ "module": "src/field/field-base.ts"
4412
+ },
4413
+ "fieldName": "variant",
4414
+ "inheritedFrom": {
4415
+ "name": "UmFieldBase",
4416
+ "module": "src/field/field-base.ts"
4417
+ }
4465
4418
  },
4466
4419
  {
4467
- "kind": "field",
4468
- "name": "#value",
4469
- "privacy": "private",
4420
+ "name": "label",
4470
4421
  "type": {
4471
- "text": "any[]"
4422
+ "text": "string | undefined"
4472
4423
  },
4473
- "default": "[]"
4424
+ "description": "The floating label for the field",
4425
+ "fieldName": "label",
4426
+ "inheritedFrom": {
4427
+ "name": "UmFieldBase",
4428
+ "module": "src/field/field-base.ts"
4429
+ }
4474
4430
  },
4475
4431
  {
4476
- "kind": "field",
4477
- "name": "value",
4432
+ "name": "counter",
4478
4433
  "type": {
4479
- "text": "any[]"
4434
+ "text": "string | undefined"
4480
4435
  },
4481
- "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`."
4482
- },
4483
- {
4484
- "kind": "method",
4485
- "name": "setFormValue",
4486
- "privacy": "private"
4487
- },
4488
- {
4489
- "kind": "method",
4490
- "name": "focus"
4436
+ "fieldName": "counter",
4437
+ "inheritedFrom": {
4438
+ "name": "UmFieldBase",
4439
+ "module": "src/field/field-base.ts"
4440
+ }
4491
4441
  },
4492
4442
  {
4493
- "kind": "method",
4494
- "name": "renderControl",
4495
- "privacy": "protected",
4496
- "return": {
4497
- "type": {
4498
- "text": "HTMLTemplateResult"
4499
- }
4443
+ "name": "hide-counter",
4444
+ "type": {
4445
+ "text": "boolean"
4500
4446
  },
4447
+ "default": "false",
4448
+ "fieldName": "hideCounter",
4501
4449
  "inheritedFrom": {
4502
4450
  "name": "UmFieldBase",
4503
4451
  "module": "src/field/field-base.ts"
4504
4452
  }
4505
4453
  },
4506
4454
  {
4507
- "kind": "method",
4508
- "name": "#getChips"
4509
- },
4510
- {
4511
- "kind": "method",
4512
- "name": "#handleBlur"
4513
- },
4514
- {
4515
- "kind": "method",
4516
- "name": "#handleInput"
4517
- },
4518
- {
4519
- "kind": "method",
4520
- "name": "#handleKeyDown",
4521
- "parameters": [
4522
- {
4523
- "name": "e",
4524
- "type": {
4525
- "text": "KeyboardEvent"
4526
- }
4527
- }
4528
- ]
4529
- },
4530
- {
4531
- "kind": "method",
4532
- "name": "add",
4533
- "parameters": [
4534
- {
4535
- "name": "value",
4536
- "type": {
4537
- "text": "any"
4538
- }
4539
- },
4540
- {
4541
- "name": "triggerChange",
4542
- "default": "false"
4543
- }
4544
- ]
4545
- },
4546
- {
4547
- "kind": "method",
4548
- "name": "removeAt",
4549
- "parameters": [
4550
- {
4551
- "name": "index",
4552
- "type": {
4553
- "text": "number"
4554
- }
4555
- },
4556
- {
4557
- "name": "triggerChange",
4558
- "default": "false"
4559
- }
4560
- ]
4561
- },
4562
- {
4563
- "kind": "field",
4564
- "name": "#removeChip",
4565
- "privacy": "private"
4566
- },
4567
- {
4568
- "kind": "method",
4569
- "name": "#changed",
4570
- "parameters": [
4571
- {
4572
- "name": "triggerChange",
4573
- "type": {
4574
- "text": "boolean"
4575
- }
4576
- }
4577
- ]
4455
+ "name": "supporting-text",
4456
+ "type": {
4457
+ "text": "| string\n | undefined"
4458
+ },
4459
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4460
+ "fieldName": "supportingText",
4461
+ "inheritedFrom": {
4462
+ "name": "UmFieldBase",
4463
+ "module": "src/field/field-base.ts"
4464
+ }
4578
4465
  },
4579
4466
  {
4580
- "kind": "method",
4581
- "name": "#valueUpdate"
4467
+ "name": "error-text",
4468
+ "type": {
4469
+ "text": "string | undefined"
4470
+ },
4471
+ "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`",
4472
+ "fieldName": "errorText",
4473
+ "inheritedFrom": {
4474
+ "name": "UmFieldBase",
4475
+ "module": "src/field/field-base.ts"
4476
+ }
4582
4477
  },
4583
4478
  {
4584
- "kind": "method",
4585
- "name": "#setEmpty"
4479
+ "name": "empty",
4480
+ "type": {
4481
+ "text": "boolean"
4482
+ },
4483
+ "default": "false",
4484
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4485
+ "fieldName": "empty",
4486
+ "inheritedFrom": {
4487
+ "name": "UmFieldBase",
4488
+ "module": "src/field/field-base.ts"
4489
+ }
4586
4490
  },
4587
4491
  {
4588
- "kind": "method",
4589
- "name": "#dispatchRemoveEvent",
4590
- "return": {
4591
- "type": {
4592
- "text": "boolean"
4593
- }
4492
+ "name": "disabled",
4493
+ "type": {
4494
+ "text": "boolean"
4594
4495
  },
4595
- "parameters": [
4596
- {
4597
- "name": "index",
4598
- "type": {
4599
- "text": "number"
4600
- }
4601
- }
4602
- ]
4496
+ "default": "false",
4497
+ "fieldName": "disabled",
4498
+ "inheritedFrom": {
4499
+ "name": "UmFieldBase",
4500
+ "module": "src/field/field-base.ts"
4501
+ }
4603
4502
  },
4604
4503
  {
4605
- "kind": "method",
4606
- "name": "getItemLabel",
4607
- "privacy": "private",
4608
- "parameters": [
4609
- {
4610
- "name": "item",
4611
- "type": {
4612
- "text": "any"
4613
- }
4614
- }
4615
- ]
4504
+ "name": "invalid",
4505
+ "type": {
4506
+ "text": "boolean"
4507
+ },
4508
+ "default": "false",
4509
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4510
+ "fieldName": "invalid",
4511
+ "inheritedFrom": {
4512
+ "name": "UmFieldBase",
4513
+ "module": "src/field/field-base.ts"
4514
+ }
4616
4515
  },
4617
4516
  {
4618
- "kind": "field",
4619
- "name": "formAssociated",
4517
+ "name": "has-leading-icon",
4620
4518
  "type": {
4621
4519
  "text": "boolean"
4622
4520
  },
4623
- "static": true,
4624
- "default": "true",
4521
+ "default": "false",
4522
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4523
+ "fieldName": "hasLeadingIcon",
4625
4524
  "inheritedFrom": {
4626
- "name": "UmTextFieldBase",
4627
- "module": "src/shared/text-field-base/text-field-base.ts"
4525
+ "name": "UmFieldBase",
4526
+ "module": "src/field/field-base.ts"
4628
4527
  }
4629
4528
  },
4630
4529
  {
4631
- "kind": "field",
4632
- "name": "shadowRootOptions",
4530
+ "name": "has-trailing-icon",
4633
4531
  "type": {
4634
- "text": "ShadowRootInit"
4532
+ "text": "boolean"
4635
4533
  },
4636
- "static": true,
4637
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4534
+ "default": "false",
4535
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4536
+ "fieldName": "hasTrailingIcon",
4638
4537
  "inheritedFrom": {
4639
- "name": "UmTextFieldBase",
4640
- "module": "src/shared/text-field-base/text-field-base.ts"
4538
+ "name": "UmFieldBase",
4539
+ "module": "src/field/field-base.ts"
4641
4540
  }
4642
4541
  },
4643
4542
  {
4644
- "kind": "field",
4645
- "name": "empty",
4543
+ "name": "has-error-text",
4646
4544
  "type": {
4647
4545
  "text": "boolean"
4648
4546
  },
4649
- "default": "true",
4650
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4651
- "attribute": "empty",
4652
- "reflects": true,
4547
+ "default": "false",
4548
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4549
+ "fieldName": "hasErrorText",
4653
4550
  "inheritedFrom": {
4654
4551
  "name": "UmFieldBase",
4655
4552
  "module": "src/field/field-base.ts"
4656
4553
  }
4657
- },
4554
+ }
4555
+ ],
4556
+ "superclass": {
4557
+ "name": "UmTextFieldBase",
4558
+ "module": "/src/shared/text-field-base/text-field-base.js"
4559
+ },
4560
+ "tagName": "u-chip-field",
4561
+ "customElement": true
4562
+ }
4563
+ ],
4564
+ "exports": [
4565
+ {
4566
+ "kind": "js",
4567
+ "name": "UmChipField",
4568
+ "declaration": {
4569
+ "name": "UmChipField",
4570
+ "module": "src/chip-field/chip-field.ts"
4571
+ }
4572
+ },
4573
+ {
4574
+ "kind": "custom-element-definition",
4575
+ "name": "u-chip-field",
4576
+ "declaration": {
4577
+ "name": "UmChipField",
4578
+ "module": "src/chip-field/chip-field.ts"
4579
+ }
4580
+ }
4581
+ ]
4582
+ },
4583
+ {
4584
+ "kind": "javascript-module",
4585
+ "path": "src/chip/chip-set.styles.ts",
4586
+ "declarations": [
4587
+ {
4588
+ "kind": "variable",
4589
+ "name": "styles",
4590
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
4591
+ }
4592
+ ],
4593
+ "exports": [
4594
+ {
4595
+ "kind": "js",
4596
+ "name": "styles",
4597
+ "declaration": {
4598
+ "name": "styles",
4599
+ "module": "src/chip/chip-set.styles.ts"
4600
+ }
4601
+ }
4602
+ ]
4603
+ },
4604
+ {
4605
+ "kind": "javascript-module",
4606
+ "path": "src/chip/chip-set.ts",
4607
+ "declarations": [
4608
+ {
4609
+ "kind": "class",
4610
+ "description": "",
4611
+ "name": "UmChipSet",
4612
+ "members": [
4658
4613
  {
4659
4614
  "kind": "field",
4660
- "name": "placeholder",
4615
+ "name": "alignment",
4661
4616
  "type": {
4662
- "text": "string"
4617
+ "text": "'start' | 'center' | 'end'"
4663
4618
  },
4664
- "default": "''",
4665
- "attribute": "placeholder",
4619
+ "default": "'start'",
4620
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4621
+ "attribute": "alignment",
4666
4622
  "reflects": true,
4667
4623
  "inheritedFrom": {
4668
- "name": "UmTextFieldBase",
4669
- "module": "src/shared/text-field-base/text-field-base.ts"
4624
+ "name": "UmSetBase",
4625
+ "module": "src/shared/sets/set-base.ts"
4670
4626
  }
4671
- },
4627
+ }
4628
+ ],
4629
+ "superclass": {
4630
+ "name": "UmSetBase",
4631
+ "module": "/src/shared/sets/set-base.js"
4632
+ },
4633
+ "tagName": "u-chip-set",
4634
+ "customElement": true,
4635
+ "attributes": [
4672
4636
  {
4673
- "kind": "field",
4674
- "name": "form",
4637
+ "name": "alignment",
4675
4638
  "type": {
4676
- "text": "HTMLFormElement | null"
4639
+ "text": "'start' | 'center' | 'end'"
4677
4640
  },
4641
+ "default": "'start'",
4642
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4643
+ "fieldName": "alignment",
4678
4644
  "inheritedFrom": {
4679
- "name": "UmTextFieldBase",
4680
- "module": "src/shared/text-field-base/text-field-base.ts"
4645
+ "name": "UmSetBase",
4646
+ "module": "src/shared/sets/set-base.ts"
4681
4647
  }
4648
+ }
4649
+ ]
4650
+ }
4651
+ ],
4652
+ "exports": [
4653
+ {
4654
+ "kind": "js",
4655
+ "name": "UmChipSet",
4656
+ "declaration": {
4657
+ "name": "UmChipSet",
4658
+ "module": "src/chip/chip-set.ts"
4659
+ }
4660
+ },
4661
+ {
4662
+ "kind": "custom-element-definition",
4663
+ "name": "u-chip-set",
4664
+ "declaration": {
4665
+ "name": "UmChipSet",
4666
+ "module": "src/chip/chip-set.ts"
4667
+ }
4668
+ }
4669
+ ]
4670
+ },
4671
+ {
4672
+ "kind": "javascript-module",
4673
+ "path": "src/chip/chip.styles.ts",
4674
+ "declarations": [
4675
+ {
4676
+ "kind": "variable",
4677
+ "name": "styles",
4678
+ "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: 1em;\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`"
4679
+ }
4680
+ ],
4681
+ "exports": [
4682
+ {
4683
+ "kind": "js",
4684
+ "name": "styles",
4685
+ "declaration": {
4686
+ "name": "styles",
4687
+ "module": "src/chip/chip.styles.ts"
4688
+ }
4689
+ }
4690
+ ]
4691
+ },
4692
+ {
4693
+ "kind": "javascript-module",
4694
+ "path": "src/chip/chip.ts",
4695
+ "declarations": [
4696
+ {
4697
+ "kind": "class",
4698
+ "description": "",
4699
+ "name": "UmChip",
4700
+ "members": [
4701
+ {
4702
+ "kind": "field",
4703
+ "name": "#clickable",
4704
+ "privacy": "private",
4705
+ "type": {
4706
+ "text": "boolean"
4707
+ },
4708
+ "default": "false"
4682
4709
  },
4683
4710
  {
4684
4711
  "kind": "field",
4685
- "name": "elementInternals",
4712
+ "name": "#toggle",
4713
+ "privacy": "private",
4686
4714
  "type": {
4687
- "text": "ElementInternals"
4715
+ "text": "boolean"
4688
4716
  },
4689
- "privacy": "protected",
4690
- "inheritedFrom": {
4691
- "name": "UmTextFieldBase",
4692
- "module": "src/shared/text-field-base/text-field-base.ts"
4693
- }
4717
+ "default": "false"
4718
+ },
4719
+ {
4720
+ "kind": "field",
4721
+ "name": "selected",
4722
+ "type": {
4723
+ "text": "boolean"
4724
+ },
4725
+ "default": "false",
4726
+ "description": "Whether the chip is selected or not",
4727
+ "attribute": "selected",
4728
+ "reflects": true
4729
+ },
4730
+ {
4731
+ "kind": "field",
4732
+ "name": "clickable",
4733
+ "type": {
4734
+ "text": "boolean"
4735
+ },
4736
+ "attribute": "clickable",
4737
+ "reflects": true
4738
+ },
4739
+ {
4740
+ "kind": "field",
4741
+ "name": "elevated",
4742
+ "type": {
4743
+ "text": "boolean"
4744
+ },
4745
+ "default": "false",
4746
+ "description": "Adds elevation to the chip",
4747
+ "attribute": "elevated",
4748
+ "reflects": true
4694
4749
  },
4695
4750
  {
4696
4751
  "kind": "field",
4697
- "name": "config",
4752
+ "name": "toggle",
4698
4753
  "type": {
4699
- "text": "UmFieldDefaults | undefined"
4754
+ "text": "boolean"
4700
4755
  },
4701
- "privacy": "private",
4702
- "inheritedFrom": {
4703
- "name": "UmFieldBase",
4704
- "module": "src/field/field-base.ts"
4705
- }
4756
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4757
+ "attribute": "toggle",
4758
+ "reflects": true
4706
4759
  },
4707
4760
  {
4708
4761
  "kind": "field",
4709
- "name": "variant",
4762
+ "name": "removable",
4710
4763
  "type": {
4711
- "text": "'filled' | 'outlined' | undefined"
4764
+ "text": "boolean"
4712
4765
  },
4713
- "default": "undefined",
4714
- "attribute": "variant",
4715
- "inheritedFrom": {
4716
- "name": "UmFieldBase",
4717
- "module": "src/field/field-base.ts"
4718
- }
4766
+ "default": "false",
4767
+ "description": "Add the remove icon",
4768
+ "attribute": "removable",
4769
+ "reflects": true
4719
4770
  },
4720
4771
  {
4721
4772
  "kind": "field",
4722
- "name": "label",
4773
+ "name": "hideSelectedIcon",
4723
4774
  "type": {
4724
- "text": "string | undefined"
4775
+ "text": "boolean"
4725
4776
  },
4726
- "description": "The floating label for the field",
4727
- "attribute": "label",
4728
- "inheritedFrom": {
4729
- "name": "UmFieldBase",
4730
- "module": "src/field/field-base.ts"
4731
- }
4777
+ "default": "false",
4778
+ "description": "Hide the selected icon",
4779
+ "attribute": "hide-selected-icon",
4780
+ "reflects": true
4732
4781
  },
4733
4782
  {
4734
4783
  "kind": "field",
4735
- "name": "_innerCounter",
4784
+ "name": "hasLeadingIcon",
4736
4785
  "type": {
4737
- "text": "string | undefined"
4786
+ "text": "boolean"
4738
4787
  },
4739
- "privacy": "protected",
4740
- "inheritedFrom": {
4741
- "name": "UmFieldBase",
4742
- "module": "src/field/field-base.ts"
4743
- }
4788
+ "default": "false",
4789
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4790
+ "attribute": "has-leading-icon",
4791
+ "reflects": true
4744
4792
  },
4745
4793
  {
4746
4794
  "kind": "field",
4747
- "name": "counter",
4795
+ "name": "hasSelectedIcon",
4748
4796
  "type": {
4749
- "text": "string | undefined"
4797
+ "text": "boolean"
4750
4798
  },
4751
- "attribute": "counter",
4752
- "inheritedFrom": {
4753
- "name": "UmFieldBase",
4754
- "module": "src/field/field-base.ts"
4755
- }
4799
+ "default": "false",
4800
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4801
+ "attribute": "has-selected-icon",
4802
+ "reflects": true
4756
4803
  },
4757
4804
  {
4758
4805
  "kind": "field",
4759
- "name": "hideCounter",
4806
+ "name": "hasTrailingIcon",
4760
4807
  "type": {
4761
4808
  "text": "boolean"
4762
4809
  },
4763
4810
  "default": "false",
4764
- "attribute": "hide-counter",
4765
- "inheritedFrom": {
4766
- "name": "UmFieldBase",
4767
- "module": "src/field/field-base.ts"
4768
- }
4811
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4812
+ "attribute": "has-trailing-icon",
4813
+ "reflects": true
4769
4814
  },
4770
4815
  {
4771
4816
  "kind": "field",
4772
- "name": "supportingText",
4817
+ "name": "assignedLeadingIcons",
4773
4818
  "type": {
4774
- "text": "| string\n | undefined"
4819
+ "text": "HTMLElement[]"
4775
4820
  },
4776
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
4777
- "attribute": "supporting-text",
4778
- "inheritedFrom": {
4779
- "name": "UmFieldBase",
4780
- "module": "src/field/field-base.ts"
4781
- }
4821
+ "privacy": "private"
4782
4822
  },
4783
4823
  {
4784
4824
  "kind": "field",
4785
- "name": "errorText",
4825
+ "name": "assignedSelectedIcons",
4786
4826
  "type": {
4787
- "text": "string | undefined"
4827
+ "text": "HTMLElement[]"
4788
4828
  },
4789
- "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`",
4790
- "attribute": "error-text",
4791
- "inheritedFrom": {
4792
- "name": "UmFieldBase",
4793
- "module": "src/field/field-base.ts"
4794
- }
4829
+ "privacy": "private"
4795
4830
  },
4796
4831
  {
4797
4832
  "kind": "field",
4798
- "name": "disabled",
4833
+ "name": "assignedTrailingIcons",
4799
4834
  "type": {
4800
- "text": "boolean"
4835
+ "text": "HTMLElement[]"
4801
4836
  },
4802
- "default": "false",
4803
- "attribute": "disabled",
4804
- "reflects": true,
4805
- "inheritedFrom": {
4806
- "name": "UmFieldBase",
4807
- "module": "src/field/field-base.ts"
4808
- }
4837
+ "privacy": "private"
4809
4838
  },
4810
4839
  {
4811
4840
  "kind": "field",
4812
- "name": "invalid",
4841
+ "name": "removeRipple",
4813
4842
  "type": {
4814
- "text": "boolean"
4815
- },
4816
- "default": "false",
4817
- "description": "Get or sets where or not the field is in a visually invalid state.",
4818
- "attribute": "invalid",
4819
- "reflects": true,
4820
- "inheritedFrom": {
4821
- "name": "UmFieldBase",
4822
- "module": "src/field/field-base.ts"
4843
+ "text": "UmRipple"
4823
4844
  }
4824
4845
  },
4825
4846
  {
4826
4847
  "kind": "method",
4827
- "name": "setDefaults",
4828
- "static": true,
4848
+ "name": "#handleRemoveClick",
4849
+ "parameters": [
4850
+ {
4851
+ "name": "e",
4852
+ "type": {
4853
+ "text": "Event"
4854
+ }
4855
+ }
4856
+ ]
4857
+ },
4858
+ {
4859
+ "kind": "method",
4860
+ "name": "#handleTrailingIconSlotChange"
4861
+ },
4862
+ {
4863
+ "kind": "method",
4864
+ "name": "#handleLeadingIconSlotChange"
4865
+ },
4866
+ {
4867
+ "kind": "method",
4868
+ "name": "#handleSelectedIconSlotChange"
4869
+ },
4870
+ {
4871
+ "kind": "method",
4872
+ "name": "handleClick",
4873
+ "privacy": "protected",
4829
4874
  "return": {
4830
4875
  "type": {
4831
- "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4876
+ "text": "void"
4832
4877
  }
4833
4878
  },
4834
4879
  "parameters": [
4835
4880
  {
4836
- "name": "contextRoot",
4837
- "type": {
4838
- "text": "HTMLElement"
4839
- }
4840
- },
4841
- {
4842
- "name": "config",
4881
+ "name": "event",
4843
4882
  "type": {
4844
- "text": "UmFieldDefaults"
4883
+ "text": "UIEvent"
4845
4884
  }
4846
4885
  }
4847
4886
  ],
4848
4887
  "inheritedFrom": {
4849
- "name": "UmFieldBase",
4850
- "module": "src/field/field-base.ts"
4888
+ "name": "UmButtonWrapper",
4889
+ "module": "src/shared/button-wrapper.ts"
4890
+ }
4891
+ },
4892
+ {
4893
+ "kind": "method",
4894
+ "name": "renderContent",
4895
+ "privacy": "protected",
4896
+ "return": {
4897
+ "type": {
4898
+ "text": "HTMLTemplateResult"
4899
+ }
4900
+ },
4901
+ "inheritedFrom": {
4902
+ "name": "UmButtonWrapper",
4903
+ "module": "src/shared/button-wrapper.ts"
4851
4904
  }
4852
4905
  },
4853
4906
  {
4854
4907
  "kind": "field",
4855
- "name": "hasLeadingIcon",
4908
+ "name": "disabled",
4856
4909
  "type": {
4857
4910
  "text": "boolean"
4858
4911
  },
4859
4912
  "default": "false",
4860
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4861
- "attribute": "has-leading-icon",
4913
+ "description": "Whether the button is disabled or not.",
4914
+ "attribute": "disabled",
4862
4915
  "reflects": true,
4863
4916
  "inheritedFrom": {
4864
- "name": "UmFieldBase",
4865
- "module": "src/field/field-base.ts"
4917
+ "name": "UmButtonWrapper",
4918
+ "module": "src/shared/button-wrapper.ts"
4866
4919
  }
4867
4920
  },
4868
4921
  {
4869
4922
  "kind": "field",
4870
- "name": "hasTrailingIcon",
4923
+ "name": "renderRipple",
4871
4924
  "type": {
4872
4925
  "text": "boolean"
4873
4926
  },
4874
- "default": "false",
4875
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4876
- "attribute": "has-trailing-icon",
4877
- "reflects": true,
4927
+ "default": "true",
4878
4928
  "inheritedFrom": {
4879
- "name": "UmFieldBase",
4880
- "module": "src/field/field-base.ts"
4929
+ "name": "UmButtonWrapper",
4930
+ "module": "src/shared/button-wrapper.ts"
4881
4931
  }
4882
4932
  },
4883
4933
  {
4884
4934
  "kind": "field",
4885
- "name": "hasErrorText",
4935
+ "name": "href",
4886
4936
  "type": {
4887
- "text": "boolean"
4937
+ "text": "string | undefined"
4888
4938
  },
4889
- "default": "false",
4890
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4891
- "attribute": "has-error-text",
4892
- "reflects": true,
4939
+ "description": "The URL that the link button points to.",
4940
+ "attribute": "href",
4893
4941
  "inheritedFrom": {
4894
- "name": "UmFieldBase",
4895
- "module": "src/field/field-base.ts"
4942
+ "name": "UmButtonWrapper",
4943
+ "module": "src/shared/button-wrapper.ts"
4896
4944
  }
4897
4945
  },
4898
4946
  {
4899
4947
  "kind": "field",
4900
- "name": "assignedLeadingIcons",
4948
+ "name": "target",
4901
4949
  "type": {
4902
- "text": "HTMLElement[]"
4950
+ "text": "string | undefined"
4903
4951
  },
4904
- "privacy": "private",
4952
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4953
+ "attribute": "target",
4905
4954
  "inheritedFrom": {
4906
- "name": "UmFieldBase",
4907
- "module": "src/field/field-base.ts"
4955
+ "name": "UmButtonWrapper",
4956
+ "module": "src/shared/button-wrapper.ts"
4908
4957
  }
4909
4958
  },
4910
4959
  {
4911
4960
  "kind": "field",
4912
- "name": "assignedTrailingIcons",
4961
+ "name": "name",
4913
4962
  "type": {
4914
- "text": "HTMLElement[]"
4963
+ "text": "string | undefined"
4915
4964
  },
4916
- "privacy": "private",
4965
+ "attribute": "name",
4917
4966
  "inheritedFrom": {
4918
- "name": "UmFieldBase",
4919
- "module": "src/field/field-base.ts"
4967
+ "name": "UmButtonWrapper",
4968
+ "module": "src/shared/button-wrapper.ts"
4920
4969
  }
4921
4970
  },
4922
4971
  {
4923
4972
  "kind": "field",
4924
- "name": "assignedErrorTexts",
4973
+ "name": "buttonElement",
4925
4974
  "type": {
4926
- "text": "HTMLElement[]"
4975
+ "text": "HTMLElement"
4927
4976
  },
4928
- "privacy": "private",
4929
4977
  "inheritedFrom": {
4930
- "name": "UmFieldBase",
4931
- "module": "src/field/field-base.ts"
4978
+ "name": "UmButtonWrapper",
4979
+ "module": "src/shared/button-wrapper.ts"
4932
4980
  }
4933
4981
  },
4934
4982
  {
4935
4983
  "kind": "field",
4936
- "name": "_labelElement",
4984
+ "name": "ripple",
4937
4985
  "type": {
4938
- "text": "HTMLElement"
4986
+ "text": "UmRipple"
4939
4987
  },
4940
4988
  "privacy": "private",
4941
4989
  "inheritedFrom": {
4942
- "name": "UmFieldBase",
4943
- "module": "src/field/field-base.ts"
4990
+ "name": "UmButtonWrapper",
4991
+ "module": "src/shared/button-wrapper.ts"
4944
4992
  }
4945
4993
  },
4946
4994
  {
4947
4995
  "kind": "field",
4948
- "name": "_container",
4996
+ "name": "innerRole",
4949
4997
  "type": {
4950
- "text": "HTMLElement"
4998
+ "text": "string | null"
4951
4999
  },
4952
5000
  "privacy": "protected",
5001
+ "default": "null",
4953
5002
  "inheritedFrom": {
4954
- "name": "UmFieldBase",
4955
- "module": "src/field/field-base.ts"
5003
+ "name": "UmButtonWrapper",
5004
+ "module": "src/shared/button-wrapper.ts"
4956
5005
  }
4957
5006
  },
4958
5007
  {
4959
5008
  "kind": "field",
4960
- "name": "labelSizeObserver",
5009
+ "name": "pathname",
4961
5010
  "type": {
4962
- "text": "ResizeObserver | null"
5011
+ "text": "string"
4963
5012
  },
4964
- "privacy": "private",
4965
- "default": "null",
4966
5013
  "inheritedFrom": {
4967
- "name": "UmFieldBase",
4968
- "module": "src/field/field-base.ts"
5014
+ "name": "UmButtonWrapper",
5015
+ "module": "src/shared/button-wrapper.ts"
4969
5016
  }
4970
5017
  },
4971
5018
  {
4972
5019
  "kind": "method",
4973
- "name": "renderAfterContent",
4974
- "privacy": "protected",
4975
- "return": {
4976
- "type": {
4977
- "text": "TemplateResult"
4978
- }
4979
- },
5020
+ "name": "renderButton",
5021
+ "privacy": "private",
4980
5022
  "inheritedFrom": {
4981
- "name": "UmFieldBase",
4982
- "module": "src/field/field-base.ts"
5023
+ "name": "UmButtonWrapper",
5024
+ "module": "src/shared/button-wrapper.ts"
4983
5025
  }
4984
5026
  },
4985
5027
  {
4986
5028
  "kind": "method",
4987
- "name": "#attach",
4988
- "return": {
4989
- "type": {
4990
- "text": "Promise<void>"
4991
- }
4992
- },
5029
+ "name": "renderLink",
5030
+ "privacy": "private",
4993
5031
  "inheritedFrom": {
4994
- "name": "UmFieldBase",
4995
- "module": "src/field/field-base.ts"
5032
+ "name": "UmButtonWrapper",
5033
+ "module": "src/shared/button-wrapper.ts"
4996
5034
  }
4997
5035
  },
4998
5036
  {
4999
5037
  "kind": "method",
5000
- "name": "handleLeadingIconSlotChange",
5001
- "privacy": "private",
5038
+ "name": "focus",
5002
5039
  "inheritedFrom": {
5003
- "name": "UmFieldBase",
5004
- "module": "src/field/field-base.ts"
5040
+ "name": "UmButtonWrapper",
5041
+ "module": "src/shared/button-wrapper.ts"
5005
5042
  }
5006
5043
  },
5007
5044
  {
5008
5045
  "kind": "method",
5009
- "name": "handleTrailingIconSlotChange",
5010
- "privacy": "private",
5046
+ "name": "blur",
5011
5047
  "inheritedFrom": {
5012
- "name": "UmFieldBase",
5013
- "module": "src/field/field-base.ts"
5048
+ "name": "UmButtonWrapper",
5049
+ "module": "src/shared/button-wrapper.ts"
5014
5050
  }
5015
5051
  },
5016
5052
  {
5017
5053
  "kind": "method",
5018
- "name": "handleErrorTextSlotChange",
5019
- "privacy": "private",
5054
+ "name": "getAriaLabel",
5055
+ "privacy": "protected",
5056
+ "return": {
5057
+ "type": {
5058
+ "text": "string | null"
5059
+ }
5060
+ },
5020
5061
  "inheritedFrom": {
5021
- "name": "UmFieldBase",
5022
- "module": "src/field/field-base.ts"
5062
+ "name": "UmButtonWrapper",
5063
+ "module": "src/shared/button-wrapper.ts"
5023
5064
  }
5024
5065
  },
5025
5066
  {
5026
5067
  "kind": "method",
5027
- "name": "setLabelWidthProperties",
5068
+ "name": "innerFocusHandler",
5028
5069
  "privacy": "private",
5070
+ "return": {
5071
+ "type": {
5072
+ "text": "void"
5073
+ }
5074
+ },
5029
5075
  "inheritedFrom": {
5030
- "name": "UmFieldBase",
5031
- "module": "src/field/field-base.ts"
5076
+ "name": "UmButtonWrapper",
5077
+ "module": "src/shared/button-wrapper.ts"
5032
5078
  }
5033
5079
  },
5034
5080
  {
5035
5081
  "kind": "method",
5036
- "name": "renderDefaultTrailingIcon",
5037
- "privacy": "protected",
5082
+ "name": "#innerClickHandler",
5038
5083
  "return": {
5039
5084
  "type": {
5040
- "text": "TemplateResult | typeof nothing"
5085
+ "text": "void"
5041
5086
  }
5042
5087
  },
5088
+ "parameters": [
5089
+ {
5090
+ "name": "event",
5091
+ "type": {
5092
+ "text": "MouseEvent"
5093
+ }
5094
+ }
5095
+ ],
5043
5096
  "inheritedFrom": {
5044
- "name": "UmFieldBase",
5045
- "module": "src/field/field-base.ts"
5097
+ "name": "UmButtonWrapper",
5098
+ "module": "src/shared/button-wrapper.ts"
5046
5099
  }
5047
5100
  }
5048
5101
  ],
@@ -5056,208 +5109,155 @@
5056
5109
  ],
5057
5110
  "attributes": [
5058
5111
  {
5059
- "name": "name",
5060
- "type": {
5061
- "text": "string"
5062
- },
5063
- "fieldName": "name"
5064
- },
5065
- {
5066
- "name": "manual",
5112
+ "name": "selected",
5067
5113
  "type": {
5068
5114
  "text": "boolean"
5069
5115
  },
5070
5116
  "default": "false",
5071
- "description": "If true, ignore enter key input",
5072
- "fieldName": "manual"
5073
- },
5074
- {
5075
- "name": "placeholder",
5076
- "type": {
5077
- "text": "string"
5078
- },
5079
- "default": "''",
5080
- "fieldName": "placeholder",
5081
- "inheritedFrom": {
5082
- "name": "UmTextFieldBase",
5083
- "module": "src/shared/text-field-base/text-field-base.ts"
5084
- }
5117
+ "description": "Whether the chip is selected or not",
5118
+ "fieldName": "selected"
5085
5119
  },
5086
5120
  {
5087
- "name": "variant",
5121
+ "name": "clickable",
5088
5122
  "type": {
5089
- "text": "'filled' | 'outlined' | undefined"
5090
- },
5091
- "default": "undefined",
5092
- "resolveInitializer": {
5093
- "module": "src/field/field-base.ts"
5123
+ "text": "boolean"
5094
5124
  },
5095
- "fieldName": "variant",
5096
- "inheritedFrom": {
5097
- "name": "UmFieldBase",
5098
- "module": "src/field/field-base.ts"
5099
- }
5125
+ "fieldName": "clickable"
5100
5126
  },
5101
5127
  {
5102
- "name": "label",
5128
+ "name": "elevated",
5103
5129
  "type": {
5104
- "text": "string | undefined"
5130
+ "text": "boolean"
5105
5131
  },
5106
- "description": "The floating label for the field",
5107
- "fieldName": "label",
5108
- "inheritedFrom": {
5109
- "name": "UmFieldBase",
5110
- "module": "src/field/field-base.ts"
5111
- }
5132
+ "default": "false",
5133
+ "description": "Adds elevation to the chip",
5134
+ "fieldName": "elevated"
5112
5135
  },
5113
5136
  {
5114
- "name": "counter",
5137
+ "name": "toggle",
5115
5138
  "type": {
5116
- "text": "string | undefined"
5139
+ "text": "boolean"
5117
5140
  },
5118
- "fieldName": "counter",
5119
- "inheritedFrom": {
5120
- "name": "UmFieldBase",
5121
- "module": "src/field/field-base.ts"
5122
- }
5141
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
5142
+ "fieldName": "toggle"
5123
5143
  },
5124
5144
  {
5125
- "name": "hide-counter",
5145
+ "name": "removable",
5126
5146
  "type": {
5127
5147
  "text": "boolean"
5128
5148
  },
5129
5149
  "default": "false",
5130
- "fieldName": "hideCounter",
5131
- "inheritedFrom": {
5132
- "name": "UmFieldBase",
5133
- "module": "src/field/field-base.ts"
5134
- }
5150
+ "description": "Add the remove icon",
5151
+ "fieldName": "removable"
5135
5152
  },
5136
5153
  {
5137
- "name": "supporting-text",
5154
+ "name": "hide-selected-icon",
5138
5155
  "type": {
5139
- "text": "| string\n | undefined"
5156
+ "text": "boolean"
5140
5157
  },
5141
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
5142
- "fieldName": "supportingText",
5143
- "inheritedFrom": {
5144
- "name": "UmFieldBase",
5145
- "module": "src/field/field-base.ts"
5146
- }
5158
+ "default": "false",
5159
+ "description": "Hide the selected icon",
5160
+ "fieldName": "hideSelectedIcon"
5147
5161
  },
5148
5162
  {
5149
- "name": "error-text",
5163
+ "name": "has-leading-icon",
5150
5164
  "type": {
5151
- "text": "string | undefined"
5165
+ "text": "boolean"
5152
5166
  },
5153
- "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`",
5154
- "fieldName": "errorText",
5155
- "inheritedFrom": {
5156
- "name": "UmFieldBase",
5157
- "module": "src/field/field-base.ts"
5158
- }
5167
+ "default": "false",
5168
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
5169
+ "fieldName": "hasLeadingIcon"
5159
5170
  },
5160
5171
  {
5161
- "name": "empty",
5172
+ "name": "has-selected-icon",
5162
5173
  "type": {
5163
5174
  "text": "boolean"
5164
5175
  },
5165
5176
  "default": "false",
5166
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
5167
- "fieldName": "empty",
5168
- "inheritedFrom": {
5169
- "name": "UmFieldBase",
5170
- "module": "src/field/field-base.ts"
5171
- }
5177
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
5178
+ "fieldName": "hasSelectedIcon"
5172
5179
  },
5173
5180
  {
5174
- "name": "disabled",
5181
+ "name": "has-trailing-icon",
5175
5182
  "type": {
5176
5183
  "text": "boolean"
5177
5184
  },
5178
5185
  "default": "false",
5179
- "fieldName": "disabled",
5180
- "inheritedFrom": {
5181
- "name": "UmFieldBase",
5182
- "module": "src/field/field-base.ts"
5183
- }
5186
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
5187
+ "fieldName": "hasTrailingIcon"
5184
5188
  },
5185
5189
  {
5186
- "name": "invalid",
5190
+ "name": "disabled",
5187
5191
  "type": {
5188
5192
  "text": "boolean"
5189
5193
  },
5190
5194
  "default": "false",
5191
- "description": "Get or sets where or not the field is in a visually invalid state.",
5192
- "fieldName": "invalid",
5195
+ "description": "Whether the button is disabled or not.",
5196
+ "fieldName": "disabled",
5193
5197
  "inheritedFrom": {
5194
- "name": "UmFieldBase",
5195
- "module": "src/field/field-base.ts"
5198
+ "name": "UmButtonWrapper",
5199
+ "module": "src/shared/button-wrapper.ts"
5196
5200
  }
5197
5201
  },
5198
5202
  {
5199
- "name": "has-leading-icon",
5203
+ "name": "href",
5200
5204
  "type": {
5201
- "text": "boolean"
5205
+ "text": "string | undefined"
5202
5206
  },
5203
- "default": "false",
5204
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
5205
- "fieldName": "hasLeadingIcon",
5207
+ "description": "The URL that the link button points to.",
5208
+ "fieldName": "href",
5206
5209
  "inheritedFrom": {
5207
- "name": "UmFieldBase",
5208
- "module": "src/field/field-base.ts"
5210
+ "name": "UmButtonWrapper",
5211
+ "module": "src/shared/button-wrapper.ts"
5209
5212
  }
5210
5213
  },
5211
5214
  {
5212
- "name": "has-trailing-icon",
5215
+ "name": "target",
5213
5216
  "type": {
5214
- "text": "boolean"
5217
+ "text": "string | undefined"
5215
5218
  },
5216
- "default": "false",
5217
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
5218
- "fieldName": "hasTrailingIcon",
5219
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
5220
+ "fieldName": "target",
5219
5221
  "inheritedFrom": {
5220
- "name": "UmFieldBase",
5221
- "module": "src/field/field-base.ts"
5222
+ "name": "UmButtonWrapper",
5223
+ "module": "src/shared/button-wrapper.ts"
5222
5224
  }
5223
5225
  },
5224
5226
  {
5225
- "name": "has-error-text",
5227
+ "name": "name",
5226
5228
  "type": {
5227
- "text": "boolean"
5229
+ "text": "string | undefined"
5228
5230
  },
5229
- "default": "false",
5230
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
5231
- "fieldName": "hasErrorText",
5231
+ "fieldName": "name",
5232
5232
  "inheritedFrom": {
5233
- "name": "UmFieldBase",
5234
- "module": "src/field/field-base.ts"
5233
+ "name": "UmButtonWrapper",
5234
+ "module": "src/shared/button-wrapper.ts"
5235
5235
  }
5236
5236
  }
5237
5237
  ],
5238
5238
  "superclass": {
5239
- "name": "UmTextFieldBase",
5240
- "module": "/src/shared/text-field-base/text-field-base.js"
5239
+ "name": "UmButtonWrapper",
5240
+ "module": "/src/shared/button-wrapper.js"
5241
5241
  },
5242
- "tagName": "u-chip-field",
5242
+ "tagName": "u-chip",
5243
5243
  "customElement": true
5244
5244
  }
5245
5245
  ],
5246
5246
  "exports": [
5247
5247
  {
5248
5248
  "kind": "js",
5249
- "name": "UmChipField",
5249
+ "name": "UmChip",
5250
5250
  "declaration": {
5251
- "name": "UmChipField",
5252
- "module": "src/chip-field/chip-field.ts"
5251
+ "name": "UmChip",
5252
+ "module": "src/chip/chip.ts"
5253
5253
  }
5254
5254
  },
5255
5255
  {
5256
5256
  "kind": "custom-element-definition",
5257
- "name": "u-chip-field",
5257
+ "name": "u-chip",
5258
5258
  "declaration": {
5259
- "name": "UmChipField",
5260
- "module": "src/chip-field/chip-field.ts"
5259
+ "name": "UmChip",
5260
+ "module": "src/chip/chip.ts"
5261
5261
  }
5262
5262
  }
5263
5263
  ]
@@ -7246,141 +7246,6 @@
7246
7246
  }
7247
7247
  ]
7248
7248
  },
7249
- {
7250
- "kind": "javascript-module",
7251
- "path": "src/list/list-item.styles.ts",
7252
- "declarations": [
7253
- {
7254
- "kind": "variable",
7255
- "name": "styles",
7256
- "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\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-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
7257
- }
7258
- ],
7259
- "exports": [
7260
- {
7261
- "kind": "js",
7262
- "name": "styles",
7263
- "declaration": {
7264
- "name": "styles",
7265
- "module": "src/list/list-item.styles.ts"
7266
- }
7267
- }
7268
- ]
7269
- },
7270
- {
7271
- "kind": "javascript-module",
7272
- "path": "src/list/list-item.ts",
7273
- "declarations": [
7274
- {
7275
- "kind": "class",
7276
- "description": "",
7277
- "name": "UmListItem",
7278
- "members": [
7279
- {
7280
- "kind": "field",
7281
- "name": "selectable",
7282
- "type": {
7283
- "text": "boolean"
7284
- },
7285
- "default": "false",
7286
- "attribute": "selectable",
7287
- "reflects": true
7288
- }
7289
- ],
7290
- "attributes": [
7291
- {
7292
- "name": "selectable",
7293
- "type": {
7294
- "text": "boolean"
7295
- },
7296
- "default": "false",
7297
- "fieldName": "selectable"
7298
- }
7299
- ],
7300
- "superclass": {
7301
- "name": "LitElement",
7302
- "package": "lit"
7303
- },
7304
- "tagName": "u-list-item",
7305
- "customElement": true
7306
- }
7307
- ],
7308
- "exports": [
7309
- {
7310
- "kind": "js",
7311
- "name": "UmListItem",
7312
- "declaration": {
7313
- "name": "UmListItem",
7314
- "module": "src/list/list-item.ts"
7315
- }
7316
- },
7317
- {
7318
- "kind": "custom-element-definition",
7319
- "name": "u-list-item",
7320
- "declaration": {
7321
- "name": "UmListItem",
7322
- "module": "src/list/list-item.ts"
7323
- }
7324
- }
7325
- ]
7326
- },
7327
- {
7328
- "kind": "javascript-module",
7329
- "path": "src/list/list.styles.ts",
7330
- "declarations": [
7331
- {
7332
- "kind": "variable",
7333
- "name": "styles",
7334
- "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
7335
- }
7336
- ],
7337
- "exports": [
7338
- {
7339
- "kind": "js",
7340
- "name": "styles",
7341
- "declaration": {
7342
- "name": "styles",
7343
- "module": "src/list/list.styles.ts"
7344
- }
7345
- }
7346
- ]
7347
- },
7348
- {
7349
- "kind": "javascript-module",
7350
- "path": "src/list/list.ts",
7351
- "declarations": [
7352
- {
7353
- "kind": "class",
7354
- "description": "",
7355
- "name": "UmList",
7356
- "members": [],
7357
- "superclass": {
7358
- "name": "LitElement",
7359
- "package": "lit"
7360
- },
7361
- "tagName": "u-list",
7362
- "customElement": true
7363
- }
7364
- ],
7365
- "exports": [
7366
- {
7367
- "kind": "js",
7368
- "name": "UmList",
7369
- "declaration": {
7370
- "name": "UmList",
7371
- "module": "src/list/list.ts"
7372
- }
7373
- },
7374
- {
7375
- "kind": "custom-element-definition",
7376
- "name": "u-list",
7377
- "declaration": {
7378
- "name": "UmList",
7379
- "module": "src/list/list.ts"
7380
- }
7381
- }
7382
- ]
7383
- },
7384
7249
  {
7385
7250
  "kind": "javascript-module",
7386
7251
  "path": "src/menu/menu-item.styles.ts",
@@ -8296,25 +8161,160 @@
8296
8161
  "name": "LitElement",
8297
8162
  "package": "lit"
8298
8163
  },
8299
- "tagName": "u-menu",
8164
+ "tagName": "u-menu",
8165
+ "customElement": true
8166
+ }
8167
+ ],
8168
+ "exports": [
8169
+ {
8170
+ "kind": "js",
8171
+ "name": "UmMenu",
8172
+ "declaration": {
8173
+ "name": "UmMenu",
8174
+ "module": "src/menu/menu.ts"
8175
+ }
8176
+ },
8177
+ {
8178
+ "kind": "custom-element-definition",
8179
+ "name": "u-menu",
8180
+ "declaration": {
8181
+ "name": "UmMenu",
8182
+ "module": "src/menu/menu.ts"
8183
+ }
8184
+ }
8185
+ ]
8186
+ },
8187
+ {
8188
+ "kind": "javascript-module",
8189
+ "path": "src/list/list-item.styles.ts",
8190
+ "declarations": [
8191
+ {
8192
+ "kind": "variable",
8193
+ "name": "styles",
8194
+ "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\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-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
8195
+ }
8196
+ ],
8197
+ "exports": [
8198
+ {
8199
+ "kind": "js",
8200
+ "name": "styles",
8201
+ "declaration": {
8202
+ "name": "styles",
8203
+ "module": "src/list/list-item.styles.ts"
8204
+ }
8205
+ }
8206
+ ]
8207
+ },
8208
+ {
8209
+ "kind": "javascript-module",
8210
+ "path": "src/list/list-item.ts",
8211
+ "declarations": [
8212
+ {
8213
+ "kind": "class",
8214
+ "description": "",
8215
+ "name": "UmListItem",
8216
+ "members": [
8217
+ {
8218
+ "kind": "field",
8219
+ "name": "selectable",
8220
+ "type": {
8221
+ "text": "boolean"
8222
+ },
8223
+ "default": "false",
8224
+ "attribute": "selectable",
8225
+ "reflects": true
8226
+ }
8227
+ ],
8228
+ "attributes": [
8229
+ {
8230
+ "name": "selectable",
8231
+ "type": {
8232
+ "text": "boolean"
8233
+ },
8234
+ "default": "false",
8235
+ "fieldName": "selectable"
8236
+ }
8237
+ ],
8238
+ "superclass": {
8239
+ "name": "LitElement",
8240
+ "package": "lit"
8241
+ },
8242
+ "tagName": "u-list-item",
8243
+ "customElement": true
8244
+ }
8245
+ ],
8246
+ "exports": [
8247
+ {
8248
+ "kind": "js",
8249
+ "name": "UmListItem",
8250
+ "declaration": {
8251
+ "name": "UmListItem",
8252
+ "module": "src/list/list-item.ts"
8253
+ }
8254
+ },
8255
+ {
8256
+ "kind": "custom-element-definition",
8257
+ "name": "u-list-item",
8258
+ "declaration": {
8259
+ "name": "UmListItem",
8260
+ "module": "src/list/list-item.ts"
8261
+ }
8262
+ }
8263
+ ]
8264
+ },
8265
+ {
8266
+ "kind": "javascript-module",
8267
+ "path": "src/list/list.styles.ts",
8268
+ "declarations": [
8269
+ {
8270
+ "kind": "variable",
8271
+ "name": "styles",
8272
+ "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
8273
+ }
8274
+ ],
8275
+ "exports": [
8276
+ {
8277
+ "kind": "js",
8278
+ "name": "styles",
8279
+ "declaration": {
8280
+ "name": "styles",
8281
+ "module": "src/list/list.styles.ts"
8282
+ }
8283
+ }
8284
+ ]
8285
+ },
8286
+ {
8287
+ "kind": "javascript-module",
8288
+ "path": "src/list/list.ts",
8289
+ "declarations": [
8290
+ {
8291
+ "kind": "class",
8292
+ "description": "",
8293
+ "name": "UmList",
8294
+ "members": [],
8295
+ "superclass": {
8296
+ "name": "LitElement",
8297
+ "package": "lit"
8298
+ },
8299
+ "tagName": "u-list",
8300
8300
  "customElement": true
8301
8301
  }
8302
8302
  ],
8303
8303
  "exports": [
8304
8304
  {
8305
8305
  "kind": "js",
8306
- "name": "UmMenu",
8306
+ "name": "UmList",
8307
8307
  "declaration": {
8308
- "name": "UmMenu",
8309
- "module": "src/menu/menu.ts"
8308
+ "name": "UmList",
8309
+ "module": "src/list/list.ts"
8310
8310
  }
8311
8311
  },
8312
8312
  {
8313
8313
  "kind": "custom-element-definition",
8314
- "name": "u-menu",
8314
+ "name": "u-list",
8315
8315
  "declaration": {
8316
- "name": "UmMenu",
8317
- "module": "src/menu/menu.ts"
8316
+ "name": "UmList",
8317
+ "module": "src/list/list.ts"
8318
8318
  }
8319
8319
  }
8320
8320
  ]
@@ -12004,12 +12004,12 @@
12004
12004
  },
12005
12005
  {
12006
12006
  "kind": "javascript-module",
12007
- "path": "src/snackbar/snackbar.styles.ts",
12007
+ "path": "src/shared/base.styles.ts",
12008
12008
  "declarations": [
12009
12009
  {
12010
12010
  "kind": "variable",
12011
12011
  "name": "styles",
12012
- "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-bg-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
12012
+ "default": "css `\n :host,\n * {\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
12013
12013
  }
12014
12014
  ],
12015
12015
  "exports": [
@@ -12018,76 +12018,117 @@
12018
12018
  "name": "styles",
12019
12019
  "declaration": {
12020
12020
  "name": "styles",
12021
- "module": "src/snackbar/snackbar.styles.ts"
12021
+ "module": "src/shared/base.styles.ts"
12022
12022
  }
12023
12023
  }
12024
12024
  ]
12025
12025
  },
12026
12026
  {
12027
12027
  "kind": "javascript-module",
12028
- "path": "src/snackbar/snackbar.ts",
12028
+ "path": "src/shared/button-wrapper.styles.ts",
12029
+ "declarations": [
12030
+ {
12031
+ "kind": "variable",
12032
+ "name": "styles",
12033
+ "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`"
12034
+ }
12035
+ ],
12036
+ "exports": [
12037
+ {
12038
+ "kind": "js",
12039
+ "name": "styles",
12040
+ "declaration": {
12041
+ "name": "styles",
12042
+ "module": "src/shared/button-wrapper.styles.ts"
12043
+ }
12044
+ }
12045
+ ]
12046
+ },
12047
+ {
12048
+ "kind": "javascript-module",
12049
+ "path": "src/shared/button-wrapper.ts",
12029
12050
  "declarations": [
12030
12051
  {
12031
12052
  "kind": "class",
12032
12053
  "description": "",
12033
- "name": "UmSnackbar",
12054
+ "name": "UmButtonWrapper",
12034
12055
  "members": [
12035
12056
  {
12036
12057
  "kind": "field",
12037
- "name": "label",
12058
+ "name": "disabled",
12038
12059
  "type": {
12039
- "text": "string"
12060
+ "text": "boolean"
12040
12061
  },
12041
- "default": "''",
12042
- "attribute": "label",
12062
+ "default": "false",
12063
+ "description": "Whether the button is disabled or not.",
12064
+ "attribute": "disabled",
12043
12065
  "reflects": true
12044
12066
  },
12045
12067
  {
12046
12068
  "kind": "field",
12047
- "name": "buttonLabel",
12069
+ "name": "renderRipple",
12048
12070
  "type": {
12049
- "text": "string"
12071
+ "text": "boolean"
12050
12072
  },
12051
- "default": "''",
12052
- "attribute": "buttonLabel",
12053
- "reflects": true
12073
+ "default": "true"
12054
12074
  },
12055
12075
  {
12056
12076
  "kind": "field",
12057
- "name": "showClose",
12077
+ "name": "href",
12058
12078
  "type": {
12059
- "text": "boolean"
12079
+ "text": "string | undefined"
12060
12080
  },
12061
- "default": "false",
12062
- "attribute": "show-close",
12063
- "reflects": true
12081
+ "description": "The URL that the link button points to.",
12082
+ "attribute": "href"
12064
12083
  },
12065
12084
  {
12066
12085
  "kind": "field",
12067
- "name": "dismissed",
12086
+ "name": "target",
12068
12087
  "type": {
12069
- "text": "boolean"
12088
+ "text": "string | undefined"
12070
12089
  },
12071
- "default": "false",
12072
- "attribute": "dismissed",
12073
- "reflects": true
12090
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12091
+ "attribute": "target"
12074
12092
  },
12075
12093
  {
12076
12094
  "kind": "field",
12077
- "name": "duration",
12095
+ "name": "name",
12078
12096
  "type": {
12079
- "text": "SnackbarDuration"
12097
+ "text": "string | undefined"
12080
12098
  },
12081
- "privacy": "private"
12099
+ "attribute": "name"
12082
12100
  },
12083
12101
  {
12084
12102
  "kind": "field",
12085
- "name": "snackbar",
12103
+ "name": "buttonElement",
12086
12104
  "type": {
12087
12105
  "text": "HTMLElement"
12106
+ }
12107
+ },
12108
+ {
12109
+ "kind": "field",
12110
+ "name": "ripple",
12111
+ "type": {
12112
+ "text": "UmRipple"
12088
12113
  },
12089
12114
  "privacy": "private"
12090
12115
  },
12116
+ {
12117
+ "kind": "field",
12118
+ "name": "innerRole",
12119
+ "type": {
12120
+ "text": "string | null"
12121
+ },
12122
+ "privacy": "protected",
12123
+ "default": "null"
12124
+ },
12125
+ {
12126
+ "kind": "field",
12127
+ "name": "pathname",
12128
+ "type": {
12129
+ "text": "string"
12130
+ }
12131
+ },
12091
12132
  {
12092
12133
  "kind": "method",
12093
12134
  "name": "renderButton",
@@ -12095,118 +12136,78 @@
12095
12136
  },
12096
12137
  {
12097
12138
  "kind": "method",
12098
- "name": "renderCloseButton",
12139
+ "name": "renderLink",
12099
12140
  "privacy": "private"
12100
12141
  },
12101
12142
  {
12102
12143
  "kind": "method",
12103
- "name": "dismiss",
12144
+ "name": "renderContent",
12145
+ "privacy": "protected",
12104
12146
  "return": {
12105
12147
  "type": {
12106
- "text": "void"
12148
+ "text": "HTMLTemplateResult"
12107
12149
  }
12108
12150
  }
12109
12151
  },
12110
12152
  {
12111
- "kind": "field",
12112
- "name": "_queue",
12113
- "type": {
12114
- "text": "UmSnackbar[]"
12115
- },
12116
- "privacy": "private",
12117
- "static": true,
12118
- "default": "[]"
12153
+ "kind": "method",
12154
+ "name": "focus"
12119
12155
  },
12120
12156
  {
12121
- "kind": "field",
12122
- "name": "_consuming",
12123
- "type": {
12124
- "text": "boolean"
12125
- },
12126
- "privacy": "private",
12127
- "static": true
12157
+ "kind": "method",
12158
+ "name": "blur"
12128
12159
  },
12129
12160
  {
12130
12161
  "kind": "method",
12131
- "name": "show",
12132
- "static": true,
12162
+ "name": "getAriaLabel",
12163
+ "privacy": "protected",
12133
12164
  "return": {
12134
12165
  "type": {
12135
- "text": "UmSnackbar"
12136
- }
12137
- },
12138
- "parameters": [
12139
- {
12140
- "name": "label",
12141
- "type": {
12142
- "text": "string"
12143
- }
12166
+ "text": "string | null"
12144
12167
  }
12145
- ]
12168
+ }
12146
12169
  },
12147
12170
  {
12148
12171
  "kind": "method",
12149
- "name": "show",
12150
- "static": true,
12172
+ "name": "innerFocusHandler",
12173
+ "privacy": "private",
12151
12174
  "return": {
12152
12175
  "type": {
12153
- "text": "UmSnackbar"
12154
- }
12155
- },
12156
- "parameters": [
12157
- {
12158
- "name": "config",
12159
- "type": {
12160
- "text": "SnackbarConfig"
12161
- }
12176
+ "text": "void"
12162
12177
  }
12163
- ]
12178
+ }
12164
12179
  },
12165
12180
  {
12166
12181
  "kind": "method",
12167
- "name": "show",
12168
- "static": true,
12182
+ "name": "#innerClickHandler",
12169
12183
  "return": {
12170
12184
  "type": {
12171
- "text": "UmSnackbar"
12185
+ "text": "void"
12172
12186
  }
12173
12187
  },
12174
12188
  "parameters": [
12175
12189
  {
12176
- "name": "configOrLabel",
12190
+ "name": "event",
12177
12191
  "type": {
12178
- "text": "SnackbarConfig | string"
12192
+ "text": "MouseEvent"
12179
12193
  }
12180
12194
  }
12181
12195
  ]
12182
12196
  },
12183
12197
  {
12184
12198
  "kind": "method",
12185
- "name": "consumeQueue",
12186
- "privacy": "private",
12187
- "static": true
12188
- },
12189
- {
12190
- "kind": "method",
12191
- "name": "showNext",
12192
- "privacy": "private",
12193
- "static": true
12194
- },
12195
- {
12196
- "kind": "method",
12197
- "name": "createSnackbar",
12198
- "privacy": "private",
12199
- "static": true,
12199
+ "name": "handleClick",
12200
+ "privacy": "protected",
12200
12201
  "return": {
12201
12202
  "type": {
12202
- "text": "UmSnackbar"
12203
+ "text": "void"
12203
12204
  }
12204
12205
  },
12205
12206
  "parameters": [
12206
12207
  {
12207
- "name": "config",
12208
+ "name": "_",
12208
12209
  "type": {
12209
- "text": "SnackbarConfig"
12210
+ "text": "UIEvent"
12210
12211
  }
12211
12212
  }
12212
12213
  ]
@@ -12214,94 +12215,205 @@
12214
12215
  ],
12215
12216
  "attributes": [
12216
12217
  {
12217
- "name": "label",
12218
+ "name": "disabled",
12218
12219
  "type": {
12219
- "text": "string"
12220
+ "text": "boolean"
12220
12221
  },
12221
- "default": "''",
12222
- "fieldName": "label"
12222
+ "default": "false",
12223
+ "description": "Whether the button is disabled or not.",
12224
+ "fieldName": "disabled"
12223
12225
  },
12224
12226
  {
12225
- "name": "buttonLabel",
12227
+ "name": "href",
12226
12228
  "type": {
12227
- "text": "string"
12229
+ "text": "string | undefined"
12228
12230
  },
12229
- "default": "''",
12230
- "fieldName": "buttonLabel"
12231
+ "description": "The URL that the link button points to.",
12232
+ "fieldName": "href"
12231
12233
  },
12232
12234
  {
12233
- "name": "show-close",
12235
+ "name": "target",
12234
12236
  "type": {
12235
- "text": "boolean"
12237
+ "text": "string | undefined"
12236
12238
  },
12237
- "default": "false",
12238
- "fieldName": "showClose"
12239
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12240
+ "fieldName": "target"
12239
12241
  },
12240
12242
  {
12241
- "name": "dismissed",
12243
+ "name": "name",
12242
12244
  "type": {
12243
- "text": "boolean"
12245
+ "text": "string | undefined"
12244
12246
  },
12245
- "default": "false",
12246
- "fieldName": "dismissed"
12247
+ "fieldName": "name"
12247
12248
  }
12248
12249
  ],
12249
12250
  "superclass": {
12250
12251
  "name": "LitElement",
12251
12252
  "package": "lit"
12252
12253
  },
12253
- "tagName": "u-snackbar",
12254
12254
  "customElement": true
12255
12255
  }
12256
12256
  ],
12257
12257
  "exports": [
12258
12258
  {
12259
12259
  "kind": "js",
12260
- "name": "UmSnackbar",
12260
+ "name": "UmButtonWrapper",
12261
12261
  "declaration": {
12262
- "name": "UmSnackbar",
12263
- "module": "src/snackbar/snackbar.ts"
12262
+ "name": "UmButtonWrapper",
12263
+ "module": "src/shared/button-wrapper.ts"
12264
12264
  }
12265
- },
12265
+ }
12266
+ ]
12267
+ },
12268
+ {
12269
+ "kind": "javascript-module",
12270
+ "path": "src/shared/compare-text.ts",
12271
+ "declarations": [
12266
12272
  {
12267
- "kind": "custom-element-definition",
12268
- "name": "u-snackbar",
12273
+ "kind": "function",
12274
+ "name": "normalizedStartsWith",
12275
+ "return": {
12276
+ "type": {
12277
+ "text": "boolean"
12278
+ }
12279
+ },
12280
+ "parameters": [
12281
+ {
12282
+ "name": "text",
12283
+ "type": {
12284
+ "text": "string | null"
12285
+ }
12286
+ },
12287
+ {
12288
+ "name": "term",
12289
+ "type": {
12290
+ "text": "string | null"
12291
+ }
12292
+ }
12293
+ ]
12294
+ }
12295
+ ],
12296
+ "exports": [
12297
+ {
12298
+ "kind": "js",
12299
+ "name": "normalizedStartsWith",
12269
12300
  "declaration": {
12270
- "name": "UmSnackbar",
12271
- "module": "src/snackbar/snackbar.ts"
12301
+ "name": "normalizedStartsWith",
12302
+ "module": "src/shared/compare-text.ts"
12272
12303
  }
12273
12304
  }
12274
12305
  ]
12275
12306
  },
12276
12307
  {
12277
12308
  "kind": "javascript-module",
12278
- "path": "src/shared/base.styles.ts",
12309
+ "path": "src/shared/extract-template-html.ts",
12279
12310
  "declarations": [
12280
12311
  {
12281
- "kind": "variable",
12282
- "name": "styles",
12283
- "default": "css `\n :host,\n * {\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_color-primary);\n }\n 50% {\n outline: 6px solid var(--_color-primary);\n }\n 100% {\n outline: 4px solid var(--_color-primary);\n }\n }\n`"
12312
+ "kind": "function",
12313
+ "name": "extractTemplateHtml",
12314
+ "parameters": [
12315
+ {
12316
+ "name": "template",
12317
+ "type": {
12318
+ "text": "HTMLTemplateElement"
12319
+ }
12320
+ }
12321
+ ]
12284
12322
  }
12285
12323
  ],
12286
12324
  "exports": [
12287
12325
  {
12288
12326
  "kind": "js",
12289
- "name": "styles",
12327
+ "name": "extractTemplateHtml",
12290
12328
  "declaration": {
12291
- "name": "styles",
12292
- "module": "src/shared/base.styles.ts"
12329
+ "name": "extractTemplateHtml",
12330
+ "module": "src/shared/extract-template-html.ts"
12293
12331
  }
12294
12332
  }
12295
12333
  ]
12296
12334
  },
12297
12335
  {
12298
12336
  "kind": "javascript-module",
12299
- "path": "src/shared/button-wrapper.styles.ts",
12337
+ "path": "src/shared/mixin-attribute-properties.ts",
12338
+ "declarations": [
12339
+ {
12340
+ "kind": "mixin",
12341
+ "description": "",
12342
+ "name": "mixinAttributeProperties",
12343
+ "parameters": [
12344
+ {
12345
+ "name": "base",
12346
+ "type": {
12347
+ "text": "T"
12348
+ }
12349
+ },
12350
+ {
12351
+ "name": "properties",
12352
+ "type": {
12353
+ "text": "string[]"
12354
+ }
12355
+ }
12356
+ ]
12357
+ }
12358
+ ],
12359
+ "exports": [
12360
+ {
12361
+ "kind": "js",
12362
+ "name": "mixinAttributeProperties",
12363
+ "declaration": {
12364
+ "name": "mixinAttributeProperties",
12365
+ "module": "src/shared/mixin-attribute-properties.ts"
12366
+ }
12367
+ }
12368
+ ]
12369
+ },
12370
+ {
12371
+ "kind": "javascript-module",
12372
+ "path": "src/shared/mixin.ts",
12373
+ "declarations": [],
12374
+ "exports": []
12375
+ },
12376
+ {
12377
+ "kind": "javascript-module",
12378
+ "path": "src/shared/normalize-text.ts",
12379
+ "declarations": [
12380
+ {
12381
+ "kind": "function",
12382
+ "name": "normalizeText",
12383
+ "return": {
12384
+ "type": {
12385
+ "text": "string"
12386
+ }
12387
+ },
12388
+ "parameters": [
12389
+ {
12390
+ "name": "text",
12391
+ "type": {
12392
+ "text": "string | null"
12393
+ }
12394
+ }
12395
+ ]
12396
+ }
12397
+ ],
12398
+ "exports": [
12399
+ {
12400
+ "kind": "js",
12401
+ "name": "normalizeText",
12402
+ "declaration": {
12403
+ "name": "normalizeText",
12404
+ "module": "src/shared/normalize-text.ts"
12405
+ }
12406
+ }
12407
+ ]
12408
+ },
12409
+ {
12410
+ "kind": "javascript-module",
12411
+ "path": "src/snackbar/snackbar.styles.ts",
12300
12412
  "declarations": [
12301
12413
  {
12302
12414
  "kind": "variable",
12303
12415
  "name": "styles",
12304
- "default": "css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-background-opacity, 0.12))) !important;\n color: var(--u-button-disabled-text-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-button-disabled-color, 0.38))) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`"
12416
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-bg-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
12305
12417
  }
12306
12418
  ],
12307
12419
  "exports": [
@@ -12310,96 +12422,76 @@
12310
12422
  "name": "styles",
12311
12423
  "declaration": {
12312
12424
  "name": "styles",
12313
- "module": "src/shared/button-wrapper.styles.ts"
12425
+ "module": "src/snackbar/snackbar.styles.ts"
12314
12426
  }
12315
12427
  }
12316
12428
  ]
12317
12429
  },
12318
12430
  {
12319
12431
  "kind": "javascript-module",
12320
- "path": "src/shared/button-wrapper.ts",
12432
+ "path": "src/snackbar/snackbar.ts",
12321
12433
  "declarations": [
12322
12434
  {
12323
12435
  "kind": "class",
12324
12436
  "description": "",
12325
- "name": "UmButtonWrapper",
12437
+ "name": "UmSnackbar",
12326
12438
  "members": [
12327
12439
  {
12328
12440
  "kind": "field",
12329
- "name": "disabled",
12441
+ "name": "label",
12330
12442
  "type": {
12331
- "text": "boolean"
12443
+ "text": "string"
12332
12444
  },
12333
- "default": "false",
12334
- "description": "Whether the button is disabled or not.",
12335
- "attribute": "disabled",
12445
+ "default": "''",
12446
+ "attribute": "label",
12336
12447
  "reflects": true
12337
12448
  },
12338
12449
  {
12339
12450
  "kind": "field",
12340
- "name": "renderRipple",
12451
+ "name": "buttonLabel",
12341
12452
  "type": {
12342
- "text": "boolean"
12453
+ "text": "string"
12343
12454
  },
12344
- "default": "true"
12455
+ "default": "''",
12456
+ "attribute": "buttonLabel",
12457
+ "reflects": true
12345
12458
  },
12346
12459
  {
12347
12460
  "kind": "field",
12348
- "name": "href",
12461
+ "name": "showClose",
12349
12462
  "type": {
12350
- "text": "string | undefined"
12463
+ "text": "boolean"
12351
12464
  },
12352
- "description": "The URL that the link button points to.",
12353
- "attribute": "href"
12465
+ "default": "false",
12466
+ "attribute": "show-close",
12467
+ "reflects": true
12354
12468
  },
12355
12469
  {
12356
12470
  "kind": "field",
12357
- "name": "target",
12471
+ "name": "dismissed",
12358
12472
  "type": {
12359
- "text": "string | undefined"
12473
+ "text": "boolean"
12360
12474
  },
12361
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12362
- "attribute": "target"
12475
+ "default": "false",
12476
+ "attribute": "dismissed",
12477
+ "reflects": true
12363
12478
  },
12364
12479
  {
12365
12480
  "kind": "field",
12366
- "name": "name",
12481
+ "name": "duration",
12367
12482
  "type": {
12368
- "text": "string | undefined"
12483
+ "text": "SnackbarDuration"
12369
12484
  },
12370
- "attribute": "name"
12485
+ "privacy": "private"
12371
12486
  },
12372
12487
  {
12373
12488
  "kind": "field",
12374
- "name": "buttonElement",
12489
+ "name": "snackbar",
12375
12490
  "type": {
12376
12491
  "text": "HTMLElement"
12377
- }
12378
- },
12379
- {
12380
- "kind": "field",
12381
- "name": "ripple",
12382
- "type": {
12383
- "text": "UmRipple"
12384
12492
  },
12385
12493
  "privacy": "private"
12386
12494
  },
12387
- {
12388
- "kind": "field",
12389
- "name": "innerRole",
12390
- "type": {
12391
- "text": "string | null"
12392
- },
12393
- "privacy": "protected",
12394
- "default": "null"
12395
- },
12396
- {
12397
- "kind": "field",
12398
- "name": "pathname",
12399
- "type": {
12400
- "text": "string"
12401
- }
12402
- },
12403
12495
  {
12404
12496
  "kind": "method",
12405
12497
  "name": "renderButton",
@@ -12407,78 +12499,118 @@
12407
12499
  },
12408
12500
  {
12409
12501
  "kind": "method",
12410
- "name": "renderLink",
12502
+ "name": "renderCloseButton",
12411
12503
  "privacy": "private"
12412
12504
  },
12413
12505
  {
12414
12506
  "kind": "method",
12415
- "name": "renderContent",
12416
- "privacy": "protected",
12507
+ "name": "dismiss",
12417
12508
  "return": {
12418
12509
  "type": {
12419
- "text": "HTMLTemplateResult"
12510
+ "text": "void"
12420
12511
  }
12421
12512
  }
12422
12513
  },
12423
12514
  {
12424
- "kind": "method",
12425
- "name": "focus"
12515
+ "kind": "field",
12516
+ "name": "_queue",
12517
+ "type": {
12518
+ "text": "UmSnackbar[]"
12519
+ },
12520
+ "privacy": "private",
12521
+ "static": true,
12522
+ "default": "[]"
12426
12523
  },
12427
12524
  {
12428
- "kind": "method",
12429
- "name": "blur"
12525
+ "kind": "field",
12526
+ "name": "_consuming",
12527
+ "type": {
12528
+ "text": "boolean"
12529
+ },
12530
+ "privacy": "private",
12531
+ "static": true
12430
12532
  },
12431
12533
  {
12432
12534
  "kind": "method",
12433
- "name": "getAriaLabel",
12434
- "privacy": "protected",
12535
+ "name": "show",
12536
+ "static": true,
12435
12537
  "return": {
12436
12538
  "type": {
12437
- "text": "string | null"
12539
+ "text": "UmSnackbar"
12438
12540
  }
12439
- }
12541
+ },
12542
+ "parameters": [
12543
+ {
12544
+ "name": "label",
12545
+ "type": {
12546
+ "text": "string"
12547
+ }
12548
+ }
12549
+ ]
12440
12550
  },
12441
12551
  {
12442
12552
  "kind": "method",
12443
- "name": "innerFocusHandler",
12444
- "privacy": "private",
12553
+ "name": "show",
12554
+ "static": true,
12445
12555
  "return": {
12446
12556
  "type": {
12447
- "text": "void"
12557
+ "text": "UmSnackbar"
12448
12558
  }
12449
- }
12559
+ },
12560
+ "parameters": [
12561
+ {
12562
+ "name": "config",
12563
+ "type": {
12564
+ "text": "SnackbarConfig"
12565
+ }
12566
+ }
12567
+ ]
12450
12568
  },
12451
12569
  {
12452
12570
  "kind": "method",
12453
- "name": "#innerClickHandler",
12571
+ "name": "show",
12572
+ "static": true,
12454
12573
  "return": {
12455
12574
  "type": {
12456
- "text": "void"
12575
+ "text": "UmSnackbar"
12457
12576
  }
12458
12577
  },
12459
12578
  "parameters": [
12460
12579
  {
12461
- "name": "event",
12580
+ "name": "configOrLabel",
12462
12581
  "type": {
12463
- "text": "MouseEvent"
12582
+ "text": "SnackbarConfig | string"
12464
12583
  }
12465
12584
  }
12466
12585
  ]
12467
12586
  },
12468
12587
  {
12469
12588
  "kind": "method",
12470
- "name": "handleClick",
12471
- "privacy": "protected",
12589
+ "name": "consumeQueue",
12590
+ "privacy": "private",
12591
+ "static": true
12592
+ },
12593
+ {
12594
+ "kind": "method",
12595
+ "name": "showNext",
12596
+ "privacy": "private",
12597
+ "static": true
12598
+ },
12599
+ {
12600
+ "kind": "method",
12601
+ "name": "createSnackbar",
12602
+ "privacy": "private",
12603
+ "static": true,
12472
12604
  "return": {
12473
12605
  "type": {
12474
- "text": "void"
12606
+ "text": "UmSnackbar"
12475
12607
  }
12476
12608
  },
12477
12609
  "parameters": [
12478
12610
  {
12479
- "name": "_",
12611
+ "name": "config",
12480
12612
  "type": {
12481
- "text": "UIEvent"
12613
+ "text": "SnackbarConfig"
12482
12614
  }
12483
12615
  }
12484
12616
  ]
@@ -12486,193 +12618,61 @@
12486
12618
  ],
12487
12619
  "attributes": [
12488
12620
  {
12489
- "name": "disabled",
12621
+ "name": "label",
12490
12622
  "type": {
12491
- "text": "boolean"
12623
+ "text": "string"
12492
12624
  },
12493
- "default": "false",
12494
- "description": "Whether the button is disabled or not.",
12495
- "fieldName": "disabled"
12625
+ "default": "''",
12626
+ "fieldName": "label"
12496
12627
  },
12497
12628
  {
12498
- "name": "href",
12629
+ "name": "buttonLabel",
12499
12630
  "type": {
12500
- "text": "string | undefined"
12631
+ "text": "string"
12501
12632
  },
12502
- "description": "The URL that the link button points to.",
12503
- "fieldName": "href"
12633
+ "default": "''",
12634
+ "fieldName": "buttonLabel"
12504
12635
  },
12505
12636
  {
12506
- "name": "target",
12637
+ "name": "show-close",
12507
12638
  "type": {
12508
- "text": "string | undefined"
12639
+ "text": "boolean"
12509
12640
  },
12510
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
12511
- "fieldName": "target"
12641
+ "default": "false",
12642
+ "fieldName": "showClose"
12512
12643
  },
12513
12644
  {
12514
- "name": "name",
12645
+ "name": "dismissed",
12515
12646
  "type": {
12516
- "text": "string | undefined"
12647
+ "text": "boolean"
12517
12648
  },
12518
- "fieldName": "name"
12649
+ "default": "false",
12650
+ "fieldName": "dismissed"
12519
12651
  }
12520
12652
  ],
12521
12653
  "superclass": {
12522
12654
  "name": "LitElement",
12523
12655
  "package": "lit"
12524
12656
  },
12657
+ "tagName": "u-snackbar",
12525
12658
  "customElement": true
12526
12659
  }
12527
12660
  ],
12528
12661
  "exports": [
12529
12662
  {
12530
12663
  "kind": "js",
12531
- "name": "UmButtonWrapper",
12532
- "declaration": {
12533
- "name": "UmButtonWrapper",
12534
- "module": "src/shared/button-wrapper.ts"
12535
- }
12536
- }
12537
- ]
12538
- },
12539
- {
12540
- "kind": "javascript-module",
12541
- "path": "src/shared/compare-text.ts",
12542
- "declarations": [
12543
- {
12544
- "kind": "function",
12545
- "name": "normalizedStartsWith",
12546
- "return": {
12547
- "type": {
12548
- "text": "boolean"
12549
- }
12550
- },
12551
- "parameters": [
12552
- {
12553
- "name": "text",
12554
- "type": {
12555
- "text": "string | null"
12556
- }
12557
- },
12558
- {
12559
- "name": "term",
12560
- "type": {
12561
- "text": "string | null"
12562
- }
12563
- }
12564
- ]
12565
- }
12566
- ],
12567
- "exports": [
12568
- {
12569
- "kind": "js",
12570
- "name": "normalizedStartsWith",
12571
- "declaration": {
12572
- "name": "normalizedStartsWith",
12573
- "module": "src/shared/compare-text.ts"
12574
- }
12575
- }
12576
- ]
12577
- },
12578
- {
12579
- "kind": "javascript-module",
12580
- "path": "src/shared/extract-template-html.ts",
12581
- "declarations": [
12582
- {
12583
- "kind": "function",
12584
- "name": "extractTemplateHtml",
12585
- "parameters": [
12586
- {
12587
- "name": "template",
12588
- "type": {
12589
- "text": "HTMLTemplateElement"
12590
- }
12591
- }
12592
- ]
12593
- }
12594
- ],
12595
- "exports": [
12596
- {
12597
- "kind": "js",
12598
- "name": "extractTemplateHtml",
12599
- "declaration": {
12600
- "name": "extractTemplateHtml",
12601
- "module": "src/shared/extract-template-html.ts"
12602
- }
12603
- }
12604
- ]
12605
- },
12606
- {
12607
- "kind": "javascript-module",
12608
- "path": "src/shared/mixin-attribute-properties.ts",
12609
- "declarations": [
12610
- {
12611
- "kind": "mixin",
12612
- "description": "",
12613
- "name": "mixinAttributeProperties",
12614
- "parameters": [
12615
- {
12616
- "name": "base",
12617
- "type": {
12618
- "text": "T"
12619
- }
12620
- },
12621
- {
12622
- "name": "properties",
12623
- "type": {
12624
- "text": "string[]"
12625
- }
12626
- }
12627
- ]
12628
- }
12629
- ],
12630
- "exports": [
12631
- {
12632
- "kind": "js",
12633
- "name": "mixinAttributeProperties",
12664
+ "name": "UmSnackbar",
12634
12665
  "declaration": {
12635
- "name": "mixinAttributeProperties",
12636
- "module": "src/shared/mixin-attribute-properties.ts"
12666
+ "name": "UmSnackbar",
12667
+ "module": "src/snackbar/snackbar.ts"
12637
12668
  }
12638
- }
12639
- ]
12640
- },
12641
- {
12642
- "kind": "javascript-module",
12643
- "path": "src/shared/mixin.ts",
12644
- "declarations": [],
12645
- "exports": []
12646
- },
12647
- {
12648
- "kind": "javascript-module",
12649
- "path": "src/shared/normalize-text.ts",
12650
- "declarations": [
12651
- {
12652
- "kind": "function",
12653
- "name": "normalizeText",
12654
- "return": {
12655
- "type": {
12656
- "text": "string"
12657
- }
12658
- },
12659
- "parameters": [
12660
- {
12661
- "name": "text",
12662
- "type": {
12663
- "text": "string | null"
12664
- }
12665
- }
12666
- ]
12667
- }
12668
- ],
12669
- "exports": [
12669
+ },
12670
12670
  {
12671
- "kind": "js",
12672
- "name": "normalizeText",
12671
+ "kind": "custom-element-definition",
12672
+ "name": "u-snackbar",
12673
12673
  "declaration": {
12674
- "name": "normalizeText",
12675
- "module": "src/shared/normalize-text.ts"
12674
+ "name": "UmSnackbar",
12675
+ "module": "src/snackbar/snackbar.ts"
12676
12676
  }
12677
12677
  }
12678
12678
  ]