@universal-material/web 3.0.89 → 3.0.90

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 (4) hide show
  1. package/custom-elements.json +1823 -1823
  2. package/package.json +1 -1
  3. package/select/select-navigation-controller.js +1 -1
  4. package/select/select-navigation-controller.js.map +1 -1
package/custom-elements.json CHANGED
@@ -585,317 +585,367 @@
585
585
  },
586
586
  {
587
587
  "kind": "javascript-module",
588
- "path": "src/card/card-content.styles.ts",
589
- "declarations": [
590
- {
591
- "kind": "variable",
592
- "name": "styles",
593
- "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`"
594
- }
595
- ],
596
- "exports": [
597
- {
598
- "kind": "js",
599
- "name": "styles",
600
- "declaration": {
601
- "name": "styles",
602
- "module": "src/card/card-content.styles.ts"
603
- }
604
- }
605
- ]
606
- },
607
- {
608
- "kind": "javascript-module",
609
- "path": "src/card/card-content.ts",
588
+ "path": "src/checkbox/checkbox-list-item.ts",
610
589
  "declarations": [
611
590
  {
612
591
  "kind": "class",
613
592
  "description": "",
614
- "name": "UmCardContent",
593
+ "name": "UmCheckboxListItem",
594
+ "mixins": [
595
+ {
596
+ "name": "mixinSelectionControlListItem",
597
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
598
+ }
599
+ ],
600
+ "superclass": {
601
+ "name": "UmCheckbox",
602
+ "module": "/src/checkbox/checkbox.js"
603
+ },
604
+ "tagName": "u-checkbox-list-item",
605
+ "customElement": true,
615
606
  "members": [
616
607
  {
617
608
  "kind": "field",
618
- "name": "hasContent",
609
+ "name": "styles",
610
+ "type": {
611
+ "text": "array"
612
+ },
613
+ "static": true,
614
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
615
+ "inheritedFrom": {
616
+ "name": "mixinSelectionControlListItem",
617
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
618
+ }
619
+ },
620
+ {
621
+ "kind": "method",
622
+ "name": "render",
623
+ "return": {
624
+ "type": {
625
+ "text": "HTMLTemplateResult"
626
+ }
627
+ },
628
+ "inheritedFrom": {
629
+ "name": "mixinSelectionControlListItem",
630
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
631
+ }
632
+ },
633
+ {
634
+ "kind": "field",
635
+ "name": "#indeterminate",
636
+ "privacy": "private",
619
637
  "type": {
620
638
  "text": "boolean"
621
639
  },
622
640
  "default": "false",
623
- "attribute": "has-content",
624
- "reflects": true
641
+ "inheritedFrom": {
642
+ "name": "UmCheckbox",
643
+ "module": "src/checkbox/checkbox.ts"
644
+ }
645
+ },
646
+ {
647
+ "kind": "field",
648
+ "name": "hideStateLayer",
649
+ "type": {
650
+ "text": "boolean"
651
+ },
652
+ "default": "false",
653
+ "attribute": "hide-state-layer",
654
+ "reflects": true,
655
+ "inheritedFrom": {
656
+ "name": "UmCheckbox",
657
+ "module": "src/checkbox/checkbox.ts"
658
+ }
659
+ },
660
+ {
661
+ "kind": "field",
662
+ "name": "indeterminate",
663
+ "type": {
664
+ "text": "boolean"
665
+ },
666
+ "attribute": "indeterminate",
667
+ "inheritedFrom": {
668
+ "name": "UmCheckbox",
669
+ "module": "src/checkbox/checkbox.ts"
670
+ }
671
+ },
672
+ {
673
+ "kind": "field",
674
+ "name": "checked",
675
+ "attribute": "checked",
676
+ "type": {
677
+ "text": "boolean"
678
+ },
679
+ "inheritedFrom": {
680
+ "name": "UmSelectionControl",
681
+ "module": "src/shared/selection-control/selection-control.ts"
682
+ }
625
683
  },
626
684
  {
627
685
  "kind": "method",
628
- "name": "handleSlotChange",
629
- "privacy": "private",
630
- "parameters": [
631
- {
632
- "name": "e",
633
- "type": {
634
- "text": "Event"
635
- }
686
+ "name": "renderIndicator",
687
+ "privacy": "protected",
688
+ "return": {
689
+ "type": {
690
+ "text": "HTMLTemplateResult"
636
691
  }
637
- ]
638
- }
639
- ],
640
- "attributes": [
692
+ },
693
+ "inheritedFrom": {
694
+ "name": "UmSelectionControl",
695
+ "module": "src/shared/selection-control/selection-control.ts"
696
+ }
697
+ },
641
698
  {
642
- "name": "has-content",
699
+ "kind": "field",
700
+ "name": "formAssociated",
701
+ "type": {
702
+ "text": "boolean"
703
+ },
704
+ "static": true,
705
+ "default": "true",
706
+ "inheritedFrom": {
707
+ "name": "UmSelectionControl",
708
+ "module": "src/shared/selection-control/selection-control.ts"
709
+ }
710
+ },
711
+ {
712
+ "kind": "field",
713
+ "name": "elementInternals",
714
+ "type": {
715
+ "text": "ElementInternals"
716
+ },
717
+ "privacy": "protected",
718
+ "inheritedFrom": {
719
+ "name": "UmSelectionControl",
720
+ "module": "src/shared/selection-control/selection-control.ts"
721
+ }
722
+ },
723
+ {
724
+ "kind": "field",
725
+ "name": "name",
726
+ "type": {
727
+ "text": "string | undefined"
728
+ },
729
+ "default": "''",
730
+ "attribute": "name",
731
+ "inheritedFrom": {
732
+ "name": "UmSelectionControl",
733
+ "module": "src/shared/selection-control/selection-control.ts"
734
+ }
735
+ },
736
+ {
737
+ "kind": "field",
738
+ "name": "disabled",
643
739
  "type": {
644
740
  "text": "boolean"
645
741
  },
646
742
  "default": "false",
647
- "fieldName": "hasContent"
648
- }
649
- ],
650
- "superclass": {
651
- "name": "LitElement",
652
- "package": "lit"
653
- },
654
- "tagName": "u-card-content",
655
- "customElement": true
656
- }
657
- ],
658
- "exports": [
659
- {
660
- "kind": "js",
661
- "name": "UmCardContent",
662
- "declaration": {
663
- "name": "UmCardContent",
664
- "module": "src/card/card-content.ts"
665
- }
666
- },
667
- {
668
- "kind": "custom-element-definition",
669
- "name": "u-card-content",
670
- "declaration": {
671
- "name": "UmCardContent",
672
- "module": "src/card/card-content.ts"
673
- }
674
- }
675
- ]
676
- },
677
- {
678
- "kind": "javascript-module",
679
- "path": "src/card/card-media.styles.ts",
680
- "declarations": [
681
- {
682
- "kind": "variable",
683
- "name": "styles",
684
- "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`"
685
- }
686
- ],
687
- "exports": [
688
- {
689
- "kind": "js",
690
- "name": "styles",
691
- "declaration": {
692
- "name": "styles",
693
- "module": "src/card/card-media.styles.ts"
694
- }
695
- }
696
- ]
697
- },
698
- {
699
- "kind": "javascript-module",
700
- "path": "src/card/card-media.ts",
701
- "declarations": [
702
- {
703
- "kind": "class",
704
- "description": "",
705
- "name": "UmCardMedia",
706
- "members": [
743
+ "attribute": "disabled",
744
+ "reflects": true,
745
+ "inheritedFrom": {
746
+ "name": "UmSelectionControl",
747
+ "module": "src/shared/selection-control/selection-control.ts"
748
+ }
749
+ },
707
750
  {
708
751
  "kind": "field",
709
- "name": "wide",
752
+ "name": "input",
753
+ "type": {
754
+ "text": "HTMLInputElement"
755
+ },
756
+ "inheritedFrom": {
757
+ "name": "UmSelectionControl",
758
+ "module": "src/shared/selection-control/selection-control.ts"
759
+ }
760
+ },
761
+ {
762
+ "kind": "field",
763
+ "name": "form",
764
+ "type": {
765
+ "text": "HTMLFormElement | null"
766
+ },
767
+ "inheritedFrom": {
768
+ "name": "UmSelectionControl",
769
+ "module": "src/shared/selection-control/selection-control.ts"
770
+ }
771
+ },
772
+ {
773
+ "kind": "field",
774
+ "name": "#checked",
775
+ "privacy": "private",
776
+ "type": {
777
+ "text": "boolean"
778
+ },
779
+ "default": "false",
780
+ "inheritedFrom": {
781
+ "name": "UmSelectionControl",
782
+ "module": "src/shared/selection-control/selection-control.ts"
783
+ }
784
+ },
785
+ {
786
+ "kind": "field",
787
+ "name": "inputType",
788
+ "type": {
789
+ "text": "'checkbox' | 'radio'"
790
+ },
791
+ "privacy": "protected",
792
+ "default": "'checkbox'",
793
+ "inheritedFrom": {
794
+ "name": "UmSelectionControl",
795
+ "module": "src/shared/selection-control/selection-control.ts"
796
+ }
797
+ },
798
+ {
799
+ "kind": "field",
800
+ "name": "renderRipple",
801
+ "type": {
802
+ "text": "boolean"
803
+ },
804
+ "privacy": "protected",
805
+ "default": "true",
806
+ "inheritedFrom": {
807
+ "name": "UmSelectionControl",
808
+ "module": "src/shared/selection-control/selection-control.ts"
809
+ }
810
+ },
811
+ {
812
+ "kind": "field",
813
+ "name": "value",
814
+ "type": {
815
+ "text": "string"
816
+ },
817
+ "default": "'on'",
818
+ "description": "The element value to use in form submission when checked.",
819
+ "attribute": "value",
820
+ "inheritedFrom": {
821
+ "name": "UmSelectionControl",
822
+ "module": "src/shared/selection-control/selection-control.ts"
823
+ }
824
+ },
825
+ {
826
+ "kind": "field",
827
+ "name": "_checkedAttribute",
710
828
  "type": {
711
829
  "text": "boolean"
712
830
  },
831
+ "privacy": "private",
713
832
  "default": "false",
714
- "attribute": "wide",
715
- "reflects": true
833
+ "attribute": "checked",
834
+ "inheritedFrom": {
835
+ "name": "UmSelectionControl",
836
+ "module": "src/shared/selection-control/selection-control.ts"
837
+ }
838
+ },
839
+ {
840
+ "kind": "method",
841
+ "name": "#handleClick",
842
+ "parameters": [
843
+ {
844
+ "name": "e",
845
+ "type": {
846
+ "text": "Event"
847
+ }
848
+ }
849
+ ],
850
+ "inheritedFrom": {
851
+ "name": "UmSelectionControl",
852
+ "module": "src/shared/selection-control/selection-control.ts"
853
+ }
716
854
  }
717
855
  ],
718
856
  "attributes": [
719
857
  {
720
- "name": "wide",
858
+ "name": "hide-state-layer",
721
859
  "type": {
722
860
  "text": "boolean"
723
861
  },
724
862
  "default": "false",
725
- "fieldName": "wide"
726
- }
727
- ],
728
- "superclass": {
729
- "name": "LitElement",
730
- "package": "lit"
731
- },
732
- "tagName": "u-card-media",
733
- "customElement": true
734
- }
735
- ],
736
- "exports": [
737
- {
738
- "kind": "js",
739
- "name": "UmCardMedia",
740
- "declaration": {
741
- "name": "UmCardMedia",
742
- "module": "src/card/card-media.ts"
743
- }
744
- },
745
- {
746
- "kind": "custom-element-definition",
747
- "name": "u-card-media",
748
- "declaration": {
749
- "name": "UmCardMedia",
750
- "module": "src/card/card-media.ts"
751
- }
752
- }
753
- ]
754
- },
755
- {
756
- "kind": "javascript-module",
757
- "path": "src/card/card.styles.ts",
758
- "declarations": [
759
- {
760
- "kind": "variable",
761
- "name": "styles",
762
- "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`"
763
- }
764
- ],
765
- "exports": [
766
- {
767
- "kind": "js",
768
- "name": "styles",
769
- "declaration": {
770
- "name": "styles",
771
- "module": "src/card/card.styles.ts"
772
- }
773
- }
774
- ]
775
- },
776
- {
777
- "kind": "javascript-module",
778
- "path": "src/card/card.ts",
779
- "declarations": [
780
- {
781
- "kind": "class",
782
- "description": "",
783
- "name": "UmCard",
784
- "members": [
863
+ "fieldName": "hideStateLayer",
864
+ "inheritedFrom": {
865
+ "name": "UmCheckbox",
866
+ "module": "src/checkbox/checkbox.ts"
867
+ }
868
+ },
785
869
  {
786
- "kind": "field",
787
- "name": "variant",
870
+ "name": "indeterminate",
788
871
  "type": {
789
- "text": "UmCardVariant"
872
+ "text": "boolean"
790
873
  },
791
- "default": "'filled'",
792
- "description": "The Card variant to render.",
793
- "attribute": "variant",
794
- "reflects": true
795
- }
796
- ],
797
- "attributes": [
874
+ "fieldName": "indeterminate",
875
+ "inheritedFrom": {
876
+ "name": "UmCheckbox",
877
+ "module": "src/checkbox/checkbox.ts"
878
+ }
879
+ },
798
880
  {
799
- "name": "variant",
881
+ "name": "name",
800
882
  "type": {
801
- "text": "UmCardVariant"
883
+ "text": "string | undefined"
802
884
  },
803
- "default": "'filled'",
804
- "description": "The Card variant to render.",
805
- "fieldName": "variant"
806
- }
807
- ],
808
- "superclass": {
809
- "name": "LitElement",
810
- "package": "lit"
811
- },
812
- "tagName": "u-card",
813
- "customElement": true
814
- }
815
- ],
816
- "exports": [
817
- {
818
- "kind": "js",
819
- "name": "UmCard",
820
- "declaration": {
821
- "name": "UmCard",
822
- "module": "src/card/card.ts"
823
- }
824
- },
825
- {
826
- "kind": "custom-element-definition",
827
- "name": "u-card",
828
- "declaration": {
829
- "name": "UmCard",
830
- "module": "src/card/card.ts"
831
- }
832
- }
833
- ]
834
- },
835
- {
836
- "kind": "javascript-module",
837
- "path": "src/chip/chip-set.styles.ts",
838
- "declarations": [
839
- {
840
- "kind": "variable",
841
- "name": "styles",
842
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
843
- }
844
- ],
845
- "exports": [
846
- {
847
- "kind": "js",
848
- "name": "styles",
849
- "declaration": {
850
- "name": "styles",
851
- "module": "src/chip/chip-set.styles.ts"
852
- }
853
- }
854
- ]
855
- },
856
- {
857
- "kind": "javascript-module",
858
- "path": "src/chip/chip-set.ts",
859
- "declarations": [
860
- {
861
- "kind": "class",
862
- "description": "",
863
- "name": "UmChipSet",
864
- "members": [
885
+ "default": "''",
886
+ "fieldName": "name",
887
+ "inheritedFrom": {
888
+ "name": "UmSelectionControl",
889
+ "module": "src/shared/selection-control/selection-control.ts"
890
+ }
891
+ },
865
892
  {
866
- "kind": "field",
867
- "name": "alignment",
893
+ "name": "disabled",
868
894
  "type": {
869
- "text": "'start' | 'center' | 'end'"
895
+ "text": "boolean"
870
896
  },
871
- "default": "'start'",
872
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
873
- "attribute": "alignment",
874
- "reflects": true,
897
+ "default": "false",
898
+ "fieldName": "disabled",
875
899
  "inheritedFrom": {
876
- "name": "UmSetBase",
877
- "module": "src/shared/sets/set-base.ts"
900
+ "name": "UmSelectionControl",
901
+ "module": "src/shared/selection-control/selection-control.ts"
902
+ }
903
+ },
904
+ {
905
+ "name": "value",
906
+ "type": {
907
+ "text": "string"
908
+ },
909
+ "default": "'on'",
910
+ "description": "The element value to use in form submission when checked.",
911
+ "fieldName": "value",
912
+ "inheritedFrom": {
913
+ "name": "UmSelectionControl",
914
+ "module": "src/shared/selection-control/selection-control.ts"
915
+ }
916
+ },
917
+ {
918
+ "name": "checked",
919
+ "fieldName": "_checkedAttribute",
920
+ "type": {
921
+ "text": "boolean"
922
+ },
923
+ "default": "false",
924
+ "inheritedFrom": {
925
+ "name": "UmSelectionControl",
926
+ "module": "src/shared/selection-control/selection-control.ts"
878
927
  }
879
928
  }
880
929
  ],
881
- "superclass": {
882
- "name": "UmSetBase",
883
- "module": "/src/shared/sets/set-base.js"
884
- },
885
- "tagName": "u-chip-set",
886
- "customElement": true,
887
- "attributes": [
930
+ "events": [
888
931
  {
889
- "name": "alignment",
932
+ "name": "input",
890
933
  "type": {
891
- "text": "'start' | 'center' | 'end'"
934
+ "text": "InputEvent"
892
935
  },
893
- "default": "'start'",
894
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
895
- "fieldName": "alignment",
896
936
  "inheritedFrom": {
897
- "name": "UmSetBase",
898
- "module": "src/shared/sets/set-base.ts"
937
+ "name": "UmSelectionControl",
938
+ "module": "src/shared/selection-control/selection-control.ts"
939
+ }
940
+ },
941
+ {
942
+ "name": "change",
943
+ "type": {
944
+ "text": "Event"
945
+ },
946
+ "inheritedFrom": {
947
+ "name": "UmSelectionControl",
948
+ "module": "src/shared/selection-control/selection-control.ts"
899
949
  }
900
950
  }
901
951
  ]
@@ -904,30 +954,30 @@
904
954
  "exports": [
905
955
  {
906
956
  "kind": "js",
907
- "name": "UmChipSet",
957
+ "name": "UmCheckboxListItem",
908
958
  "declaration": {
909
- "name": "UmChipSet",
910
- "module": "src/chip/chip-set.ts"
959
+ "name": "UmCheckboxListItem",
960
+ "module": "src/checkbox/checkbox-list-item.ts"
911
961
  }
912
962
  },
913
963
  {
914
964
  "kind": "custom-element-definition",
915
- "name": "u-chip-set",
965
+ "name": "u-checkbox-list-item",
916
966
  "declaration": {
917
- "name": "UmChipSet",
918
- "module": "src/chip/chip-set.ts"
967
+ "name": "UmCheckboxListItem",
968
+ "module": "src/checkbox/checkbox-list-item.ts"
919
969
  }
920
970
  }
921
971
  ]
922
972
  },
923
973
  {
924
974
  "kind": "javascript-module",
925
- "path": "src/chip/chip.styles.ts",
975
+ "path": "src/checkbox/checkbox.styles.ts",
926
976
  "declarations": [
927
977
  {
928
978
  "kind": "variable",
929
979
  "name": "styles",
930
- "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
980
+ "default": "css `\n :host {\n --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n pointer-events: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-checkbox-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_indicator-size: var(--u-checkbox-indicator-size, 1.125rem);\n --_width: var(--u-checkbox-size, 3rem);\n --_height: var(--_width);\n }\n\n .border {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset;\n border-radius: var(--u-checkbox-indicator-shaper-coner, 2px);\n transition: box-shadow 175ms 175ms;\n }\n\n .indicator {\n position: absolute;\n display: flex;\n justify-content: center;\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n overflow: hidden;\n clip: rect(0, 0, var(--_indicator-size), 0);\n transition: clip 275ms;\n }\n .indicator::before {\n position: relative;\n top: 25%;\n box-sizing: border-box;\n display: block;\n width: 0.75rem;\n height: 0.35rem;\n content: \"\";\n border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255));\n border-top-style: none;\n border-right-style: none;\n transform: rotate(-45deg);\n transition: border 175ms, transform 175ms;\n }\n\n input.indeterminate ~ .indicator-container .border,\n input:checked ~ .indicator-container .border {\n box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset;\n transition: box-shadow 175ms;\n }\n input.indeterminate ~ .indicator-container .indicator,\n input:checked ~ .indicator-container .indicator {\n clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0);\n transition: clip 175ms 175ms;\n }\n\n input.indeterminate ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n input.indeterminate ~ .indicator-container .indicator::before {\n border-left-style: none;\n transform: rotate(0);\n width: 0.6rem;\n }\n`"
931
981
  }
932
982
  ],
933
983
  "exports": [
@@ -936,32 +986,23 @@
936
986
  "name": "styles",
937
987
  "declaration": {
938
988
  "name": "styles",
939
- "module": "src/chip/chip.styles.ts"
989
+ "module": "src/checkbox/checkbox.styles.ts"
940
990
  }
941
991
  }
942
992
  ]
943
993
  },
944
994
  {
945
995
  "kind": "javascript-module",
946
- "path": "src/chip/chip.ts",
996
+ "path": "src/checkbox/checkbox.ts",
947
997
  "declarations": [
948
998
  {
949
999
  "kind": "class",
950
1000
  "description": "",
951
- "name": "UmChip",
1001
+ "name": "UmCheckbox",
952
1002
  "members": [
953
1003
  {
954
1004
  "kind": "field",
955
- "name": "#clickable",
956
- "privacy": "private",
957
- "type": {
958
- "text": "boolean"
959
- },
960
- "default": "false"
961
- },
962
- {
963
- "kind": "field",
964
- "name": "#toggle",
1005
+ "name": "#indeterminate",
965
1006
  "privacy": "private",
966
1007
  "type": {
967
1008
  "text": "boolean"
@@ -970,180 +1011,37 @@
970
1011
  },
971
1012
  {
972
1013
  "kind": "field",
973
- "name": "selected",
974
- "type": {
975
- "text": "boolean"
976
- },
977
- "default": "false",
978
- "description": "Whether the chip is selected or not",
979
- "attribute": "selected",
980
- "reflects": true
981
- },
982
- {
983
- "kind": "field",
984
- "name": "clickable",
985
- "type": {
986
- "text": "boolean"
987
- },
988
- "attribute": "clickable",
989
- "reflects": true
990
- },
991
- {
992
- "kind": "field",
993
- "name": "elevated",
994
- "type": {
995
- "text": "boolean"
996
- },
997
- "default": "false",
998
- "description": "Adds elevation to the chip",
999
- "attribute": "elevated",
1000
- "reflects": true
1001
- },
1002
- {
1003
- "kind": "field",
1004
- "name": "toggle",
1005
- "type": {
1006
- "text": "boolean"
1007
- },
1008
- "description": "When true, the chip will toggle between selected and unselected\nstates",
1009
- "attribute": "toggle",
1010
- "reflects": true
1011
- },
1012
- {
1013
- "kind": "field",
1014
- "name": "removable",
1015
- "type": {
1016
- "text": "boolean"
1017
- },
1018
- "default": "false",
1019
- "description": "Add the remove icon",
1020
- "attribute": "removable",
1021
- "reflects": true
1022
- },
1023
- {
1024
- "kind": "field",
1025
- "name": "hideSelectedIcon",
1026
- "type": {
1027
- "text": "boolean"
1028
- },
1029
- "default": "false",
1030
- "description": "Hide the selected icon",
1031
- "attribute": "hide-selected-icon",
1032
- "reflects": true
1033
- },
1034
- {
1035
- "kind": "field",
1036
- "name": "hasLeadingIcon",
1014
+ "name": "hideStateLayer",
1037
1015
  "type": {
1038
1016
  "text": "boolean"
1039
1017
  },
1040
1018
  "default": "false",
1041
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
1042
- "attribute": "has-leading-icon",
1019
+ "attribute": "hide-state-layer",
1043
1020
  "reflects": true
1044
1021
  },
1045
1022
  {
1046
1023
  "kind": "field",
1047
- "name": "hasSelectedIcon",
1024
+ "name": "indeterminate",
1048
1025
  "type": {
1049
1026
  "text": "boolean"
1050
1027
  },
1051
- "default": "false",
1052
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
1053
- "attribute": "has-selected-icon",
1054
- "reflects": true
1028
+ "attribute": "indeterminate"
1055
1029
  },
1056
1030
  {
1057
1031
  "kind": "field",
1058
- "name": "hasTrailingIcon",
1032
+ "name": "checked",
1033
+ "attribute": "checked",
1059
1034
  "type": {
1060
1035
  "text": "boolean"
1061
1036
  },
1062
- "default": "false",
1063
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
1064
- "attribute": "has-trailing-icon",
1065
- "reflects": true
1066
- },
1067
- {
1068
- "kind": "field",
1069
- "name": "assignedLeadingIcons",
1070
- "type": {
1071
- "text": "HTMLElement[]"
1072
- },
1073
- "privacy": "private"
1074
- },
1075
- {
1076
- "kind": "field",
1077
- "name": "assignedSelectedIcons",
1078
- "type": {
1079
- "text": "HTMLElement[]"
1080
- },
1081
- "privacy": "private"
1082
- },
1083
- {
1084
- "kind": "field",
1085
- "name": "assignedTrailingIcons",
1086
- "type": {
1087
- "text": "HTMLElement[]"
1088
- },
1089
- "privacy": "private"
1090
- },
1091
- {
1092
- "kind": "field",
1093
- "name": "removeRipple",
1094
- "type": {
1095
- "text": "UmRipple"
1096
- }
1097
- },
1098
- {
1099
- "kind": "method",
1100
- "name": "#handleRemoveClick",
1101
- "parameters": [
1102
- {
1103
- "name": "e",
1104
- "type": {
1105
- "text": "Event"
1106
- }
1107
- }
1108
- ]
1109
- },
1110
- {
1111
- "kind": "method",
1112
- "name": "#handleTrailingIconSlotChange"
1113
- },
1114
- {
1115
- "kind": "method",
1116
- "name": "#handleLeadingIconSlotChange"
1117
- },
1118
- {
1119
- "kind": "method",
1120
- "name": "#handleSelectedIconSlotChange"
1121
- },
1122
- {
1123
- "kind": "method",
1124
- "name": "handleClick",
1125
- "privacy": "protected",
1126
- "return": {
1127
- "type": {
1128
- "text": "void"
1129
- }
1130
- },
1131
- "parameters": [
1132
- {
1133
- "name": "event",
1134
- "type": {
1135
- "text": "UIEvent"
1136
- }
1137
- }
1138
- ],
1139
1037
  "inheritedFrom": {
1140
- "name": "UmButtonWrapper",
1141
- "module": "src/shared/button-wrapper.ts"
1038
+ "name": "UmSelectionControl",
1039
+ "module": "src/shared/selection-control/selection-control.ts"
1142
1040
  }
1143
1041
  },
1144
1042
  {
1145
1043
  "kind": "method",
1146
- "name": "renderContent",
1044
+ "name": "renderIndicator",
1147
1045
  "privacy": "protected",
1148
1046
  "return": {
1149
1047
  "type": {
@@ -1151,61 +1049,33 @@
1151
1049
  }
1152
1050
  },
1153
1051
  "inheritedFrom": {
1154
- "name": "UmButtonWrapper",
1155
- "module": "src/shared/button-wrapper.ts"
1156
- }
1157
- },
1158
- {
1159
- "kind": "field",
1160
- "name": "disabled",
1161
- "type": {
1162
- "text": "boolean"
1163
- },
1164
- "default": "false",
1165
- "description": "Whether the button is disabled or not.",
1166
- "attribute": "disabled",
1167
- "reflects": true,
1168
- "inheritedFrom": {
1169
- "name": "UmButtonWrapper",
1170
- "module": "src/shared/button-wrapper.ts"
1052
+ "name": "UmSelectionControl",
1053
+ "module": "src/shared/selection-control/selection-control.ts"
1171
1054
  }
1172
1055
  },
1173
1056
  {
1174
1057
  "kind": "field",
1175
- "name": "renderRipple",
1058
+ "name": "formAssociated",
1176
1059
  "type": {
1177
1060
  "text": "boolean"
1178
1061
  },
1062
+ "static": true,
1179
1063
  "default": "true",
1180
1064
  "inheritedFrom": {
1181
- "name": "UmButtonWrapper",
1182
- "module": "src/shared/button-wrapper.ts"
1183
- }
1184
- },
1185
- {
1186
- "kind": "field",
1187
- "name": "href",
1188
- "type": {
1189
- "text": "string | undefined"
1190
- },
1191
- "description": "The URL that the link button points to.",
1192
- "attribute": "href",
1193
- "inheritedFrom": {
1194
- "name": "UmButtonWrapper",
1195
- "module": "src/shared/button-wrapper.ts"
1065
+ "name": "UmSelectionControl",
1066
+ "module": "src/shared/selection-control/selection-control.ts"
1196
1067
  }
1197
1068
  },
1198
1069
  {
1199
1070
  "kind": "field",
1200
- "name": "target",
1071
+ "name": "elementInternals",
1201
1072
  "type": {
1202
- "text": "string | undefined"
1073
+ "text": "ElementInternals"
1203
1074
  },
1204
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1205
- "attribute": "target",
1075
+ "privacy": "protected",
1206
1076
  "inheritedFrom": {
1207
- "name": "UmButtonWrapper",
1208
- "module": "src/shared/button-wrapper.ts"
1077
+ "name": "UmSelectionControl",
1078
+ "module": "src/shared/selection-control/selection-control.ts"
1209
1079
  }
1210
1080
  },
1211
1081
  {
@@ -1214,229 +1084,160 @@
1214
1084
  "type": {
1215
1085
  "text": "string | undefined"
1216
1086
  },
1087
+ "default": "''",
1217
1088
  "attribute": "name",
1218
1089
  "inheritedFrom": {
1219
- "name": "UmButtonWrapper",
1220
- "module": "src/shared/button-wrapper.ts"
1221
- }
1222
- },
1223
- {
1224
- "kind": "field",
1225
- "name": "buttonElement",
1226
- "type": {
1227
- "text": "HTMLElement"
1228
- },
1229
- "inheritedFrom": {
1230
- "name": "UmButtonWrapper",
1231
- "module": "src/shared/button-wrapper.ts"
1090
+ "name": "UmSelectionControl",
1091
+ "module": "src/shared/selection-control/selection-control.ts"
1232
1092
  }
1233
1093
  },
1234
1094
  {
1235
1095
  "kind": "field",
1236
- "name": "ripple",
1096
+ "name": "disabled",
1237
1097
  "type": {
1238
- "text": "UmRipple"
1098
+ "text": "boolean"
1239
1099
  },
1240
- "privacy": "private",
1100
+ "default": "false",
1101
+ "attribute": "disabled",
1102
+ "reflects": true,
1241
1103
  "inheritedFrom": {
1242
- "name": "UmButtonWrapper",
1243
- "module": "src/shared/button-wrapper.ts"
1104
+ "name": "UmSelectionControl",
1105
+ "module": "src/shared/selection-control/selection-control.ts"
1244
1106
  }
1245
1107
  },
1246
1108
  {
1247
1109
  "kind": "field",
1248
- "name": "innerRole",
1110
+ "name": "input",
1249
1111
  "type": {
1250
- "text": "string | null"
1112
+ "text": "HTMLInputElement"
1251
1113
  },
1252
- "privacy": "protected",
1253
- "default": "null",
1254
1114
  "inheritedFrom": {
1255
- "name": "UmButtonWrapper",
1256
- "module": "src/shared/button-wrapper.ts"
1115
+ "name": "UmSelectionControl",
1116
+ "module": "src/shared/selection-control/selection-control.ts"
1257
1117
  }
1258
1118
  },
1259
1119
  {
1260
1120
  "kind": "field",
1261
- "name": "pathname",
1121
+ "name": "form",
1262
1122
  "type": {
1263
- "text": "string"
1123
+ "text": "HTMLFormElement | null"
1264
1124
  },
1265
1125
  "inheritedFrom": {
1266
- "name": "UmButtonWrapper",
1267
- "module": "src/shared/button-wrapper.ts"
1268
- }
1269
- },
1270
- {
1271
- "kind": "method",
1272
- "name": "renderButton",
1273
- "privacy": "private",
1274
- "inheritedFrom": {
1275
- "name": "UmButtonWrapper",
1276
- "module": "src/shared/button-wrapper.ts"
1126
+ "name": "UmSelectionControl",
1127
+ "module": "src/shared/selection-control/selection-control.ts"
1277
1128
  }
1278
1129
  },
1279
1130
  {
1280
- "kind": "method",
1281
- "name": "renderLink",
1131
+ "kind": "field",
1132
+ "name": "#checked",
1282
1133
  "privacy": "private",
1134
+ "type": {
1135
+ "text": "boolean"
1136
+ },
1137
+ "default": "false",
1283
1138
  "inheritedFrom": {
1284
- "name": "UmButtonWrapper",
1285
- "module": "src/shared/button-wrapper.ts"
1139
+ "name": "UmSelectionControl",
1140
+ "module": "src/shared/selection-control/selection-control.ts"
1286
1141
  }
1287
1142
  },
1288
1143
  {
1289
- "kind": "method",
1290
- "name": "focus",
1144
+ "kind": "field",
1145
+ "name": "inputType",
1146
+ "type": {
1147
+ "text": "'checkbox' | 'radio'"
1148
+ },
1149
+ "privacy": "protected",
1150
+ "default": "'checkbox'",
1291
1151
  "inheritedFrom": {
1292
- "name": "UmButtonWrapper",
1293
- "module": "src/shared/button-wrapper.ts"
1152
+ "name": "UmSelectionControl",
1153
+ "module": "src/shared/selection-control/selection-control.ts"
1294
1154
  }
1295
1155
  },
1296
1156
  {
1297
- "kind": "method",
1298
- "name": "blur",
1157
+ "kind": "field",
1158
+ "name": "renderRipple",
1159
+ "type": {
1160
+ "text": "boolean"
1161
+ },
1162
+ "privacy": "protected",
1163
+ "default": "true",
1299
1164
  "inheritedFrom": {
1300
- "name": "UmButtonWrapper",
1301
- "module": "src/shared/button-wrapper.ts"
1165
+ "name": "UmSelectionControl",
1166
+ "module": "src/shared/selection-control/selection-control.ts"
1302
1167
  }
1303
1168
  },
1304
1169
  {
1305
- "kind": "method",
1306
- "name": "getAriaLabel",
1307
- "privacy": "protected",
1308
- "return": {
1309
- "type": {
1310
- "text": "string | null"
1311
- }
1170
+ "kind": "field",
1171
+ "name": "value",
1172
+ "type": {
1173
+ "text": "string"
1312
1174
  },
1175
+ "default": "'on'",
1176
+ "description": "The element value to use in form submission when checked.",
1177
+ "attribute": "value",
1313
1178
  "inheritedFrom": {
1314
- "name": "UmButtonWrapper",
1315
- "module": "src/shared/button-wrapper.ts"
1179
+ "name": "UmSelectionControl",
1180
+ "module": "src/shared/selection-control/selection-control.ts"
1316
1181
  }
1317
1182
  },
1318
1183
  {
1319
- "kind": "method",
1320
- "name": "innerFocusHandler",
1321
- "privacy": "private",
1322
- "return": {
1323
- "type": {
1324
- "text": "void"
1325
- }
1184
+ "kind": "field",
1185
+ "name": "_checkedAttribute",
1186
+ "type": {
1187
+ "text": "boolean"
1326
1188
  },
1189
+ "privacy": "private",
1190
+ "default": "false",
1191
+ "attribute": "checked",
1327
1192
  "inheritedFrom": {
1328
- "name": "UmButtonWrapper",
1329
- "module": "src/shared/button-wrapper.ts"
1193
+ "name": "UmSelectionControl",
1194
+ "module": "src/shared/selection-control/selection-control.ts"
1330
1195
  }
1331
1196
  },
1332
1197
  {
1333
1198
  "kind": "method",
1334
- "name": "#innerClickHandler",
1335
- "return": {
1336
- "type": {
1337
- "text": "void"
1338
- }
1339
- },
1199
+ "name": "#handleClick",
1340
1200
  "parameters": [
1341
1201
  {
1342
- "name": "event",
1202
+ "name": "e",
1343
1203
  "type": {
1344
- "text": "MouseEvent"
1204
+ "text": "Event"
1345
1205
  }
1346
1206
  }
1347
1207
  ],
1348
1208
  "inheritedFrom": {
1349
- "name": "UmButtonWrapper",
1350
- "module": "src/shared/button-wrapper.ts"
1351
- }
1352
- }
1353
- ],
1354
- "events": [
1355
- {
1356
- "name": "change",
1357
- "type": {
1358
- "text": "Event"
1209
+ "name": "UmSelectionControl",
1210
+ "module": "src/shared/selection-control/selection-control.ts"
1359
1211
  }
1360
1212
  }
1361
1213
  ],
1362
1214
  "attributes": [
1363
1215
  {
1364
- "name": "selected",
1365
- "type": {
1366
- "text": "boolean"
1367
- },
1368
- "default": "false",
1369
- "description": "Whether the chip is selected or not",
1370
- "fieldName": "selected"
1371
- },
1372
- {
1373
- "name": "clickable",
1374
- "type": {
1375
- "text": "boolean"
1376
- },
1377
- "fieldName": "clickable"
1378
- },
1379
- {
1380
- "name": "elevated",
1381
- "type": {
1382
- "text": "boolean"
1383
- },
1384
- "default": "false",
1385
- "description": "Adds elevation to the chip",
1386
- "fieldName": "elevated"
1387
- },
1388
- {
1389
- "name": "toggle",
1390
- "type": {
1391
- "text": "boolean"
1392
- },
1393
- "description": "When true, the chip will toggle between selected and unselected\nstates",
1394
- "fieldName": "toggle"
1395
- },
1396
- {
1397
- "name": "removable",
1398
- "type": {
1399
- "text": "boolean"
1400
- },
1401
- "default": "false",
1402
- "description": "Add the remove icon",
1403
- "fieldName": "removable"
1404
- },
1405
- {
1406
- "name": "hide-selected-icon",
1407
- "type": {
1408
- "text": "boolean"
1409
- },
1410
- "default": "false",
1411
- "description": "Hide the selected icon",
1412
- "fieldName": "hideSelectedIcon"
1413
- },
1414
- {
1415
- "name": "has-leading-icon",
1216
+ "name": "hide-state-layer",
1416
1217
  "type": {
1417
1218
  "text": "boolean"
1418
1219
  },
1419
1220
  "default": "false",
1420
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
1421
- "fieldName": "hasLeadingIcon"
1221
+ "fieldName": "hideStateLayer"
1422
1222
  },
1423
1223
  {
1424
- "name": "has-selected-icon",
1224
+ "name": "indeterminate",
1425
1225
  "type": {
1426
1226
  "text": "boolean"
1427
1227
  },
1428
- "default": "false",
1429
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
1430
- "fieldName": "hasSelectedIcon"
1228
+ "fieldName": "indeterminate"
1431
1229
  },
1432
1230
  {
1433
- "name": "has-trailing-icon",
1231
+ "name": "name",
1434
1232
  "type": {
1435
- "text": "boolean"
1233
+ "text": "string | undefined"
1436
1234
  },
1437
- "default": "false",
1438
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
1439
- "fieldName": "hasTrailingIcon"
1235
+ "default": "''",
1236
+ "fieldName": "name",
1237
+ "inheritedFrom": {
1238
+ "name": "UmSelectionControl",
1239
+ "module": "src/shared/selection-control/selection-control.ts"
1240
+ }
1440
1241
  },
1441
1242
  {
1442
1243
  "name": "disabled",
@@ -1444,72 +1245,83 @@
1444
1245
  "text": "boolean"
1445
1246
  },
1446
1247
  "default": "false",
1447
- "description": "Whether the button is disabled or not.",
1448
1248
  "fieldName": "disabled",
1449
1249
  "inheritedFrom": {
1450
- "name": "UmButtonWrapper",
1451
- "module": "src/shared/button-wrapper.ts"
1250
+ "name": "UmSelectionControl",
1251
+ "module": "src/shared/selection-control/selection-control.ts"
1452
1252
  }
1453
1253
  },
1454
1254
  {
1455
- "name": "href",
1255
+ "name": "value",
1456
1256
  "type": {
1457
- "text": "string | undefined"
1257
+ "text": "string"
1458
1258
  },
1459
- "description": "The URL that the link button points to.",
1460
- "fieldName": "href",
1259
+ "default": "'on'",
1260
+ "description": "The element value to use in form submission when checked.",
1261
+ "fieldName": "value",
1461
1262
  "inheritedFrom": {
1462
- "name": "UmButtonWrapper",
1463
- "module": "src/shared/button-wrapper.ts"
1263
+ "name": "UmSelectionControl",
1264
+ "module": "src/shared/selection-control/selection-control.ts"
1464
1265
  }
1465
1266
  },
1466
1267
  {
1467
- "name": "target",
1268
+ "name": "checked",
1269
+ "fieldName": "_checkedAttribute",
1468
1270
  "type": {
1469
- "text": "string | undefined"
1271
+ "text": "boolean"
1470
1272
  },
1471
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1472
- "fieldName": "target",
1273
+ "default": "false",
1473
1274
  "inheritedFrom": {
1474
- "name": "UmButtonWrapper",
1475
- "module": "src/shared/button-wrapper.ts"
1275
+ "name": "UmSelectionControl",
1276
+ "module": "src/shared/selection-control/selection-control.ts"
1277
+ }
1278
+ }
1279
+ ],
1280
+ "superclass": {
1281
+ "name": "UmSelectionControl",
1282
+ "module": "/src/shared/selection-control/selection-control.js"
1283
+ },
1284
+ "tagName": "u-checkbox",
1285
+ "customElement": true,
1286
+ "events": [
1287
+ {
1288
+ "name": "input",
1289
+ "type": {
1290
+ "text": "InputEvent"
1291
+ },
1292
+ "inheritedFrom": {
1293
+ "name": "UmSelectionControl",
1294
+ "module": "src/shared/selection-control/selection-control.ts"
1476
1295
  }
1477
1296
  },
1478
1297
  {
1479
- "name": "name",
1298
+ "name": "change",
1480
1299
  "type": {
1481
- "text": "string | undefined"
1300
+ "text": "Event"
1482
1301
  },
1483
- "fieldName": "name",
1484
1302
  "inheritedFrom": {
1485
- "name": "UmButtonWrapper",
1486
- "module": "src/shared/button-wrapper.ts"
1303
+ "name": "UmSelectionControl",
1304
+ "module": "src/shared/selection-control/selection-control.ts"
1487
1305
  }
1488
1306
  }
1489
- ],
1490
- "superclass": {
1491
- "name": "UmButtonWrapper",
1492
- "module": "/src/shared/button-wrapper.js"
1493
- },
1494
- "tagName": "u-chip",
1495
- "customElement": true
1307
+ ]
1496
1308
  }
1497
1309
  ],
1498
1310
  "exports": [
1499
1311
  {
1500
1312
  "kind": "js",
1501
- "name": "UmChip",
1313
+ "name": "UmCheckbox",
1502
1314
  "declaration": {
1503
- "name": "UmChip",
1504
- "module": "src/chip/chip.ts"
1315
+ "name": "UmCheckbox",
1316
+ "module": "src/checkbox/checkbox.ts"
1505
1317
  }
1506
1318
  },
1507
1319
  {
1508
1320
  "kind": "custom-element-definition",
1509
- "name": "u-chip",
1321
+ "name": "u-checkbox",
1510
1322
  "declaration": {
1511
- "name": "UmChip",
1512
- "module": "src/chip/chip.ts"
1323
+ "name": "UmCheckbox",
1324
+ "module": "src/checkbox/checkbox.ts"
1513
1325
  }
1514
1326
  }
1515
1327
  ]
@@ -3471,246 +3283,657 @@
3471
3283
  "fieldName": "hasSelectionIcon"
3472
3284
  },
3473
3285
  {
3474
- "name": "selected",
3286
+ "name": "selected",
3287
+ "type": {
3288
+ "text": "boolean"
3289
+ },
3290
+ "default": "false",
3291
+ "description": "Sets the selected state. When false, displays the default icon. When true,\ndisplays the selected icon, or the default icon If no `slot=\"selected\"`\nicon is provided.",
3292
+ "fieldName": "selected"
3293
+ },
3294
+ {
3295
+ "name": "aria-label-selected",
3296
+ "type": {
3297
+ "text": "string"
3298
+ },
3299
+ "default": "''",
3300
+ "description": "The `aria-label` of the button when the button is toggleable and selected.",
3301
+ "fieldName": "ariaLabelSelected"
3302
+ },
3303
+ {
3304
+ "name": "type",
3305
+ "type": {
3306
+ "text": "string"
3307
+ },
3308
+ "default": "'submit'",
3309
+ "fieldName": "type",
3310
+ "inheritedFrom": {
3311
+ "name": "UmButtonBase",
3312
+ "module": "src/button/button-base.ts"
3313
+ }
3314
+ },
3315
+ {
3316
+ "name": "value",
3317
+ "type": {
3318
+ "text": "string"
3319
+ },
3320
+ "default": "''",
3321
+ "fieldName": "value",
3322
+ "inheritedFrom": {
3323
+ "name": "UmButtonBase",
3324
+ "module": "src/button/button-base.ts"
3325
+ }
3326
+ },
3327
+ {
3328
+ "name": "disabled",
3329
+ "type": {
3330
+ "text": "boolean"
3331
+ },
3332
+ "default": "false",
3333
+ "description": "Whether the button is disabled or not.",
3334
+ "fieldName": "disabled",
3335
+ "inheritedFrom": {
3336
+ "name": "UmButtonWrapper",
3337
+ "module": "src/shared/button-wrapper.ts"
3338
+ }
3339
+ },
3340
+ {
3341
+ "name": "href",
3342
+ "type": {
3343
+ "text": "string | undefined"
3344
+ },
3345
+ "description": "The URL that the link button points to.",
3346
+ "fieldName": "href",
3347
+ "inheritedFrom": {
3348
+ "name": "UmButtonWrapper",
3349
+ "module": "src/shared/button-wrapper.ts"
3350
+ }
3351
+ },
3352
+ {
3353
+ "name": "target",
3354
+ "type": {
3355
+ "text": "string | undefined"
3356
+ },
3357
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3358
+ "fieldName": "target",
3359
+ "inheritedFrom": {
3360
+ "name": "UmButtonWrapper",
3361
+ "module": "src/shared/button-wrapper.ts"
3362
+ }
3363
+ },
3364
+ {
3365
+ "name": "name",
3366
+ "type": {
3367
+ "text": "string | undefined"
3368
+ },
3369
+ "fieldName": "name",
3370
+ "inheritedFrom": {
3371
+ "name": "UmButtonWrapper",
3372
+ "module": "src/shared/button-wrapper.ts"
3373
+ }
3374
+ }
3375
+ ],
3376
+ "superclass": {
3377
+ "name": "UmButtonBase",
3378
+ "module": "/src/button/button-base.js"
3379
+ },
3380
+ "tagName": "u-icon-button",
3381
+ "customElement": true
3382
+ }
3383
+ ],
3384
+ "exports": [
3385
+ {
3386
+ "kind": "js",
3387
+ "name": "UmIconButton",
3388
+ "declaration": {
3389
+ "name": "UmIconButton",
3390
+ "module": "src/button/icon-button.ts"
3391
+ }
3392
+ },
3393
+ {
3394
+ "kind": "custom-element-definition",
3395
+ "name": "u-icon-button",
3396
+ "declaration": {
3397
+ "name": "UmIconButton",
3398
+ "module": "src/button/icon-button.ts"
3399
+ }
3400
+ }
3401
+ ]
3402
+ },
3403
+ {
3404
+ "kind": "javascript-module",
3405
+ "path": "src/card/card-content.styles.ts",
3406
+ "declarations": [
3407
+ {
3408
+ "kind": "variable",
3409
+ "name": "styles",
3410
+ "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`"
3411
+ }
3412
+ ],
3413
+ "exports": [
3414
+ {
3415
+ "kind": "js",
3416
+ "name": "styles",
3417
+ "declaration": {
3418
+ "name": "styles",
3419
+ "module": "src/card/card-content.styles.ts"
3420
+ }
3421
+ }
3422
+ ]
3423
+ },
3424
+ {
3425
+ "kind": "javascript-module",
3426
+ "path": "src/card/card-content.ts",
3427
+ "declarations": [
3428
+ {
3429
+ "kind": "class",
3430
+ "description": "",
3431
+ "name": "UmCardContent",
3432
+ "members": [
3433
+ {
3434
+ "kind": "field",
3435
+ "name": "hasContent",
3436
+ "type": {
3437
+ "text": "boolean"
3438
+ },
3439
+ "default": "false",
3440
+ "attribute": "has-content",
3441
+ "reflects": true
3442
+ },
3443
+ {
3444
+ "kind": "method",
3445
+ "name": "handleSlotChange",
3446
+ "privacy": "private",
3447
+ "parameters": [
3448
+ {
3449
+ "name": "e",
3450
+ "type": {
3451
+ "text": "Event"
3452
+ }
3453
+ }
3454
+ ]
3455
+ }
3456
+ ],
3457
+ "attributes": [
3458
+ {
3459
+ "name": "has-content",
3460
+ "type": {
3461
+ "text": "boolean"
3462
+ },
3463
+ "default": "false",
3464
+ "fieldName": "hasContent"
3465
+ }
3466
+ ],
3467
+ "superclass": {
3468
+ "name": "LitElement",
3469
+ "package": "lit"
3470
+ },
3471
+ "tagName": "u-card-content",
3472
+ "customElement": true
3473
+ }
3474
+ ],
3475
+ "exports": [
3476
+ {
3477
+ "kind": "js",
3478
+ "name": "UmCardContent",
3479
+ "declaration": {
3480
+ "name": "UmCardContent",
3481
+ "module": "src/card/card-content.ts"
3482
+ }
3483
+ },
3484
+ {
3485
+ "kind": "custom-element-definition",
3486
+ "name": "u-card-content",
3487
+ "declaration": {
3488
+ "name": "UmCardContent",
3489
+ "module": "src/card/card-content.ts"
3490
+ }
3491
+ }
3492
+ ]
3493
+ },
3494
+ {
3495
+ "kind": "javascript-module",
3496
+ "path": "src/card/card-media.styles.ts",
3497
+ "declarations": [
3498
+ {
3499
+ "kind": "variable",
3500
+ "name": "styles",
3501
+ "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`"
3502
+ }
3503
+ ],
3504
+ "exports": [
3505
+ {
3506
+ "kind": "js",
3507
+ "name": "styles",
3508
+ "declaration": {
3509
+ "name": "styles",
3510
+ "module": "src/card/card-media.styles.ts"
3511
+ }
3512
+ }
3513
+ ]
3514
+ },
3515
+ {
3516
+ "kind": "javascript-module",
3517
+ "path": "src/card/card-media.ts",
3518
+ "declarations": [
3519
+ {
3520
+ "kind": "class",
3521
+ "description": "",
3522
+ "name": "UmCardMedia",
3523
+ "members": [
3524
+ {
3525
+ "kind": "field",
3526
+ "name": "wide",
3475
3527
  "type": {
3476
3528
  "text": "boolean"
3477
3529
  },
3478
3530
  "default": "false",
3479
- "description": "Sets the selected state. When false, displays the default icon. When true,\ndisplays the selected icon, or the default icon If no `slot=\"selected\"`\nicon is provided.",
3480
- "fieldName": "selected"
3481
- },
3482
- {
3483
- "name": "aria-label-selected",
3484
- "type": {
3485
- "text": "string"
3486
- },
3487
- "default": "''",
3488
- "description": "The `aria-label` of the button when the button is toggleable and selected.",
3489
- "fieldName": "ariaLabelSelected"
3490
- },
3491
- {
3492
- "name": "type",
3493
- "type": {
3494
- "text": "string"
3495
- },
3496
- "default": "'submit'",
3497
- "fieldName": "type",
3498
- "inheritedFrom": {
3499
- "name": "UmButtonBase",
3500
- "module": "src/button/button-base.ts"
3501
- }
3502
- },
3503
- {
3504
- "name": "value",
3505
- "type": {
3506
- "text": "string"
3507
- },
3508
- "default": "''",
3509
- "fieldName": "value",
3510
- "inheritedFrom": {
3511
- "name": "UmButtonBase",
3512
- "module": "src/button/button-base.ts"
3513
- }
3514
- },
3531
+ "attribute": "wide",
3532
+ "reflects": true
3533
+ }
3534
+ ],
3535
+ "attributes": [
3515
3536
  {
3516
- "name": "disabled",
3537
+ "name": "wide",
3517
3538
  "type": {
3518
3539
  "text": "boolean"
3519
3540
  },
3520
3541
  "default": "false",
3521
- "description": "Whether the button is disabled or not.",
3522
- "fieldName": "disabled",
3523
- "inheritedFrom": {
3524
- "name": "UmButtonWrapper",
3525
- "module": "src/shared/button-wrapper.ts"
3526
- }
3527
- },
3528
- {
3529
- "name": "href",
3530
- "type": {
3531
- "text": "string | undefined"
3532
- },
3533
- "description": "The URL that the link button points to.",
3534
- "fieldName": "href",
3535
- "inheritedFrom": {
3536
- "name": "UmButtonWrapper",
3537
- "module": "src/shared/button-wrapper.ts"
3538
- }
3539
- },
3542
+ "fieldName": "wide"
3543
+ }
3544
+ ],
3545
+ "superclass": {
3546
+ "name": "LitElement",
3547
+ "package": "lit"
3548
+ },
3549
+ "tagName": "u-card-media",
3550
+ "customElement": true
3551
+ }
3552
+ ],
3553
+ "exports": [
3554
+ {
3555
+ "kind": "js",
3556
+ "name": "UmCardMedia",
3557
+ "declaration": {
3558
+ "name": "UmCardMedia",
3559
+ "module": "src/card/card-media.ts"
3560
+ }
3561
+ },
3562
+ {
3563
+ "kind": "custom-element-definition",
3564
+ "name": "u-card-media",
3565
+ "declaration": {
3566
+ "name": "UmCardMedia",
3567
+ "module": "src/card/card-media.ts"
3568
+ }
3569
+ }
3570
+ ]
3571
+ },
3572
+ {
3573
+ "kind": "javascript-module",
3574
+ "path": "src/card/card.styles.ts",
3575
+ "declarations": [
3576
+ {
3577
+ "kind": "variable",
3578
+ "name": "styles",
3579
+ "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`"
3580
+ }
3581
+ ],
3582
+ "exports": [
3583
+ {
3584
+ "kind": "js",
3585
+ "name": "styles",
3586
+ "declaration": {
3587
+ "name": "styles",
3588
+ "module": "src/card/card.styles.ts"
3589
+ }
3590
+ }
3591
+ ]
3592
+ },
3593
+ {
3594
+ "kind": "javascript-module",
3595
+ "path": "src/card/card.ts",
3596
+ "declarations": [
3597
+ {
3598
+ "kind": "class",
3599
+ "description": "",
3600
+ "name": "UmCard",
3601
+ "members": [
3540
3602
  {
3541
- "name": "target",
3603
+ "kind": "field",
3604
+ "name": "variant",
3542
3605
  "type": {
3543
- "text": "string | undefined"
3606
+ "text": "UmCardVariant"
3544
3607
  },
3545
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3546
- "fieldName": "target",
3547
- "inheritedFrom": {
3548
- "name": "UmButtonWrapper",
3549
- "module": "src/shared/button-wrapper.ts"
3550
- }
3551
- },
3608
+ "default": "'filled'",
3609
+ "description": "The Card variant to render.",
3610
+ "attribute": "variant",
3611
+ "reflects": true
3612
+ }
3613
+ ],
3614
+ "attributes": [
3552
3615
  {
3553
- "name": "name",
3616
+ "name": "variant",
3554
3617
  "type": {
3555
- "text": "string | undefined"
3618
+ "text": "UmCardVariant"
3556
3619
  },
3557
- "fieldName": "name",
3558
- "inheritedFrom": {
3559
- "name": "UmButtonWrapper",
3560
- "module": "src/shared/button-wrapper.ts"
3561
- }
3620
+ "default": "'filled'",
3621
+ "description": "The Card variant to render.",
3622
+ "fieldName": "variant"
3562
3623
  }
3563
3624
  ],
3564
3625
  "superclass": {
3565
- "name": "UmButtonBase",
3566
- "module": "/src/button/button-base.js"
3626
+ "name": "LitElement",
3627
+ "package": "lit"
3567
3628
  },
3568
- "tagName": "u-icon-button",
3629
+ "tagName": "u-card",
3569
3630
  "customElement": true
3570
3631
  }
3571
3632
  ],
3572
3633
  "exports": [
3573
3634
  {
3574
3635
  "kind": "js",
3575
- "name": "UmIconButton",
3636
+ "name": "UmCard",
3576
3637
  "declaration": {
3577
- "name": "UmIconButton",
3578
- "module": "src/button/icon-button.ts"
3638
+ "name": "UmCard",
3639
+ "module": "src/card/card.ts"
3579
3640
  }
3580
3641
  },
3581
3642
  {
3582
3643
  "kind": "custom-element-definition",
3583
- "name": "u-icon-button",
3644
+ "name": "u-card",
3584
3645
  "declaration": {
3585
- "name": "UmIconButton",
3586
- "module": "src/button/icon-button.ts"
3646
+ "name": "UmCard",
3647
+ "module": "src/card/card.ts"
3587
3648
  }
3588
3649
  }
3589
3650
  ]
3590
3651
  },
3591
3652
  {
3592
3653
  "kind": "javascript-module",
3593
- "path": "src/checkbox/checkbox-list-item.ts",
3654
+ "path": "src/chip-field/chip-field.styles.ts",
3655
+ "declarations": [
3656
+ {
3657
+ "kind": "variable",
3658
+ "name": "styles",
3659
+ "default": "css `\n u-chip {\n flex-basis: 0;\n }\n\n .input {\n display: flex;\n gap: var(--u-chip-field-chips-gap, var(--u-spacing-extra-small, 4px));\n flex-wrap: wrap;\n }\n .input:has(u-chip) {\n margin-top: var(--u-chip-field-chips-margin, var(--u-spacing-extra-small, 4px));\n }\n .input input {\n width: auto;\n flex-basis: 200px;\n padding: 4px 0;\n margin-block: -4px;\n }\n`"
3660
+ }
3661
+ ],
3662
+ "exports": [
3663
+ {
3664
+ "kind": "js",
3665
+ "name": "styles",
3666
+ "declaration": {
3667
+ "name": "styles",
3668
+ "module": "src/chip-field/chip-field.styles.ts"
3669
+ }
3670
+ }
3671
+ ]
3672
+ },
3673
+ {
3674
+ "kind": "javascript-module",
3675
+ "path": "src/chip-field/chip-field.ts",
3594
3676
  "declarations": [
3595
3677
  {
3596
3678
  "kind": "class",
3597
3679
  "description": "",
3598
- "name": "UmCheckboxListItem",
3599
- "mixins": [
3680
+ "name": "UmChipField",
3681
+ "members": [
3682
+ {
3683
+ "kind": "field",
3684
+ "name": "input",
3685
+ "type": {
3686
+ "text": "HTMLInputElement"
3687
+ }
3688
+ },
3689
+ {
3690
+ "kind": "field",
3691
+ "name": "name",
3692
+ "type": {
3693
+ "text": "string"
3694
+ },
3695
+ "attribute": "name"
3696
+ },
3697
+ {
3698
+ "kind": "field",
3699
+ "name": "manual",
3700
+ "type": {
3701
+ "text": "boolean"
3702
+ },
3703
+ "default": "false",
3704
+ "description": "If true, ignore enter key input",
3705
+ "attribute": "manual"
3706
+ },
3707
+ {
3708
+ "kind": "field",
3709
+ "name": "formatter",
3710
+ "type": {
3711
+ "text": "((value: any) => string) | undefined"
3712
+ },
3713
+ "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
3714
+ },
3715
+ {
3716
+ "kind": "field",
3717
+ "name": "leadingIconTemplate",
3718
+ "type": {
3719
+ "text": "((value: any) => string) | undefined"
3720
+ },
3721
+ "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
3722
+ },
3600
3723
  {
3601
- "name": "mixinSelectionControlListItem",
3602
- "module": "/src/shared/selection-control/selection-control-list-item.js"
3603
- }
3604
- ],
3605
- "superclass": {
3606
- "name": "UmCheckbox",
3607
- "module": "/src/checkbox/checkbox.js"
3608
- },
3609
- "tagName": "u-checkbox-list-item",
3610
- "customElement": true,
3611
- "members": [
3724
+ "kind": "field",
3725
+ "name": "#value",
3726
+ "privacy": "private",
3727
+ "type": {
3728
+ "text": "any[]"
3729
+ },
3730
+ "default": "[]"
3731
+ },
3612
3732
  {
3613
3733
  "kind": "field",
3614
- "name": "styles",
3734
+ "name": "value",
3615
3735
  "type": {
3616
- "text": "array"
3736
+ "text": "any[]"
3617
3737
  },
3618
- "static": true,
3619
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`:host {\n --u-list-item-block-padding: 0;\n display: block;\n }`\n ]",
3620
- "inheritedFrom": {
3621
- "name": "mixinSelectionControlListItem",
3622
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3623
- }
3738
+ "description": "An array containing the value representation of each chip.\n\n_Note:_ Add or remove items directly from value array won't trigger a render on Chip Field. Use the methods `add` or `removeAt`."
3624
3739
  },
3625
3740
  {
3626
3741
  "kind": "method",
3627
- "name": "render",
3742
+ "name": "setFormValue",
3743
+ "privacy": "private"
3744
+ },
3745
+ {
3746
+ "kind": "method",
3747
+ "name": "focus"
3748
+ },
3749
+ {
3750
+ "kind": "method",
3751
+ "name": "renderControl",
3752
+ "privacy": "protected",
3628
3753
  "return": {
3629
3754
  "type": {
3630
3755
  "text": "HTMLTemplateResult"
3631
3756
  }
3632
3757
  },
3633
3758
  "inheritedFrom": {
3634
- "name": "mixinSelectionControlListItem",
3635
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3759
+ "name": "UmFieldBase",
3760
+ "module": "src/field/field-base.ts"
3636
3761
  }
3637
3762
  },
3763
+ {
3764
+ "kind": "method",
3765
+ "name": "#getChips"
3766
+ },
3767
+ {
3768
+ "kind": "method",
3769
+ "name": "#handleBlur"
3770
+ },
3771
+ {
3772
+ "kind": "method",
3773
+ "name": "#handleInput"
3774
+ },
3775
+ {
3776
+ "kind": "method",
3777
+ "name": "#handleKeyDown",
3778
+ "parameters": [
3779
+ {
3780
+ "name": "e",
3781
+ "type": {
3782
+ "text": "KeyboardEvent"
3783
+ }
3784
+ }
3785
+ ]
3786
+ },
3787
+ {
3788
+ "kind": "method",
3789
+ "name": "add",
3790
+ "parameters": [
3791
+ {
3792
+ "name": "value",
3793
+ "type": {
3794
+ "text": "any"
3795
+ }
3796
+ },
3797
+ {
3798
+ "name": "triggerChange",
3799
+ "default": "false"
3800
+ }
3801
+ ]
3802
+ },
3803
+ {
3804
+ "kind": "method",
3805
+ "name": "removeAt",
3806
+ "parameters": [
3807
+ {
3808
+ "name": "index",
3809
+ "type": {
3810
+ "text": "number"
3811
+ }
3812
+ },
3813
+ {
3814
+ "name": "triggerChange",
3815
+ "default": "false"
3816
+ }
3817
+ ]
3818
+ },
3638
3819
  {
3639
3820
  "kind": "field",
3640
- "name": "#indeterminate",
3641
- "privacy": "private",
3642
- "type": {
3643
- "text": "boolean"
3821
+ "name": "#removeChip",
3822
+ "privacy": "private"
3823
+ },
3824
+ {
3825
+ "kind": "method",
3826
+ "name": "#changed",
3827
+ "parameters": [
3828
+ {
3829
+ "name": "triggerChange",
3830
+ "type": {
3831
+ "text": "boolean"
3832
+ }
3833
+ }
3834
+ ]
3835
+ },
3836
+ {
3837
+ "kind": "method",
3838
+ "name": "#valueUpdate"
3839
+ },
3840
+ {
3841
+ "kind": "method",
3842
+ "name": "#setEmpty"
3843
+ },
3844
+ {
3845
+ "kind": "method",
3846
+ "name": "#dispatchRemoveEvent",
3847
+ "return": {
3848
+ "type": {
3849
+ "text": "boolean"
3850
+ }
3644
3851
  },
3645
- "default": "false",
3646
- "inheritedFrom": {
3647
- "name": "UmCheckbox",
3648
- "module": "src/checkbox/checkbox.ts"
3649
- }
3852
+ "parameters": [
3853
+ {
3854
+ "name": "index",
3855
+ "type": {
3856
+ "text": "number"
3857
+ }
3858
+ }
3859
+ ]
3860
+ },
3861
+ {
3862
+ "kind": "method",
3863
+ "name": "getItemLabel",
3864
+ "privacy": "private",
3865
+ "parameters": [
3866
+ {
3867
+ "name": "item",
3868
+ "type": {
3869
+ "text": "any"
3870
+ }
3871
+ }
3872
+ ]
3650
3873
  },
3651
3874
  {
3652
3875
  "kind": "field",
3653
- "name": "hideStateLayer",
3876
+ "name": "formAssociated",
3654
3877
  "type": {
3655
3878
  "text": "boolean"
3656
3879
  },
3657
- "default": "false",
3658
- "attribute": "hide-state-layer",
3659
- "reflects": true,
3880
+ "static": true,
3881
+ "default": "true",
3660
3882
  "inheritedFrom": {
3661
- "name": "UmCheckbox",
3662
- "module": "src/checkbox/checkbox.ts"
3883
+ "name": "UmTextFieldBase",
3884
+ "module": "src/shared/text-field-base/text-field-base.ts"
3663
3885
  }
3664
3886
  },
3665
3887
  {
3666
3888
  "kind": "field",
3667
- "name": "indeterminate",
3889
+ "name": "shadowRootOptions",
3668
3890
  "type": {
3669
- "text": "boolean"
3891
+ "text": "ShadowRootInit"
3670
3892
  },
3671
- "attribute": "indeterminate",
3893
+ "static": true,
3894
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3672
3895
  "inheritedFrom": {
3673
- "name": "UmCheckbox",
3674
- "module": "src/checkbox/checkbox.ts"
3896
+ "name": "UmTextFieldBase",
3897
+ "module": "src/shared/text-field-base/text-field-base.ts"
3675
3898
  }
3676
3899
  },
3677
3900
  {
3678
3901
  "kind": "field",
3679
- "name": "checked",
3680
- "attribute": "checked",
3902
+ "name": "empty",
3681
3903
  "type": {
3682
3904
  "text": "boolean"
3683
3905
  },
3906
+ "default": "true",
3907
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
3908
+ "attribute": "empty",
3909
+ "reflects": true,
3684
3910
  "inheritedFrom": {
3685
- "name": "UmSelectionControl",
3686
- "module": "src/shared/selection-control/selection-control.ts"
3911
+ "name": "UmFieldBase",
3912
+ "module": "src/field/field-base.ts"
3687
3913
  }
3688
3914
  },
3689
3915
  {
3690
- "kind": "method",
3691
- "name": "renderIndicator",
3692
- "privacy": "protected",
3693
- "return": {
3694
- "type": {
3695
- "text": "HTMLTemplateResult"
3696
- }
3916
+ "kind": "field",
3917
+ "name": "placeholder",
3918
+ "type": {
3919
+ "text": "string | undefined"
3697
3920
  },
3921
+ "attribute": "placeholder",
3922
+ "reflects": true,
3698
3923
  "inheritedFrom": {
3699
- "name": "UmSelectionControl",
3700
- "module": "src/shared/selection-control/selection-control.ts"
3924
+ "name": "UmTextFieldBase",
3925
+ "module": "src/shared/text-field-base/text-field-base.ts"
3701
3926
  }
3702
3927
  },
3703
3928
  {
3704
3929
  "kind": "field",
3705
- "name": "formAssociated",
3930
+ "name": "form",
3706
3931
  "type": {
3707
- "text": "boolean"
3932
+ "text": "HTMLFormElement | null"
3708
3933
  },
3709
- "static": true,
3710
- "default": "true",
3711
3934
  "inheritedFrom": {
3712
- "name": "UmSelectionControl",
3713
- "module": "src/shared/selection-control/selection-control.ts"
3935
+ "name": "UmTextFieldBase",
3936
+ "module": "src/shared/text-field-base/text-field-base.ts"
3714
3937
  }
3715
3938
  },
3716
3939
  {
@@ -3721,527 +3944,448 @@
3721
3944
  },
3722
3945
  "privacy": "protected",
3723
3946
  "inheritedFrom": {
3724
- "name": "UmSelectionControl",
3725
- "module": "src/shared/selection-control/selection-control.ts"
3726
- }
3727
- },
3728
- {
3729
- "kind": "field",
3730
- "name": "name",
3731
- "type": {
3732
- "text": "string | undefined"
3733
- },
3734
- "default": "''",
3735
- "attribute": "name",
3736
- "inheritedFrom": {
3737
- "name": "UmSelectionControl",
3738
- "module": "src/shared/selection-control/selection-control.ts"
3947
+ "name": "UmTextFieldBase",
3948
+ "module": "src/shared/text-field-base/text-field-base.ts"
3739
3949
  }
3740
3950
  },
3741
3951
  {
3742
3952
  "kind": "field",
3743
- "name": "disabled",
3953
+ "name": "config",
3744
3954
  "type": {
3745
- "text": "boolean"
3955
+ "text": "UmFieldDefaults | undefined"
3746
3956
  },
3747
- "default": "false",
3748
- "attribute": "disabled",
3749
- "reflects": true,
3957
+ "privacy": "private",
3750
3958
  "inheritedFrom": {
3751
- "name": "UmSelectionControl",
3752
- "module": "src/shared/selection-control/selection-control.ts"
3959
+ "name": "UmFieldBase",
3960
+ "module": "src/field/field-base.ts"
3753
3961
  }
3754
3962
  },
3755
3963
  {
3756
3964
  "kind": "field",
3757
- "name": "input",
3965
+ "name": "variant",
3758
3966
  "type": {
3759
- "text": "HTMLInputElement"
3967
+ "text": "'filled' | 'outlined' | undefined"
3760
3968
  },
3969
+ "default": "undefined",
3970
+ "attribute": "variant",
3761
3971
  "inheritedFrom": {
3762
- "name": "UmSelectionControl",
3763
- "module": "src/shared/selection-control/selection-control.ts"
3972
+ "name": "UmFieldBase",
3973
+ "module": "src/field/field-base.ts"
3764
3974
  }
3765
3975
  },
3766
3976
  {
3767
3977
  "kind": "field",
3768
- "name": "form",
3978
+ "name": "label",
3769
3979
  "type": {
3770
- "text": "HTMLFormElement | null"
3980
+ "text": "string | undefined"
3771
3981
  },
3982
+ "description": "The floating label for the field",
3983
+ "attribute": "label",
3772
3984
  "inheritedFrom": {
3773
- "name": "UmSelectionControl",
3774
- "module": "src/shared/selection-control/selection-control.ts"
3985
+ "name": "UmFieldBase",
3986
+ "module": "src/field/field-base.ts"
3775
3987
  }
3776
3988
  },
3777
3989
  {
3778
3990
  "kind": "field",
3779
- "name": "#checked",
3780
- "privacy": "private",
3991
+ "name": "counter",
3781
3992
  "type": {
3782
- "text": "boolean"
3993
+ "text": "string | undefined"
3783
3994
  },
3784
- "default": "false",
3995
+ "attribute": "counter",
3785
3996
  "inheritedFrom": {
3786
- "name": "UmSelectionControl",
3787
- "module": "src/shared/selection-control/selection-control.ts"
3997
+ "name": "UmFieldBase",
3998
+ "module": "src/field/field-base.ts"
3788
3999
  }
3789
4000
  },
3790
4001
  {
3791
4002
  "kind": "field",
3792
- "name": "inputType",
4003
+ "name": "supportingText",
3793
4004
  "type": {
3794
- "text": "'checkbox' | 'radio'"
4005
+ "text": "string | undefined"
3795
4006
  },
3796
- "privacy": "protected",
3797
- "default": "'checkbox'",
4007
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4008
+ "attribute": "supporting-text",
3798
4009
  "inheritedFrom": {
3799
- "name": "UmSelectionControl",
3800
- "module": "src/shared/selection-control/selection-control.ts"
4010
+ "name": "UmFieldBase",
4011
+ "module": "src/field/field-base.ts"
3801
4012
  }
3802
4013
  },
3803
4014
  {
3804
4015
  "kind": "field",
3805
- "name": "renderRipple",
4016
+ "name": "errorText",
3806
4017
  "type": {
3807
- "text": "boolean"
4018
+ "text": "string | undefined"
3808
4019
  },
3809
- "privacy": "protected",
3810
- "default": "true",
4020
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
4021
+ "attribute": "error-text",
3811
4022
  "inheritedFrom": {
3812
- "name": "UmSelectionControl",
3813
- "module": "src/shared/selection-control/selection-control.ts"
4023
+ "name": "UmFieldBase",
4024
+ "module": "src/field/field-base.ts"
3814
4025
  }
3815
4026
  },
3816
4027
  {
3817
4028
  "kind": "field",
3818
- "name": "value",
4029
+ "name": "disabled",
3819
4030
  "type": {
3820
- "text": "string"
4031
+ "text": "boolean"
3821
4032
  },
3822
- "default": "'on'",
3823
- "description": "The element value to use in form submission when checked.",
3824
- "attribute": "value",
4033
+ "default": "false",
4034
+ "attribute": "disabled",
4035
+ "reflects": true,
3825
4036
  "inheritedFrom": {
3826
- "name": "UmSelectionControl",
3827
- "module": "src/shared/selection-control/selection-control.ts"
4037
+ "name": "UmFieldBase",
4038
+ "module": "src/field/field-base.ts"
3828
4039
  }
3829
4040
  },
3830
4041
  {
3831
4042
  "kind": "field",
3832
- "name": "_checkedAttribute",
4043
+ "name": "invalid",
3833
4044
  "type": {
3834
4045
  "text": "boolean"
3835
4046
  },
3836
- "privacy": "private",
3837
4047
  "default": "false",
3838
- "attribute": "checked",
4048
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4049
+ "attribute": "invalid",
4050
+ "reflects": true,
3839
4051
  "inheritedFrom": {
3840
- "name": "UmSelectionControl",
3841
- "module": "src/shared/selection-control/selection-control.ts"
4052
+ "name": "UmFieldBase",
4053
+ "module": "src/field/field-base.ts"
3842
4054
  }
3843
4055
  },
3844
4056
  {
3845
4057
  "kind": "method",
3846
- "name": "#handleClick",
4058
+ "name": "setDefaults",
4059
+ "static": true,
4060
+ "return": {
4061
+ "type": {
4062
+ "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4063
+ }
4064
+ },
3847
4065
  "parameters": [
3848
4066
  {
3849
- "name": "e",
4067
+ "name": "contextRoot",
3850
4068
  "type": {
3851
- "text": "Event"
4069
+ "text": "HTMLElement"
4070
+ }
4071
+ },
4072
+ {
4073
+ "name": "config",
4074
+ "type": {
4075
+ "text": "UmFieldDefaults"
3852
4076
  }
3853
4077
  }
3854
4078
  ],
3855
4079
  "inheritedFrom": {
3856
- "name": "UmSelectionControl",
3857
- "module": "src/shared/selection-control/selection-control.ts"
4080
+ "name": "UmFieldBase",
4081
+ "module": "src/field/field-base.ts"
3858
4082
  }
3859
- }
3860
- ],
3861
- "attributes": [
4083
+ },
3862
4084
  {
3863
- "name": "hide-state-layer",
4085
+ "kind": "field",
4086
+ "name": "hasLeadingIcon",
3864
4087
  "type": {
3865
4088
  "text": "boolean"
3866
4089
  },
3867
4090
  "default": "false",
3868
- "fieldName": "hideStateLayer",
4091
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4092
+ "attribute": "has-leading-icon",
4093
+ "reflects": true,
3869
4094
  "inheritedFrom": {
3870
- "name": "UmCheckbox",
3871
- "module": "src/checkbox/checkbox.ts"
4095
+ "name": "UmFieldBase",
4096
+ "module": "src/field/field-base.ts"
3872
4097
  }
3873
4098
  },
3874
4099
  {
3875
- "name": "indeterminate",
4100
+ "kind": "field",
4101
+ "name": "hasTrailingIcon",
3876
4102
  "type": {
3877
4103
  "text": "boolean"
3878
4104
  },
3879
- "fieldName": "indeterminate",
3880
- "inheritedFrom": {
3881
- "name": "UmCheckbox",
3882
- "module": "src/checkbox/checkbox.ts"
3883
- }
3884
- },
3885
- {
3886
- "name": "name",
3887
- "type": {
3888
- "text": "string | undefined"
3889
- },
3890
- "default": "''",
3891
- "fieldName": "name",
4105
+ "default": "false",
4106
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4107
+ "attribute": "has-trailing-icon",
4108
+ "reflects": true,
3892
4109
  "inheritedFrom": {
3893
- "name": "UmSelectionControl",
3894
- "module": "src/shared/selection-control/selection-control.ts"
4110
+ "name": "UmFieldBase",
4111
+ "module": "src/field/field-base.ts"
3895
4112
  }
3896
4113
  },
3897
4114
  {
3898
- "name": "disabled",
4115
+ "kind": "field",
4116
+ "name": "hasErrorText",
3899
4117
  "type": {
3900
4118
  "text": "boolean"
3901
4119
  },
3902
4120
  "default": "false",
3903
- "fieldName": "disabled",
4121
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4122
+ "attribute": "has-error-text",
4123
+ "reflects": true,
3904
4124
  "inheritedFrom": {
3905
- "name": "UmSelectionControl",
3906
- "module": "src/shared/selection-control/selection-control.ts"
4125
+ "name": "UmFieldBase",
4126
+ "module": "src/field/field-base.ts"
3907
4127
  }
3908
4128
  },
3909
4129
  {
3910
- "name": "value",
4130
+ "kind": "field",
4131
+ "name": "assignedLeadingIcons",
3911
4132
  "type": {
3912
- "text": "string"
4133
+ "text": "HTMLElement[]"
3913
4134
  },
3914
- "default": "'on'",
3915
- "description": "The element value to use in form submission when checked.",
3916
- "fieldName": "value",
4135
+ "privacy": "private",
3917
4136
  "inheritedFrom": {
3918
- "name": "UmSelectionControl",
3919
- "module": "src/shared/selection-control/selection-control.ts"
4137
+ "name": "UmFieldBase",
4138
+ "module": "src/field/field-base.ts"
3920
4139
  }
3921
4140
  },
3922
4141
  {
3923
- "name": "checked",
3924
- "fieldName": "_checkedAttribute",
3925
- "type": {
3926
- "text": "boolean"
3927
- },
3928
- "default": "false",
3929
- "inheritedFrom": {
3930
- "name": "UmSelectionControl",
3931
- "module": "src/shared/selection-control/selection-control.ts"
3932
- }
3933
- }
3934
- ],
3935
- "events": [
3936
- {
3937
- "name": "input",
4142
+ "kind": "field",
4143
+ "name": "assignedTrailingIcons",
3938
4144
  "type": {
3939
- "text": "InputEvent"
4145
+ "text": "HTMLElement[]"
3940
4146
  },
4147
+ "privacy": "private",
3941
4148
  "inheritedFrom": {
3942
- "name": "UmSelectionControl",
3943
- "module": "src/shared/selection-control/selection-control.ts"
4149
+ "name": "UmFieldBase",
4150
+ "module": "src/field/field-base.ts"
3944
4151
  }
3945
4152
  },
3946
4153
  {
3947
- "name": "change",
4154
+ "kind": "field",
4155
+ "name": "assignedErrorTexts",
3948
4156
  "type": {
3949
- "text": "Event"
4157
+ "text": "HTMLElement[]"
3950
4158
  },
4159
+ "privacy": "private",
3951
4160
  "inheritedFrom": {
3952
- "name": "UmSelectionControl",
3953
- "module": "src/shared/selection-control/selection-control.ts"
4161
+ "name": "UmFieldBase",
4162
+ "module": "src/field/field-base.ts"
3954
4163
  }
3955
- }
3956
- ]
3957
- }
3958
- ],
3959
- "exports": [
3960
- {
3961
- "kind": "js",
3962
- "name": "UmCheckboxListItem",
3963
- "declaration": {
3964
- "name": "UmCheckboxListItem",
3965
- "module": "src/checkbox/checkbox-list-item.ts"
3966
- }
3967
- },
3968
- {
3969
- "kind": "custom-element-definition",
3970
- "name": "u-checkbox-list-item",
3971
- "declaration": {
3972
- "name": "UmCheckboxListItem",
3973
- "module": "src/checkbox/checkbox-list-item.ts"
3974
- }
3975
- }
3976
- ]
3977
- },
3978
- {
3979
- "kind": "javascript-module",
3980
- "path": "src/checkbox/checkbox.styles.ts",
3981
- "declarations": [
3982
- {
3983
- "kind": "variable",
3984
- "name": "styles",
3985
- "default": "css `\n :host {\n --_state-layer-padding: var(--u-checkbox-state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u-checkbox-indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n pointer-events: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u-checkbox-disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n\n :host {\n --_indicator-size: var(--u-checkbox-indicator-size, 1.125rem);\n --_width: var(--u-checkbox-size, 3rem);\n --_height: var(--_width);\n }\n\n .border {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n box-shadow: 0 0 0 var(--u-checkbox-indicator-border-width, 0.125rem) var(--_indicator-color) inset;\n border-radius: var(--u-checkbox-indicator-shaper-coner, 2px);\n transition: box-shadow 175ms 175ms;\n }\n\n .indicator {\n position: absolute;\n display: flex;\n justify-content: center;\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n overflow: hidden;\n clip: rect(0, 0, var(--_indicator-size), 0);\n transition: clip 275ms;\n }\n .indicator::before {\n position: relative;\n top: 25%;\n box-sizing: border-box;\n display: block;\n width: 0.75rem;\n height: 0.35rem;\n content: \"\";\n border: var(--u-checkbox-indicator-border-width, 0.125rem) solid var(--u-color-on-primary, rgb(255, 255, 255));\n border-top-style: none;\n border-right-style: none;\n transform: rotate(-45deg);\n transition: border 175ms, transform 175ms;\n }\n\n input.indeterminate ~ .indicator-container .border,\n input:checked ~ .indicator-container .border {\n box-shadow: 0 0 0 calc(var(--_indicator-size) / 2) var(--_indicator-color) inset;\n transition: box-shadow 175ms;\n }\n input.indeterminate ~ .indicator-container .indicator,\n input:checked ~ .indicator-container .indicator {\n clip: rect(0, var(--_indicator-size), var(--_indicator-size), 0);\n transition: clip 175ms 175ms;\n }\n\n input.indeterminate ~ .indicator-container {\n --_indicator-color: var(--u-checkbox-indicator-indeterminate-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n input.indeterminate ~ .indicator-container .indicator::before {\n border-left-style: none;\n transform: rotate(0);\n width: 0.6rem;\n }\n`"
3986
- }
3987
- ],
3988
- "exports": [
3989
- {
3990
- "kind": "js",
3991
- "name": "styles",
3992
- "declaration": {
3993
- "name": "styles",
3994
- "module": "src/checkbox/checkbox.styles.ts"
3995
- }
3996
- }
3997
- ]
3998
- },
3999
- {
4000
- "kind": "javascript-module",
4001
- "path": "src/checkbox/checkbox.ts",
4002
- "declarations": [
4003
- {
4004
- "kind": "class",
4005
- "description": "",
4006
- "name": "UmCheckbox",
4007
- "members": [
4008
- {
4009
- "kind": "field",
4010
- "name": "#indeterminate",
4011
- "privacy": "private",
4012
- "type": {
4013
- "text": "boolean"
4014
- },
4015
- "default": "false"
4016
4164
  },
4017
4165
  {
4018
4166
  "kind": "field",
4019
- "name": "hideStateLayer",
4167
+ "name": "_labelElement",
4020
4168
  "type": {
4021
- "text": "boolean"
4169
+ "text": "HTMLElement"
4022
4170
  },
4023
- "default": "false",
4024
- "attribute": "hide-state-layer",
4025
- "reflects": true
4171
+ "privacy": "private",
4172
+ "inheritedFrom": {
4173
+ "name": "UmFieldBase",
4174
+ "module": "src/field/field-base.ts"
4175
+ }
4026
4176
  },
4027
4177
  {
4028
4178
  "kind": "field",
4029
- "name": "indeterminate",
4179
+ "name": "_container",
4030
4180
  "type": {
4031
- "text": "boolean"
4181
+ "text": "HTMLElement"
4032
4182
  },
4033
- "attribute": "indeterminate"
4183
+ "privacy": "protected",
4184
+ "inheritedFrom": {
4185
+ "name": "UmFieldBase",
4186
+ "module": "src/field/field-base.ts"
4187
+ }
4034
4188
  },
4035
4189
  {
4036
4190
  "kind": "field",
4037
- "name": "checked",
4038
- "attribute": "checked",
4191
+ "name": "labelSizeObserver",
4039
4192
  "type": {
4040
- "text": "boolean"
4193
+ "text": "ResizeObserver | null"
4041
4194
  },
4195
+ "privacy": "private",
4196
+ "default": "null",
4042
4197
  "inheritedFrom": {
4043
- "name": "UmSelectionControl",
4044
- "module": "src/shared/selection-control/selection-control.ts"
4198
+ "name": "UmFieldBase",
4199
+ "module": "src/field/field-base.ts"
4045
4200
  }
4046
4201
  },
4047
4202
  {
4048
4203
  "kind": "method",
4049
- "name": "renderIndicator",
4204
+ "name": "renderAfterContent",
4050
4205
  "privacy": "protected",
4051
4206
  "return": {
4052
4207
  "type": {
4053
- "text": "HTMLTemplateResult"
4208
+ "text": "TemplateResult"
4054
4209
  }
4055
4210
  },
4056
4211
  "inheritedFrom": {
4057
- "name": "UmSelectionControl",
4058
- "module": "src/shared/selection-control/selection-control.ts"
4212
+ "name": "UmFieldBase",
4213
+ "module": "src/field/field-base.ts"
4059
4214
  }
4060
4215
  },
4061
4216
  {
4062
- "kind": "field",
4063
- "name": "formAssociated",
4064
- "type": {
4065
- "text": "boolean"
4217
+ "kind": "method",
4218
+ "name": "#attach",
4219
+ "return": {
4220
+ "type": {
4221
+ "text": "Promise<void>"
4222
+ }
4066
4223
  },
4067
- "static": true,
4068
- "default": "true",
4069
4224
  "inheritedFrom": {
4070
- "name": "UmSelectionControl",
4071
- "module": "src/shared/selection-control/selection-control.ts"
4225
+ "name": "UmFieldBase",
4226
+ "module": "src/field/field-base.ts"
4072
4227
  }
4073
4228
  },
4074
4229
  {
4075
- "kind": "field",
4076
- "name": "elementInternals",
4077
- "type": {
4078
- "text": "ElementInternals"
4079
- },
4080
- "privacy": "protected",
4230
+ "kind": "method",
4231
+ "name": "handleLeadingIconSlotChange",
4232
+ "privacy": "private",
4081
4233
  "inheritedFrom": {
4082
- "name": "UmSelectionControl",
4083
- "module": "src/shared/selection-control/selection-control.ts"
4234
+ "name": "UmFieldBase",
4235
+ "module": "src/field/field-base.ts"
4084
4236
  }
4085
4237
  },
4086
4238
  {
4087
- "kind": "field",
4088
- "name": "name",
4089
- "type": {
4090
- "text": "string | undefined"
4091
- },
4092
- "default": "''",
4093
- "attribute": "name",
4239
+ "kind": "method",
4240
+ "name": "handleTrailingIconSlotChange",
4241
+ "privacy": "private",
4094
4242
  "inheritedFrom": {
4095
- "name": "UmSelectionControl",
4096
- "module": "src/shared/selection-control/selection-control.ts"
4243
+ "name": "UmFieldBase",
4244
+ "module": "src/field/field-base.ts"
4097
4245
  }
4098
4246
  },
4099
4247
  {
4100
- "kind": "field",
4101
- "name": "disabled",
4102
- "type": {
4103
- "text": "boolean"
4104
- },
4105
- "default": "false",
4106
- "attribute": "disabled",
4107
- "reflects": true,
4248
+ "kind": "method",
4249
+ "name": "handleErrorTextSlotChange",
4250
+ "privacy": "private",
4108
4251
  "inheritedFrom": {
4109
- "name": "UmSelectionControl",
4110
- "module": "src/shared/selection-control/selection-control.ts"
4252
+ "name": "UmFieldBase",
4253
+ "module": "src/field/field-base.ts"
4111
4254
  }
4112
4255
  },
4113
4256
  {
4114
- "kind": "field",
4115
- "name": "input",
4116
- "type": {
4117
- "text": "HTMLInputElement"
4118
- },
4257
+ "kind": "method",
4258
+ "name": "setLabelWidthProperties",
4259
+ "privacy": "private",
4119
4260
  "inheritedFrom": {
4120
- "name": "UmSelectionControl",
4121
- "module": "src/shared/selection-control/selection-control.ts"
4261
+ "name": "UmFieldBase",
4262
+ "module": "src/field/field-base.ts"
4122
4263
  }
4123
4264
  },
4124
4265
  {
4125
- "kind": "field",
4126
- "name": "form",
4127
- "type": {
4128
- "text": "HTMLFormElement | null"
4266
+ "kind": "method",
4267
+ "name": "renderDefaultTrailingIcon",
4268
+ "privacy": "protected",
4269
+ "return": {
4270
+ "type": {
4271
+ "text": "TemplateResult | typeof nothing"
4272
+ }
4129
4273
  },
4130
4274
  "inheritedFrom": {
4131
- "name": "UmSelectionControl",
4132
- "module": "src/shared/selection-control/selection-control.ts"
4275
+ "name": "UmFieldBase",
4276
+ "module": "src/field/field-base.ts"
4277
+ }
4278
+ }
4279
+ ],
4280
+ "events": [
4281
+ {
4282
+ "name": "change",
4283
+ "type": {
4284
+ "text": "Event"
4133
4285
  }
4286
+ }
4287
+ ],
4288
+ "attributes": [
4289
+ {
4290
+ "name": "name",
4291
+ "type": {
4292
+ "text": "string"
4293
+ },
4294
+ "fieldName": "name"
4134
4295
  },
4135
4296
  {
4136
- "kind": "field",
4137
- "name": "#checked",
4138
- "privacy": "private",
4297
+ "name": "manual",
4139
4298
  "type": {
4140
4299
  "text": "boolean"
4141
4300
  },
4142
4301
  "default": "false",
4143
- "inheritedFrom": {
4144
- "name": "UmSelectionControl",
4145
- "module": "src/shared/selection-control/selection-control.ts"
4146
- }
4302
+ "description": "If true, ignore enter key input",
4303
+ "fieldName": "manual"
4147
4304
  },
4148
4305
  {
4149
- "kind": "field",
4150
- "name": "inputType",
4306
+ "name": "placeholder",
4151
4307
  "type": {
4152
- "text": "'checkbox' | 'radio'"
4308
+ "text": "string | undefined"
4153
4309
  },
4154
- "privacy": "protected",
4155
- "default": "'checkbox'",
4310
+ "fieldName": "placeholder",
4156
4311
  "inheritedFrom": {
4157
- "name": "UmSelectionControl",
4158
- "module": "src/shared/selection-control/selection-control.ts"
4312
+ "name": "UmTextFieldBase",
4313
+ "module": "src/shared/text-field-base/text-field-base.ts"
4159
4314
  }
4160
4315
  },
4161
4316
  {
4162
- "kind": "field",
4163
- "name": "renderRipple",
4317
+ "name": "variant",
4164
4318
  "type": {
4165
- "text": "boolean"
4319
+ "text": "'filled' | 'outlined' | undefined"
4166
4320
  },
4167
- "privacy": "protected",
4168
- "default": "true",
4321
+ "default": "undefined",
4322
+ "resolveInitializer": {
4323
+ "module": "src/field/field-base.ts"
4324
+ },
4325
+ "fieldName": "variant",
4169
4326
  "inheritedFrom": {
4170
- "name": "UmSelectionControl",
4171
- "module": "src/shared/selection-control/selection-control.ts"
4327
+ "name": "UmFieldBase",
4328
+ "module": "src/field/field-base.ts"
4172
4329
  }
4173
4330
  },
4174
4331
  {
4175
- "kind": "field",
4176
- "name": "value",
4332
+ "name": "label",
4177
4333
  "type": {
4178
- "text": "string"
4334
+ "text": "string | undefined"
4179
4335
  },
4180
- "default": "'on'",
4181
- "description": "The element value to use in form submission when checked.",
4182
- "attribute": "value",
4336
+ "description": "The floating label for the field",
4337
+ "fieldName": "label",
4183
4338
  "inheritedFrom": {
4184
- "name": "UmSelectionControl",
4185
- "module": "src/shared/selection-control/selection-control.ts"
4339
+ "name": "UmFieldBase",
4340
+ "module": "src/field/field-base.ts"
4186
4341
  }
4187
4342
  },
4188
4343
  {
4189
- "kind": "field",
4190
- "name": "_checkedAttribute",
4344
+ "name": "counter",
4191
4345
  "type": {
4192
- "text": "boolean"
4346
+ "text": "string | undefined"
4193
4347
  },
4194
- "privacy": "private",
4195
- "default": "false",
4196
- "attribute": "checked",
4348
+ "fieldName": "counter",
4197
4349
  "inheritedFrom": {
4198
- "name": "UmSelectionControl",
4199
- "module": "src/shared/selection-control/selection-control.ts"
4350
+ "name": "UmFieldBase",
4351
+ "module": "src/field/field-base.ts"
4200
4352
  }
4201
4353
  },
4202
4354
  {
4203
- "kind": "method",
4204
- "name": "#handleClick",
4205
- "parameters": [
4206
- {
4207
- "name": "e",
4208
- "type": {
4209
- "text": "Event"
4210
- }
4211
- }
4212
- ],
4213
- "inheritedFrom": {
4214
- "name": "UmSelectionControl",
4215
- "module": "src/shared/selection-control/selection-control.ts"
4216
- }
4217
- }
4218
- ],
4219
- "attributes": [
4220
- {
4221
- "name": "hide-state-layer",
4355
+ "name": "supporting-text",
4222
4356
  "type": {
4223
- "text": "boolean"
4357
+ "text": "string | undefined"
4224
4358
  },
4225
- "default": "false",
4226
- "fieldName": "hideStateLayer"
4359
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
4360
+ "fieldName": "supportingText",
4361
+ "inheritedFrom": {
4362
+ "name": "UmFieldBase",
4363
+ "module": "src/field/field-base.ts"
4364
+ }
4227
4365
  },
4228
4366
  {
4229
- "name": "indeterminate",
4367
+ "name": "error-text",
4230
4368
  "type": {
4231
- "text": "boolean"
4369
+ "text": "string | undefined"
4232
4370
  },
4233
- "fieldName": "indeterminate"
4371
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
4372
+ "fieldName": "errorText",
4373
+ "inheritedFrom": {
4374
+ "name": "UmFieldBase",
4375
+ "module": "src/field/field-base.ts"
4376
+ }
4234
4377
  },
4235
4378
  {
4236
- "name": "name",
4379
+ "name": "empty",
4237
4380
  "type": {
4238
- "text": "string | undefined"
4381
+ "text": "boolean"
4239
4382
  },
4240
- "default": "''",
4241
- "fieldName": "name",
4383
+ "default": "false",
4384
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4385
+ "fieldName": "empty",
4242
4386
  "inheritedFrom": {
4243
- "name": "UmSelectionControl",
4244
- "module": "src/shared/selection-control/selection-control.ts"
4387
+ "name": "UmFieldBase",
4388
+ "module": "src/field/field-base.ts"
4245
4389
  }
4246
4390
  },
4247
4391
  {
@@ -4252,93 +4396,98 @@
4252
4396
  "default": "false",
4253
4397
  "fieldName": "disabled",
4254
4398
  "inheritedFrom": {
4255
- "name": "UmSelectionControl",
4256
- "module": "src/shared/selection-control/selection-control.ts"
4399
+ "name": "UmFieldBase",
4400
+ "module": "src/field/field-base.ts"
4257
4401
  }
4258
4402
  },
4259
4403
  {
4260
- "name": "value",
4404
+ "name": "invalid",
4261
4405
  "type": {
4262
- "text": "string"
4406
+ "text": "boolean"
4263
4407
  },
4264
- "default": "'on'",
4265
- "description": "The element value to use in form submission when checked.",
4266
- "fieldName": "value",
4408
+ "default": "false",
4409
+ "description": "Get or sets where or not the field is in a visually invalid state.",
4410
+ "fieldName": "invalid",
4267
4411
  "inheritedFrom": {
4268
- "name": "UmSelectionControl",
4269
- "module": "src/shared/selection-control/selection-control.ts"
4412
+ "name": "UmFieldBase",
4413
+ "module": "src/field/field-base.ts"
4270
4414
  }
4271
4415
  },
4272
4416
  {
4273
- "name": "checked",
4274
- "fieldName": "_checkedAttribute",
4417
+ "name": "has-leading-icon",
4275
4418
  "type": {
4276
4419
  "text": "boolean"
4277
4420
  },
4278
4421
  "default": "false",
4422
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4423
+ "fieldName": "hasLeadingIcon",
4279
4424
  "inheritedFrom": {
4280
- "name": "UmSelectionControl",
4281
- "module": "src/shared/selection-control/selection-control.ts"
4425
+ "name": "UmFieldBase",
4426
+ "module": "src/field/field-base.ts"
4282
4427
  }
4283
- }
4284
- ],
4285
- "superclass": {
4286
- "name": "UmSelectionControl",
4287
- "module": "/src/shared/selection-control/selection-control.js"
4288
- },
4289
- "tagName": "u-checkbox",
4290
- "customElement": true,
4291
- "events": [
4428
+ },
4292
4429
  {
4293
- "name": "input",
4430
+ "name": "has-trailing-icon",
4294
4431
  "type": {
4295
- "text": "InputEvent"
4432
+ "text": "boolean"
4296
4433
  },
4434
+ "default": "false",
4435
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4436
+ "fieldName": "hasTrailingIcon",
4297
4437
  "inheritedFrom": {
4298
- "name": "UmSelectionControl",
4299
- "module": "src/shared/selection-control/selection-control.ts"
4438
+ "name": "UmFieldBase",
4439
+ "module": "src/field/field-base.ts"
4300
4440
  }
4301
4441
  },
4302
4442
  {
4303
- "name": "change",
4443
+ "name": "has-error-text",
4304
4444
  "type": {
4305
- "text": "Event"
4445
+ "text": "boolean"
4306
4446
  },
4447
+ "default": "false",
4448
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4449
+ "fieldName": "hasErrorText",
4307
4450
  "inheritedFrom": {
4308
- "name": "UmSelectionControl",
4309
- "module": "src/shared/selection-control/selection-control.ts"
4451
+ "name": "UmFieldBase",
4452
+ "module": "src/field/field-base.ts"
4310
4453
  }
4311
4454
  }
4312
- ]
4455
+ ],
4456
+ "superclass": {
4457
+ "name": "UmTextFieldBase",
4458
+ "module": "/src/shared/text-field-base/text-field-base.js"
4459
+ },
4460
+ "tagName": "u-chip-field",
4461
+ "customElement": true
4313
4462
  }
4314
4463
  ],
4315
4464
  "exports": [
4316
4465
  {
4317
4466
  "kind": "js",
4318
- "name": "UmCheckbox",
4467
+ "name": "UmChipField",
4319
4468
  "declaration": {
4320
- "name": "UmCheckbox",
4321
- "module": "src/checkbox/checkbox.ts"
4469
+ "name": "UmChipField",
4470
+ "module": "src/chip-field/chip-field.ts"
4322
4471
  }
4323
4472
  },
4324
4473
  {
4325
4474
  "kind": "custom-element-definition",
4326
- "name": "u-checkbox",
4475
+ "name": "u-chip-field",
4327
4476
  "declaration": {
4328
- "name": "UmCheckbox",
4329
- "module": "src/checkbox/checkbox.ts"
4477
+ "name": "UmChipField",
4478
+ "module": "src/chip-field/chip-field.ts"
4330
4479
  }
4331
4480
  }
4332
4481
  ]
4333
4482
  },
4334
4483
  {
4335
4484
  "kind": "javascript-module",
4336
- "path": "src/chip-field/chip-field.styles.ts",
4485
+ "path": "src/chip/chip-set.styles.ts",
4337
4486
  "declarations": [
4338
4487
  {
4339
4488
  "kind": "variable",
4340
4489
  "name": "styles",
4341
- "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`"
4490
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
4342
4491
  }
4343
4492
  ],
4344
4493
  "exports": [
@@ -4347,615 +4496,506 @@
4347
4496
  "name": "styles",
4348
4497
  "declaration": {
4349
4498
  "name": "styles",
4350
- "module": "src/chip-field/chip-field.styles.ts"
4499
+ "module": "src/chip/chip-set.styles.ts"
4351
4500
  }
4352
4501
  }
4353
4502
  ]
4354
4503
  },
4355
4504
  {
4356
4505
  "kind": "javascript-module",
4357
- "path": "src/chip-field/chip-field.ts",
4358
- "declarations": [
4359
- {
4360
- "kind": "class",
4361
- "description": "",
4362
- "name": "UmChipField",
4363
- "members": [
4364
- {
4365
- "kind": "field",
4366
- "name": "input",
4367
- "type": {
4368
- "text": "HTMLInputElement"
4369
- }
4370
- },
4371
- {
4372
- "kind": "field",
4373
- "name": "name",
4374
- "type": {
4375
- "text": "string"
4376
- },
4377
- "attribute": "name"
4378
- },
4379
- {
4380
- "kind": "field",
4381
- "name": "manual",
4382
- "type": {
4383
- "text": "boolean"
4384
- },
4385
- "default": "false",
4386
- "description": "If true, ignore enter key input",
4387
- "attribute": "manual"
4388
- },
4389
- {
4390
- "kind": "field",
4391
- "name": "formatter",
4392
- "type": {
4393
- "text": "((value: any) => string) | undefined"
4394
- },
4395
- "description": "A function return a string based on a item from the `value`. Useful when the items of value are objects."
4396
- },
4397
- {
4398
- "kind": "field",
4399
- "name": "leadingIconTemplate",
4400
- "type": {
4401
- "text": "((value: any) => string) | undefined"
4402
- },
4403
- "description": "A string representing an HTML to be rendered inside as leading icon of each chip.\n\n_Note:_ Subject to signature change"
4404
- },
4405
- {
4406
- "kind": "field",
4407
- "name": "#value",
4408
- "privacy": "private",
4409
- "type": {
4410
- "text": "any[]"
4411
- },
4412
- "default": "[]"
4413
- },
4414
- {
4415
- "kind": "field",
4416
- "name": "value",
4417
- "type": {
4418
- "text": "any[]"
4419
- },
4420
- "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`."
4421
- },
4422
- {
4423
- "kind": "method",
4424
- "name": "setFormValue",
4425
- "privacy": "private"
4426
- },
4427
- {
4428
- "kind": "method",
4429
- "name": "focus"
4430
- },
4431
- {
4432
- "kind": "method",
4433
- "name": "renderControl",
4434
- "privacy": "protected",
4435
- "return": {
4436
- "type": {
4437
- "text": "HTMLTemplateResult"
4438
- }
4439
- },
4440
- "inheritedFrom": {
4441
- "name": "UmFieldBase",
4442
- "module": "src/field/field-base.ts"
4443
- }
4444
- },
4445
- {
4446
- "kind": "method",
4447
- "name": "#getChips"
4448
- },
4449
- {
4450
- "kind": "method",
4451
- "name": "#handleBlur"
4452
- },
4453
- {
4454
- "kind": "method",
4455
- "name": "#handleInput"
4456
- },
4457
- {
4458
- "kind": "method",
4459
- "name": "#handleKeyDown",
4460
- "parameters": [
4461
- {
4462
- "name": "e",
4463
- "type": {
4464
- "text": "KeyboardEvent"
4465
- }
4466
- }
4467
- ]
4468
- },
4469
- {
4470
- "kind": "method",
4471
- "name": "add",
4472
- "parameters": [
4473
- {
4474
- "name": "value",
4475
- "type": {
4476
- "text": "any"
4477
- }
4478
- },
4479
- {
4480
- "name": "triggerChange",
4481
- "default": "false"
4482
- }
4483
- ]
4484
- },
4485
- {
4486
- "kind": "method",
4487
- "name": "removeAt",
4488
- "parameters": [
4489
- {
4490
- "name": "index",
4491
- "type": {
4492
- "text": "number"
4493
- }
4494
- },
4495
- {
4496
- "name": "triggerChange",
4497
- "default": "false"
4498
- }
4499
- ]
4500
- },
4501
- {
4502
- "kind": "field",
4503
- "name": "#removeChip",
4504
- "privacy": "private"
4505
- },
4506
- {
4507
- "kind": "method",
4508
- "name": "#changed",
4509
- "parameters": [
4510
- {
4511
- "name": "triggerChange",
4512
- "type": {
4513
- "text": "boolean"
4514
- }
4515
- }
4516
- ]
4517
- },
4518
- {
4519
- "kind": "method",
4520
- "name": "#valueUpdate"
4521
- },
4506
+ "path": "src/chip/chip-set.ts",
4507
+ "declarations": [
4508
+ {
4509
+ "kind": "class",
4510
+ "description": "",
4511
+ "name": "UmChipSet",
4512
+ "members": [
4522
4513
  {
4523
- "kind": "method",
4524
- "name": "#setEmpty"
4525
- },
4514
+ "kind": "field",
4515
+ "name": "alignment",
4516
+ "type": {
4517
+ "text": "'start' | 'center' | 'end'"
4518
+ },
4519
+ "default": "'start'",
4520
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4521
+ "attribute": "alignment",
4522
+ "reflects": true,
4523
+ "inheritedFrom": {
4524
+ "name": "UmSetBase",
4525
+ "module": "src/shared/sets/set-base.ts"
4526
+ }
4527
+ }
4528
+ ],
4529
+ "superclass": {
4530
+ "name": "UmSetBase",
4531
+ "module": "/src/shared/sets/set-base.js"
4532
+ },
4533
+ "tagName": "u-chip-set",
4534
+ "customElement": true,
4535
+ "attributes": [
4526
4536
  {
4527
- "kind": "method",
4528
- "name": "#dispatchRemoveEvent",
4529
- "return": {
4530
- "type": {
4531
- "text": "boolean"
4532
- }
4537
+ "name": "alignment",
4538
+ "type": {
4539
+ "text": "'start' | 'center' | 'end'"
4533
4540
  },
4534
- "parameters": [
4535
- {
4536
- "name": "index",
4537
- "type": {
4538
- "text": "number"
4539
- }
4540
- }
4541
- ]
4542
- },
4541
+ "default": "'start'",
4542
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
4543
+ "fieldName": "alignment",
4544
+ "inheritedFrom": {
4545
+ "name": "UmSetBase",
4546
+ "module": "src/shared/sets/set-base.ts"
4547
+ }
4548
+ }
4549
+ ]
4550
+ }
4551
+ ],
4552
+ "exports": [
4553
+ {
4554
+ "kind": "js",
4555
+ "name": "UmChipSet",
4556
+ "declaration": {
4557
+ "name": "UmChipSet",
4558
+ "module": "src/chip/chip-set.ts"
4559
+ }
4560
+ },
4561
+ {
4562
+ "kind": "custom-element-definition",
4563
+ "name": "u-chip-set",
4564
+ "declaration": {
4565
+ "name": "UmChipSet",
4566
+ "module": "src/chip/chip-set.ts"
4567
+ }
4568
+ }
4569
+ ]
4570
+ },
4571
+ {
4572
+ "kind": "javascript-module",
4573
+ "path": "src/chip/chip.styles.ts",
4574
+ "declarations": [
4575
+ {
4576
+ "kind": "variable",
4577
+ "name": "styles",
4578
+ "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: var(--_icon-size);\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
4579
+ }
4580
+ ],
4581
+ "exports": [
4582
+ {
4583
+ "kind": "js",
4584
+ "name": "styles",
4585
+ "declaration": {
4586
+ "name": "styles",
4587
+ "module": "src/chip/chip.styles.ts"
4588
+ }
4589
+ }
4590
+ ]
4591
+ },
4592
+ {
4593
+ "kind": "javascript-module",
4594
+ "path": "src/chip/chip.ts",
4595
+ "declarations": [
4596
+ {
4597
+ "kind": "class",
4598
+ "description": "",
4599
+ "name": "UmChip",
4600
+ "members": [
4543
4601
  {
4544
- "kind": "method",
4545
- "name": "getItemLabel",
4602
+ "kind": "field",
4603
+ "name": "#clickable",
4546
4604
  "privacy": "private",
4547
- "parameters": [
4548
- {
4549
- "name": "item",
4550
- "type": {
4551
- "text": "any"
4552
- }
4553
- }
4554
- ]
4605
+ "type": {
4606
+ "text": "boolean"
4607
+ },
4608
+ "default": "false"
4555
4609
  },
4556
4610
  {
4557
4611
  "kind": "field",
4558
- "name": "formAssociated",
4612
+ "name": "#toggle",
4613
+ "privacy": "private",
4559
4614
  "type": {
4560
4615
  "text": "boolean"
4561
4616
  },
4562
- "static": true,
4563
- "default": "true",
4564
- "inheritedFrom": {
4565
- "name": "UmTextFieldBase",
4566
- "module": "src/shared/text-field-base/text-field-base.ts"
4567
- }
4617
+ "default": "false"
4568
4618
  },
4569
4619
  {
4570
4620
  "kind": "field",
4571
- "name": "shadowRootOptions",
4621
+ "name": "selected",
4572
4622
  "type": {
4573
- "text": "ShadowRootInit"
4623
+ "text": "boolean"
4574
4624
  },
4575
- "static": true,
4576
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4577
- "inheritedFrom": {
4578
- "name": "UmTextFieldBase",
4579
- "module": "src/shared/text-field-base/text-field-base.ts"
4580
- }
4625
+ "default": "false",
4626
+ "description": "Whether the chip is selected or not",
4627
+ "attribute": "selected",
4628
+ "reflects": true
4581
4629
  },
4582
4630
  {
4583
4631
  "kind": "field",
4584
- "name": "empty",
4632
+ "name": "clickable",
4585
4633
  "type": {
4586
4634
  "text": "boolean"
4587
4635
  },
4588
- "default": "true",
4589
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
4590
- "attribute": "empty",
4591
- "reflects": true,
4592
- "inheritedFrom": {
4593
- "name": "UmFieldBase",
4594
- "module": "src/field/field-base.ts"
4595
- }
4636
+ "attribute": "clickable",
4637
+ "reflects": true
4596
4638
  },
4597
4639
  {
4598
4640
  "kind": "field",
4599
- "name": "placeholder",
4641
+ "name": "elevated",
4600
4642
  "type": {
4601
- "text": "string | undefined"
4643
+ "text": "boolean"
4602
4644
  },
4603
- "attribute": "placeholder",
4604
- "reflects": true,
4605
- "inheritedFrom": {
4606
- "name": "UmTextFieldBase",
4607
- "module": "src/shared/text-field-base/text-field-base.ts"
4608
- }
4645
+ "default": "false",
4646
+ "description": "Adds elevation to the chip",
4647
+ "attribute": "elevated",
4648
+ "reflects": true
4609
4649
  },
4610
4650
  {
4611
4651
  "kind": "field",
4612
- "name": "form",
4652
+ "name": "toggle",
4613
4653
  "type": {
4614
- "text": "HTMLFormElement | null"
4654
+ "text": "boolean"
4615
4655
  },
4616
- "inheritedFrom": {
4617
- "name": "UmTextFieldBase",
4618
- "module": "src/shared/text-field-base/text-field-base.ts"
4619
- }
4656
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
4657
+ "attribute": "toggle",
4658
+ "reflects": true
4620
4659
  },
4621
4660
  {
4622
4661
  "kind": "field",
4623
- "name": "elementInternals",
4662
+ "name": "removable",
4624
4663
  "type": {
4625
- "text": "ElementInternals"
4664
+ "text": "boolean"
4626
4665
  },
4627
- "privacy": "protected",
4628
- "inheritedFrom": {
4629
- "name": "UmTextFieldBase",
4630
- "module": "src/shared/text-field-base/text-field-base.ts"
4631
- }
4666
+ "default": "false",
4667
+ "description": "Add the remove icon",
4668
+ "attribute": "removable",
4669
+ "reflects": true
4632
4670
  },
4633
4671
  {
4634
4672
  "kind": "field",
4635
- "name": "config",
4673
+ "name": "hideSelectedIcon",
4636
4674
  "type": {
4637
- "text": "UmFieldDefaults | undefined"
4675
+ "text": "boolean"
4638
4676
  },
4639
- "privacy": "private",
4640
- "inheritedFrom": {
4641
- "name": "UmFieldBase",
4642
- "module": "src/field/field-base.ts"
4643
- }
4677
+ "default": "false",
4678
+ "description": "Hide the selected icon",
4679
+ "attribute": "hide-selected-icon",
4680
+ "reflects": true
4644
4681
  },
4645
4682
  {
4646
4683
  "kind": "field",
4647
- "name": "variant",
4684
+ "name": "hasLeadingIcon",
4648
4685
  "type": {
4649
- "text": "'filled' | 'outlined' | undefined"
4686
+ "text": "boolean"
4650
4687
  },
4651
- "default": "undefined",
4652
- "attribute": "variant",
4653
- "inheritedFrom": {
4654
- "name": "UmFieldBase",
4655
- "module": "src/field/field-base.ts"
4656
- }
4688
+ "default": "false",
4689
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4690
+ "attribute": "has-leading-icon",
4691
+ "reflects": true
4657
4692
  },
4658
4693
  {
4659
4694
  "kind": "field",
4660
- "name": "label",
4695
+ "name": "hasSelectedIcon",
4661
4696
  "type": {
4662
- "text": "string | undefined"
4697
+ "text": "boolean"
4663
4698
  },
4664
- "description": "The floating label for the field",
4665
- "attribute": "label",
4666
- "inheritedFrom": {
4667
- "name": "UmFieldBase",
4668
- "module": "src/field/field-base.ts"
4669
- }
4699
+ "default": "false",
4700
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4701
+ "attribute": "has-selected-icon",
4702
+ "reflects": true
4670
4703
  },
4671
4704
  {
4672
4705
  "kind": "field",
4673
- "name": "counter",
4706
+ "name": "hasTrailingIcon",
4674
4707
  "type": {
4675
- "text": "string | undefined"
4708
+ "text": "boolean"
4676
4709
  },
4677
- "attribute": "counter",
4678
- "inheritedFrom": {
4679
- "name": "UmFieldBase",
4680
- "module": "src/field/field-base.ts"
4681
- }
4710
+ "default": "false",
4711
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4712
+ "attribute": "has-trailing-icon",
4713
+ "reflects": true
4682
4714
  },
4683
4715
  {
4684
4716
  "kind": "field",
4685
- "name": "supportingText",
4717
+ "name": "assignedLeadingIcons",
4686
4718
  "type": {
4687
- "text": "string | undefined"
4719
+ "text": "HTMLElement[]"
4688
4720
  },
4689
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
4690
- "attribute": "supporting-text",
4691
- "inheritedFrom": {
4692
- "name": "UmFieldBase",
4693
- "module": "src/field/field-base.ts"
4694
- }
4721
+ "privacy": "private"
4695
4722
  },
4696
4723
  {
4697
4724
  "kind": "field",
4698
- "name": "errorText",
4725
+ "name": "assignedSelectedIcons",
4699
4726
  "type": {
4700
- "text": "string | undefined"
4727
+ "text": "HTMLElement[]"
4701
4728
  },
4702
- "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`",
4703
- "attribute": "error-text",
4704
- "inheritedFrom": {
4705
- "name": "UmFieldBase",
4706
- "module": "src/field/field-base.ts"
4707
- }
4729
+ "privacy": "private"
4708
4730
  },
4709
4731
  {
4710
4732
  "kind": "field",
4711
- "name": "disabled",
4733
+ "name": "assignedTrailingIcons",
4712
4734
  "type": {
4713
- "text": "boolean"
4735
+ "text": "HTMLElement[]"
4714
4736
  },
4715
- "default": "false",
4716
- "attribute": "disabled",
4717
- "reflects": true,
4718
- "inheritedFrom": {
4719
- "name": "UmFieldBase",
4720
- "module": "src/field/field-base.ts"
4721
- }
4737
+ "privacy": "private"
4722
4738
  },
4723
4739
  {
4724
4740
  "kind": "field",
4725
- "name": "invalid",
4741
+ "name": "removeRipple",
4726
4742
  "type": {
4727
- "text": "boolean"
4728
- },
4729
- "default": "false",
4730
- "description": "Get or sets where or not the field is in a visually invalid state.",
4731
- "attribute": "invalid",
4732
- "reflects": true,
4733
- "inheritedFrom": {
4734
- "name": "UmFieldBase",
4735
- "module": "src/field/field-base.ts"
4743
+ "text": "UmRipple"
4736
4744
  }
4737
4745
  },
4738
4746
  {
4739
4747
  "kind": "method",
4740
- "name": "setDefaults",
4741
- "static": true,
4748
+ "name": "#handleRemoveClick",
4749
+ "parameters": [
4750
+ {
4751
+ "name": "e",
4752
+ "type": {
4753
+ "text": "Event"
4754
+ }
4755
+ }
4756
+ ]
4757
+ },
4758
+ {
4759
+ "kind": "method",
4760
+ "name": "#handleTrailingIconSlotChange"
4761
+ },
4762
+ {
4763
+ "kind": "method",
4764
+ "name": "#handleLeadingIconSlotChange"
4765
+ },
4766
+ {
4767
+ "kind": "method",
4768
+ "name": "#handleSelectedIconSlotChange"
4769
+ },
4770
+ {
4771
+ "kind": "method",
4772
+ "name": "handleClick",
4773
+ "privacy": "protected",
4742
4774
  "return": {
4743
4775
  "type": {
4744
- "text": "ContextProvider<Context<HTMLElement, UmFieldDefaults>>"
4776
+ "text": "void"
4745
4777
  }
4746
4778
  },
4747
4779
  "parameters": [
4748
4780
  {
4749
- "name": "contextRoot",
4750
- "type": {
4751
- "text": "HTMLElement"
4752
- }
4753
- },
4754
- {
4755
- "name": "config",
4781
+ "name": "event",
4756
4782
  "type": {
4757
- "text": "UmFieldDefaults"
4783
+ "text": "UIEvent"
4758
4784
  }
4759
4785
  }
4760
4786
  ],
4761
4787
  "inheritedFrom": {
4762
- "name": "UmFieldBase",
4763
- "module": "src/field/field-base.ts"
4788
+ "name": "UmButtonWrapper",
4789
+ "module": "src/shared/button-wrapper.ts"
4790
+ }
4791
+ },
4792
+ {
4793
+ "kind": "method",
4794
+ "name": "renderContent",
4795
+ "privacy": "protected",
4796
+ "return": {
4797
+ "type": {
4798
+ "text": "HTMLTemplateResult"
4799
+ }
4800
+ },
4801
+ "inheritedFrom": {
4802
+ "name": "UmButtonWrapper",
4803
+ "module": "src/shared/button-wrapper.ts"
4764
4804
  }
4765
4805
  },
4766
4806
  {
4767
4807
  "kind": "field",
4768
- "name": "hasLeadingIcon",
4808
+ "name": "disabled",
4769
4809
  "type": {
4770
4810
  "text": "boolean"
4771
4811
  },
4772
4812
  "default": "false",
4773
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
4774
- "attribute": "has-leading-icon",
4813
+ "description": "Whether the button is disabled or not.",
4814
+ "attribute": "disabled",
4775
4815
  "reflects": true,
4776
4816
  "inheritedFrom": {
4777
- "name": "UmFieldBase",
4778
- "module": "src/field/field-base.ts"
4817
+ "name": "UmButtonWrapper",
4818
+ "module": "src/shared/button-wrapper.ts"
4779
4819
  }
4780
4820
  },
4781
4821
  {
4782
4822
  "kind": "field",
4783
- "name": "hasTrailingIcon",
4823
+ "name": "renderRipple",
4784
4824
  "type": {
4785
4825
  "text": "boolean"
4786
4826
  },
4787
- "default": "false",
4788
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
4789
- "attribute": "has-trailing-icon",
4790
- "reflects": true,
4827
+ "default": "true",
4791
4828
  "inheritedFrom": {
4792
- "name": "UmFieldBase",
4793
- "module": "src/field/field-base.ts"
4829
+ "name": "UmButtonWrapper",
4830
+ "module": "src/shared/button-wrapper.ts"
4794
4831
  }
4795
4832
  },
4796
4833
  {
4797
4834
  "kind": "field",
4798
- "name": "hasErrorText",
4835
+ "name": "href",
4799
4836
  "type": {
4800
- "text": "boolean"
4837
+ "text": "string | undefined"
4801
4838
  },
4802
- "default": "false",
4803
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
4804
- "attribute": "has-error-text",
4805
- "reflects": true,
4839
+ "description": "The URL that the link button points to.",
4840
+ "attribute": "href",
4806
4841
  "inheritedFrom": {
4807
- "name": "UmFieldBase",
4808
- "module": "src/field/field-base.ts"
4842
+ "name": "UmButtonWrapper",
4843
+ "module": "src/shared/button-wrapper.ts"
4809
4844
  }
4810
4845
  },
4811
4846
  {
4812
4847
  "kind": "field",
4813
- "name": "assignedLeadingIcons",
4848
+ "name": "target",
4814
4849
  "type": {
4815
- "text": "HTMLElement[]"
4850
+ "text": "string | undefined"
4816
4851
  },
4817
- "privacy": "private",
4852
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4853
+ "attribute": "target",
4818
4854
  "inheritedFrom": {
4819
- "name": "UmFieldBase",
4820
- "module": "src/field/field-base.ts"
4855
+ "name": "UmButtonWrapper",
4856
+ "module": "src/shared/button-wrapper.ts"
4821
4857
  }
4822
4858
  },
4823
4859
  {
4824
4860
  "kind": "field",
4825
- "name": "assignedTrailingIcons",
4861
+ "name": "name",
4826
4862
  "type": {
4827
- "text": "HTMLElement[]"
4863
+ "text": "string | undefined"
4828
4864
  },
4829
- "privacy": "private",
4865
+ "attribute": "name",
4830
4866
  "inheritedFrom": {
4831
- "name": "UmFieldBase",
4832
- "module": "src/field/field-base.ts"
4867
+ "name": "UmButtonWrapper",
4868
+ "module": "src/shared/button-wrapper.ts"
4833
4869
  }
4834
4870
  },
4835
4871
  {
4836
4872
  "kind": "field",
4837
- "name": "assignedErrorTexts",
4873
+ "name": "buttonElement",
4838
4874
  "type": {
4839
- "text": "HTMLElement[]"
4875
+ "text": "HTMLElement"
4840
4876
  },
4841
- "privacy": "private",
4842
4877
  "inheritedFrom": {
4843
- "name": "UmFieldBase",
4844
- "module": "src/field/field-base.ts"
4878
+ "name": "UmButtonWrapper",
4879
+ "module": "src/shared/button-wrapper.ts"
4845
4880
  }
4846
4881
  },
4847
4882
  {
4848
4883
  "kind": "field",
4849
- "name": "_labelElement",
4884
+ "name": "ripple",
4850
4885
  "type": {
4851
- "text": "HTMLElement"
4886
+ "text": "UmRipple"
4852
4887
  },
4853
4888
  "privacy": "private",
4854
4889
  "inheritedFrom": {
4855
- "name": "UmFieldBase",
4856
- "module": "src/field/field-base.ts"
4890
+ "name": "UmButtonWrapper",
4891
+ "module": "src/shared/button-wrapper.ts"
4857
4892
  }
4858
4893
  },
4859
4894
  {
4860
4895
  "kind": "field",
4861
- "name": "_container",
4896
+ "name": "innerRole",
4862
4897
  "type": {
4863
- "text": "HTMLElement"
4898
+ "text": "string | null"
4864
4899
  },
4865
4900
  "privacy": "protected",
4901
+ "default": "null",
4866
4902
  "inheritedFrom": {
4867
- "name": "UmFieldBase",
4868
- "module": "src/field/field-base.ts"
4903
+ "name": "UmButtonWrapper",
4904
+ "module": "src/shared/button-wrapper.ts"
4869
4905
  }
4870
4906
  },
4871
4907
  {
4872
4908
  "kind": "field",
4873
- "name": "labelSizeObserver",
4909
+ "name": "pathname",
4874
4910
  "type": {
4875
- "text": "ResizeObserver | null"
4911
+ "text": "string"
4876
4912
  },
4877
- "privacy": "private",
4878
- "default": "null",
4879
4913
  "inheritedFrom": {
4880
- "name": "UmFieldBase",
4881
- "module": "src/field/field-base.ts"
4914
+ "name": "UmButtonWrapper",
4915
+ "module": "src/shared/button-wrapper.ts"
4882
4916
  }
4883
4917
  },
4884
4918
  {
4885
4919
  "kind": "method",
4886
- "name": "renderAfterContent",
4887
- "privacy": "protected",
4888
- "return": {
4889
- "type": {
4890
- "text": "TemplateResult"
4891
- }
4892
- },
4920
+ "name": "renderButton",
4921
+ "privacy": "private",
4893
4922
  "inheritedFrom": {
4894
- "name": "UmFieldBase",
4895
- "module": "src/field/field-base.ts"
4923
+ "name": "UmButtonWrapper",
4924
+ "module": "src/shared/button-wrapper.ts"
4896
4925
  }
4897
4926
  },
4898
4927
  {
4899
4928
  "kind": "method",
4900
- "name": "#attach",
4901
- "return": {
4902
- "type": {
4903
- "text": "Promise<void>"
4904
- }
4905
- },
4929
+ "name": "renderLink",
4930
+ "privacy": "private",
4906
4931
  "inheritedFrom": {
4907
- "name": "UmFieldBase",
4908
- "module": "src/field/field-base.ts"
4932
+ "name": "UmButtonWrapper",
4933
+ "module": "src/shared/button-wrapper.ts"
4909
4934
  }
4910
4935
  },
4911
4936
  {
4912
4937
  "kind": "method",
4913
- "name": "handleLeadingIconSlotChange",
4914
- "privacy": "private",
4938
+ "name": "focus",
4915
4939
  "inheritedFrom": {
4916
- "name": "UmFieldBase",
4917
- "module": "src/field/field-base.ts"
4940
+ "name": "UmButtonWrapper",
4941
+ "module": "src/shared/button-wrapper.ts"
4918
4942
  }
4919
4943
  },
4920
4944
  {
4921
4945
  "kind": "method",
4922
- "name": "handleTrailingIconSlotChange",
4923
- "privacy": "private",
4946
+ "name": "blur",
4924
4947
  "inheritedFrom": {
4925
- "name": "UmFieldBase",
4926
- "module": "src/field/field-base.ts"
4948
+ "name": "UmButtonWrapper",
4949
+ "module": "src/shared/button-wrapper.ts"
4927
4950
  }
4928
4951
  },
4929
4952
  {
4930
4953
  "kind": "method",
4931
- "name": "handleErrorTextSlotChange",
4932
- "privacy": "private",
4954
+ "name": "getAriaLabel",
4955
+ "privacy": "protected",
4956
+ "return": {
4957
+ "type": {
4958
+ "text": "string | null"
4959
+ }
4960
+ },
4933
4961
  "inheritedFrom": {
4934
- "name": "UmFieldBase",
4935
- "module": "src/field/field-base.ts"
4962
+ "name": "UmButtonWrapper",
4963
+ "module": "src/shared/button-wrapper.ts"
4936
4964
  }
4937
4965
  },
4938
4966
  {
4939
4967
  "kind": "method",
4940
- "name": "setLabelWidthProperties",
4968
+ "name": "innerFocusHandler",
4941
4969
  "privacy": "private",
4942
- "inheritedFrom": {
4943
- "name": "UmFieldBase",
4944
- "module": "src/field/field-base.ts"
4970
+ "return": {
4971
+ "type": {
4972
+ "text": "void"
4973
+ }
4974
+ },
4975
+ "inheritedFrom": {
4976
+ "name": "UmButtonWrapper",
4977
+ "module": "src/shared/button-wrapper.ts"
4945
4978
  }
4946
4979
  },
4947
4980
  {
4948
4981
  "kind": "method",
4949
- "name": "renderDefaultTrailingIcon",
4950
- "privacy": "protected",
4982
+ "name": "#innerClickHandler",
4951
4983
  "return": {
4952
4984
  "type": {
4953
- "text": "TemplateResult | typeof nothing"
4985
+ "text": "void"
4954
4986
  }
4955
4987
  },
4988
+ "parameters": [
4989
+ {
4990
+ "name": "event",
4991
+ "type": {
4992
+ "text": "MouseEvent"
4993
+ }
4994
+ }
4995
+ ],
4956
4996
  "inheritedFrom": {
4957
- "name": "UmFieldBase",
4958
- "module": "src/field/field-base.ts"
4997
+ "name": "UmButtonWrapper",
4998
+ "module": "src/shared/button-wrapper.ts"
4959
4999
  }
4960
5000
  }
4961
5001
  ],
@@ -4969,195 +5009,155 @@
4969
5009
  ],
4970
5010
  "attributes": [
4971
5011
  {
4972
- "name": "name",
4973
- "type": {
4974
- "text": "string"
4975
- },
4976
- "fieldName": "name"
4977
- },
4978
- {
4979
- "name": "manual",
5012
+ "name": "selected",
4980
5013
  "type": {
4981
5014
  "text": "boolean"
4982
5015
  },
4983
5016
  "default": "false",
4984
- "description": "If true, ignore enter key input",
4985
- "fieldName": "manual"
5017
+ "description": "Whether the chip is selected or not",
5018
+ "fieldName": "selected"
4986
5019
  },
4987
5020
  {
4988
- "name": "placeholder",
5021
+ "name": "clickable",
4989
5022
  "type": {
4990
- "text": "string | undefined"
5023
+ "text": "boolean"
4991
5024
  },
4992
- "fieldName": "placeholder",
4993
- "inheritedFrom": {
4994
- "name": "UmTextFieldBase",
4995
- "module": "src/shared/text-field-base/text-field-base.ts"
4996
- }
5025
+ "fieldName": "clickable"
4997
5026
  },
4998
5027
  {
4999
- "name": "variant",
5028
+ "name": "elevated",
5000
5029
  "type": {
5001
- "text": "'filled' | 'outlined' | undefined"
5002
- },
5003
- "default": "undefined",
5004
- "resolveInitializer": {
5005
- "module": "src/field/field-base.ts"
5030
+ "text": "boolean"
5006
5031
  },
5007
- "fieldName": "variant",
5008
- "inheritedFrom": {
5009
- "name": "UmFieldBase",
5010
- "module": "src/field/field-base.ts"
5011
- }
5032
+ "default": "false",
5033
+ "description": "Adds elevation to the chip",
5034
+ "fieldName": "elevated"
5012
5035
  },
5013
5036
  {
5014
- "name": "label",
5037
+ "name": "toggle",
5015
5038
  "type": {
5016
- "text": "string | undefined"
5039
+ "text": "boolean"
5017
5040
  },
5018
- "description": "The floating label for the field",
5019
- "fieldName": "label",
5020
- "inheritedFrom": {
5021
- "name": "UmFieldBase",
5022
- "module": "src/field/field-base.ts"
5023
- }
5041
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
5042
+ "fieldName": "toggle"
5024
5043
  },
5025
5044
  {
5026
- "name": "counter",
5045
+ "name": "removable",
5027
5046
  "type": {
5028
- "text": "string | undefined"
5047
+ "text": "boolean"
5029
5048
  },
5030
- "fieldName": "counter",
5031
- "inheritedFrom": {
5032
- "name": "UmFieldBase",
5033
- "module": "src/field/field-base.ts"
5034
- }
5049
+ "default": "false",
5050
+ "description": "Add the remove icon",
5051
+ "fieldName": "removable"
5035
5052
  },
5036
5053
  {
5037
- "name": "supporting-text",
5054
+ "name": "hide-selected-icon",
5038
5055
  "type": {
5039
- "text": "string | undefined"
5056
+ "text": "boolean"
5040
5057
  },
5041
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
5042
- "fieldName": "supportingText",
5043
- "inheritedFrom": {
5044
- "name": "UmFieldBase",
5045
- "module": "src/field/field-base.ts"
5046
- }
5058
+ "default": "false",
5059
+ "description": "Hide the selected icon",
5060
+ "fieldName": "hideSelectedIcon"
5047
5061
  },
5048
5062
  {
5049
- "name": "error-text",
5063
+ "name": "has-leading-icon",
5050
5064
  "type": {
5051
- "text": "string | undefined"
5065
+ "text": "boolean"
5052
5066
  },
5053
- "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`",
5054
- "fieldName": "errorText",
5055
- "inheritedFrom": {
5056
- "name": "UmFieldBase",
5057
- "module": "src/field/field-base.ts"
5058
- }
5067
+ "default": "false",
5068
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
5069
+ "fieldName": "hasLeadingIcon"
5059
5070
  },
5060
5071
  {
5061
- "name": "empty",
5072
+ "name": "has-selected-icon",
5062
5073
  "type": {
5063
5074
  "text": "boolean"
5064
5075
  },
5065
5076
  "default": "false",
5066
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
5067
- "fieldName": "empty",
5068
- "inheritedFrom": {
5069
- "name": "UmFieldBase",
5070
- "module": "src/field/field-base.ts"
5071
- }
5077
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
5078
+ "fieldName": "hasSelectedIcon"
5072
5079
  },
5073
5080
  {
5074
- "name": "disabled",
5081
+ "name": "has-trailing-icon",
5075
5082
  "type": {
5076
5083
  "text": "boolean"
5077
5084
  },
5078
5085
  "default": "false",
5079
- "fieldName": "disabled",
5080
- "inheritedFrom": {
5081
- "name": "UmFieldBase",
5082
- "module": "src/field/field-base.ts"
5083
- }
5086
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
5087
+ "fieldName": "hasTrailingIcon"
5084
5088
  },
5085
5089
  {
5086
- "name": "invalid",
5090
+ "name": "disabled",
5087
5091
  "type": {
5088
5092
  "text": "boolean"
5089
5093
  },
5090
5094
  "default": "false",
5091
- "description": "Get or sets where or not the field is in a visually invalid state.",
5092
- "fieldName": "invalid",
5095
+ "description": "Whether the button is disabled or not.",
5096
+ "fieldName": "disabled",
5093
5097
  "inheritedFrom": {
5094
- "name": "UmFieldBase",
5095
- "module": "src/field/field-base.ts"
5098
+ "name": "UmButtonWrapper",
5099
+ "module": "src/shared/button-wrapper.ts"
5096
5100
  }
5097
5101
  },
5098
5102
  {
5099
- "name": "has-leading-icon",
5103
+ "name": "href",
5100
5104
  "type": {
5101
- "text": "boolean"
5105
+ "text": "string | undefined"
5102
5106
  },
5103
- "default": "false",
5104
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
5105
- "fieldName": "hasLeadingIcon",
5107
+ "description": "The URL that the link button points to.",
5108
+ "fieldName": "href",
5106
5109
  "inheritedFrom": {
5107
- "name": "UmFieldBase",
5108
- "module": "src/field/field-base.ts"
5110
+ "name": "UmButtonWrapper",
5111
+ "module": "src/shared/button-wrapper.ts"
5109
5112
  }
5110
5113
  },
5111
5114
  {
5112
- "name": "has-trailing-icon",
5115
+ "name": "target",
5113
5116
  "type": {
5114
- "text": "boolean"
5117
+ "text": "string | undefined"
5115
5118
  },
5116
- "default": "false",
5117
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
5118
- "fieldName": "hasTrailingIcon",
5119
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
5120
+ "fieldName": "target",
5119
5121
  "inheritedFrom": {
5120
- "name": "UmFieldBase",
5121
- "module": "src/field/field-base.ts"
5122
+ "name": "UmButtonWrapper",
5123
+ "module": "src/shared/button-wrapper.ts"
5122
5124
  }
5123
5125
  },
5124
5126
  {
5125
- "name": "has-error-text",
5127
+ "name": "name",
5126
5128
  "type": {
5127
- "text": "boolean"
5129
+ "text": "string | undefined"
5128
5130
  },
5129
- "default": "false",
5130
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
5131
- "fieldName": "hasErrorText",
5131
+ "fieldName": "name",
5132
5132
  "inheritedFrom": {
5133
- "name": "UmFieldBase",
5134
- "module": "src/field/field-base.ts"
5133
+ "name": "UmButtonWrapper",
5134
+ "module": "src/shared/button-wrapper.ts"
5135
5135
  }
5136
5136
  }
5137
5137
  ],
5138
5138
  "superclass": {
5139
- "name": "UmTextFieldBase",
5140
- "module": "/src/shared/text-field-base/text-field-base.js"
5139
+ "name": "UmButtonWrapper",
5140
+ "module": "/src/shared/button-wrapper.js"
5141
5141
  },
5142
- "tagName": "u-chip-field",
5142
+ "tagName": "u-chip",
5143
5143
  "customElement": true
5144
5144
  }
5145
5145
  ],
5146
5146
  "exports": [
5147
5147
  {
5148
5148
  "kind": "js",
5149
- "name": "UmChipField",
5149
+ "name": "UmChip",
5150
5150
  "declaration": {
5151
- "name": "UmChipField",
5152
- "module": "src/chip-field/chip-field.ts"
5151
+ "name": "UmChip",
5152
+ "module": "src/chip/chip.ts"
5153
5153
  }
5154
5154
  },
5155
5155
  {
5156
5156
  "kind": "custom-element-definition",
5157
- "name": "u-chip-field",
5157
+ "name": "u-chip",
5158
5158
  "declaration": {
5159
- "name": "UmChipField",
5160
- "module": "src/chip-field/chip-field.ts"
5159
+ "name": "UmChip",
5160
+ "module": "src/chip/chip.ts"
5161
5161
  }
5162
5162
  }
5163
5163
  ]
@@ -7031,55 +7031,190 @@
7031
7031
  }
7032
7032
  },
7033
7033
  {
7034
- "name": "has-trailing-icon",
7034
+ "name": "has-trailing-icon",
7035
+ "type": {
7036
+ "text": "boolean"
7037
+ },
7038
+ "default": "false",
7039
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
7040
+ "fieldName": "hasTrailingIcon",
7041
+ "inheritedFrom": {
7042
+ "name": "UmFieldBase",
7043
+ "module": "src/field/field-base.ts"
7044
+ }
7045
+ },
7046
+ {
7047
+ "name": "has-error-text",
7048
+ "type": {
7049
+ "text": "boolean"
7050
+ },
7051
+ "default": "false",
7052
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
7053
+ "fieldName": "hasErrorText",
7054
+ "inheritedFrom": {
7055
+ "name": "UmFieldBase",
7056
+ "module": "src/field/field-base.ts"
7057
+ }
7058
+ }
7059
+ ],
7060
+ "superclass": {
7061
+ "name": "UmFieldBase",
7062
+ "module": "/src/field/field-base.js"
7063
+ },
7064
+ "tagName": "u-field",
7065
+ "customElement": true
7066
+ }
7067
+ ],
7068
+ "exports": [
7069
+ {
7070
+ "kind": "js",
7071
+ "name": "UmField",
7072
+ "declaration": {
7073
+ "name": "UmField",
7074
+ "module": "src/field/field.ts"
7075
+ }
7076
+ },
7077
+ {
7078
+ "kind": "custom-element-definition",
7079
+ "name": "u-field",
7080
+ "declaration": {
7081
+ "name": "UmField",
7082
+ "module": "src/field/field.ts"
7083
+ }
7084
+ }
7085
+ ]
7086
+ },
7087
+ {
7088
+ "kind": "javascript-module",
7089
+ "path": "src/list/list-item.styles.ts",
7090
+ "declarations": [
7091
+ {
7092
+ "kind": "variable",
7093
+ "name": "styles",
7094
+ "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`"
7095
+ }
7096
+ ],
7097
+ "exports": [
7098
+ {
7099
+ "kind": "js",
7100
+ "name": "styles",
7101
+ "declaration": {
7102
+ "name": "styles",
7103
+ "module": "src/list/list-item.styles.ts"
7104
+ }
7105
+ }
7106
+ ]
7107
+ },
7108
+ {
7109
+ "kind": "javascript-module",
7110
+ "path": "src/list/list-item.ts",
7111
+ "declarations": [
7112
+ {
7113
+ "kind": "class",
7114
+ "description": "",
7115
+ "name": "UmListItem",
7116
+ "members": [
7117
+ {
7118
+ "kind": "field",
7119
+ "name": "selectable",
7035
7120
  "type": {
7036
7121
  "text": "boolean"
7037
7122
  },
7038
7123
  "default": "false",
7039
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
7040
- "fieldName": "hasTrailingIcon",
7041
- "inheritedFrom": {
7042
- "name": "UmFieldBase",
7043
- "module": "src/field/field-base.ts"
7044
- }
7045
- },
7124
+ "attribute": "selectable",
7125
+ "reflects": true
7126
+ }
7127
+ ],
7128
+ "attributes": [
7046
7129
  {
7047
- "name": "has-error-text",
7130
+ "name": "selectable",
7048
7131
  "type": {
7049
7132
  "text": "boolean"
7050
7133
  },
7051
7134
  "default": "false",
7052
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
7053
- "fieldName": "hasErrorText",
7054
- "inheritedFrom": {
7055
- "name": "UmFieldBase",
7056
- "module": "src/field/field-base.ts"
7057
- }
7135
+ "fieldName": "selectable"
7058
7136
  }
7059
7137
  ],
7060
7138
  "superclass": {
7061
- "name": "UmFieldBase",
7062
- "module": "/src/field/field-base.js"
7139
+ "name": "LitElement",
7140
+ "package": "lit"
7063
7141
  },
7064
- "tagName": "u-field",
7142
+ "tagName": "u-list-item",
7065
7143
  "customElement": true
7066
7144
  }
7067
7145
  ],
7068
7146
  "exports": [
7069
7147
  {
7070
7148
  "kind": "js",
7071
- "name": "UmField",
7149
+ "name": "UmListItem",
7072
7150
  "declaration": {
7073
- "name": "UmField",
7074
- "module": "src/field/field.ts"
7151
+ "name": "UmListItem",
7152
+ "module": "src/list/list-item.ts"
7075
7153
  }
7076
7154
  },
7077
7155
  {
7078
7156
  "kind": "custom-element-definition",
7079
- "name": "u-field",
7157
+ "name": "u-list-item",
7080
7158
  "declaration": {
7081
- "name": "UmField",
7082
- "module": "src/field/field.ts"
7159
+ "name": "UmListItem",
7160
+ "module": "src/list/list-item.ts"
7161
+ }
7162
+ }
7163
+ ]
7164
+ },
7165
+ {
7166
+ "kind": "javascript-module",
7167
+ "path": "src/list/list.styles.ts",
7168
+ "declarations": [
7169
+ {
7170
+ "kind": "variable",
7171
+ "name": "styles",
7172
+ "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
7173
+ }
7174
+ ],
7175
+ "exports": [
7176
+ {
7177
+ "kind": "js",
7178
+ "name": "styles",
7179
+ "declaration": {
7180
+ "name": "styles",
7181
+ "module": "src/list/list.styles.ts"
7182
+ }
7183
+ }
7184
+ ]
7185
+ },
7186
+ {
7187
+ "kind": "javascript-module",
7188
+ "path": "src/list/list.ts",
7189
+ "declarations": [
7190
+ {
7191
+ "kind": "class",
7192
+ "description": "",
7193
+ "name": "UmList",
7194
+ "members": [],
7195
+ "superclass": {
7196
+ "name": "LitElement",
7197
+ "package": "lit"
7198
+ },
7199
+ "tagName": "u-list",
7200
+ "customElement": true
7201
+ }
7202
+ ],
7203
+ "exports": [
7204
+ {
7205
+ "kind": "js",
7206
+ "name": "UmList",
7207
+ "declaration": {
7208
+ "name": "UmList",
7209
+ "module": "src/list/list.ts"
7210
+ }
7211
+ },
7212
+ {
7213
+ "kind": "custom-element-definition",
7214
+ "name": "u-list",
7215
+ "declaration": {
7216
+ "name": "UmList",
7217
+ "module": "src/list/list.ts"
7083
7218
  }
7084
7219
  }
7085
7220
  ]
@@ -8022,141 +8157,6 @@
8022
8157
  }
8023
8158
  ]
8024
8159
  },
8025
- {
8026
- "kind": "javascript-module",
8027
- "path": "src/list/list-item.styles.ts",
8028
- "declarations": [
8029
- {
8030
- "kind": "variable",
8031
- "name": "styles",
8032
- "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`"
8033
- }
8034
- ],
8035
- "exports": [
8036
- {
8037
- "kind": "js",
8038
- "name": "styles",
8039
- "declaration": {
8040
- "name": "styles",
8041
- "module": "src/list/list-item.styles.ts"
8042
- }
8043
- }
8044
- ]
8045
- },
8046
- {
8047
- "kind": "javascript-module",
8048
- "path": "src/list/list-item.ts",
8049
- "declarations": [
8050
- {
8051
- "kind": "class",
8052
- "description": "",
8053
- "name": "UmListItem",
8054
- "members": [
8055
- {
8056
- "kind": "field",
8057
- "name": "selectable",
8058
- "type": {
8059
- "text": "boolean"
8060
- },
8061
- "default": "false",
8062
- "attribute": "selectable",
8063
- "reflects": true
8064
- }
8065
- ],
8066
- "attributes": [
8067
- {
8068
- "name": "selectable",
8069
- "type": {
8070
- "text": "boolean"
8071
- },
8072
- "default": "false",
8073
- "fieldName": "selectable"
8074
- }
8075
- ],
8076
- "superclass": {
8077
- "name": "LitElement",
8078
- "package": "lit"
8079
- },
8080
- "tagName": "u-list-item",
8081
- "customElement": true
8082
- }
8083
- ],
8084
- "exports": [
8085
- {
8086
- "kind": "js",
8087
- "name": "UmListItem",
8088
- "declaration": {
8089
- "name": "UmListItem",
8090
- "module": "src/list/list-item.ts"
8091
- }
8092
- },
8093
- {
8094
- "kind": "custom-element-definition",
8095
- "name": "u-list-item",
8096
- "declaration": {
8097
- "name": "UmListItem",
8098
- "module": "src/list/list-item.ts"
8099
- }
8100
- }
8101
- ]
8102
- },
8103
- {
8104
- "kind": "javascript-module",
8105
- "path": "src/list/list.styles.ts",
8106
- "declarations": [
8107
- {
8108
- "kind": "variable",
8109
- "name": "styles",
8110
- "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
8111
- }
8112
- ],
8113
- "exports": [
8114
- {
8115
- "kind": "js",
8116
- "name": "styles",
8117
- "declaration": {
8118
- "name": "styles",
8119
- "module": "src/list/list.styles.ts"
8120
- }
8121
- }
8122
- ]
8123
- },
8124
- {
8125
- "kind": "javascript-module",
8126
- "path": "src/list/list.ts",
8127
- "declarations": [
8128
- {
8129
- "kind": "class",
8130
- "description": "",
8131
- "name": "UmList",
8132
- "members": [],
8133
- "superclass": {
8134
- "name": "LitElement",
8135
- "package": "lit"
8136
- },
8137
- "tagName": "u-list",
8138
- "customElement": true
8139
- }
8140
- ],
8141
- "exports": [
8142
- {
8143
- "kind": "js",
8144
- "name": "UmList",
8145
- "declaration": {
8146
- "name": "UmList",
8147
- "module": "src/list/list.ts"
8148
- }
8149
- },
8150
- {
8151
- "kind": "custom-element-definition",
8152
- "name": "u-list",
8153
- "declaration": {
8154
- "name": "UmList",
8155
- "module": "src/list/list.ts"
8156
- }
8157
- }
8158
- ]
8159
- },
8160
8160
  {
8161
8161
  "kind": "javascript-module",
8162
8162
  "path": "src/navigation/drawer-item.styles.ts",