@universal-material/web 3.0.118 → 3.0.119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/custom-elements.json +1805 -1805
  2. package/navigation/drawer-item.styles.d.ts.map +1 -1
  3. package/navigation/drawer-item.styles.js +6 -1
  4. package/navigation/drawer-item.styles.js.map +1 -1
  5. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -646,399 +646,400 @@
646
646
  },
647
647
  {
648
648
  "kind": "javascript-module",
649
- "path": "src/checkbox/checkbox-list-item.ts",
649
+ "path": "src/button/button-base.styles.ts",
650
+ "declarations": [
651
+ {
652
+ "kind": "variable",
653
+ "name": "styles",
654
+ "default": "css `\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n ::slotted([slot=icon]) {\n display: inline-block;\n }\n\n .content {\n pointer-events: none;\n }\n`"
655
+ }
656
+ ],
657
+ "exports": [
658
+ {
659
+ "kind": "js",
660
+ "name": "styles",
661
+ "declaration": {
662
+ "name": "styles",
663
+ "module": "src/button/button-base.styles.ts"
664
+ }
665
+ }
666
+ ]
667
+ },
668
+ {
669
+ "kind": "javascript-module",
670
+ "path": "src/button/button-base.ts",
650
671
  "declarations": [
651
672
  {
652
673
  "kind": "class",
653
674
  "description": "",
654
- "name": "UmCheckboxListItem",
655
- "mixins": [
656
- {
657
- "name": "mixinSelectionControlListItem",
658
- "module": "/src/shared/selection-control/selection-control-list-item.js"
659
- }
660
- ],
661
- "superclass": {
662
- "name": "UmCheckbox",
663
- "module": "/src/checkbox/checkbox.js"
664
- },
665
- "tagName": "u-checkbox-list-item",
666
- "customElement": true,
675
+ "name": "UmButtonBase",
667
676
  "members": [
668
677
  {
669
678
  "kind": "field",
670
- "name": "styles",
679
+ "name": "formAssociated",
671
680
  "type": {
672
- "text": "array"
681
+ "text": "boolean"
673
682
  },
674
683
  "static": true,
675
- "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
676
- "inheritedFrom": {
677
- "name": "mixinSelectionControlListItem",
678
- "module": "src/shared/selection-control/selection-control-list-item.ts"
679
- }
680
- },
681
- {
682
- "kind": "method",
683
- "name": "render",
684
- "return": {
685
- "type": {
686
- "text": "HTMLTemplateResult"
687
- }
688
- },
689
- "inheritedFrom": {
690
- "name": "mixinSelectionControlListItem",
691
- "module": "src/shared/selection-control/selection-control-list-item.ts"
692
- }
684
+ "default": "true"
693
685
  },
694
686
  {
695
687
  "kind": "field",
696
- "name": "#indeterminate",
697
- "privacy": "private",
688
+ "name": "type",
698
689
  "type": {
699
- "text": "boolean"
690
+ "text": "string"
700
691
  },
701
- "default": "false",
702
- "inheritedFrom": {
703
- "name": "UmCheckbox",
704
- "module": "src/checkbox/checkbox.ts"
705
- }
692
+ "default": "'submit'",
693
+ "attribute": "type"
706
694
  },
707
695
  {
708
696
  "kind": "field",
709
- "name": "hideStateLayer",
697
+ "name": "value",
710
698
  "type": {
711
- "text": "boolean"
699
+ "text": "string"
712
700
  },
713
- "default": "false",
714
- "attribute": "hide-state-layer",
715
- "reflects": true,
716
- "inheritedFrom": {
717
- "name": "UmCheckbox",
718
- "module": "src/checkbox/checkbox.ts"
719
- }
701
+ "default": "''",
702
+ "attribute": "value",
703
+ "reflects": true
720
704
  },
721
705
  {
722
706
  "kind": "field",
723
- "name": "indeterminate",
707
+ "name": "form",
724
708
  "type": {
725
- "text": "boolean"
726
- },
727
- "attribute": "indeterminate",
728
- "inheritedFrom": {
729
- "name": "UmCheckbox",
730
- "module": "src/checkbox/checkbox.ts"
709
+ "text": "HTMLFormElement | null"
731
710
  }
732
711
  },
733
712
  {
734
713
  "kind": "field",
735
- "name": "checked",
736
- "attribute": "checked",
714
+ "name": "#elementInternals",
715
+ "privacy": "private",
737
716
  "type": {
738
- "text": "boolean"
739
- },
740
- "inheritedFrom": {
741
- "name": "UmSelectionControl",
742
- "module": "src/shared/selection-control/selection-control.ts"
717
+ "text": "ElementInternals"
743
718
  }
744
719
  },
745
720
  {
746
721
  "kind": "method",
747
- "name": "renderIndicator",
722
+ "name": "handleClick",
748
723
  "privacy": "protected",
749
724
  "return": {
750
725
  "type": {
751
- "text": "HTMLTemplateResult"
726
+ "text": "void"
752
727
  }
753
728
  },
729
+ "parameters": [
730
+ {
731
+ "name": "_",
732
+ "type": {
733
+ "text": "UIEvent"
734
+ }
735
+ }
736
+ ],
754
737
  "inheritedFrom": {
755
- "name": "UmSelectionControl",
756
- "module": "src/shared/selection-control/selection-control.ts"
738
+ "name": "UmButtonWrapper",
739
+ "module": "src/shared/button-wrapper.ts"
757
740
  }
758
741
  },
759
742
  {
760
743
  "kind": "field",
761
- "name": "formAssociated",
744
+ "name": "disabled",
762
745
  "type": {
763
746
  "text": "boolean"
764
747
  },
765
- "static": true,
766
- "default": "true",
748
+ "default": "false",
749
+ "description": "Whether the button is disabled or not.",
750
+ "attribute": "disabled",
751
+ "reflects": true,
767
752
  "inheritedFrom": {
768
- "name": "UmSelectionControl",
769
- "module": "src/shared/selection-control/selection-control.ts"
753
+ "name": "UmButtonWrapper",
754
+ "module": "src/shared/button-wrapper.ts"
770
755
  }
771
756
  },
772
757
  {
773
758
  "kind": "field",
774
- "name": "elementInternals",
759
+ "name": "renderRipple",
775
760
  "type": {
776
- "text": "ElementInternals"
761
+ "text": "boolean"
777
762
  },
778
- "privacy": "protected",
763
+ "default": "true",
779
764
  "inheritedFrom": {
780
- "name": "UmSelectionControl",
781
- "module": "src/shared/selection-control/selection-control.ts"
765
+ "name": "UmButtonWrapper",
766
+ "module": "src/shared/button-wrapper.ts"
782
767
  }
783
768
  },
784
769
  {
785
770
  "kind": "field",
786
- "name": "name",
771
+ "name": "href",
787
772
  "type": {
788
773
  "text": "string | undefined"
789
774
  },
790
- "default": "''",
791
- "attribute": "name",
775
+ "description": "The URL that the link button points to.",
776
+ "attribute": "href",
792
777
  "inheritedFrom": {
793
- "name": "UmSelectionControl",
794
- "module": "src/shared/selection-control/selection-control.ts"
778
+ "name": "UmButtonWrapper",
779
+ "module": "src/shared/button-wrapper.ts"
795
780
  }
796
781
  },
797
782
  {
798
783
  "kind": "field",
799
- "name": "disabled",
784
+ "name": "target",
800
785
  "type": {
801
- "text": "boolean"
786
+ "text": "string | undefined"
802
787
  },
803
- "default": "false",
804
- "attribute": "disabled",
805
- "reflects": true,
788
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
789
+ "attribute": "target",
806
790
  "inheritedFrom": {
807
- "name": "UmSelectionControl",
808
- "module": "src/shared/selection-control/selection-control.ts"
791
+ "name": "UmButtonWrapper",
792
+ "module": "src/shared/button-wrapper.ts"
809
793
  }
810
794
  },
811
795
  {
812
796
  "kind": "field",
813
- "name": "input",
797
+ "name": "name",
814
798
  "type": {
815
- "text": "HTMLInputElement"
799
+ "text": "string | undefined"
816
800
  },
801
+ "attribute": "name",
817
802
  "inheritedFrom": {
818
- "name": "UmSelectionControl",
819
- "module": "src/shared/selection-control/selection-control.ts"
803
+ "name": "UmButtonWrapper",
804
+ "module": "src/shared/button-wrapper.ts"
820
805
  }
821
806
  },
822
807
  {
823
808
  "kind": "field",
824
- "name": "form",
809
+ "name": "buttonElement",
825
810
  "type": {
826
- "text": "HTMLFormElement | null"
811
+ "text": "HTMLElement"
827
812
  },
828
813
  "inheritedFrom": {
829
- "name": "UmSelectionControl",
830
- "module": "src/shared/selection-control/selection-control.ts"
814
+ "name": "UmButtonWrapper",
815
+ "module": "src/shared/button-wrapper.ts"
831
816
  }
832
817
  },
833
818
  {
834
819
  "kind": "field",
835
- "name": "#checked",
836
- "privacy": "private",
820
+ "name": "ripple",
837
821
  "type": {
838
- "text": "boolean"
822
+ "text": "UmRipple"
839
823
  },
840
- "default": "false",
824
+ "privacy": "private",
841
825
  "inheritedFrom": {
842
- "name": "UmSelectionControl",
843
- "module": "src/shared/selection-control/selection-control.ts"
826
+ "name": "UmButtonWrapper",
827
+ "module": "src/shared/button-wrapper.ts"
844
828
  }
845
829
  },
846
830
  {
847
831
  "kind": "field",
848
- "name": "inputType",
832
+ "name": "innerRole",
849
833
  "type": {
850
- "text": "'checkbox' | 'radio'"
834
+ "text": "string | null"
851
835
  },
852
836
  "privacy": "protected",
853
- "default": "'checkbox'",
837
+ "default": "null",
854
838
  "inheritedFrom": {
855
- "name": "UmSelectionControl",
856
- "module": "src/shared/selection-control/selection-control.ts"
839
+ "name": "UmButtonWrapper",
840
+ "module": "src/shared/button-wrapper.ts"
857
841
  }
858
842
  },
859
843
  {
860
844
  "kind": "field",
861
- "name": "renderRipple",
845
+ "name": "pathname",
862
846
  "type": {
863
- "text": "boolean"
847
+ "text": "string"
864
848
  },
865
- "privacy": "protected",
866
- "default": "true",
867
849
  "inheritedFrom": {
868
- "name": "UmSelectionControl",
869
- "module": "src/shared/selection-control/selection-control.ts"
850
+ "name": "UmButtonWrapper",
851
+ "module": "src/shared/button-wrapper.ts"
870
852
  }
871
853
  },
872
854
  {
873
- "kind": "field",
874
- "name": "value",
875
- "type": {
876
- "text": "string"
877
- },
878
- "default": "'on'",
879
- "description": "The element value to use in form submission when checked.",
880
- "attribute": "value",
855
+ "kind": "method",
856
+ "name": "renderButton",
857
+ "privacy": "private",
881
858
  "inheritedFrom": {
882
- "name": "UmSelectionControl",
883
- "module": "src/shared/selection-control/selection-control.ts"
859
+ "name": "UmButtonWrapper",
860
+ "module": "src/shared/button-wrapper.ts"
884
861
  }
885
862
  },
886
863
  {
887
- "kind": "field",
888
- "name": "_checkedAttribute",
889
- "type": {
890
- "text": "boolean"
891
- },
864
+ "kind": "method",
865
+ "name": "renderLink",
892
866
  "privacy": "private",
893
- "default": "false",
894
- "attribute": "checked",
895
867
  "inheritedFrom": {
896
- "name": "UmSelectionControl",
897
- "module": "src/shared/selection-control/selection-control.ts"
868
+ "name": "UmButtonWrapper",
869
+ "module": "src/shared/button-wrapper.ts"
898
870
  }
899
871
  },
900
872
  {
901
873
  "kind": "method",
902
- "name": "#handleClick",
903
- "parameters": [
904
- {
905
- "name": "e",
906
- "type": {
907
- "text": "Event"
908
- }
874
+ "name": "renderContent",
875
+ "privacy": "protected",
876
+ "return": {
877
+ "type": {
878
+ "text": "HTMLTemplateResult"
909
879
  }
910
- ],
880
+ },
911
881
  "inheritedFrom": {
912
- "name": "UmSelectionControl",
913
- "module": "src/shared/selection-control/selection-control.ts"
882
+ "name": "UmButtonWrapper",
883
+ "module": "src/shared/button-wrapper.ts"
914
884
  }
915
- }
916
- ],
917
- "attributes": [
885
+ },
918
886
  {
919
- "name": "hide-state-layer",
920
- "type": {
921
- "text": "boolean"
922
- },
923
- "default": "false",
924
- "fieldName": "hideStateLayer",
887
+ "kind": "method",
888
+ "name": "focus",
925
889
  "inheritedFrom": {
926
- "name": "UmCheckbox",
927
- "module": "src/checkbox/checkbox.ts"
890
+ "name": "UmButtonWrapper",
891
+ "module": "src/shared/button-wrapper.ts"
928
892
  }
929
893
  },
930
894
  {
931
- "name": "indeterminate",
932
- "type": {
933
- "text": "boolean"
895
+ "kind": "method",
896
+ "name": "blur",
897
+ "inheritedFrom": {
898
+ "name": "UmButtonWrapper",
899
+ "module": "src/shared/button-wrapper.ts"
900
+ }
901
+ },
902
+ {
903
+ "kind": "method",
904
+ "name": "getAriaLabel",
905
+ "privacy": "protected",
906
+ "return": {
907
+ "type": {
908
+ "text": "string | null"
909
+ }
934
910
  },
935
- "fieldName": "indeterminate",
936
911
  "inheritedFrom": {
937
- "name": "UmCheckbox",
938
- "module": "src/checkbox/checkbox.ts"
912
+ "name": "UmButtonWrapper",
913
+ "module": "src/shared/button-wrapper.ts"
939
914
  }
940
915
  },
941
916
  {
942
- "name": "name",
943
- "type": {
944
- "text": "string | undefined"
917
+ "kind": "method",
918
+ "name": "innerFocusHandler",
919
+ "privacy": "private",
920
+ "return": {
921
+ "type": {
922
+ "text": "void"
923
+ }
945
924
  },
946
- "default": "''",
947
- "fieldName": "name",
948
925
  "inheritedFrom": {
949
- "name": "UmSelectionControl",
950
- "module": "src/shared/selection-control/selection-control.ts"
926
+ "name": "UmButtonWrapper",
927
+ "module": "src/shared/button-wrapper.ts"
951
928
  }
952
929
  },
953
930
  {
954
- "name": "disabled",
955
- "type": {
956
- "text": "boolean"
931
+ "kind": "method",
932
+ "name": "#innerClickHandler",
933
+ "return": {
934
+ "type": {
935
+ "text": "void"
936
+ }
957
937
  },
958
- "default": "false",
959
- "fieldName": "disabled",
938
+ "parameters": [
939
+ {
940
+ "name": "event",
941
+ "type": {
942
+ "text": "MouseEvent"
943
+ }
944
+ }
945
+ ],
960
946
  "inheritedFrom": {
961
- "name": "UmSelectionControl",
962
- "module": "src/shared/selection-control/selection-control.ts"
947
+ "name": "UmButtonWrapper",
948
+ "module": "src/shared/button-wrapper.ts"
963
949
  }
950
+ }
951
+ ],
952
+ "attributes": [
953
+ {
954
+ "name": "type",
955
+ "type": {
956
+ "text": "string"
957
+ },
958
+ "default": "'submit'",
959
+ "fieldName": "type"
964
960
  },
965
961
  {
966
962
  "name": "value",
967
963
  "type": {
968
964
  "text": "string"
969
965
  },
970
- "default": "'on'",
971
- "description": "The element value to use in form submission when checked.",
972
- "fieldName": "value",
973
- "inheritedFrom": {
974
- "name": "UmSelectionControl",
975
- "module": "src/shared/selection-control/selection-control.ts"
976
- }
966
+ "default": "''",
967
+ "fieldName": "value"
977
968
  },
978
969
  {
979
- "name": "checked",
980
- "fieldName": "_checkedAttribute",
970
+ "name": "disabled",
981
971
  "type": {
982
972
  "text": "boolean"
983
973
  },
984
974
  "default": "false",
975
+ "description": "Whether the button is disabled or not.",
976
+ "fieldName": "disabled",
985
977
  "inheritedFrom": {
986
- "name": "UmSelectionControl",
987
- "module": "src/shared/selection-control/selection-control.ts"
978
+ "name": "UmButtonWrapper",
979
+ "module": "src/shared/button-wrapper.ts"
988
980
  }
989
- }
990
- ],
991
- "events": [
981
+ },
992
982
  {
993
- "name": "input",
983
+ "name": "href",
994
984
  "type": {
995
- "text": "InputEvent"
985
+ "text": "string | undefined"
996
986
  },
987
+ "description": "The URL that the link button points to.",
988
+ "fieldName": "href",
997
989
  "inheritedFrom": {
998
- "name": "UmSelectionControl",
999
- "module": "src/shared/selection-control/selection-control.ts"
990
+ "name": "UmButtonWrapper",
991
+ "module": "src/shared/button-wrapper.ts"
1000
992
  }
1001
993
  },
1002
994
  {
1003
- "name": "change",
995
+ "name": "target",
1004
996
  "type": {
1005
- "text": "Event"
997
+ "text": "string | undefined"
1006
998
  },
999
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1000
+ "fieldName": "target",
1007
1001
  "inheritedFrom": {
1008
- "name": "UmSelectionControl",
1009
- "module": "src/shared/selection-control/selection-control.ts"
1002
+ "name": "UmButtonWrapper",
1003
+ "module": "src/shared/button-wrapper.ts"
1004
+ }
1005
+ },
1006
+ {
1007
+ "name": "name",
1008
+ "type": {
1009
+ "text": "string | undefined"
1010
+ },
1011
+ "fieldName": "name",
1012
+ "inheritedFrom": {
1013
+ "name": "UmButtonWrapper",
1014
+ "module": "src/shared/button-wrapper.ts"
1010
1015
  }
1011
1016
  }
1012
- ]
1017
+ ],
1018
+ "superclass": {
1019
+ "name": "UmButtonWrapper",
1020
+ "module": "/src/shared/button-wrapper.js"
1021
+ }
1013
1022
  }
1014
1023
  ],
1015
1024
  "exports": [
1016
1025
  {
1017
1026
  "kind": "js",
1018
- "name": "UmCheckboxListItem",
1019
- "declaration": {
1020
- "name": "UmCheckboxListItem",
1021
- "module": "src/checkbox/checkbox-list-item.ts"
1022
- }
1023
- },
1024
- {
1025
- "kind": "custom-element-definition",
1026
- "name": "u-checkbox-list-item",
1027
+ "name": "UmButtonBase",
1027
1028
  "declaration": {
1028
- "name": "UmCheckboxListItem",
1029
- "module": "src/checkbox/checkbox-list-item.ts"
1029
+ "name": "UmButtonBase",
1030
+ "module": "src/button/button-base.ts"
1030
1031
  }
1031
1032
  }
1032
1033
  ]
1033
1034
  },
1034
1035
  {
1035
1036
  "kind": "javascript-module",
1036
- "path": "src/checkbox/checkbox.styles.ts",
1037
+ "path": "src/button/button-set.styles.ts",
1037
1038
  "declarations": [
1038
1039
  {
1039
1040
  "kind": "variable",
1040
1041
  "name": "styles",
1041
- "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`"
1042
+ "default": "css `\n :host([stack][alignment=start]) {\n align-items: flex-start;\n }\n\n :host([stack][alignment=center]) {\n align-items: center;\n }\n\n :host([stack][alignment=end]) {\n align-items: flex-end;\n }\n\n :host([stack]) {\n flex-direction: column;\n justify-content: flex-start;\n }\n`"
1042
1043
  }
1043
1044
  ],
1044
1045
  "exports": [
@@ -1047,184 +1048,221 @@
1047
1048
  "name": "styles",
1048
1049
  "declaration": {
1049
1050
  "name": "styles",
1050
- "module": "src/checkbox/checkbox.styles.ts"
1051
+ "module": "src/button/button-set.styles.ts"
1051
1052
  }
1052
1053
  }
1053
1054
  ]
1054
1055
  },
1055
1056
  {
1056
1057
  "kind": "javascript-module",
1057
- "path": "src/checkbox/checkbox.ts",
1058
+ "path": "src/button/button-set.ts",
1058
1059
  "declarations": [
1059
1060
  {
1060
1061
  "kind": "class",
1061
1062
  "description": "",
1062
- "name": "UmCheckbox",
1063
+ "name": "UmButtonSet",
1063
1064
  "members": [
1064
1065
  {
1065
1066
  "kind": "field",
1066
- "name": "#indeterminate",
1067
- "privacy": "private",
1068
- "type": {
1069
- "text": "boolean"
1070
- },
1071
- "default": "false"
1072
- },
1073
- {
1074
- "kind": "field",
1075
- "name": "hideStateLayer",
1067
+ "name": "stack",
1076
1068
  "type": {
1077
1069
  "text": "boolean"
1078
1070
  },
1079
1071
  "default": "false",
1080
- "attribute": "hide-state-layer",
1072
+ "description": "Whether to render the buttons stacked or not",
1073
+ "attribute": "stack",
1081
1074
  "reflects": true
1082
1075
  },
1083
1076
  {
1084
1077
  "kind": "field",
1085
- "name": "indeterminate",
1086
- "type": {
1087
- "text": "boolean"
1088
- },
1089
- "attribute": "indeterminate"
1090
- },
1091
- {
1092
- "kind": "field",
1093
- "name": "checked",
1094
- "attribute": "checked",
1078
+ "name": "alignment",
1095
1079
  "type": {
1096
- "text": "boolean"
1097
- },
1098
- "inheritedFrom": {
1099
- "name": "UmSelectionControl",
1100
- "module": "src/shared/selection-control/selection-control.ts"
1101
- }
1102
- },
1103
- {
1104
- "kind": "method",
1105
- "name": "renderIndicator",
1106
- "privacy": "protected",
1107
- "return": {
1108
- "type": {
1109
- "text": "HTMLTemplateResult"
1110
- }
1080
+ "text": "'start' | 'center' | 'end'"
1111
1081
  },
1082
+ "default": "'end'",
1083
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
1084
+ "attribute": "alignment",
1085
+ "reflects": true,
1112
1086
  "inheritedFrom": {
1113
- "name": "UmSelectionControl",
1114
- "module": "src/shared/selection-control/selection-control.ts"
1087
+ "name": "UmSetBase",
1088
+ "module": "src/shared/sets/set-base.ts"
1115
1089
  }
1116
- },
1090
+ }
1091
+ ],
1092
+ "attributes": [
1117
1093
  {
1118
- "kind": "field",
1119
- "name": "formAssociated",
1094
+ "name": "stack",
1120
1095
  "type": {
1121
1096
  "text": "boolean"
1122
1097
  },
1123
- "static": true,
1124
- "default": "true",
1125
- "inheritedFrom": {
1126
- "name": "UmSelectionControl",
1127
- "module": "src/shared/selection-control/selection-control.ts"
1128
- }
1098
+ "default": "false",
1099
+ "description": "Whether to render the buttons stacked or not",
1100
+ "fieldName": "stack"
1129
1101
  },
1130
1102
  {
1131
- "kind": "field",
1132
- "name": "elementInternals",
1103
+ "name": "alignment",
1133
1104
  "type": {
1134
- "text": "ElementInternals"
1105
+ "text": "'start' | 'center' | 'end'"
1135
1106
  },
1136
- "privacy": "protected",
1107
+ "default": "'start'",
1108
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
1109
+ "fieldName": "alignment",
1137
1110
  "inheritedFrom": {
1138
- "name": "UmSelectionControl",
1139
- "module": "src/shared/selection-control/selection-control.ts"
1111
+ "name": "UmSetBase",
1112
+ "module": "src/shared/sets/set-base.ts"
1140
1113
  }
1141
- },
1142
- {
1143
- "kind": "field",
1144
- "name": "name",
1145
- "type": {
1146
- "text": "string | undefined"
1147
- },
1148
- "default": "''",
1149
- "attribute": "name",
1150
- "inheritedFrom": {
1151
- "name": "UmSelectionControl",
1152
- "module": "src/shared/selection-control/selection-control.ts"
1153
- }
1154
- },
1114
+ }
1115
+ ],
1116
+ "superclass": {
1117
+ "name": "UmSetBase",
1118
+ "module": "/src/shared/sets/set-base.js"
1119
+ },
1120
+ "tagName": "u-button-set",
1121
+ "customElement": true
1122
+ }
1123
+ ],
1124
+ "exports": [
1125
+ {
1126
+ "kind": "js",
1127
+ "name": "UmButtonSet",
1128
+ "declaration": {
1129
+ "name": "UmButtonSet",
1130
+ "module": "src/button/button-set.ts"
1131
+ }
1132
+ },
1133
+ {
1134
+ "kind": "custom-element-definition",
1135
+ "name": "u-button-set",
1136
+ "declaration": {
1137
+ "name": "UmButtonSet",
1138
+ "module": "src/button/button-set.ts"
1139
+ }
1140
+ }
1141
+ ]
1142
+ },
1143
+ {
1144
+ "kind": "javascript-module",
1145
+ "path": "src/button/button.styles.ts",
1146
+ "declarations": [
1147
+ {
1148
+ "kind": "variable",
1149
+ "name": "styles",
1150
+ "default": "css `\n :host {\n --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n --u-common-button-font-size: var(--u-label-large-font-size, 0.875rem);\n --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n --_common-button-height: var(--u-common-button-height, 2.5rem);\n --_common-button-padding: var(--u-common-button-padding, 24px);\n --_common-button-icon-size: var(--u-common-button-icon-size, 1.125rem);\n --_common-button-icon-padding: var(--u-common-button-icon-padding, 16px);\n --_common-button-icon-margin: var(--u-common-button-icon-margin, 8px);\n border-radius: var(--u-common-button-shape-corner, var(--u-shape-corner-full, 9999px));\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n height: var(--u-common-button-height, 40px);\n font-size: var(--u-common-button-font-size);\n font-weight: var(--u-common-button-font-weight);\n padding-inline: var(--_common-button-padding);\n box-sizing: border-box;\n }\n\n :host([variant=filled]),\n :host([variant=filled][color=primary]) {\n background-color: var(--u-filled-button-primary-container-color, var(--_color-primary));\n color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=secondary]) {\n background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=tertiary]) {\n background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=error]) {\n background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-tonal-button-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-elevated-button-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n @media (hover: hover) {\n :host([variant=filled]:hover:not(:focus-within):not(:active)),\n :host([variant=tonal]:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n }\n }\n :host([variant=text]) {\n color: var(--u-text-button-text-color, var(--_color-primary));\n }\n\n :host([variant=outlined]) {\n color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary)));\n border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n }\n\n :host([variant=elevated]) {\n --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n color: var(--u-elevated-button-text-color, var(--_color-primary));\n }\n\n :host([disabled][variant=outlined]) {\n background-color: transparent !important;\n border-color: var(--u-outlined-button-disabled-border-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-outlined-button-disabled-border-opacity, 0.12))) !important;\n }\n\n @media (hover: hover) {\n :host([variant=elevated]:hover) {\n --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n }\n }\n :host([has-icon]) {\n padding-inline: var(--_common-button-icon-padding) var(--_common-button-padding);\n }\n\n :host([has-icon][trailing-icon]) {\n padding-inline: var(--_common-button-padding) var(--_common-button-icon-padding);\n }\n\n :host(:not([has-icon])) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--_common-button-icon-size);\n margin-inline-end: var(--_common-button-icon-margin);\n }\n\n :host([trailing-icon]) .icon {\n margin-inline: var(--_common-button-icon-margin) 0;\n }\n`"
1151
+ }
1152
+ ],
1153
+ "exports": [
1154
+ {
1155
+ "kind": "js",
1156
+ "name": "styles",
1157
+ "declaration": {
1158
+ "name": "styles",
1159
+ "module": "src/button/button.styles.ts"
1160
+ }
1161
+ }
1162
+ ]
1163
+ },
1164
+ {
1165
+ "kind": "javascript-module",
1166
+ "path": "src/button/button.ts",
1167
+ "declarations": [
1168
+ {
1169
+ "kind": "class",
1170
+ "description": "",
1171
+ "name": "UmButton",
1172
+ "members": [
1155
1173
  {
1156
1174
  "kind": "field",
1157
- "name": "disabled",
1175
+ "name": "variant",
1158
1176
  "type": {
1159
- "text": "boolean"
1177
+ "text": "UmButtonVariant"
1160
1178
  },
1161
- "default": "false",
1162
- "attribute": "disabled",
1163
- "reflects": true,
1164
- "inheritedFrom": {
1165
- "name": "UmSelectionControl",
1166
- "module": "src/shared/selection-control/selection-control.ts"
1167
- }
1179
+ "default": "'filled'",
1180
+ "description": "The Button variant to render",
1181
+ "attribute": "variant",
1182
+ "reflects": true
1168
1183
  },
1169
1184
  {
1170
1185
  "kind": "field",
1171
- "name": "input",
1186
+ "name": "color",
1172
1187
  "type": {
1173
- "text": "HTMLInputElement"
1188
+ "text": "UmButtonColor"
1174
1189
  },
1175
- "inheritedFrom": {
1176
- "name": "UmSelectionControl",
1177
- "module": "src/shared/selection-control/selection-control.ts"
1178
- }
1190
+ "description": "The Button color\n\n1",
1191
+ "attribute": "color",
1192
+ "reflects": true
1179
1193
  },
1180
1194
  {
1181
1195
  "kind": "field",
1182
- "name": "form",
1196
+ "name": "trailingIcon",
1183
1197
  "type": {
1184
- "text": "HTMLFormElement | null"
1198
+ "text": "boolean"
1185
1199
  },
1186
- "inheritedFrom": {
1187
- "name": "UmSelectionControl",
1188
- "module": "src/shared/selection-control/selection-control.ts"
1189
- }
1200
+ "default": "false",
1201
+ "attribute": "trailing-icon",
1202
+ "reflects": true
1190
1203
  },
1191
1204
  {
1192
1205
  "kind": "field",
1193
- "name": "#checked",
1194
- "privacy": "private",
1206
+ "name": "hasIcon",
1195
1207
  "type": {
1196
1208
  "text": "boolean"
1197
1209
  },
1198
1210
  "default": "false",
1211
+ "description": "Whether the button has icon or not\n\n_Note:_ Readonly",
1212
+ "attribute": "has-icon",
1213
+ "reflects": true
1214
+ },
1215
+ {
1216
+ "kind": "method",
1217
+ "name": "renderContent",
1218
+ "privacy": "protected",
1219
+ "return": {
1220
+ "type": {
1221
+ "text": "HTMLTemplateResult"
1222
+ }
1223
+ },
1199
1224
  "inheritedFrom": {
1200
- "name": "UmSelectionControl",
1201
- "module": "src/shared/selection-control/selection-control.ts"
1225
+ "name": "UmButtonWrapper",
1226
+ "module": "src/shared/button-wrapper.ts"
1202
1227
  }
1203
1228
  },
1229
+ {
1230
+ "kind": "method",
1231
+ "name": "handleSlotChange",
1232
+ "privacy": "private",
1233
+ "parameters": [
1234
+ {
1235
+ "name": "e",
1236
+ "type": {
1237
+ "text": "Event"
1238
+ }
1239
+ }
1240
+ ]
1241
+ },
1204
1242
  {
1205
1243
  "kind": "field",
1206
- "name": "inputType",
1244
+ "name": "formAssociated",
1207
1245
  "type": {
1208
- "text": "'checkbox' | 'radio'"
1246
+ "text": "boolean"
1209
1247
  },
1210
- "privacy": "protected",
1211
- "default": "'checkbox'",
1248
+ "static": true,
1249
+ "default": "true",
1212
1250
  "inheritedFrom": {
1213
- "name": "UmSelectionControl",
1214
- "module": "src/shared/selection-control/selection-control.ts"
1251
+ "name": "UmButtonBase",
1252
+ "module": "src/button/button-base.ts"
1215
1253
  }
1216
1254
  },
1217
1255
  {
1218
1256
  "kind": "field",
1219
- "name": "renderRipple",
1257
+ "name": "type",
1220
1258
  "type": {
1221
- "text": "boolean"
1259
+ "text": "string"
1222
1260
  },
1223
- "privacy": "protected",
1224
- "default": "true",
1261
+ "default": "'submit'",
1262
+ "attribute": "type",
1225
1263
  "inheritedFrom": {
1226
- "name": "UmSelectionControl",
1227
- "module": "src/shared/selection-control/selection-control.ts"
1264
+ "name": "UmButtonBase",
1265
+ "module": "src/button/button-base.ts"
1228
1266
  }
1229
1267
  },
1230
1268
  {
@@ -1233,303 +1271,107 @@
1233
1271
  "type": {
1234
1272
  "text": "string"
1235
1273
  },
1236
- "default": "'on'",
1237
- "description": "The element value to use in form submission when checked.",
1274
+ "default": "''",
1238
1275
  "attribute": "value",
1276
+ "reflects": true,
1239
1277
  "inheritedFrom": {
1240
- "name": "UmSelectionControl",
1241
- "module": "src/shared/selection-control/selection-control.ts"
1278
+ "name": "UmButtonBase",
1279
+ "module": "src/button/button-base.ts"
1242
1280
  }
1243
1281
  },
1244
1282
  {
1245
1283
  "kind": "field",
1246
- "name": "_checkedAttribute",
1284
+ "name": "form",
1247
1285
  "type": {
1248
- "text": "boolean"
1286
+ "text": "HTMLFormElement | null"
1249
1287
  },
1288
+ "inheritedFrom": {
1289
+ "name": "UmButtonBase",
1290
+ "module": "src/button/button-base.ts"
1291
+ }
1292
+ },
1293
+ {
1294
+ "kind": "field",
1295
+ "name": "#elementInternals",
1250
1296
  "privacy": "private",
1251
- "default": "false",
1252
- "attribute": "checked",
1297
+ "type": {
1298
+ "text": "ElementInternals"
1299
+ },
1253
1300
  "inheritedFrom": {
1254
- "name": "UmSelectionControl",
1255
- "module": "src/shared/selection-control/selection-control.ts"
1301
+ "name": "UmButtonBase",
1302
+ "module": "src/button/button-base.ts"
1256
1303
  }
1257
1304
  },
1258
1305
  {
1259
1306
  "kind": "method",
1260
- "name": "#handleClick",
1307
+ "name": "handleClick",
1308
+ "privacy": "protected",
1309
+ "return": {
1310
+ "type": {
1311
+ "text": "void"
1312
+ }
1313
+ },
1261
1314
  "parameters": [
1262
1315
  {
1263
- "name": "e",
1316
+ "name": "_",
1264
1317
  "type": {
1265
- "text": "Event"
1318
+ "text": "UIEvent"
1266
1319
  }
1267
1320
  }
1268
1321
  ],
1269
1322
  "inheritedFrom": {
1270
- "name": "UmSelectionControl",
1271
- "module": "src/shared/selection-control/selection-control.ts"
1323
+ "name": "UmButtonWrapper",
1324
+ "module": "src/shared/button-wrapper.ts"
1272
1325
  }
1273
- }
1274
- ],
1275
- "attributes": [
1326
+ },
1276
1327
  {
1277
- "name": "hide-state-layer",
1328
+ "kind": "field",
1329
+ "name": "disabled",
1278
1330
  "type": {
1279
1331
  "text": "boolean"
1280
1332
  },
1281
1333
  "default": "false",
1282
- "fieldName": "hideStateLayer"
1334
+ "description": "Whether the button is disabled or not.",
1335
+ "attribute": "disabled",
1336
+ "reflects": true,
1337
+ "inheritedFrom": {
1338
+ "name": "UmButtonWrapper",
1339
+ "module": "src/shared/button-wrapper.ts"
1340
+ }
1283
1341
  },
1284
1342
  {
1285
- "name": "indeterminate",
1343
+ "kind": "field",
1344
+ "name": "renderRipple",
1286
1345
  "type": {
1287
1346
  "text": "boolean"
1288
1347
  },
1289
- "fieldName": "indeterminate"
1348
+ "default": "true",
1349
+ "inheritedFrom": {
1350
+ "name": "UmButtonWrapper",
1351
+ "module": "src/shared/button-wrapper.ts"
1352
+ }
1290
1353
  },
1291
1354
  {
1292
- "name": "name",
1355
+ "kind": "field",
1356
+ "name": "href",
1293
1357
  "type": {
1294
1358
  "text": "string | undefined"
1295
1359
  },
1296
- "default": "''",
1297
- "fieldName": "name",
1360
+ "description": "The URL that the link button points to.",
1361
+ "attribute": "href",
1298
1362
  "inheritedFrom": {
1299
- "name": "UmSelectionControl",
1300
- "module": "src/shared/selection-control/selection-control.ts"
1363
+ "name": "UmButtonWrapper",
1364
+ "module": "src/shared/button-wrapper.ts"
1301
1365
  }
1302
1366
  },
1303
1367
  {
1304
- "name": "disabled",
1368
+ "kind": "field",
1369
+ "name": "target",
1305
1370
  "type": {
1306
- "text": "boolean"
1371
+ "text": "string | undefined"
1307
1372
  },
1308
- "default": "false",
1309
- "fieldName": "disabled",
1310
- "inheritedFrom": {
1311
- "name": "UmSelectionControl",
1312
- "module": "src/shared/selection-control/selection-control.ts"
1313
- }
1314
- },
1315
- {
1316
- "name": "value",
1317
- "type": {
1318
- "text": "string"
1319
- },
1320
- "default": "'on'",
1321
- "description": "The element value to use in form submission when checked.",
1322
- "fieldName": "value",
1323
- "inheritedFrom": {
1324
- "name": "UmSelectionControl",
1325
- "module": "src/shared/selection-control/selection-control.ts"
1326
- }
1327
- },
1328
- {
1329
- "name": "checked",
1330
- "fieldName": "_checkedAttribute",
1331
- "type": {
1332
- "text": "boolean"
1333
- },
1334
- "default": "false",
1335
- "inheritedFrom": {
1336
- "name": "UmSelectionControl",
1337
- "module": "src/shared/selection-control/selection-control.ts"
1338
- }
1339
- }
1340
- ],
1341
- "superclass": {
1342
- "name": "UmSelectionControl",
1343
- "module": "/src/shared/selection-control/selection-control.js"
1344
- },
1345
- "tagName": "u-checkbox",
1346
- "customElement": true,
1347
- "events": [
1348
- {
1349
- "name": "input",
1350
- "type": {
1351
- "text": "InputEvent"
1352
- },
1353
- "inheritedFrom": {
1354
- "name": "UmSelectionControl",
1355
- "module": "src/shared/selection-control/selection-control.ts"
1356
- }
1357
- },
1358
- {
1359
- "name": "change",
1360
- "type": {
1361
- "text": "Event"
1362
- },
1363
- "inheritedFrom": {
1364
- "name": "UmSelectionControl",
1365
- "module": "src/shared/selection-control/selection-control.ts"
1366
- }
1367
- }
1368
- ]
1369
- }
1370
- ],
1371
- "exports": [
1372
- {
1373
- "kind": "js",
1374
- "name": "UmCheckbox",
1375
- "declaration": {
1376
- "name": "UmCheckbox",
1377
- "module": "src/checkbox/checkbox.ts"
1378
- }
1379
- },
1380
- {
1381
- "kind": "custom-element-definition",
1382
- "name": "u-checkbox",
1383
- "declaration": {
1384
- "name": "UmCheckbox",
1385
- "module": "src/checkbox/checkbox.ts"
1386
- }
1387
- }
1388
- ]
1389
- },
1390
- {
1391
- "kind": "javascript-module",
1392
- "path": "src/button/button-base.styles.ts",
1393
- "declarations": [
1394
- {
1395
- "kind": "variable",
1396
- "name": "styles",
1397
- "default": "css `\n .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 1em;\n height: 1em;\n line-height: 1em;\n }\n\n ::slotted([slot=icon]) {\n display: inline-block;\n }\n\n .content {\n pointer-events: none;\n }\n`"
1398
- }
1399
- ],
1400
- "exports": [
1401
- {
1402
- "kind": "js",
1403
- "name": "styles",
1404
- "declaration": {
1405
- "name": "styles",
1406
- "module": "src/button/button-base.styles.ts"
1407
- }
1408
- }
1409
- ]
1410
- },
1411
- {
1412
- "kind": "javascript-module",
1413
- "path": "src/button/button-base.ts",
1414
- "declarations": [
1415
- {
1416
- "kind": "class",
1417
- "description": "",
1418
- "name": "UmButtonBase",
1419
- "members": [
1420
- {
1421
- "kind": "field",
1422
- "name": "formAssociated",
1423
- "type": {
1424
- "text": "boolean"
1425
- },
1426
- "static": true,
1427
- "default": "true"
1428
- },
1429
- {
1430
- "kind": "field",
1431
- "name": "type",
1432
- "type": {
1433
- "text": "string"
1434
- },
1435
- "default": "'submit'",
1436
- "attribute": "type"
1437
- },
1438
- {
1439
- "kind": "field",
1440
- "name": "value",
1441
- "type": {
1442
- "text": "string"
1443
- },
1444
- "default": "''",
1445
- "attribute": "value",
1446
- "reflects": true
1447
- },
1448
- {
1449
- "kind": "field",
1450
- "name": "form",
1451
- "type": {
1452
- "text": "HTMLFormElement | null"
1453
- }
1454
- },
1455
- {
1456
- "kind": "field",
1457
- "name": "#elementInternals",
1458
- "privacy": "private",
1459
- "type": {
1460
- "text": "ElementInternals"
1461
- }
1462
- },
1463
- {
1464
- "kind": "method",
1465
- "name": "handleClick",
1466
- "privacy": "protected",
1467
- "return": {
1468
- "type": {
1469
- "text": "void"
1470
- }
1471
- },
1472
- "parameters": [
1473
- {
1474
- "name": "_",
1475
- "type": {
1476
- "text": "UIEvent"
1477
- }
1478
- }
1479
- ],
1480
- "inheritedFrom": {
1481
- "name": "UmButtonWrapper",
1482
- "module": "src/shared/button-wrapper.ts"
1483
- }
1484
- },
1485
- {
1486
- "kind": "field",
1487
- "name": "disabled",
1488
- "type": {
1489
- "text": "boolean"
1490
- },
1491
- "default": "false",
1492
- "description": "Whether the button is disabled or not.",
1493
- "attribute": "disabled",
1494
- "reflects": true,
1495
- "inheritedFrom": {
1496
- "name": "UmButtonWrapper",
1497
- "module": "src/shared/button-wrapper.ts"
1498
- }
1499
- },
1500
- {
1501
- "kind": "field",
1502
- "name": "renderRipple",
1503
- "type": {
1504
- "text": "boolean"
1505
- },
1506
- "default": "true",
1507
- "inheritedFrom": {
1508
- "name": "UmButtonWrapper",
1509
- "module": "src/shared/button-wrapper.ts"
1510
- }
1511
- },
1512
- {
1513
- "kind": "field",
1514
- "name": "href",
1515
- "type": {
1516
- "text": "string | undefined"
1517
- },
1518
- "description": "The URL that the link button points to.",
1519
- "attribute": "href",
1520
- "inheritedFrom": {
1521
- "name": "UmButtonWrapper",
1522
- "module": "src/shared/button-wrapper.ts"
1523
- }
1524
- },
1525
- {
1526
- "kind": "field",
1527
- "name": "target",
1528
- "type": {
1529
- "text": "string | undefined"
1530
- },
1531
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1532
- "attribute": "target",
1373
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
1374
+ "attribute": "target",
1533
1375
  "inheritedFrom": {
1534
1376
  "name": "UmButtonWrapper",
1535
1377
  "module": "src/shared/button-wrapper.ts"
@@ -1612,20 +1454,6 @@
1612
1454
  "module": "src/shared/button-wrapper.ts"
1613
1455
  }
1614
1456
  },
1615
- {
1616
- "kind": "method",
1617
- "name": "renderContent",
1618
- "privacy": "protected",
1619
- "return": {
1620
- "type": {
1621
- "text": "HTMLTemplateResult"
1622
- }
1623
- },
1624
- "inheritedFrom": {
1625
- "name": "UmButtonWrapper",
1626
- "module": "src/shared/button-wrapper.ts"
1627
- }
1628
- },
1629
1457
  {
1630
1458
  "kind": "method",
1631
1459
  "name": "focus",
@@ -1694,30 +1522,72 @@
1694
1522
  ],
1695
1523
  "attributes": [
1696
1524
  {
1697
- "name": "type",
1525
+ "name": "variant",
1698
1526
  "type": {
1699
- "text": "string"
1527
+ "text": "UmButtonVariant"
1700
1528
  },
1701
- "default": "'submit'",
1702
- "fieldName": "type"
1529
+ "default": "'filled'",
1530
+ "description": "The Button variant to render",
1531
+ "fieldName": "variant"
1703
1532
  },
1704
1533
  {
1705
- "name": "value",
1534
+ "name": "color",
1706
1535
  "type": {
1707
- "text": "string"
1536
+ "text": "UmButtonColor"
1708
1537
  },
1709
- "default": "''",
1710
- "fieldName": "value"
1538
+ "description": "The Button color\n\n1",
1539
+ "fieldName": "color"
1711
1540
  },
1712
1541
  {
1713
- "name": "disabled",
1542
+ "name": "trailing-icon",
1714
1543
  "type": {
1715
1544
  "text": "boolean"
1716
1545
  },
1717
1546
  "default": "false",
1718
- "description": "Whether the button is disabled or not.",
1719
- "fieldName": "disabled",
1720
- "inheritedFrom": {
1547
+ "fieldName": "trailingIcon"
1548
+ },
1549
+ {
1550
+ "name": "has-icon",
1551
+ "type": {
1552
+ "text": "boolean"
1553
+ },
1554
+ "default": "false",
1555
+ "description": "Whether the button has icon or not\n\n_Note:_ Readonly",
1556
+ "fieldName": "hasIcon"
1557
+ },
1558
+ {
1559
+ "name": "type",
1560
+ "type": {
1561
+ "text": "string"
1562
+ },
1563
+ "default": "'submit'",
1564
+ "fieldName": "type",
1565
+ "inheritedFrom": {
1566
+ "name": "UmButtonBase",
1567
+ "module": "src/button/button-base.ts"
1568
+ }
1569
+ },
1570
+ {
1571
+ "name": "value",
1572
+ "type": {
1573
+ "text": "string"
1574
+ },
1575
+ "default": "''",
1576
+ "fieldName": "value",
1577
+ "inheritedFrom": {
1578
+ "name": "UmButtonBase",
1579
+ "module": "src/button/button-base.ts"
1580
+ }
1581
+ },
1582
+ {
1583
+ "name": "disabled",
1584
+ "type": {
1585
+ "text": "boolean"
1586
+ },
1587
+ "default": "false",
1588
+ "description": "Whether the button is disabled or not.",
1589
+ "fieldName": "disabled",
1590
+ "inheritedFrom": {
1721
1591
  "name": "UmButtonWrapper",
1722
1592
  "module": "src/shared/button-wrapper.ts"
1723
1593
  }
@@ -1759,138 +1629,40 @@
1759
1629
  }
1760
1630
  ],
1761
1631
  "superclass": {
1762
- "name": "UmButtonWrapper",
1763
- "module": "/src/shared/button-wrapper.js"
1764
- }
1765
- }
1766
- ],
1767
- "exports": [
1768
- {
1769
- "kind": "js",
1770
- "name": "UmButtonBase",
1771
- "declaration": {
1772
1632
  "name": "UmButtonBase",
1773
- "module": "src/button/button-base.ts"
1774
- }
1775
- }
1776
- ]
1777
- },
1778
- {
1779
- "kind": "javascript-module",
1780
- "path": "src/button/button-set.styles.ts",
1781
- "declarations": [
1782
- {
1783
- "kind": "variable",
1784
- "name": "styles",
1785
- "default": "css `\n :host([stack][alignment=start]) {\n align-items: flex-start;\n }\n\n :host([stack][alignment=center]) {\n align-items: center;\n }\n\n :host([stack][alignment=end]) {\n align-items: flex-end;\n }\n\n :host([stack]) {\n flex-direction: column;\n justify-content: flex-start;\n }\n`"
1786
- }
1787
- ],
1788
- "exports": [
1789
- {
1790
- "kind": "js",
1791
- "name": "styles",
1792
- "declaration": {
1793
- "name": "styles",
1794
- "module": "src/button/button-set.styles.ts"
1795
- }
1796
- }
1797
- ]
1798
- },
1799
- {
1800
- "kind": "javascript-module",
1801
- "path": "src/button/button-set.ts",
1802
- "declarations": [
1803
- {
1804
- "kind": "class",
1805
- "description": "",
1806
- "name": "UmButtonSet",
1807
- "members": [
1808
- {
1809
- "kind": "field",
1810
- "name": "stack",
1811
- "type": {
1812
- "text": "boolean"
1813
- },
1814
- "default": "false",
1815
- "description": "Whether to render the buttons stacked or not",
1816
- "attribute": "stack",
1817
- "reflects": true
1818
- },
1819
- {
1820
- "kind": "field",
1821
- "name": "alignment",
1822
- "type": {
1823
- "text": "'start' | 'center' | 'end'"
1824
- },
1825
- "default": "'end'",
1826
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
1827
- "attribute": "alignment",
1828
- "reflects": true,
1829
- "inheritedFrom": {
1830
- "name": "UmSetBase",
1831
- "module": "src/shared/sets/set-base.ts"
1832
- }
1833
- }
1834
- ],
1835
- "attributes": [
1836
- {
1837
- "name": "stack",
1838
- "type": {
1839
- "text": "boolean"
1840
- },
1841
- "default": "false",
1842
- "description": "Whether to render the buttons stacked or not",
1843
- "fieldName": "stack"
1844
- },
1845
- {
1846
- "name": "alignment",
1847
- "type": {
1848
- "text": "'start' | 'center' | 'end'"
1849
- },
1850
- "default": "'start'",
1851
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
1852
- "fieldName": "alignment",
1853
- "inheritedFrom": {
1854
- "name": "UmSetBase",
1855
- "module": "src/shared/sets/set-base.ts"
1856
- }
1857
- }
1858
- ],
1859
- "superclass": {
1860
- "name": "UmSetBase",
1861
- "module": "/src/shared/sets/set-base.js"
1633
+ "module": "/src/button/button-base.js"
1862
1634
  },
1863
- "tagName": "u-button-set",
1635
+ "tagName": "u-button",
1864
1636
  "customElement": true
1865
1637
  }
1866
1638
  ],
1867
1639
  "exports": [
1868
1640
  {
1869
1641
  "kind": "js",
1870
- "name": "UmButtonSet",
1642
+ "name": "UmButton",
1871
1643
  "declaration": {
1872
- "name": "UmButtonSet",
1873
- "module": "src/button/button-set.ts"
1644
+ "name": "UmButton",
1645
+ "module": "src/button/button.ts"
1874
1646
  }
1875
1647
  },
1876
1648
  {
1877
1649
  "kind": "custom-element-definition",
1878
- "name": "u-button-set",
1650
+ "name": "u-button",
1879
1651
  "declaration": {
1880
- "name": "UmButtonSet",
1881
- "module": "src/button/button-set.ts"
1652
+ "name": "UmButton",
1653
+ "module": "src/button/button.ts"
1882
1654
  }
1883
1655
  }
1884
1656
  ]
1885
1657
  },
1886
1658
  {
1887
1659
  "kind": "javascript-module",
1888
- "path": "src/button/button.styles.ts",
1660
+ "path": "src/button/fab.styles.ts",
1889
1661
  "declarations": [
1890
1662
  {
1891
1663
  "kind": "variable",
1892
1664
  "name": "styles",
1893
- "default": "css `\n :host {\n --u-common-button-line-height: var(--u-label-large-line-height, 1.25rem);\n --u-common-button-font-size: var(--u-label-large-font-size, 0.875rem);\n --u-common-button-font-weight: var(--u-font-weight-medium, 500);\n --_common-button-height: var(--u-common-button-height, 2.5rem);\n --_common-button-padding: var(--u-common-button-padding, 24px);\n --_common-button-icon-size: var(--u-common-button-icon-size, 1.125rem);\n --_common-button-icon-padding: var(--u-common-button-icon-padding, 16px);\n --_common-button-icon-margin: var(--u-common-button-icon-margin, 8px);\n border-radius: var(--u-common-button-shape-corner, var(--u-shape-corner-full, 9999px));\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n height: var(--u-common-button-height, 40px);\n font-size: var(--u-common-button-font-size);\n font-weight: var(--u-common-button-font-weight);\n padding-inline: var(--_common-button-padding);\n box-sizing: border-box;\n }\n\n :host([variant=filled]),\n :host([variant=filled][color=primary]) {\n background-color: var(--u-filled-button-primary-container-color, var(--_color-primary));\n color: var(--u-filled-button-primary-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=secondary]) {\n background-color: var(--u-filled-button-secondary-container-color, var(--u-color-secondary, rgb(98, 91, 113)));\n color: var(--u-filled-button-secondary-text-color, var(--u-color-on-secondary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=tertiary]) {\n background-color: var(--u-filled-button-tertiary-container-color, var(--u-color-tertiary, rgb(125, 82, 96)));\n color: var(--u-filled-button-tertiary-text-color, var(--u-color-on-tertiary, rgb(255, 255, 255)));\n }\n\n :host([variant=filled][color=error]) {\n background-color: var(--u-filled-button-error-container-color, var(--u-color-error, rgb(179, 38, 30)));\n color: var(--u-filled-button-error-text-color, var(--u-color-on-error, rgb(255, 255, 255)));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-tonal-button-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-elevated-button-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-tonal-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n @media (hover: hover) {\n :host([variant=filled]:hover:not(:focus-within):not(:active)),\n :host([variant=tonal]:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-filled-button-hover-elevation-level, 1);\n }\n }\n :host([variant=text]) {\n color: var(--u-text-button-text-color, var(--_color-primary));\n }\n\n :host([variant=outlined]) {\n color: var(--u-outlined-button-text-color, var(--u-text-button-text-color, var(--_color-primary)));\n border: 1px solid var(--u-outlined-button-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n }\n\n :host([variant=elevated]) {\n --u-elevation-level: var(--u-elevated-button-elevation-level, 1);\n color: var(--u-elevated-button-text-color, var(--_color-primary));\n }\n\n :host([disabled][variant=outlined]) {\n background-color: transparent !important;\n border-color: var(--u-outlined-button-disabled-border-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-outlined-button-disabled-border-opacity, 0.12))) !important;\n }\n\n @media (hover: hover) {\n :host([variant=elevated]:hover) {\n --u-elevation-level: var(--u-elevated-button-hover-elevation-level, 2);\n }\n }\n :host([has-icon]) {\n padding-inline: var(--_common-button-icon-padding) var(--_common-button-padding);\n }\n\n :host([has-icon][trailing-icon]) {\n padding-inline: var(--_common-button-padding) var(--_common-button-icon-padding);\n }\n\n :host(:not([has-icon])) .icon {\n display: none;\n }\n\n .icon {\n font-size: var(--_common-button-icon-size);\n margin-inline-end: var(--_common-button-icon-margin);\n }\n\n :host([trailing-icon]) .icon {\n margin-inline: var(--_common-button-icon-margin) 0;\n }\n`"
1665
+ "default": "css `\n :host {\n aspect-ratio: 1;\n --u-elevation-level: var(--u-fab-button-elevation-level, 3);\n }\n\n :host([lowered]) {\n --u-elevation-level: var(--u-fab-button-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host(:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-fab-button-hover-elevation-level, 4);\n }\n :host(:hover:not(:focus-within):not(:active)[lowered]) {\n --u-elevation-level: var(--u-fab-button-elevation-level, 2);\n }\n }\n @media (hover: hover) {\n :host(:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-fab-button-hover-elevation-level, 4);\n }\n }\n :host([size=small]) {\n width: var(--u-fab-button-small-size, 40px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([size=large]) {\n width: var(--u-fab-button-medium-size, 96px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-extra-large, 28px));\n }\n\n :host([extended]),\n :host([size=medium]) {\n width: var(--u-fab-button-medium-size, 56px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-large, 16px));\n }\n\n :host([size=large]) .icon {\n font-size: var(--u-fab-button-icon-size, 2rem);\n }\n\n :host([extended]) .icon,\n :host([size=small]) .icon,\n :host([size=medium]) .icon {\n font-size: var(--u-fab-button-icon-size, 1.5rem);\n }\n\n :host([extended]) {\n width: auto;\n height: var(--u-extended-fab-button-height, 56px);\n aspect-ratio: auto;\n min-width: var(--u-extended-fab-button-min-width, 80px);\n padding-inline: var(--u-extended-fab-button-padding, 16px 24px);\n }\n\n :host([extended]) .icon {\n margin-inline-end: var(--u-extended-fab-button-icon-margin, 12px);\n }\n\n :host([color=primary]) {\n background-color: var(--u-fab-button-primary-bg-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n color: var(--u-fab-button-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n }\n\n :host([color=secondary]) {\n background-color: var(--u-fab-button-secondary-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-fab-button-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([color=tertiary]) {\n background-color: var(--u-fab-button-tertiary-bg-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n color: var(--u-fab-button-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n }\n\n :host([color=branded]),\n :host([color=surface]) {\n background-color: var(--u-fab-button-surface-bg-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n color: var(--u-fab-button-surface-text-color, var(--_color-primary));\n }\n\n :host([color=branded][lowered]),\n :host([color=surface][lowered]) {\n background-color: var(--u-fab-button-surface-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n }\n`"
1894
1666
  }
1895
1667
  ],
1896
1668
  "exports": [
@@ -1899,60 +1671,71 @@
1899
1671
  "name": "styles",
1900
1672
  "declaration": {
1901
1673
  "name": "styles",
1902
- "module": "src/button/button.styles.ts"
1674
+ "module": "src/button/fab.styles.ts"
1903
1675
  }
1904
1676
  }
1905
1677
  ]
1906
1678
  },
1907
1679
  {
1908
1680
  "kind": "javascript-module",
1909
- "path": "src/button/button.ts",
1681
+ "path": "src/button/fab.ts",
1910
1682
  "declarations": [
1911
1683
  {
1912
1684
  "kind": "class",
1913
1685
  "description": "",
1914
- "name": "UmButton",
1686
+ "name": "UmFab",
1915
1687
  "members": [
1916
1688
  {
1917
1689
  "kind": "field",
1918
- "name": "variant",
1690
+ "name": "color",
1919
1691
  "type": {
1920
- "text": "UmButtonVariant"
1692
+ "text": "UmFabColor"
1921
1693
  },
1922
- "default": "'filled'",
1923
- "description": "The Button variant to render",
1924
- "attribute": "variant",
1694
+ "default": "'primary'",
1695
+ "description": "The FAB color variant to render.",
1696
+ "attribute": "color",
1925
1697
  "reflects": true
1926
1698
  },
1927
1699
  {
1928
1700
  "kind": "field",
1929
- "name": "color",
1701
+ "name": "size",
1930
1702
  "type": {
1931
- "text": "UmButtonColor"
1703
+ "text": "UmFabSize"
1932
1704
  },
1933
- "description": "The Button color\n\n1",
1934
- "attribute": "color",
1705
+ "default": "'medium'",
1706
+ "description": "The size of the FAB.",
1707
+ "attribute": "size",
1935
1708
  "reflects": true
1936
1709
  },
1937
1710
  {
1938
1711
  "kind": "field",
1939
- "name": "trailingIcon",
1712
+ "name": "label",
1713
+ "type": {
1714
+ "text": "string | null"
1715
+ },
1716
+ "default": "null",
1717
+ "description": "The text to display the FAB.",
1718
+ "attribute": "label",
1719
+ "reflects": true
1720
+ },
1721
+ {
1722
+ "kind": "field",
1723
+ "name": "lowered",
1940
1724
  "type": {
1941
1725
  "text": "boolean"
1942
1726
  },
1943
1727
  "default": "false",
1944
- "attribute": "trailing-icon",
1728
+ "description": "Lowers the FAB's elevation.",
1729
+ "attribute": "lowered",
1945
1730
  "reflects": true
1946
1731
  },
1947
1732
  {
1948
1733
  "kind": "field",
1949
- "name": "hasIcon",
1734
+ "name": "extended",
1950
1735
  "type": {
1951
1736
  "text": "boolean"
1952
1737
  },
1953
- "default": "false",
1954
- "description": "Whether the button has icon or not\n\n_Note:_ Readonly",
1955
- "attribute": "has-icon",
1738
+ "attribute": "extended",
1956
1739
  "reflects": true
1957
1740
  },
1958
1741
  {
@@ -1969,19 +1752,6 @@
1969
1752
  "module": "src/shared/button-wrapper.ts"
1970
1753
  }
1971
1754
  },
1972
- {
1973
- "kind": "method",
1974
- "name": "handleSlotChange",
1975
- "privacy": "private",
1976
- "parameters": [
1977
- {
1978
- "name": "e",
1979
- "type": {
1980
- "text": "Event"
1981
- }
1982
- }
1983
- ]
1984
- },
1985
1755
  {
1986
1756
  "kind": "field",
1987
1757
  "name": "formAssociated",
@@ -2265,38 +2035,47 @@
2265
2035
  ],
2266
2036
  "attributes": [
2267
2037
  {
2268
- "name": "variant",
2038
+ "name": "color",
2269
2039
  "type": {
2270
- "text": "UmButtonVariant"
2040
+ "text": "UmFabColor"
2271
2041
  },
2272
- "default": "'filled'",
2273
- "description": "The Button variant to render",
2274
- "fieldName": "variant"
2042
+ "default": "'primary'",
2043
+ "description": "The FAB color variant to render.",
2044
+ "fieldName": "color"
2275
2045
  },
2276
2046
  {
2277
- "name": "color",
2047
+ "name": "size",
2278
2048
  "type": {
2279
- "text": "UmButtonColor"
2049
+ "text": "UmFabSize"
2280
2050
  },
2281
- "description": "The Button color\n\n1",
2282
- "fieldName": "color"
2051
+ "default": "'medium'",
2052
+ "description": "The size of the FAB.",
2053
+ "fieldName": "size"
2283
2054
  },
2284
2055
  {
2285
- "name": "trailing-icon",
2056
+ "name": "label",
2286
2057
  "type": {
2287
- "text": "boolean"
2058
+ "text": "string | null"
2288
2059
  },
2289
- "default": "false",
2290
- "fieldName": "trailingIcon"
2060
+ "default": "null",
2061
+ "description": "The text to display the FAB.",
2062
+ "fieldName": "label"
2291
2063
  },
2292
2064
  {
2293
- "name": "has-icon",
2065
+ "name": "lowered",
2294
2066
  "type": {
2295
2067
  "text": "boolean"
2296
2068
  },
2297
2069
  "default": "false",
2298
- "description": "Whether the button has icon or not\n\n_Note:_ Readonly",
2299
- "fieldName": "hasIcon"
2070
+ "description": "Lowers the FAB's elevation.",
2071
+ "fieldName": "lowered"
2072
+ },
2073
+ {
2074
+ "name": "extended",
2075
+ "type": {
2076
+ "text": "boolean"
2077
+ },
2078
+ "fieldName": "extended"
2300
2079
  },
2301
2080
  {
2302
2081
  "name": "type",
@@ -2375,37 +2154,37 @@
2375
2154
  "name": "UmButtonBase",
2376
2155
  "module": "/src/button/button-base.js"
2377
2156
  },
2378
- "tagName": "u-button",
2157
+ "tagName": "u-fab",
2379
2158
  "customElement": true
2380
2159
  }
2381
2160
  ],
2382
2161
  "exports": [
2383
2162
  {
2384
2163
  "kind": "js",
2385
- "name": "UmButton",
2164
+ "name": "UmFab",
2386
2165
  "declaration": {
2387
- "name": "UmButton",
2388
- "module": "src/button/button.ts"
2166
+ "name": "UmFab",
2167
+ "module": "src/button/fab.ts"
2389
2168
  }
2390
2169
  },
2391
2170
  {
2392
2171
  "kind": "custom-element-definition",
2393
- "name": "u-button",
2172
+ "name": "u-fab",
2394
2173
  "declaration": {
2395
- "name": "UmButton",
2396
- "module": "src/button/button.ts"
2174
+ "name": "UmFab",
2175
+ "module": "src/button/fab.ts"
2397
2176
  }
2398
2177
  }
2399
2178
  ]
2400
2179
  },
2401
2180
  {
2402
2181
  "kind": "javascript-module",
2403
- "path": "src/button/fab.styles.ts",
2182
+ "path": "src/button/icon-button.styles.ts",
2404
2183
  "declarations": [
2405
2184
  {
2406
2185
  "kind": "variable",
2407
2186
  "name": "styles",
2408
- "default": "css `\n :host {\n aspect-ratio: 1;\n --u-elevation-level: var(--u-fab-button-elevation-level, 3);\n }\n\n :host([lowered]) {\n --u-elevation-level: var(--u-fab-button-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host(:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-fab-button-hover-elevation-level, 4);\n }\n :host(:hover:not(:focus-within):not(:active)[lowered]) {\n --u-elevation-level: var(--u-fab-button-elevation-level, 2);\n }\n }\n @media (hover: hover) {\n :host(:hover:not(:focus-within):not(:active)) {\n --u-elevation-level: var(--u-fab-button-hover-elevation-level, 4);\n }\n }\n :host([size=small]) {\n width: var(--u-fab-button-small-size, 40px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([size=large]) {\n width: var(--u-fab-button-medium-size, 96px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-extra-large, 28px));\n }\n\n :host([extended]),\n :host([size=medium]) {\n width: var(--u-fab-button-medium-size, 56px);\n border-radius: var(--u-fab-button-medium-shape-corner, var(--u-shape-corner-large, 16px));\n }\n\n :host([size=large]) .icon {\n font-size: var(--u-fab-button-icon-size, 2rem);\n }\n\n :host([extended]) .icon,\n :host([size=small]) .icon,\n :host([size=medium]) .icon {\n font-size: var(--u-fab-button-icon-size, 1.5rem);\n }\n\n :host([extended]) {\n width: auto;\n height: var(--u-extended-fab-button-height, 56px);\n aspect-ratio: auto;\n min-width: var(--u-extended-fab-button-min-width, 80px);\n padding-inline: var(--u-extended-fab-button-padding, 16px 24px);\n }\n\n :host([extended]) .icon {\n margin-inline-end: var(--u-extended-fab-button-icon-margin, 12px);\n }\n\n :host([color=primary]) {\n background-color: var(--u-fab-button-primary-bg-color, var(--u-color-primary-container, rgb(234, 221, 255)));\n color: var(--u-fab-button-primary-text-color, var(--u-color-on-primary-container, rgb(33, 0, 93)));\n }\n\n :host([color=secondary]) {\n background-color: var(--u-fab-button-secondary-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-fab-button-secondary-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([color=tertiary]) {\n background-color: var(--u-fab-button-tertiary-bg-color, var(--u-color-tertiary-container, rgb(255, 216, 228)));\n color: var(--u-fab-button-tertiary-text-color, var(--u-color-on-tertiary-container, rgb(49, 17, 29)));\n }\n\n :host([color=branded]),\n :host([color=surface]) {\n background-color: var(--u-fab-button-surface-bg-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n color: var(--u-fab-button-surface-text-color, var(--_color-primary));\n }\n\n :host([color=branded][lowered]),\n :host([color=surface][lowered]) {\n background-color: var(--u-fab-button-surface-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n }\n`"
2187
+ "default": "css `\n :host {\n --_icon-button-size: var(--u-icon-button-size, 2.5rem);\n --_color-surface-container-highest: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n width: var(--_icon-button-size);\n height: var(--_icon-button-size);\n border-radius: var(--u-icon-button-shape-corner, 9999px);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n }\n\n .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: var(--u-icon-button-icon-size, 1.5rem);\n }\n .icon.icon-selected {\n display: none;\n }\n\n :host([selected][has-selection-icon]) .icon:not(.icon-selected) {\n display: none;\n }\n :host([selected][has-selection-icon]) .icon.icon-selected {\n display: inline-block;\n }\n\n :host([variant=filled]) {\n background-color: var(--u-filled-icon-button-unselected-bg-color, var(--_color-surface-container-highest));\n color: var(--u-filled-icon-button-unselected-text-color, var(--_color-primary));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-total-icon-button-unselected-bg-color, var(--_color-surface-container-highest));\n color: var(--u-tonal-icon-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([selected][variant=filled]),\n :host([variant=filled]:not([has-selection-icon])) {\n background-color: var(--u-filled-icon-button-bg-color, var(--_color-primary));\n color: var(--u-filled-icon-button-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([selected][variant=tonal]),\n :host([variant=tonal]:not([has-selection-icon])) {\n background-color: var(--u-tonal-icon-button-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-icon-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=standard]),\n :host([variant=outlined]) {\n color: var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([variant=outlined]) {\n border: 1px solid var(--u-color-outline, rgb(121, 116, 126));\n color: var(--u-outlined-icon-button-color, var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n }\n\n :host([selected][variant=outlined]) {\n border: none;\n background-color: var(--u-outlined-icon-button-selected-bg-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n color: var(--u-outlined-icon-button-selected-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n }\n\n :host([selected][variant=standard]) {\n color: var(--u-standard-icon-button-selected-text-color, var(--_color-primary));\n background-color: var(--u-standard-icon-button-selected-bg-color, transparent);\n }\n\n :host([disabled][variant=outlined]) {\n background-color: transparent !important;\n border-color: var(--u-outlined-icon-button-disabled-border-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-outlined-icon-button-disabled-border-opacity, 0.12))) !important;\n }\n`"
2409
2188
  }
2410
2189
  ],
2411
2190
  "exports": [
@@ -2414,72 +2193,78 @@
2414
2193
  "name": "styles",
2415
2194
  "declaration": {
2416
2195
  "name": "styles",
2417
- "module": "src/button/fab.styles.ts"
2196
+ "module": "src/button/icon-button.styles.ts"
2418
2197
  }
2419
2198
  }
2420
2199
  ]
2421
2200
  },
2422
2201
  {
2423
2202
  "kind": "javascript-module",
2424
- "path": "src/button/fab.ts",
2203
+ "path": "src/button/icon-button.ts",
2425
2204
  "declarations": [
2426
2205
  {
2427
2206
  "kind": "class",
2428
2207
  "description": "",
2429
- "name": "UmFab",
2208
+ "name": "UmIconButton",
2430
2209
  "members": [
2431
2210
  {
2432
2211
  "kind": "field",
2433
- "name": "color",
2212
+ "name": "variant",
2434
2213
  "type": {
2435
- "text": "UmFabColor"
2214
+ "text": "UmIconButtonVariant"
2436
2215
  },
2437
- "default": "'primary'",
2438
- "description": "The FAB color variant to render.",
2439
- "attribute": "color",
2216
+ "default": "'standard'",
2217
+ "attribute": "variant",
2440
2218
  "reflects": true
2441
2219
  },
2442
2220
  {
2443
2221
  "kind": "field",
2444
- "name": "size",
2222
+ "name": "toggle",
2445
2223
  "type": {
2446
- "text": "UmFabSize"
2224
+ "text": "boolean"
2447
2225
  },
2448
- "default": "'medium'",
2449
- "description": "The size of the FAB.",
2450
- "attribute": "size",
2451
- "reflects": true
2226
+ "default": "false",
2227
+ "description": "When true, the button will toggle between selected and unselected\nstates",
2228
+ "attribute": "toggle"
2452
2229
  },
2453
2230
  {
2454
2231
  "kind": "field",
2455
- "name": "label",
2232
+ "name": "hasSelectionIcon",
2456
2233
  "type": {
2457
- "text": "string | null"
2234
+ "text": "boolean"
2458
2235
  },
2459
- "default": "null",
2460
- "description": "The text to display the FAB.",
2461
- "attribute": "label",
2236
+ "default": "false",
2237
+ "attribute": "has-selection-icon",
2462
2238
  "reflects": true
2463
2239
  },
2464
2240
  {
2465
2241
  "kind": "field",
2466
- "name": "lowered",
2242
+ "name": "selected",
2467
2243
  "type": {
2468
2244
  "text": "boolean"
2469
2245
  },
2470
2246
  "default": "false",
2471
- "description": "Lowers the FAB's elevation.",
2472
- "attribute": "lowered",
2247
+ "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.",
2248
+ "attribute": "selected",
2473
2249
  "reflects": true
2474
2250
  },
2475
2251
  {
2476
2252
  "kind": "field",
2477
- "name": "extended",
2253
+ "name": "ariaLabelSelected",
2478
2254
  "type": {
2479
- "text": "boolean"
2255
+ "text": "string"
2480
2256
  },
2481
- "attribute": "extended",
2482
- "reflects": true
2257
+ "default": "''",
2258
+ "description": "The `aria-label` of the button when the button is toggleable and selected.",
2259
+ "attribute": "aria-label-selected"
2260
+ },
2261
+ {
2262
+ "kind": "field",
2263
+ "name": "selectedIcons",
2264
+ "type": {
2265
+ "text": "HTMLElement[]"
2266
+ },
2267
+ "privacy": "private"
2483
2268
  },
2484
2269
  {
2485
2270
  "kind": "method",
@@ -2495,6 +2280,47 @@
2495
2280
  "module": "src/shared/button-wrapper.ts"
2496
2281
  }
2497
2282
  },
2283
+ {
2284
+ "kind": "method",
2285
+ "name": "handleClick",
2286
+ "privacy": "protected",
2287
+ "return": {
2288
+ "type": {
2289
+ "text": "void"
2290
+ }
2291
+ },
2292
+ "parameters": [
2293
+ {
2294
+ "name": "event",
2295
+ "type": {
2296
+ "text": "UIEvent"
2297
+ }
2298
+ }
2299
+ ],
2300
+ "inheritedFrom": {
2301
+ "name": "UmButtonWrapper",
2302
+ "module": "src/shared/button-wrapper.ts"
2303
+ }
2304
+ },
2305
+ {
2306
+ "kind": "method",
2307
+ "name": "getAriaLabel",
2308
+ "privacy": "protected",
2309
+ "return": {
2310
+ "type": {
2311
+ "text": "string | null"
2312
+ }
2313
+ },
2314
+ "inheritedFrom": {
2315
+ "name": "UmButtonWrapper",
2316
+ "module": "src/shared/button-wrapper.ts"
2317
+ }
2318
+ },
2319
+ {
2320
+ "kind": "method",
2321
+ "name": "handleSlotChange",
2322
+ "privacy": "private"
2323
+ },
2498
2324
  {
2499
2325
  "kind": "field",
2500
2326
  "name": "formAssociated",
@@ -2558,28 +2384,6 @@
2558
2384
  "module": "src/button/button-base.ts"
2559
2385
  }
2560
2386
  },
2561
- {
2562
- "kind": "method",
2563
- "name": "handleClick",
2564
- "privacy": "protected",
2565
- "return": {
2566
- "type": {
2567
- "text": "void"
2568
- }
2569
- },
2570
- "parameters": [
2571
- {
2572
- "name": "_",
2573
- "type": {
2574
- "text": "UIEvent"
2575
- }
2576
- }
2577
- ],
2578
- "inheritedFrom": {
2579
- "name": "UmButtonWrapper",
2580
- "module": "src/shared/button-wrapper.ts"
2581
- }
2582
- },
2583
2387
  {
2584
2388
  "kind": "field",
2585
2389
  "name": "disabled",
@@ -2726,20 +2530,6 @@
2726
2530
  "module": "src/shared/button-wrapper.ts"
2727
2531
  }
2728
2532
  },
2729
- {
2730
- "kind": "method",
2731
- "name": "getAriaLabel",
2732
- "privacy": "protected",
2733
- "return": {
2734
- "type": {
2735
- "text": "string | null"
2736
- }
2737
- },
2738
- "inheritedFrom": {
2739
- "name": "UmButtonWrapper",
2740
- "module": "src/shared/button-wrapper.ts"
2741
- }
2742
- },
2743
2533
  {
2744
2534
  "kind": "method",
2745
2535
  "name": "innerFocusHandler",
@@ -2776,49 +2566,57 @@
2776
2566
  }
2777
2567
  }
2778
2568
  ],
2569
+ "events": [
2570
+ {
2571
+ "name": "change",
2572
+ "type": {
2573
+ "text": "Event"
2574
+ }
2575
+ }
2576
+ ],
2779
2577
  "attributes": [
2780
2578
  {
2781
- "name": "color",
2579
+ "name": "variant",
2782
2580
  "type": {
2783
- "text": "UmFabColor"
2581
+ "text": "UmIconButtonVariant"
2784
2582
  },
2785
- "default": "'primary'",
2786
- "description": "The FAB color variant to render.",
2787
- "fieldName": "color"
2583
+ "default": "'standard'",
2584
+ "fieldName": "variant"
2788
2585
  },
2789
2586
  {
2790
- "name": "size",
2587
+ "name": "toggle",
2791
2588
  "type": {
2792
- "text": "UmFabSize"
2589
+ "text": "boolean"
2793
2590
  },
2794
- "default": "'medium'",
2795
- "description": "The size of the FAB.",
2796
- "fieldName": "size"
2591
+ "default": "false",
2592
+ "description": "When true, the button will toggle between selected and unselected\nstates",
2593
+ "fieldName": "toggle"
2797
2594
  },
2798
2595
  {
2799
- "name": "label",
2596
+ "name": "has-selection-icon",
2800
2597
  "type": {
2801
- "text": "string | null"
2598
+ "text": "boolean"
2802
2599
  },
2803
- "default": "null",
2804
- "description": "The text to display the FAB.",
2805
- "fieldName": "label"
2600
+ "default": "false",
2601
+ "fieldName": "hasSelectionIcon"
2806
2602
  },
2807
2603
  {
2808
- "name": "lowered",
2604
+ "name": "selected",
2809
2605
  "type": {
2810
2606
  "text": "boolean"
2811
2607
  },
2812
2608
  "default": "false",
2813
- "description": "Lowers the FAB's elevation.",
2814
- "fieldName": "lowered"
2609
+ "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.",
2610
+ "fieldName": "selected"
2815
2611
  },
2816
2612
  {
2817
- "name": "extended",
2613
+ "name": "aria-label-selected",
2818
2614
  "type": {
2819
- "text": "boolean"
2615
+ "text": "string"
2820
2616
  },
2821
- "fieldName": "extended"
2617
+ "default": "''",
2618
+ "description": "The `aria-label` of the button when the button is toggleable and selected.",
2619
+ "fieldName": "ariaLabelSelected"
2822
2620
  },
2823
2621
  {
2824
2622
  "name": "type",
@@ -2897,173 +2695,141 @@
2897
2695
  "name": "UmButtonBase",
2898
2696
  "module": "/src/button/button-base.js"
2899
2697
  },
2900
- "tagName": "u-fab",
2698
+ "tagName": "u-icon-button",
2901
2699
  "customElement": true
2902
2700
  }
2903
2701
  ],
2904
2702
  "exports": [
2905
2703
  {
2906
2704
  "kind": "js",
2907
- "name": "UmFab",
2705
+ "name": "UmIconButton",
2908
2706
  "declaration": {
2909
- "name": "UmFab",
2910
- "module": "src/button/fab.ts"
2707
+ "name": "UmIconButton",
2708
+ "module": "src/button/icon-button.ts"
2911
2709
  }
2912
2710
  },
2913
2711
  {
2914
2712
  "kind": "custom-element-definition",
2915
- "name": "u-fab",
2916
- "declaration": {
2917
- "name": "UmFab",
2918
- "module": "src/button/fab.ts"
2919
- }
2920
- }
2921
- ]
2922
- },
2923
- {
2924
- "kind": "javascript-module",
2925
- "path": "src/button/icon-button.styles.ts",
2926
- "declarations": [
2927
- {
2928
- "kind": "variable",
2929
- "name": "styles",
2930
- "default": "css `\n :host {\n --_icon-button-size: var(--u-icon-button-size, 2.5rem);\n --_color-surface-container-highest: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n width: var(--_icon-button-size);\n height: var(--_icon-button-size);\n border-radius: var(--u-icon-button-shape-corner, 9999px);\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n }\n\n .icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: var(--u-icon-button-icon-size, 1.5rem);\n }\n .icon.icon-selected {\n display: none;\n }\n\n :host([selected][has-selection-icon]) .icon:not(.icon-selected) {\n display: none;\n }\n :host([selected][has-selection-icon]) .icon.icon-selected {\n display: inline-block;\n }\n\n :host([variant=filled]) {\n background-color: var(--u-filled-icon-button-unselected-bg-color, var(--_color-surface-container-highest));\n color: var(--u-filled-icon-button-unselected-text-color, var(--_color-primary));\n }\n\n :host([variant=tonal]) {\n background-color: var(--u-total-icon-button-unselected-bg-color, var(--_color-surface-container-highest));\n color: var(--u-tonal-icon-button-unselected-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([selected][variant=filled]),\n :host([variant=filled]:not([has-selection-icon])) {\n background-color: var(--u-filled-icon-button-bg-color, var(--_color-primary));\n color: var(--u-filled-icon-button-text-color, var(--u-color-on-primary, rgb(255, 255, 255)));\n }\n\n :host([selected][variant=tonal]),\n :host([variant=tonal]:not([has-selection-icon])) {\n background-color: var(--u-tonal-icon-button-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-tonal-icon-button-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n :host([variant=standard]),\n :host([variant=outlined]) {\n color: var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host([variant=outlined]) {\n border: 1px solid var(--u-color-outline, rgb(121, 116, 126));\n color: var(--u-outlined-icon-button-color, var(--u-standard-icon-button-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n }\n\n :host([selected][variant=outlined]) {\n border: none;\n background-color: var(--u-outlined-icon-button-selected-bg-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n color: var(--u-outlined-icon-button-selected-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n }\n\n :host([selected][variant=standard]) {\n color: var(--u-standard-icon-button-selected-text-color, var(--_color-primary));\n background-color: var(--u-standard-icon-button-selected-bg-color, transparent);\n }\n\n :host([disabled][variant=outlined]) {\n background-color: transparent !important;\n border-color: var(--u-outlined-icon-button-disabled-border-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-outlined-icon-button-disabled-border-opacity, 0.12))) !important;\n }\n`"
2931
- }
2932
- ],
2933
- "exports": [
2934
- {
2935
- "kind": "js",
2936
- "name": "styles",
2713
+ "name": "u-icon-button",
2937
2714
  "declaration": {
2938
- "name": "styles",
2939
- "module": "src/button/icon-button.styles.ts"
2715
+ "name": "UmIconButton",
2716
+ "module": "src/button/icon-button.ts"
2940
2717
  }
2941
2718
  }
2942
2719
  ]
2943
2720
  },
2944
2721
  {
2945
2722
  "kind": "javascript-module",
2946
- "path": "src/button/icon-button.ts",
2723
+ "path": "src/checkbox/checkbox-list-item.ts",
2947
2724
  "declarations": [
2948
2725
  {
2949
2726
  "kind": "class",
2950
2727
  "description": "",
2951
- "name": "UmIconButton",
2952
- "members": [
2728
+ "name": "UmCheckboxListItem",
2729
+ "mixins": [
2953
2730
  {
2954
- "kind": "field",
2955
- "name": "variant",
2956
- "type": {
2957
- "text": "UmIconButtonVariant"
2958
- },
2959
- "default": "'standard'",
2960
- "attribute": "variant",
2961
- "reflects": true
2962
- },
2731
+ "name": "mixinSelectionControlListItem",
2732
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
2733
+ }
2734
+ ],
2735
+ "superclass": {
2736
+ "name": "UmCheckbox",
2737
+ "module": "/src/checkbox/checkbox.js"
2738
+ },
2739
+ "tagName": "u-checkbox-list-item",
2740
+ "customElement": true,
2741
+ "members": [
2963
2742
  {
2964
2743
  "kind": "field",
2965
- "name": "toggle",
2744
+ "name": "styles",
2966
2745
  "type": {
2967
- "text": "boolean"
2746
+ "text": "array"
2968
2747
  },
2969
- "default": "false",
2970
- "description": "When true, the button will toggle between selected and unselected\nstates",
2971
- "attribute": "toggle"
2748
+ "static": true,
2749
+ "default": "[\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ]",
2750
+ "inheritedFrom": {
2751
+ "name": "mixinSelectionControlListItem",
2752
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
2753
+ }
2972
2754
  },
2973
2755
  {
2974
- "kind": "field",
2975
- "name": "hasSelectionIcon",
2976
- "type": {
2977
- "text": "boolean"
2756
+ "kind": "method",
2757
+ "name": "render",
2758
+ "return": {
2759
+ "type": {
2760
+ "text": "HTMLTemplateResult"
2761
+ }
2978
2762
  },
2979
- "default": "false",
2980
- "attribute": "has-selection-icon",
2981
- "reflects": true
2763
+ "inheritedFrom": {
2764
+ "name": "mixinSelectionControlListItem",
2765
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
2766
+ }
2982
2767
  },
2983
2768
  {
2984
2769
  "kind": "field",
2985
- "name": "selected",
2770
+ "name": "#indeterminate",
2771
+ "privacy": "private",
2986
2772
  "type": {
2987
2773
  "text": "boolean"
2988
2774
  },
2989
2775
  "default": "false",
2990
- "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.",
2991
- "attribute": "selected",
2992
- "reflects": true
2776
+ "inheritedFrom": {
2777
+ "name": "UmCheckbox",
2778
+ "module": "src/checkbox/checkbox.ts"
2779
+ }
2993
2780
  },
2994
2781
  {
2995
2782
  "kind": "field",
2996
- "name": "ariaLabelSelected",
2783
+ "name": "hideStateLayer",
2997
2784
  "type": {
2998
- "text": "string"
2785
+ "text": "boolean"
2999
2786
  },
3000
- "default": "''",
3001
- "description": "The `aria-label` of the button when the button is toggleable and selected.",
3002
- "attribute": "aria-label-selected"
2787
+ "default": "false",
2788
+ "attribute": "hide-state-layer",
2789
+ "reflects": true,
2790
+ "inheritedFrom": {
2791
+ "name": "UmCheckbox",
2792
+ "module": "src/checkbox/checkbox.ts"
2793
+ }
3003
2794
  },
3004
2795
  {
3005
2796
  "kind": "field",
3006
- "name": "selectedIcons",
2797
+ "name": "indeterminate",
3007
2798
  "type": {
3008
- "text": "HTMLElement[]"
3009
- },
3010
- "privacy": "private"
3011
- },
3012
- {
3013
- "kind": "method",
3014
- "name": "renderContent",
3015
- "privacy": "protected",
3016
- "return": {
3017
- "type": {
3018
- "text": "HTMLTemplateResult"
3019
- }
2799
+ "text": "boolean"
3020
2800
  },
2801
+ "attribute": "indeterminate",
3021
2802
  "inheritedFrom": {
3022
- "name": "UmButtonWrapper",
3023
- "module": "src/shared/button-wrapper.ts"
2803
+ "name": "UmCheckbox",
2804
+ "module": "src/checkbox/checkbox.ts"
3024
2805
  }
3025
2806
  },
3026
2807
  {
3027
- "kind": "method",
3028
- "name": "handleClick",
3029
- "privacy": "protected",
3030
- "return": {
3031
- "type": {
3032
- "text": "void"
3033
- }
2808
+ "kind": "field",
2809
+ "name": "checked",
2810
+ "attribute": "checked",
2811
+ "type": {
2812
+ "text": "boolean"
3034
2813
  },
3035
- "parameters": [
3036
- {
3037
- "name": "event",
3038
- "type": {
3039
- "text": "UIEvent"
3040
- }
3041
- }
3042
- ],
3043
2814
  "inheritedFrom": {
3044
- "name": "UmButtonWrapper",
3045
- "module": "src/shared/button-wrapper.ts"
2815
+ "name": "UmSelectionControl",
2816
+ "module": "src/shared/selection-control/selection-control.ts"
3046
2817
  }
3047
2818
  },
3048
2819
  {
3049
2820
  "kind": "method",
3050
- "name": "getAriaLabel",
2821
+ "name": "renderIndicator",
3051
2822
  "privacy": "protected",
3052
2823
  "return": {
3053
2824
  "type": {
3054
- "text": "string | null"
2825
+ "text": "HTMLTemplateResult"
3055
2826
  }
3056
2827
  },
3057
2828
  "inheritedFrom": {
3058
- "name": "UmButtonWrapper",
3059
- "module": "src/shared/button-wrapper.ts"
2829
+ "name": "UmSelectionControl",
2830
+ "module": "src/shared/selection-control/selection-control.ts"
3060
2831
  }
3061
2832
  },
3062
- {
3063
- "kind": "method",
3064
- "name": "handleSlotChange",
3065
- "privacy": "private"
3066
- },
3067
2833
  {
3068
2834
  "kind": "field",
3069
2835
  "name": "formAssociated",
@@ -3073,58 +2839,33 @@
3073
2839
  "static": true,
3074
2840
  "default": "true",
3075
2841
  "inheritedFrom": {
3076
- "name": "UmButtonBase",
3077
- "module": "src/button/button-base.ts"
2842
+ "name": "UmSelectionControl",
2843
+ "module": "src/shared/selection-control/selection-control.ts"
3078
2844
  }
3079
2845
  },
3080
2846
  {
3081
2847
  "kind": "field",
3082
- "name": "type",
2848
+ "name": "elementInternals",
3083
2849
  "type": {
3084
- "text": "string"
2850
+ "text": "ElementInternals"
3085
2851
  },
3086
- "default": "'submit'",
3087
- "attribute": "type",
2852
+ "privacy": "protected",
3088
2853
  "inheritedFrom": {
3089
- "name": "UmButtonBase",
3090
- "module": "src/button/button-base.ts"
2854
+ "name": "UmSelectionControl",
2855
+ "module": "src/shared/selection-control/selection-control.ts"
3091
2856
  }
3092
2857
  },
3093
2858
  {
3094
2859
  "kind": "field",
3095
- "name": "value",
2860
+ "name": "name",
3096
2861
  "type": {
3097
- "text": "string"
2862
+ "text": "string | undefined"
3098
2863
  },
3099
2864
  "default": "''",
3100
- "attribute": "value",
3101
- "reflects": true,
3102
- "inheritedFrom": {
3103
- "name": "UmButtonBase",
3104
- "module": "src/button/button-base.ts"
3105
- }
3106
- },
3107
- {
3108
- "kind": "field",
3109
- "name": "form",
3110
- "type": {
3111
- "text": "HTMLFormElement | null"
3112
- },
3113
- "inheritedFrom": {
3114
- "name": "UmButtonBase",
3115
- "module": "src/button/button-base.ts"
3116
- }
3117
- },
3118
- {
3119
- "kind": "field",
3120
- "name": "#elementInternals",
3121
- "privacy": "private",
3122
- "type": {
3123
- "text": "ElementInternals"
3124
- },
2865
+ "attribute": "name",
3125
2866
  "inheritedFrom": {
3126
- "name": "UmButtonBase",
3127
- "module": "src/button/button-base.ts"
2867
+ "name": "UmSelectionControl",
2868
+ "module": "src/shared/selection-control/selection-control.ts"
3128
2869
  }
3129
2870
  },
3130
2871
  {
@@ -3134,243 +2875,165 @@
3134
2875
  "text": "boolean"
3135
2876
  },
3136
2877
  "default": "false",
3137
- "description": "Whether the button is disabled or not.",
3138
2878
  "attribute": "disabled",
3139
2879
  "reflects": true,
3140
2880
  "inheritedFrom": {
3141
- "name": "UmButtonWrapper",
3142
- "module": "src/shared/button-wrapper.ts"
2881
+ "name": "UmSelectionControl",
2882
+ "module": "src/shared/selection-control/selection-control.ts"
3143
2883
  }
3144
2884
  },
3145
2885
  {
3146
2886
  "kind": "field",
3147
- "name": "renderRipple",
2887
+ "name": "input",
3148
2888
  "type": {
3149
- "text": "boolean"
2889
+ "text": "HTMLInputElement"
3150
2890
  },
3151
- "default": "true",
3152
2891
  "inheritedFrom": {
3153
- "name": "UmButtonWrapper",
3154
- "module": "src/shared/button-wrapper.ts"
2892
+ "name": "UmSelectionControl",
2893
+ "module": "src/shared/selection-control/selection-control.ts"
3155
2894
  }
3156
2895
  },
3157
2896
  {
3158
2897
  "kind": "field",
3159
- "name": "href",
2898
+ "name": "form",
3160
2899
  "type": {
3161
- "text": "string | undefined"
2900
+ "text": "HTMLFormElement | null"
3162
2901
  },
3163
- "description": "The URL that the link button points to.",
3164
- "attribute": "href",
3165
2902
  "inheritedFrom": {
3166
- "name": "UmButtonWrapper",
3167
- "module": "src/shared/button-wrapper.ts"
2903
+ "name": "UmSelectionControl",
2904
+ "module": "src/shared/selection-control/selection-control.ts"
3168
2905
  }
3169
2906
  },
3170
2907
  {
3171
2908
  "kind": "field",
3172
- "name": "target",
2909
+ "name": "#checked",
2910
+ "privacy": "private",
3173
2911
  "type": {
3174
- "text": "string | undefined"
2912
+ "text": "boolean"
3175
2913
  },
3176
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3177
- "attribute": "target",
2914
+ "default": "false",
3178
2915
  "inheritedFrom": {
3179
- "name": "UmButtonWrapper",
3180
- "module": "src/shared/button-wrapper.ts"
2916
+ "name": "UmSelectionControl",
2917
+ "module": "src/shared/selection-control/selection-control.ts"
3181
2918
  }
3182
2919
  },
3183
2920
  {
3184
2921
  "kind": "field",
3185
- "name": "name",
2922
+ "name": "inputType",
3186
2923
  "type": {
3187
- "text": "string | undefined"
2924
+ "text": "'checkbox' | 'radio'"
3188
2925
  },
3189
- "attribute": "name",
2926
+ "privacy": "protected",
2927
+ "default": "'checkbox'",
3190
2928
  "inheritedFrom": {
3191
- "name": "UmButtonWrapper",
3192
- "module": "src/shared/button-wrapper.ts"
2929
+ "name": "UmSelectionControl",
2930
+ "module": "src/shared/selection-control/selection-control.ts"
3193
2931
  }
3194
2932
  },
3195
2933
  {
3196
2934
  "kind": "field",
3197
- "name": "buttonElement",
2935
+ "name": "renderRipple",
3198
2936
  "type": {
3199
- "text": "HTMLElement"
2937
+ "text": "boolean"
3200
2938
  },
2939
+ "privacy": "protected",
2940
+ "default": "true",
3201
2941
  "inheritedFrom": {
3202
- "name": "UmButtonWrapper",
3203
- "module": "src/shared/button-wrapper.ts"
2942
+ "name": "UmSelectionControl",
2943
+ "module": "src/shared/selection-control/selection-control.ts"
3204
2944
  }
3205
2945
  },
3206
2946
  {
3207
2947
  "kind": "field",
3208
- "name": "ripple",
2948
+ "name": "value",
3209
2949
  "type": {
3210
- "text": "UmRipple"
2950
+ "text": "string"
3211
2951
  },
3212
- "privacy": "private",
2952
+ "default": "'on'",
2953
+ "description": "The element value to use in form submission when checked.",
2954
+ "attribute": "value",
3213
2955
  "inheritedFrom": {
3214
- "name": "UmButtonWrapper",
3215
- "module": "src/shared/button-wrapper.ts"
2956
+ "name": "UmSelectionControl",
2957
+ "module": "src/shared/selection-control/selection-control.ts"
3216
2958
  }
3217
2959
  },
3218
2960
  {
3219
2961
  "kind": "field",
3220
- "name": "innerRole",
2962
+ "name": "_checkedAttribute",
3221
2963
  "type": {
3222
- "text": "string | null"
2964
+ "text": "boolean"
3223
2965
  },
3224
- "privacy": "protected",
3225
- "default": "null",
2966
+ "privacy": "private",
2967
+ "default": "false",
2968
+ "attribute": "checked",
3226
2969
  "inheritedFrom": {
3227
- "name": "UmButtonWrapper",
3228
- "module": "src/shared/button-wrapper.ts"
3229
- }
3230
- },
3231
- {
3232
- "kind": "field",
3233
- "name": "pathname",
3234
- "type": {
3235
- "text": "string"
3236
- },
3237
- "inheritedFrom": {
3238
- "name": "UmButtonWrapper",
3239
- "module": "src/shared/button-wrapper.ts"
3240
- }
3241
- },
3242
- {
3243
- "kind": "method",
3244
- "name": "renderButton",
3245
- "privacy": "private",
3246
- "inheritedFrom": {
3247
- "name": "UmButtonWrapper",
3248
- "module": "src/shared/button-wrapper.ts"
3249
- }
3250
- },
3251
- {
3252
- "kind": "method",
3253
- "name": "renderLink",
3254
- "privacy": "private",
3255
- "inheritedFrom": {
3256
- "name": "UmButtonWrapper",
3257
- "module": "src/shared/button-wrapper.ts"
3258
- }
3259
- },
3260
- {
3261
- "kind": "method",
3262
- "name": "focus",
3263
- "inheritedFrom": {
3264
- "name": "UmButtonWrapper",
3265
- "module": "src/shared/button-wrapper.ts"
3266
- }
3267
- },
3268
- {
3269
- "kind": "method",
3270
- "name": "blur",
3271
- "inheritedFrom": {
3272
- "name": "UmButtonWrapper",
3273
- "module": "src/shared/button-wrapper.ts"
3274
- }
3275
- },
3276
- {
3277
- "kind": "method",
3278
- "name": "innerFocusHandler",
3279
- "privacy": "private",
3280
- "return": {
3281
- "type": {
3282
- "text": "void"
3283
- }
3284
- },
3285
- "inheritedFrom": {
3286
- "name": "UmButtonWrapper",
3287
- "module": "src/shared/button-wrapper.ts"
2970
+ "name": "UmSelectionControl",
2971
+ "module": "src/shared/selection-control/selection-control.ts"
3288
2972
  }
3289
2973
  },
3290
2974
  {
3291
2975
  "kind": "method",
3292
- "name": "#innerClickHandler",
3293
- "return": {
3294
- "type": {
3295
- "text": "void"
3296
- }
3297
- },
2976
+ "name": "#handleClick",
3298
2977
  "parameters": [
3299
2978
  {
3300
- "name": "event",
2979
+ "name": "e",
3301
2980
  "type": {
3302
- "text": "MouseEvent"
2981
+ "text": "Event"
3303
2982
  }
3304
2983
  }
3305
2984
  ],
3306
2985
  "inheritedFrom": {
3307
- "name": "UmButtonWrapper",
3308
- "module": "src/shared/button-wrapper.ts"
3309
- }
3310
- }
3311
- ],
3312
- "events": [
3313
- {
3314
- "name": "change",
3315
- "type": {
3316
- "text": "Event"
2986
+ "name": "UmSelectionControl",
2987
+ "module": "src/shared/selection-control/selection-control.ts"
3317
2988
  }
3318
2989
  }
3319
2990
  ],
3320
2991
  "attributes": [
3321
2992
  {
3322
- "name": "variant",
3323
- "type": {
3324
- "text": "UmIconButtonVariant"
3325
- },
3326
- "default": "'standard'",
3327
- "fieldName": "variant"
3328
- },
3329
- {
3330
- "name": "toggle",
3331
- "type": {
3332
- "text": "boolean"
3333
- },
3334
- "default": "false",
3335
- "description": "When true, the button will toggle between selected and unselected\nstates",
3336
- "fieldName": "toggle"
3337
- },
3338
- {
3339
- "name": "has-selection-icon",
2993
+ "name": "hide-state-layer",
3340
2994
  "type": {
3341
2995
  "text": "boolean"
3342
2996
  },
3343
2997
  "default": "false",
3344
- "fieldName": "hasSelectionIcon"
2998
+ "fieldName": "hideStateLayer",
2999
+ "inheritedFrom": {
3000
+ "name": "UmCheckbox",
3001
+ "module": "src/checkbox/checkbox.ts"
3002
+ }
3345
3003
  },
3346
3004
  {
3347
- "name": "selected",
3005
+ "name": "indeterminate",
3348
3006
  "type": {
3349
3007
  "text": "boolean"
3350
3008
  },
3351
- "default": "false",
3352
- "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.",
3353
- "fieldName": "selected"
3009
+ "fieldName": "indeterminate",
3010
+ "inheritedFrom": {
3011
+ "name": "UmCheckbox",
3012
+ "module": "src/checkbox/checkbox.ts"
3013
+ }
3354
3014
  },
3355
3015
  {
3356
- "name": "aria-label-selected",
3016
+ "name": "name",
3357
3017
  "type": {
3358
- "text": "string"
3018
+ "text": "string | undefined"
3359
3019
  },
3360
3020
  "default": "''",
3361
- "description": "The `aria-label` of the button when the button is toggleable and selected.",
3362
- "fieldName": "ariaLabelSelected"
3021
+ "fieldName": "name",
3022
+ "inheritedFrom": {
3023
+ "name": "UmSelectionControl",
3024
+ "module": "src/shared/selection-control/selection-control.ts"
3025
+ }
3363
3026
  },
3364
3027
  {
3365
- "name": "type",
3028
+ "name": "disabled",
3366
3029
  "type": {
3367
- "text": "string"
3030
+ "text": "boolean"
3368
3031
  },
3369
- "default": "'submit'",
3370
- "fieldName": "type",
3032
+ "default": "false",
3033
+ "fieldName": "disabled",
3371
3034
  "inheritedFrom": {
3372
- "name": "UmButtonBase",
3373
- "module": "src/button/button-base.ts"
3035
+ "name": "UmSelectionControl",
3036
+ "module": "src/shared/selection-control/selection-control.ts"
3374
3037
  }
3375
3038
  },
3376
3039
  {
@@ -3378,97 +3041,78 @@
3378
3041
  "type": {
3379
3042
  "text": "string"
3380
3043
  },
3381
- "default": "''",
3044
+ "default": "'on'",
3045
+ "description": "The element value to use in form submission when checked.",
3382
3046
  "fieldName": "value",
3383
3047
  "inheritedFrom": {
3384
- "name": "UmButtonBase",
3385
- "module": "src/button/button-base.ts"
3048
+ "name": "UmSelectionControl",
3049
+ "module": "src/shared/selection-control/selection-control.ts"
3386
3050
  }
3387
3051
  },
3388
3052
  {
3389
- "name": "disabled",
3053
+ "name": "checked",
3054
+ "fieldName": "_checkedAttribute",
3390
3055
  "type": {
3391
3056
  "text": "boolean"
3392
3057
  },
3393
3058
  "default": "false",
3394
- "description": "Whether the button is disabled or not.",
3395
- "fieldName": "disabled",
3396
- "inheritedFrom": {
3397
- "name": "UmButtonWrapper",
3398
- "module": "src/shared/button-wrapper.ts"
3399
- }
3400
- },
3401
- {
3402
- "name": "href",
3403
- "type": {
3404
- "text": "string | undefined"
3405
- },
3406
- "description": "The URL that the link button points to.",
3407
- "fieldName": "href",
3408
3059
  "inheritedFrom": {
3409
- "name": "UmButtonWrapper",
3410
- "module": "src/shared/button-wrapper.ts"
3060
+ "name": "UmSelectionControl",
3061
+ "module": "src/shared/selection-control/selection-control.ts"
3411
3062
  }
3412
- },
3063
+ }
3064
+ ],
3065
+ "events": [
3413
3066
  {
3414
- "name": "target",
3067
+ "name": "input",
3415
3068
  "type": {
3416
- "text": "string | undefined"
3069
+ "text": "InputEvent"
3417
3070
  },
3418
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3419
- "fieldName": "target",
3420
3071
  "inheritedFrom": {
3421
- "name": "UmButtonWrapper",
3422
- "module": "src/shared/button-wrapper.ts"
3072
+ "name": "UmSelectionControl",
3073
+ "module": "src/shared/selection-control/selection-control.ts"
3423
3074
  }
3424
3075
  },
3425
3076
  {
3426
- "name": "name",
3077
+ "name": "change",
3427
3078
  "type": {
3428
- "text": "string | undefined"
3079
+ "text": "Event"
3429
3080
  },
3430
- "fieldName": "name",
3431
3081
  "inheritedFrom": {
3432
- "name": "UmButtonWrapper",
3433
- "module": "src/shared/button-wrapper.ts"
3082
+ "name": "UmSelectionControl",
3083
+ "module": "src/shared/selection-control/selection-control.ts"
3434
3084
  }
3435
3085
  }
3436
- ],
3437
- "superclass": {
3438
- "name": "UmButtonBase",
3439
- "module": "/src/button/button-base.js"
3440
- },
3441
- "tagName": "u-icon-button",
3442
- "customElement": true
3086
+ ]
3443
3087
  }
3444
3088
  ],
3445
3089
  "exports": [
3446
3090
  {
3447
3091
  "kind": "js",
3448
- "name": "UmIconButton",
3092
+ "name": "UmCheckboxListItem",
3449
3093
  "declaration": {
3450
- "name": "UmIconButton",
3451
- "module": "src/button/icon-button.ts"
3094
+ "name": "UmCheckboxListItem",
3095
+ "module": "src/checkbox/checkbox-list-item.ts"
3452
3096
  }
3453
3097
  },
3454
3098
  {
3455
3099
  "kind": "custom-element-definition",
3456
- "name": "u-icon-button",
3100
+ "name": "u-checkbox-list-item",
3457
3101
  "declaration": {
3458
- "name": "UmIconButton",
3459
- "module": "src/button/icon-button.ts"
3102
+ "name": "UmCheckboxListItem",
3103
+ "module": "src/checkbox/checkbox-list-item.ts"
3460
3104
  }
3461
3105
  }
3462
3106
  ]
3463
3107
  },
3464
3108
  {
3465
3109
  "kind": "javascript-module",
3466
- "path": "src/card/card-content.styles.ts",
3110
+ "path": "src/checkbox/checkbox.styles.ts",
3467
3111
  "declarations": [
3468
3112
  {
3469
3113
  "kind": "variable",
3470
3114
  "name": "styles",
3471
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
3115
+ "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`"
3472
3116
  }
3473
3117
  ],
3474
3118
  "exports": [
@@ -3477,53 +3121,409 @@
3477
3121
  "name": "styles",
3478
3122
  "declaration": {
3479
3123
  "name": "styles",
3480
- "module": "src/card/card-content.styles.ts"
3124
+ "module": "src/checkbox/checkbox.styles.ts"
3481
3125
  }
3482
3126
  }
3483
3127
  ]
3484
3128
  },
3485
3129
  {
3486
3130
  "kind": "javascript-module",
3487
- "path": "src/card/card-content.ts",
3131
+ "path": "src/checkbox/checkbox.ts",
3488
3132
  "declarations": [
3489
3133
  {
3490
3134
  "kind": "class",
3491
3135
  "description": "",
3492
- "name": "UmCardContent",
3136
+ "name": "UmCheckbox",
3493
3137
  "members": [
3494
3138
  {
3495
3139
  "kind": "field",
3496
- "name": "hasContent",
3140
+ "name": "#indeterminate",
3141
+ "privacy": "private",
3142
+ "type": {
3143
+ "text": "boolean"
3144
+ },
3145
+ "default": "false"
3146
+ },
3147
+ {
3148
+ "kind": "field",
3149
+ "name": "hideStateLayer",
3497
3150
  "type": {
3498
3151
  "text": "boolean"
3499
3152
  },
3500
3153
  "default": "false",
3501
- "attribute": "has-content",
3154
+ "attribute": "hide-state-layer",
3502
3155
  "reflects": true
3503
3156
  },
3504
3157
  {
3505
- "kind": "method",
3506
- "name": "handleSlotChange",
3507
- "privacy": "private",
3508
- "parameters": [
3509
- {
3510
- "name": "e",
3511
- "type": {
3512
- "text": "Event"
3513
- }
3514
- }
3515
- ]
3516
- }
3517
- ],
3518
- "attributes": [
3519
- {
3520
- "name": "has-content",
3158
+ "kind": "field",
3159
+ "name": "indeterminate",
3521
3160
  "type": {
3522
3161
  "text": "boolean"
3523
3162
  },
3524
- "default": "false",
3525
- "fieldName": "hasContent"
3526
- }
3163
+ "attribute": "indeterminate"
3164
+ },
3165
+ {
3166
+ "kind": "field",
3167
+ "name": "checked",
3168
+ "attribute": "checked",
3169
+ "type": {
3170
+ "text": "boolean"
3171
+ },
3172
+ "inheritedFrom": {
3173
+ "name": "UmSelectionControl",
3174
+ "module": "src/shared/selection-control/selection-control.ts"
3175
+ }
3176
+ },
3177
+ {
3178
+ "kind": "method",
3179
+ "name": "renderIndicator",
3180
+ "privacy": "protected",
3181
+ "return": {
3182
+ "type": {
3183
+ "text": "HTMLTemplateResult"
3184
+ }
3185
+ },
3186
+ "inheritedFrom": {
3187
+ "name": "UmSelectionControl",
3188
+ "module": "src/shared/selection-control/selection-control.ts"
3189
+ }
3190
+ },
3191
+ {
3192
+ "kind": "field",
3193
+ "name": "formAssociated",
3194
+ "type": {
3195
+ "text": "boolean"
3196
+ },
3197
+ "static": true,
3198
+ "default": "true",
3199
+ "inheritedFrom": {
3200
+ "name": "UmSelectionControl",
3201
+ "module": "src/shared/selection-control/selection-control.ts"
3202
+ }
3203
+ },
3204
+ {
3205
+ "kind": "field",
3206
+ "name": "elementInternals",
3207
+ "type": {
3208
+ "text": "ElementInternals"
3209
+ },
3210
+ "privacy": "protected",
3211
+ "inheritedFrom": {
3212
+ "name": "UmSelectionControl",
3213
+ "module": "src/shared/selection-control/selection-control.ts"
3214
+ }
3215
+ },
3216
+ {
3217
+ "kind": "field",
3218
+ "name": "name",
3219
+ "type": {
3220
+ "text": "string | undefined"
3221
+ },
3222
+ "default": "''",
3223
+ "attribute": "name",
3224
+ "inheritedFrom": {
3225
+ "name": "UmSelectionControl",
3226
+ "module": "src/shared/selection-control/selection-control.ts"
3227
+ }
3228
+ },
3229
+ {
3230
+ "kind": "field",
3231
+ "name": "disabled",
3232
+ "type": {
3233
+ "text": "boolean"
3234
+ },
3235
+ "default": "false",
3236
+ "attribute": "disabled",
3237
+ "reflects": true,
3238
+ "inheritedFrom": {
3239
+ "name": "UmSelectionControl",
3240
+ "module": "src/shared/selection-control/selection-control.ts"
3241
+ }
3242
+ },
3243
+ {
3244
+ "kind": "field",
3245
+ "name": "input",
3246
+ "type": {
3247
+ "text": "HTMLInputElement"
3248
+ },
3249
+ "inheritedFrom": {
3250
+ "name": "UmSelectionControl",
3251
+ "module": "src/shared/selection-control/selection-control.ts"
3252
+ }
3253
+ },
3254
+ {
3255
+ "kind": "field",
3256
+ "name": "form",
3257
+ "type": {
3258
+ "text": "HTMLFormElement | null"
3259
+ },
3260
+ "inheritedFrom": {
3261
+ "name": "UmSelectionControl",
3262
+ "module": "src/shared/selection-control/selection-control.ts"
3263
+ }
3264
+ },
3265
+ {
3266
+ "kind": "field",
3267
+ "name": "#checked",
3268
+ "privacy": "private",
3269
+ "type": {
3270
+ "text": "boolean"
3271
+ },
3272
+ "default": "false",
3273
+ "inheritedFrom": {
3274
+ "name": "UmSelectionControl",
3275
+ "module": "src/shared/selection-control/selection-control.ts"
3276
+ }
3277
+ },
3278
+ {
3279
+ "kind": "field",
3280
+ "name": "inputType",
3281
+ "type": {
3282
+ "text": "'checkbox' | 'radio'"
3283
+ },
3284
+ "privacy": "protected",
3285
+ "default": "'checkbox'",
3286
+ "inheritedFrom": {
3287
+ "name": "UmSelectionControl",
3288
+ "module": "src/shared/selection-control/selection-control.ts"
3289
+ }
3290
+ },
3291
+ {
3292
+ "kind": "field",
3293
+ "name": "renderRipple",
3294
+ "type": {
3295
+ "text": "boolean"
3296
+ },
3297
+ "privacy": "protected",
3298
+ "default": "true",
3299
+ "inheritedFrom": {
3300
+ "name": "UmSelectionControl",
3301
+ "module": "src/shared/selection-control/selection-control.ts"
3302
+ }
3303
+ },
3304
+ {
3305
+ "kind": "field",
3306
+ "name": "value",
3307
+ "type": {
3308
+ "text": "string"
3309
+ },
3310
+ "default": "'on'",
3311
+ "description": "The element value to use in form submission when checked.",
3312
+ "attribute": "value",
3313
+ "inheritedFrom": {
3314
+ "name": "UmSelectionControl",
3315
+ "module": "src/shared/selection-control/selection-control.ts"
3316
+ }
3317
+ },
3318
+ {
3319
+ "kind": "field",
3320
+ "name": "_checkedAttribute",
3321
+ "type": {
3322
+ "text": "boolean"
3323
+ },
3324
+ "privacy": "private",
3325
+ "default": "false",
3326
+ "attribute": "checked",
3327
+ "inheritedFrom": {
3328
+ "name": "UmSelectionControl",
3329
+ "module": "src/shared/selection-control/selection-control.ts"
3330
+ }
3331
+ },
3332
+ {
3333
+ "kind": "method",
3334
+ "name": "#handleClick",
3335
+ "parameters": [
3336
+ {
3337
+ "name": "e",
3338
+ "type": {
3339
+ "text": "Event"
3340
+ }
3341
+ }
3342
+ ],
3343
+ "inheritedFrom": {
3344
+ "name": "UmSelectionControl",
3345
+ "module": "src/shared/selection-control/selection-control.ts"
3346
+ }
3347
+ }
3348
+ ],
3349
+ "attributes": [
3350
+ {
3351
+ "name": "hide-state-layer",
3352
+ "type": {
3353
+ "text": "boolean"
3354
+ },
3355
+ "default": "false",
3356
+ "fieldName": "hideStateLayer"
3357
+ },
3358
+ {
3359
+ "name": "indeterminate",
3360
+ "type": {
3361
+ "text": "boolean"
3362
+ },
3363
+ "fieldName": "indeterminate"
3364
+ },
3365
+ {
3366
+ "name": "name",
3367
+ "type": {
3368
+ "text": "string | undefined"
3369
+ },
3370
+ "default": "''",
3371
+ "fieldName": "name",
3372
+ "inheritedFrom": {
3373
+ "name": "UmSelectionControl",
3374
+ "module": "src/shared/selection-control/selection-control.ts"
3375
+ }
3376
+ },
3377
+ {
3378
+ "name": "disabled",
3379
+ "type": {
3380
+ "text": "boolean"
3381
+ },
3382
+ "default": "false",
3383
+ "fieldName": "disabled",
3384
+ "inheritedFrom": {
3385
+ "name": "UmSelectionControl",
3386
+ "module": "src/shared/selection-control/selection-control.ts"
3387
+ }
3388
+ },
3389
+ {
3390
+ "name": "value",
3391
+ "type": {
3392
+ "text": "string"
3393
+ },
3394
+ "default": "'on'",
3395
+ "description": "The element value to use in form submission when checked.",
3396
+ "fieldName": "value",
3397
+ "inheritedFrom": {
3398
+ "name": "UmSelectionControl",
3399
+ "module": "src/shared/selection-control/selection-control.ts"
3400
+ }
3401
+ },
3402
+ {
3403
+ "name": "checked",
3404
+ "fieldName": "_checkedAttribute",
3405
+ "type": {
3406
+ "text": "boolean"
3407
+ },
3408
+ "default": "false",
3409
+ "inheritedFrom": {
3410
+ "name": "UmSelectionControl",
3411
+ "module": "src/shared/selection-control/selection-control.ts"
3412
+ }
3413
+ }
3414
+ ],
3415
+ "superclass": {
3416
+ "name": "UmSelectionControl",
3417
+ "module": "/src/shared/selection-control/selection-control.js"
3418
+ },
3419
+ "tagName": "u-checkbox",
3420
+ "customElement": true,
3421
+ "events": [
3422
+ {
3423
+ "name": "input",
3424
+ "type": {
3425
+ "text": "InputEvent"
3426
+ },
3427
+ "inheritedFrom": {
3428
+ "name": "UmSelectionControl",
3429
+ "module": "src/shared/selection-control/selection-control.ts"
3430
+ }
3431
+ },
3432
+ {
3433
+ "name": "change",
3434
+ "type": {
3435
+ "text": "Event"
3436
+ },
3437
+ "inheritedFrom": {
3438
+ "name": "UmSelectionControl",
3439
+ "module": "src/shared/selection-control/selection-control.ts"
3440
+ }
3441
+ }
3442
+ ]
3443
+ }
3444
+ ],
3445
+ "exports": [
3446
+ {
3447
+ "kind": "js",
3448
+ "name": "UmCheckbox",
3449
+ "declaration": {
3450
+ "name": "UmCheckbox",
3451
+ "module": "src/checkbox/checkbox.ts"
3452
+ }
3453
+ },
3454
+ {
3455
+ "kind": "custom-element-definition",
3456
+ "name": "u-checkbox",
3457
+ "declaration": {
3458
+ "name": "UmCheckbox",
3459
+ "module": "src/checkbox/checkbox.ts"
3460
+ }
3461
+ }
3462
+ ]
3463
+ },
3464
+ {
3465
+ "kind": "javascript-module",
3466
+ "path": "src/card/card-content.styles.ts",
3467
+ "declarations": [
3468
+ {
3469
+ "kind": "variable",
3470
+ "name": "styles",
3471
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
3472
+ }
3473
+ ],
3474
+ "exports": [
3475
+ {
3476
+ "kind": "js",
3477
+ "name": "styles",
3478
+ "declaration": {
3479
+ "name": "styles",
3480
+ "module": "src/card/card-content.styles.ts"
3481
+ }
3482
+ }
3483
+ ]
3484
+ },
3485
+ {
3486
+ "kind": "javascript-module",
3487
+ "path": "src/card/card-content.ts",
3488
+ "declarations": [
3489
+ {
3490
+ "kind": "class",
3491
+ "description": "",
3492
+ "name": "UmCardContent",
3493
+ "members": [
3494
+ {
3495
+ "kind": "field",
3496
+ "name": "hasContent",
3497
+ "type": {
3498
+ "text": "boolean"
3499
+ },
3500
+ "default": "false",
3501
+ "attribute": "has-content",
3502
+ "reflects": true
3503
+ },
3504
+ {
3505
+ "kind": "method",
3506
+ "name": "handleSlotChange",
3507
+ "privacy": "private",
3508
+ "parameters": [
3509
+ {
3510
+ "name": "e",
3511
+ "type": {
3512
+ "text": "Event"
3513
+ }
3514
+ }
3515
+ ]
3516
+ }
3517
+ ],
3518
+ "attributes": [
3519
+ {
3520
+ "name": "has-content",
3521
+ "type": {
3522
+ "text": "boolean"
3523
+ },
3524
+ "default": "false",
3525
+ "fieldName": "hasContent"
3526
+ }
3527
3527
  ],
3528
3528
  "superclass": {
3529
3529
  "name": "LitElement",
@@ -5262,63 +5262,6 @@
5262
5262
  }
5263
5263
  ]
5264
5264
  },
5265
- {
5266
- "kind": "javascript-module",
5267
- "path": "src/elevation/elevation.styles.ts",
5268
- "declarations": [
5269
- {
5270
- "kind": "variable",
5271
- "name": "styles",
5272
- "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
5273
- }
5274
- ],
5275
- "exports": [
5276
- {
5277
- "kind": "js",
5278
- "name": "styles",
5279
- "declaration": {
5280
- "name": "styles",
5281
- "module": "src/elevation/elevation.styles.ts"
5282
- }
5283
- }
5284
- ]
5285
- },
5286
- {
5287
- "kind": "javascript-module",
5288
- "path": "src/elevation/elevation.ts",
5289
- "declarations": [
5290
- {
5291
- "kind": "class",
5292
- "description": "",
5293
- "name": "UmElevation",
5294
- "members": [],
5295
- "superclass": {
5296
- "name": "LitElement",
5297
- "package": "lit"
5298
- },
5299
- "tagName": "u-elevation",
5300
- "customElement": true
5301
- }
5302
- ],
5303
- "exports": [
5304
- {
5305
- "kind": "js",
5306
- "name": "UmElevation",
5307
- "declaration": {
5308
- "name": "UmElevation",
5309
- "module": "src/elevation/elevation.ts"
5310
- }
5311
- },
5312
- {
5313
- "kind": "custom-element-definition",
5314
- "name": "u-elevation",
5315
- "declaration": {
5316
- "name": "UmElevation",
5317
- "module": "src/elevation/elevation.ts"
5318
- }
5319
- }
5320
- ]
5321
- },
5322
5265
  {
5323
5266
  "kind": "javascript-module",
5324
5267
  "path": "src/dialog/confirm-dialog-builder.ts",
@@ -6191,6 +6134,63 @@
6191
6134
  }
6192
6135
  ]
6193
6136
  },
6137
+ {
6138
+ "kind": "javascript-module",
6139
+ "path": "src/elevation/elevation.styles.ts",
6140
+ "declarations": [
6141
+ {
6142
+ "kind": "variable",
6143
+ "name": "styles",
6144
+ "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
6145
+ }
6146
+ ],
6147
+ "exports": [
6148
+ {
6149
+ "kind": "js",
6150
+ "name": "styles",
6151
+ "declaration": {
6152
+ "name": "styles",
6153
+ "module": "src/elevation/elevation.styles.ts"
6154
+ }
6155
+ }
6156
+ ]
6157
+ },
6158
+ {
6159
+ "kind": "javascript-module",
6160
+ "path": "src/elevation/elevation.ts",
6161
+ "declarations": [
6162
+ {
6163
+ "kind": "class",
6164
+ "description": "",
6165
+ "name": "UmElevation",
6166
+ "members": [],
6167
+ "superclass": {
6168
+ "name": "LitElement",
6169
+ "package": "lit"
6170
+ },
6171
+ "tagName": "u-elevation",
6172
+ "customElement": true
6173
+ }
6174
+ ],
6175
+ "exports": [
6176
+ {
6177
+ "kind": "js",
6178
+ "name": "UmElevation",
6179
+ "declaration": {
6180
+ "name": "UmElevation",
6181
+ "module": "src/elevation/elevation.ts"
6182
+ }
6183
+ },
6184
+ {
6185
+ "kind": "custom-element-definition",
6186
+ "name": "u-elevation",
6187
+ "declaration": {
6188
+ "name": "UmElevation",
6189
+ "module": "src/elevation/elevation.ts"
6190
+ }
6191
+ }
6192
+ ]
6193
+ },
6194
6194
  {
6195
6195
  "kind": "javascript-module",
6196
6196
  "path": "src/field/field-base.styles.ts",
@@ -8326,7 +8326,7 @@
8326
8326
  {
8327
8327
  "kind": "variable",
8328
8328
  "name": "styles",
8329
- "default": "css `\n :host {\n display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\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-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host(.active),\n :host([active]) {\n color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n font-size: var(--_drawer-item-icon-size);\n line-height: var(--_drawer-item-icon-size);\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`"
8329
+ "default": "css `\n :host {\n display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\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-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host(.active),\n :host([active]) {\n color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n display: flex;\n width: 1em;\n height: 1em;\n align-items: center;\n justify-content: center;\n font-size: var(--_drawer-item-icon-size);\n line-height: 1em;\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`"
8330
8330
  }
8331
8331
  ],
8332
8332
  "exports": [
@@ -16764,81 +16764,41 @@
16764
16764
  "text": "boolean"
16765
16765
  },
16766
16766
  "default": "false",
16767
- "description": "The value for the `spellcheck` attribute for the target element.",
16768
- "fieldName": "spellcheck"
16769
- },
16770
- {
16771
- "name": "target-id",
16772
- "type": {
16773
- "text": "string | undefined"
16774
- },
16775
- "description": "The id of the target element to attach the typeahead.",
16776
- "fieldName": "targetId"
16777
- }
16778
- ],
16779
- "superclass": {
16780
- "name": "LitElement",
16781
- "package": "lit"
16782
- },
16783
- "tagName": "u-typeahead",
16784
- "customElement": true
16785
- }
16786
- ],
16787
- "exports": [
16788
- {
16789
- "kind": "js",
16790
- "name": "UmTypeahead",
16791
- "declaration": {
16792
- "name": "UmTypeahead",
16793
- "module": "src/typeahead/typeahead.ts"
16794
- }
16795
- },
16796
- {
16797
- "kind": "custom-element-definition",
16798
- "name": "u-typeahead",
16799
- "declaration": {
16800
- "name": "UmTypeahead",
16801
- "module": "src/typeahead/typeahead.ts"
16802
- }
16803
- }
16804
- ]
16805
- },
16806
- {
16807
- "kind": "javascript-module",
16808
- "path": "src/shared/events/dispatch-event.ts",
16809
- "declarations": [],
16810
- "exports": []
16811
- },
16812
- {
16813
- "kind": "javascript-module",
16814
- "path": "src/shared/events/redispatch-event.ts",
16815
- "declarations": [
16816
- {
16817
- "kind": "function",
16818
- "name": "redispatchEvent",
16819
- "parameters": [
16820
- {
16821
- "name": "element",
16822
- "type": {
16823
- "text": "Element"
16824
- }
16767
+ "description": "The value for the `spellcheck` attribute for the target element.",
16768
+ "fieldName": "spellcheck"
16825
16769
  },
16826
16770
  {
16827
- "name": "event",
16771
+ "name": "target-id",
16828
16772
  "type": {
16829
- "text": "Event"
16830
- }
16773
+ "text": "string | undefined"
16774
+ },
16775
+ "description": "The id of the target element to attach the typeahead.",
16776
+ "fieldName": "targetId"
16831
16777
  }
16832
- ]
16778
+ ],
16779
+ "superclass": {
16780
+ "name": "LitElement",
16781
+ "package": "lit"
16782
+ },
16783
+ "tagName": "u-typeahead",
16784
+ "customElement": true
16833
16785
  }
16834
16786
  ],
16835
16787
  "exports": [
16836
16788
  {
16837
16789
  "kind": "js",
16838
- "name": "redispatchEvent",
16790
+ "name": "UmTypeahead",
16839
16791
  "declaration": {
16840
- "name": "redispatchEvent",
16841
- "module": "src/shared/events/redispatch-event.ts"
16792
+ "name": "UmTypeahead",
16793
+ "module": "src/typeahead/typeahead.ts"
16794
+ }
16795
+ },
16796
+ {
16797
+ "kind": "custom-element-definition",
16798
+ "name": "u-typeahead",
16799
+ "declaration": {
16800
+ "name": "UmTypeahead",
16801
+ "module": "src/typeahead/typeahead.ts"
16842
16802
  }
16843
16803
  }
16844
16804
  ]
@@ -17440,124 +17400,360 @@
17440
17400
  }
17441
17401
  },
17442
17402
  {
17443
- "name": "supporting-text",
17444
- "type": {
17445
- "text": "| string\n | undefined"
17403
+ "name": "supporting-text",
17404
+ "type": {
17405
+ "text": "| string\n | undefined"
17406
+ },
17407
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
17408
+ "fieldName": "supportingText",
17409
+ "inheritedFrom": {
17410
+ "name": "UmFieldBase",
17411
+ "module": "src/field/field-base.ts"
17412
+ }
17413
+ },
17414
+ {
17415
+ "name": "error-text",
17416
+ "type": {
17417
+ "text": "string | undefined"
17418
+ },
17419
+ "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`",
17420
+ "fieldName": "errorText",
17421
+ "inheritedFrom": {
17422
+ "name": "UmFieldBase",
17423
+ "module": "src/field/field-base.ts"
17424
+ }
17425
+ },
17426
+ {
17427
+ "name": "empty",
17428
+ "type": {
17429
+ "text": "boolean"
17430
+ },
17431
+ "default": "false",
17432
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
17433
+ "fieldName": "empty",
17434
+ "inheritedFrom": {
17435
+ "name": "UmFieldBase",
17436
+ "module": "src/field/field-base.ts"
17437
+ }
17438
+ },
17439
+ {
17440
+ "name": "disabled",
17441
+ "type": {
17442
+ "text": "boolean"
17443
+ },
17444
+ "default": "false",
17445
+ "fieldName": "disabled",
17446
+ "inheritedFrom": {
17447
+ "name": "UmFieldBase",
17448
+ "module": "src/field/field-base.ts"
17449
+ }
17450
+ },
17451
+ {
17452
+ "name": "invalid",
17453
+ "type": {
17454
+ "text": "boolean"
17455
+ },
17456
+ "default": "false",
17457
+ "description": "Get or sets where or not the field is in a visually invalid state.",
17458
+ "fieldName": "invalid",
17459
+ "inheritedFrom": {
17460
+ "name": "UmFieldBase",
17461
+ "module": "src/field/field-base.ts"
17462
+ }
17463
+ },
17464
+ {
17465
+ "name": "has-leading-icon",
17466
+ "type": {
17467
+ "text": "boolean"
17468
+ },
17469
+ "default": "false",
17470
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
17471
+ "fieldName": "hasLeadingIcon",
17472
+ "inheritedFrom": {
17473
+ "name": "UmFieldBase",
17474
+ "module": "src/field/field-base.ts"
17475
+ }
17476
+ },
17477
+ {
17478
+ "name": "has-trailing-icon",
17479
+ "type": {
17480
+ "text": "boolean"
17481
+ },
17482
+ "default": "false",
17483
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
17484
+ "fieldName": "hasTrailingIcon",
17485
+ "inheritedFrom": {
17486
+ "name": "UmFieldBase",
17487
+ "module": "src/field/field-base.ts"
17488
+ }
17489
+ },
17490
+ {
17491
+ "name": "has-error-text",
17492
+ "type": {
17493
+ "text": "boolean"
17494
+ },
17495
+ "default": "false",
17496
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
17497
+ "fieldName": "hasErrorText",
17498
+ "inheritedFrom": {
17499
+ "name": "UmFieldBase",
17500
+ "module": "src/field/field-base.ts"
17501
+ }
17502
+ }
17503
+ ],
17504
+ "superclass": {
17505
+ "name": "UmTextFieldBase",
17506
+ "module": "/src/shared/text-field-base/text-field-base.js"
17507
+ }
17508
+ }
17509
+ ],
17510
+ "exports": [
17511
+ {
17512
+ "kind": "js",
17513
+ "name": "UmNativeTextFieldWrapper",
17514
+ "declaration": {
17515
+ "name": "UmNativeTextFieldWrapper",
17516
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
17517
+ }
17518
+ }
17519
+ ]
17520
+ },
17521
+ {
17522
+ "kind": "javascript-module",
17523
+ "path": "src/shared/events/dispatch-event.ts",
17524
+ "declarations": [],
17525
+ "exports": []
17526
+ },
17527
+ {
17528
+ "kind": "javascript-module",
17529
+ "path": "src/shared/events/redispatch-event.ts",
17530
+ "declarations": [
17531
+ {
17532
+ "kind": "function",
17533
+ "name": "redispatchEvent",
17534
+ "parameters": [
17535
+ {
17536
+ "name": "element",
17537
+ "type": {
17538
+ "text": "Element"
17539
+ }
17540
+ },
17541
+ {
17542
+ "name": "event",
17543
+ "type": {
17544
+ "text": "Event"
17545
+ }
17546
+ }
17547
+ ]
17548
+ }
17549
+ ],
17550
+ "exports": [
17551
+ {
17552
+ "kind": "js",
17553
+ "name": "redispatchEvent",
17554
+ "declaration": {
17555
+ "name": "redispatchEvent",
17556
+ "module": "src/shared/events/redispatch-event.ts"
17557
+ }
17558
+ }
17559
+ ]
17560
+ },
17561
+ {
17562
+ "kind": "javascript-module",
17563
+ "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
17564
+ "declarations": [
17565
+ {
17566
+ "kind": "class",
17567
+ "description": "",
17568
+ "name": "MenuFieldNavigationController",
17569
+ "members": [
17570
+ {
17571
+ "kind": "field",
17572
+ "name": "#element",
17573
+ "privacy": "private",
17574
+ "type": {
17575
+ "text": "HTMLElement | null"
17576
+ },
17577
+ "default": "null"
17578
+ },
17579
+ {
17580
+ "kind": "field",
17581
+ "name": "focusedMenu",
17582
+ "type": {
17583
+ "text": "TMenuItem | null"
17584
+ },
17585
+ "privacy": "protected",
17586
+ "default": "null"
17587
+ },
17588
+ {
17589
+ "kind": "field",
17590
+ "name": "host",
17591
+ "type": {
17592
+ "text": "TField"
17593
+ },
17594
+ "privacy": "protected",
17595
+ "default": "host"
17596
+ },
17597
+ {
17598
+ "kind": "field",
17599
+ "name": "bindHandleKeyDown",
17600
+ "type": {
17601
+ "text": "(event: KeyboardEvent) => void"
17602
+ },
17603
+ "privacy": "private"
17604
+ },
17605
+ {
17606
+ "kind": "method",
17607
+ "name": "attach",
17608
+ "parameters": [
17609
+ {
17610
+ "name": "element",
17611
+ "type": {
17612
+ "text": "HTMLElement"
17613
+ }
17614
+ }
17615
+ ]
17616
+ },
17617
+ {
17618
+ "kind": "method",
17619
+ "name": "detach"
17620
+ },
17621
+ {
17622
+ "kind": "field",
17623
+ "name": "#handleMenuClose",
17624
+ "privacy": "private"
17625
+ },
17626
+ {
17627
+ "kind": "method",
17628
+ "name": "handleKeyDown",
17629
+ "privacy": "protected",
17630
+ "return": {
17631
+ "type": {
17632
+ "text": "boolean"
17633
+ }
17446
17634
  },
17447
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
17448
- "fieldName": "supportingText",
17449
- "inheritedFrom": {
17450
- "name": "UmFieldBase",
17451
- "module": "src/field/field-base.ts"
17452
- }
17635
+ "parameters": [
17636
+ {
17637
+ "name": "event",
17638
+ "type": {
17639
+ "text": "KeyboardEvent"
17640
+ }
17641
+ }
17642
+ ]
17453
17643
  },
17454
17644
  {
17455
- "name": "error-text",
17456
- "type": {
17457
- "text": "string | undefined"
17458
- },
17459
- "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`",
17460
- "fieldName": "errorText",
17461
- "inheritedFrom": {
17462
- "name": "UmFieldBase",
17463
- "module": "src/field/field-base.ts"
17464
- }
17645
+ "kind": "method",
17646
+ "name": "navigate",
17647
+ "privacy": "private",
17648
+ "parameters": [
17649
+ {
17650
+ "name": "event",
17651
+ "type": {
17652
+ "text": "KeyboardEvent"
17653
+ }
17654
+ },
17655
+ {
17656
+ "name": "forwards",
17657
+ "type": {
17658
+ "text": "boolean"
17659
+ }
17660
+ }
17661
+ ]
17465
17662
  },
17466
17663
  {
17467
- "name": "empty",
17468
- "type": {
17469
- "text": "boolean"
17470
- },
17471
- "default": "false",
17472
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
17473
- "fieldName": "empty",
17474
- "inheritedFrom": {
17475
- "name": "UmFieldBase",
17476
- "module": "src/field/field-base.ts"
17477
- }
17664
+ "kind": "method",
17665
+ "name": "navigateTo",
17666
+ "privacy": "protected",
17667
+ "parameters": [
17668
+ {
17669
+ "name": "event",
17670
+ "type": {
17671
+ "text": "KeyboardEvent"
17672
+ }
17673
+ },
17674
+ {
17675
+ "name": "menu",
17676
+ "type": {
17677
+ "text": "TMenuItem | undefined"
17678
+ }
17679
+ }
17680
+ ]
17478
17681
  },
17479
17682
  {
17480
- "name": "disabled",
17481
- "type": {
17482
- "text": "boolean"
17483
- },
17484
- "default": "false",
17485
- "fieldName": "disabled",
17486
- "inheritedFrom": {
17487
- "name": "UmFieldBase",
17488
- "module": "src/field/field-base.ts"
17489
- }
17683
+ "kind": "method",
17684
+ "name": "focusMenu",
17685
+ "parameters": [
17686
+ {
17687
+ "name": "menu",
17688
+ "type": {
17689
+ "text": "TMenuItem"
17690
+ }
17691
+ },
17692
+ {
17693
+ "name": "active",
17694
+ "default": "true"
17695
+ },
17696
+ {
17697
+ "name": "scroll",
17698
+ "default": "true"
17699
+ }
17700
+ ]
17490
17701
  },
17491
17702
  {
17492
- "name": "invalid",
17493
- "type": {
17494
- "text": "boolean"
17495
- },
17496
- "default": "false",
17497
- "description": "Get or sets where or not the field is in a visually invalid state.",
17498
- "fieldName": "invalid",
17499
- "inheritedFrom": {
17500
- "name": "UmFieldBase",
17501
- "module": "src/field/field-base.ts"
17502
- }
17703
+ "kind": "method",
17704
+ "name": "blurMenu"
17503
17705
  },
17504
17706
  {
17505
- "name": "has-leading-icon",
17506
- "type": {
17507
- "text": "boolean"
17508
- },
17509
- "default": "false",
17510
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
17511
- "fieldName": "hasLeadingIcon",
17512
- "inheritedFrom": {
17513
- "name": "UmFieldBase",
17514
- "module": "src/field/field-base.ts"
17515
- }
17707
+ "kind": "method",
17708
+ "name": "selectActiveItem",
17709
+ "privacy": "private",
17710
+ "parameters": [
17711
+ {
17712
+ "name": "event",
17713
+ "type": {
17714
+ "text": "KeyboardEvent"
17715
+ }
17716
+ }
17717
+ ]
17516
17718
  },
17517
17719
  {
17518
- "name": "has-trailing-icon",
17519
- "type": {
17520
- "text": "boolean"
17521
- },
17522
- "default": "false",
17523
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
17524
- "fieldName": "hasTrailingIcon",
17525
- "inheritedFrom": {
17526
- "name": "UmFieldBase",
17527
- "module": "src/field/field-base.ts"
17528
- }
17720
+ "kind": "method",
17721
+ "name": "afterFocus",
17722
+ "privacy": "protected",
17723
+ "parameters": [
17724
+ {
17725
+ "name": "_",
17726
+ "type": {
17727
+ "text": "TMenuItem"
17728
+ }
17729
+ }
17730
+ ]
17529
17731
  },
17530
17732
  {
17531
- "name": "has-error-text",
17532
- "type": {
17533
- "text": "boolean"
17534
- },
17535
- "default": "false",
17536
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
17537
- "fieldName": "hasErrorText",
17538
- "inheritedFrom": {
17539
- "name": "UmFieldBase",
17540
- "module": "src/field/field-base.ts"
17541
- }
17733
+ "kind": "method",
17734
+ "name": "afterBlur",
17735
+ "privacy": "protected"
17542
17736
  }
17543
- ],
17544
- "superclass": {
17545
- "name": "UmTextFieldBase",
17546
- "module": "/src/shared/text-field-base/text-field-base.js"
17547
- }
17737
+ ]
17548
17738
  }
17549
17739
  ],
17550
17740
  "exports": [
17551
17741
  {
17552
17742
  "kind": "js",
17553
- "name": "UmNativeTextFieldWrapper",
17743
+ "name": "MenuFieldNavigationController",
17554
17744
  "declaration": {
17555
- "name": "UmNativeTextFieldWrapper",
17556
- "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
17745
+ "name": "MenuFieldNavigationController",
17746
+ "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
17557
17747
  }
17558
17748
  }
17559
17749
  ]
17560
17750
  },
17751
+ {
17752
+ "kind": "javascript-module",
17753
+ "path": "src/shared/menu-field/menu-field.ts",
17754
+ "declarations": [],
17755
+ "exports": []
17756
+ },
17561
17757
  {
17562
17758
  "kind": "javascript-module",
17563
17759
  "path": "src/shared/selection-control/selection-control-list-item.ts",
@@ -17794,21 +17990,92 @@
17794
17990
  "fieldName": "disabled"
17795
17991
  },
17796
17992
  {
17797
- "name": "value",
17993
+ "name": "value",
17994
+ "type": {
17995
+ "text": "string"
17996
+ },
17997
+ "default": "'on'",
17998
+ "description": "The element value to use in form submission when checked.",
17999
+ "fieldName": "value"
18000
+ },
18001
+ {
18002
+ "name": "checked",
18003
+ "fieldName": "_checkedAttribute",
18004
+ "type": {
18005
+ "text": "boolean"
18006
+ },
18007
+ "default": "false"
18008
+ }
18009
+ ],
18010
+ "superclass": {
18011
+ "name": "LitElement",
18012
+ "package": "lit"
18013
+ },
18014
+ "customElement": true
18015
+ }
18016
+ ],
18017
+ "exports": [
18018
+ {
18019
+ "kind": "js",
18020
+ "name": "UmSelectionControl",
18021
+ "declaration": {
18022
+ "name": "UmSelectionControl",
18023
+ "module": "src/shared/selection-control/selection-control.ts"
18024
+ }
18025
+ }
18026
+ ]
18027
+ },
18028
+ {
18029
+ "kind": "javascript-module",
18030
+ "path": "src/shared/sets/set-base.styles.ts",
18031
+ "declarations": [
18032
+ {
18033
+ "kind": "variable",
18034
+ "name": "styles",
18035
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
18036
+ }
18037
+ ],
18038
+ "exports": [
18039
+ {
18040
+ "kind": "js",
18041
+ "name": "styles",
18042
+ "declaration": {
18043
+ "name": "styles",
18044
+ "module": "src/shared/sets/set-base.styles.ts"
18045
+ }
18046
+ }
18047
+ ]
18048
+ },
18049
+ {
18050
+ "kind": "javascript-module",
18051
+ "path": "src/shared/sets/set-base.ts",
18052
+ "declarations": [
18053
+ {
18054
+ "kind": "class",
18055
+ "description": "",
18056
+ "name": "UmSetBase",
18057
+ "members": [
18058
+ {
18059
+ "kind": "field",
18060
+ "name": "alignment",
17798
18061
  "type": {
17799
- "text": "string"
18062
+ "text": "'start' | 'center' | 'end'"
17800
18063
  },
17801
- "default": "'on'",
17802
- "description": "The element value to use in form submission when checked.",
17803
- "fieldName": "value"
17804
- },
18064
+ "default": "'start'",
18065
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18066
+ "attribute": "alignment",
18067
+ "reflects": true
18068
+ }
18069
+ ],
18070
+ "attributes": [
17805
18071
  {
17806
- "name": "checked",
17807
- "fieldName": "_checkedAttribute",
18072
+ "name": "alignment",
17808
18073
  "type": {
17809
- "text": "boolean"
18074
+ "text": "'start' | 'center' | 'end'"
17810
18075
  },
17811
- "default": "false"
18076
+ "default": "'start'",
18077
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18078
+ "fieldName": "alignment"
17812
18079
  }
17813
18080
  ],
17814
18081
  "superclass": {
@@ -17821,10 +18088,10 @@
17821
18088
  "exports": [
17822
18089
  {
17823
18090
  "kind": "js",
17824
- "name": "UmSelectionControl",
18091
+ "name": "UmSetBase",
17825
18092
  "declaration": {
17826
- "name": "UmSelectionControl",
17827
- "module": "src/shared/selection-control/selection-control.ts"
18093
+ "name": "UmSetBase",
18094
+ "module": "src/shared/sets/set-base.ts"
17828
18095
  }
17829
18096
  }
17830
18097
  ]
@@ -18326,406 +18593,139 @@
18326
18593
  "type": {
18327
18594
  "text": "string | undefined"
18328
18595
  },
18329
- "fieldName": "counter",
18330
- "inheritedFrom": {
18331
- "name": "UmFieldBase",
18332
- "module": "src/field/field-base.ts"
18333
- }
18334
- },
18335
- {
18336
- "name": "hide-counter",
18337
- "type": {
18338
- "text": "boolean"
18339
- },
18340
- "default": "false",
18341
- "fieldName": "hideCounter",
18342
- "inheritedFrom": {
18343
- "name": "UmFieldBase",
18344
- "module": "src/field/field-base.ts"
18345
- }
18346
- },
18347
- {
18348
- "name": "supporting-text",
18349
- "type": {
18350
- "text": "| string\n | undefined"
18351
- },
18352
- "description": "Supporting text conveys additional information about the field, such as how it will be used",
18353
- "fieldName": "supportingText",
18354
- "inheritedFrom": {
18355
- "name": "UmFieldBase",
18356
- "module": "src/field/field-base.ts"
18357
- }
18358
- },
18359
- {
18360
- "name": "error-text",
18361
- "type": {
18362
- "text": "string | undefined"
18363
- },
18364
- "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`",
18365
- "fieldName": "errorText",
18366
- "inheritedFrom": {
18367
- "name": "UmFieldBase",
18368
- "module": "src/field/field-base.ts"
18369
- }
18370
- },
18371
- {
18372
- "name": "empty",
18373
- "type": {
18374
- "text": "boolean"
18375
- },
18376
- "default": "false",
18377
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
18378
- "fieldName": "empty",
18379
- "inheritedFrom": {
18380
- "name": "UmFieldBase",
18381
- "module": "src/field/field-base.ts"
18382
- }
18383
- },
18384
- {
18385
- "name": "disabled",
18386
- "type": {
18387
- "text": "boolean"
18388
- },
18389
- "default": "false",
18390
- "fieldName": "disabled",
18391
- "inheritedFrom": {
18392
- "name": "UmFieldBase",
18393
- "module": "src/field/field-base.ts"
18394
- }
18395
- },
18396
- {
18397
- "name": "invalid",
18398
- "type": {
18399
- "text": "boolean"
18400
- },
18401
- "default": "false",
18402
- "description": "Get or sets where or not the field is in a visually invalid state.",
18403
- "fieldName": "invalid",
18404
- "inheritedFrom": {
18405
- "name": "UmFieldBase",
18406
- "module": "src/field/field-base.ts"
18407
- }
18408
- },
18409
- {
18410
- "name": "has-leading-icon",
18411
- "type": {
18412
- "text": "boolean"
18413
- },
18414
- "default": "false",
18415
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
18416
- "fieldName": "hasLeadingIcon",
18417
- "inheritedFrom": {
18418
- "name": "UmFieldBase",
18419
- "module": "src/field/field-base.ts"
18420
- }
18421
- },
18422
- {
18423
- "name": "has-trailing-icon",
18424
- "type": {
18425
- "text": "boolean"
18426
- },
18427
- "default": "false",
18428
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
18429
- "fieldName": "hasTrailingIcon",
18430
- "inheritedFrom": {
18431
- "name": "UmFieldBase",
18432
- "module": "src/field/field-base.ts"
18433
- }
18434
- },
18435
- {
18436
- "name": "has-error-text",
18437
- "type": {
18438
- "text": "boolean"
18439
- },
18440
- "default": "false",
18441
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
18442
- "fieldName": "hasErrorText",
18443
- "inheritedFrom": {
18444
- "name": "UmFieldBase",
18445
- "module": "src/field/field-base.ts"
18446
- }
18447
- }
18448
- ],
18449
- "superclass": {
18450
- "name": "UmFieldBase",
18451
- "module": "/src/field/field-base.js"
18452
- }
18453
- }
18454
- ],
18455
- "exports": [
18456
- {
18457
- "kind": "js",
18458
- "name": "UmTextFieldBase",
18459
- "declaration": {
18460
- "name": "UmTextFieldBase",
18461
- "module": "src/shared/text-field-base/text-field-base.ts"
18462
- }
18463
- }
18464
- ]
18465
- },
18466
- {
18467
- "kind": "javascript-module",
18468
- "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
18469
- "declarations": [
18470
- {
18471
- "kind": "class",
18472
- "description": "",
18473
- "name": "MenuFieldNavigationController",
18474
- "members": [
18475
- {
18476
- "kind": "field",
18477
- "name": "#element",
18478
- "privacy": "private",
18479
- "type": {
18480
- "text": "HTMLElement | null"
18481
- },
18482
- "default": "null"
18483
- },
18484
- {
18485
- "kind": "field",
18486
- "name": "focusedMenu",
18487
- "type": {
18488
- "text": "TMenuItem | null"
18489
- },
18490
- "privacy": "protected",
18491
- "default": "null"
18492
- },
18493
- {
18494
- "kind": "field",
18495
- "name": "host",
18496
- "type": {
18497
- "text": "TField"
18498
- },
18499
- "privacy": "protected",
18500
- "default": "host"
18501
- },
18502
- {
18503
- "kind": "field",
18504
- "name": "bindHandleKeyDown",
18505
- "type": {
18506
- "text": "(event: KeyboardEvent) => void"
18507
- },
18508
- "privacy": "private"
18509
- },
18510
- {
18511
- "kind": "method",
18512
- "name": "attach",
18513
- "parameters": [
18514
- {
18515
- "name": "element",
18516
- "type": {
18517
- "text": "HTMLElement"
18518
- }
18519
- }
18520
- ]
18521
- },
18522
- {
18523
- "kind": "method",
18524
- "name": "detach"
18525
- },
18526
- {
18527
- "kind": "field",
18528
- "name": "#handleMenuClose",
18529
- "privacy": "private"
18530
- },
18531
- {
18532
- "kind": "method",
18533
- "name": "handleKeyDown",
18534
- "privacy": "protected",
18535
- "return": {
18536
- "type": {
18537
- "text": "boolean"
18538
- }
18539
- },
18540
- "parameters": [
18541
- {
18542
- "name": "event",
18543
- "type": {
18544
- "text": "KeyboardEvent"
18545
- }
18546
- }
18547
- ]
18596
+ "fieldName": "counter",
18597
+ "inheritedFrom": {
18598
+ "name": "UmFieldBase",
18599
+ "module": "src/field/field-base.ts"
18600
+ }
18548
18601
  },
18549
18602
  {
18550
- "kind": "method",
18551
- "name": "navigate",
18552
- "privacy": "private",
18553
- "parameters": [
18554
- {
18555
- "name": "event",
18556
- "type": {
18557
- "text": "KeyboardEvent"
18558
- }
18559
- },
18560
- {
18561
- "name": "forwards",
18562
- "type": {
18563
- "text": "boolean"
18564
- }
18565
- }
18566
- ]
18603
+ "name": "hide-counter",
18604
+ "type": {
18605
+ "text": "boolean"
18606
+ },
18607
+ "default": "false",
18608
+ "fieldName": "hideCounter",
18609
+ "inheritedFrom": {
18610
+ "name": "UmFieldBase",
18611
+ "module": "src/field/field-base.ts"
18612
+ }
18567
18613
  },
18568
18614
  {
18569
- "kind": "method",
18570
- "name": "navigateTo",
18571
- "privacy": "protected",
18572
- "parameters": [
18573
- {
18574
- "name": "event",
18575
- "type": {
18576
- "text": "KeyboardEvent"
18577
- }
18578
- },
18579
- {
18580
- "name": "menu",
18581
- "type": {
18582
- "text": "TMenuItem | undefined"
18583
- }
18584
- }
18585
- ]
18615
+ "name": "supporting-text",
18616
+ "type": {
18617
+ "text": "| string\n | undefined"
18618
+ },
18619
+ "description": "Supporting text conveys additional information about the field, such as how it will be used",
18620
+ "fieldName": "supportingText",
18621
+ "inheritedFrom": {
18622
+ "name": "UmFieldBase",
18623
+ "module": "src/field/field-base.ts"
18624
+ }
18586
18625
  },
18587
18626
  {
18588
- "kind": "method",
18589
- "name": "focusMenu",
18590
- "parameters": [
18591
- {
18592
- "name": "menu",
18593
- "type": {
18594
- "text": "TMenuItem"
18595
- }
18596
- },
18597
- {
18598
- "name": "active",
18599
- "default": "true"
18600
- },
18601
- {
18602
- "name": "scroll",
18603
- "default": "true"
18604
- }
18605
- ]
18627
+ "name": "error-text",
18628
+ "type": {
18629
+ "text": "string | undefined"
18630
+ },
18631
+ "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`",
18632
+ "fieldName": "errorText",
18633
+ "inheritedFrom": {
18634
+ "name": "UmFieldBase",
18635
+ "module": "src/field/field-base.ts"
18636
+ }
18606
18637
  },
18607
18638
  {
18608
- "kind": "method",
18609
- "name": "blurMenu"
18639
+ "name": "empty",
18640
+ "type": {
18641
+ "text": "boolean"
18642
+ },
18643
+ "default": "false",
18644
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
18645
+ "fieldName": "empty",
18646
+ "inheritedFrom": {
18647
+ "name": "UmFieldBase",
18648
+ "module": "src/field/field-base.ts"
18649
+ }
18610
18650
  },
18611
18651
  {
18612
- "kind": "method",
18613
- "name": "selectActiveItem",
18614
- "privacy": "private",
18615
- "parameters": [
18616
- {
18617
- "name": "event",
18618
- "type": {
18619
- "text": "KeyboardEvent"
18620
- }
18621
- }
18622
- ]
18652
+ "name": "disabled",
18653
+ "type": {
18654
+ "text": "boolean"
18655
+ },
18656
+ "default": "false",
18657
+ "fieldName": "disabled",
18658
+ "inheritedFrom": {
18659
+ "name": "UmFieldBase",
18660
+ "module": "src/field/field-base.ts"
18661
+ }
18623
18662
  },
18624
18663
  {
18625
- "kind": "method",
18626
- "name": "afterFocus",
18627
- "privacy": "protected",
18628
- "parameters": [
18629
- {
18630
- "name": "_",
18631
- "type": {
18632
- "text": "TMenuItem"
18633
- }
18634
- }
18635
- ]
18664
+ "name": "invalid",
18665
+ "type": {
18666
+ "text": "boolean"
18667
+ },
18668
+ "default": "false",
18669
+ "description": "Get or sets where or not the field is in a visually invalid state.",
18670
+ "fieldName": "invalid",
18671
+ "inheritedFrom": {
18672
+ "name": "UmFieldBase",
18673
+ "module": "src/field/field-base.ts"
18674
+ }
18636
18675
  },
18637
18676
  {
18638
- "kind": "method",
18639
- "name": "afterBlur",
18640
- "privacy": "protected"
18641
- }
18642
- ]
18643
- }
18644
- ],
18645
- "exports": [
18646
- {
18647
- "kind": "js",
18648
- "name": "MenuFieldNavigationController",
18649
- "declaration": {
18650
- "name": "MenuFieldNavigationController",
18651
- "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
18652
- }
18653
- }
18654
- ]
18655
- },
18656
- {
18657
- "kind": "javascript-module",
18658
- "path": "src/shared/menu-field/menu-field.ts",
18659
- "declarations": [],
18660
- "exports": []
18661
- },
18662
- {
18663
- "kind": "javascript-module",
18664
- "path": "src/shared/sets/set-base.styles.ts",
18665
- "declarations": [
18666
- {
18667
- "kind": "variable",
18668
- "name": "styles",
18669
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
18670
- }
18671
- ],
18672
- "exports": [
18673
- {
18674
- "kind": "js",
18675
- "name": "styles",
18676
- "declaration": {
18677
- "name": "styles",
18678
- "module": "src/shared/sets/set-base.styles.ts"
18679
- }
18680
- }
18681
- ]
18682
- },
18683
- {
18684
- "kind": "javascript-module",
18685
- "path": "src/shared/sets/set-base.ts",
18686
- "declarations": [
18687
- {
18688
- "kind": "class",
18689
- "description": "",
18690
- "name": "UmSetBase",
18691
- "members": [
18677
+ "name": "has-leading-icon",
18678
+ "type": {
18679
+ "text": "boolean"
18680
+ },
18681
+ "default": "false",
18682
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
18683
+ "fieldName": "hasLeadingIcon",
18684
+ "inheritedFrom": {
18685
+ "name": "UmFieldBase",
18686
+ "module": "src/field/field-base.ts"
18687
+ }
18688
+ },
18692
18689
  {
18693
- "kind": "field",
18694
- "name": "alignment",
18690
+ "name": "has-trailing-icon",
18695
18691
  "type": {
18696
- "text": "'start' | 'center' | 'end'"
18692
+ "text": "boolean"
18697
18693
  },
18698
- "default": "'start'",
18699
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18700
- "attribute": "alignment",
18701
- "reflects": true
18702
- }
18703
- ],
18704
- "attributes": [
18694
+ "default": "false",
18695
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
18696
+ "fieldName": "hasTrailingIcon",
18697
+ "inheritedFrom": {
18698
+ "name": "UmFieldBase",
18699
+ "module": "src/field/field-base.ts"
18700
+ }
18701
+ },
18705
18702
  {
18706
- "name": "alignment",
18703
+ "name": "has-error-text",
18707
18704
  "type": {
18708
- "text": "'start' | 'center' | 'end'"
18705
+ "text": "boolean"
18709
18706
  },
18710
- "default": "'start'",
18711
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
18712
- "fieldName": "alignment"
18707
+ "default": "false",
18708
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
18709
+ "fieldName": "hasErrorText",
18710
+ "inheritedFrom": {
18711
+ "name": "UmFieldBase",
18712
+ "module": "src/field/field-base.ts"
18713
+ }
18713
18714
  }
18714
18715
  ],
18715
18716
  "superclass": {
18716
- "name": "LitElement",
18717
- "package": "lit"
18718
- },
18719
- "customElement": true
18717
+ "name": "UmFieldBase",
18718
+ "module": "/src/field/field-base.js"
18719
+ }
18720
18720
  }
18721
18721
  ],
18722
18722
  "exports": [
18723
18723
  {
18724
18724
  "kind": "js",
18725
- "name": "UmSetBase",
18725
+ "name": "UmTextFieldBase",
18726
18726
  "declaration": {
18727
- "name": "UmSetBase",
18728
- "module": "src/shared/sets/set-base.ts"
18727
+ "name": "UmTextFieldBase",
18728
+ "module": "src/shared/text-field-base/text-field-base.ts"
18729
18729
  }
18730
18730
  }
18731
18731
  ]