@universal-material/web 3.0.132 → 3.0.133

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/custom-elements.json +1476 -1469
  2. package/package.json +1 -1
  3. package/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -1
  4. package/shared/menu-field/menu-field-navigation-controller.js +1 -0
  5. package/shared/menu-field/menu-field-navigation-controller.js.map +1 -1
  6. package/typeahead/typeahead.d.ts.map +1 -1
  7. package/typeahead/typeahead.js +13 -11
  8. package/typeahead/typeahead.js.map +1 -1
package/custom-elements.json CHANGED
@@ -644,6 +644,255 @@
644
644
  }
645
645
  ]
646
646
  },
647
+ {
648
+ "kind": "javascript-module",
649
+ "path": "src/card/card-content.styles.ts",
650
+ "declarations": [
651
+ {
652
+ "kind": "variable",
653
+ "name": "styles",
654
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
655
+ }
656
+ ],
657
+ "exports": [
658
+ {
659
+ "kind": "js",
660
+ "name": "styles",
661
+ "declaration": {
662
+ "name": "styles",
663
+ "module": "src/card/card-content.styles.ts"
664
+ }
665
+ }
666
+ ]
667
+ },
668
+ {
669
+ "kind": "javascript-module",
670
+ "path": "src/card/card-content.ts",
671
+ "declarations": [
672
+ {
673
+ "kind": "class",
674
+ "description": "",
675
+ "name": "UmCardContent",
676
+ "members": [
677
+ {
678
+ "kind": "field",
679
+ "name": "hasContent",
680
+ "type": {
681
+ "text": "boolean"
682
+ },
683
+ "default": "false",
684
+ "attribute": "has-content",
685
+ "reflects": true
686
+ },
687
+ {
688
+ "kind": "method",
689
+ "name": "handleSlotChange",
690
+ "privacy": "private",
691
+ "parameters": [
692
+ {
693
+ "name": "e",
694
+ "type": {
695
+ "text": "Event"
696
+ }
697
+ }
698
+ ]
699
+ }
700
+ ],
701
+ "attributes": [
702
+ {
703
+ "name": "has-content",
704
+ "type": {
705
+ "text": "boolean"
706
+ },
707
+ "default": "false",
708
+ "fieldName": "hasContent"
709
+ }
710
+ ],
711
+ "superclass": {
712
+ "name": "LitElement",
713
+ "package": "lit"
714
+ },
715
+ "tagName": "u-card-content",
716
+ "customElement": true
717
+ }
718
+ ],
719
+ "exports": [
720
+ {
721
+ "kind": "js",
722
+ "name": "UmCardContent",
723
+ "declaration": {
724
+ "name": "UmCardContent",
725
+ "module": "src/card/card-content.ts"
726
+ }
727
+ },
728
+ {
729
+ "kind": "custom-element-definition",
730
+ "name": "u-card-content",
731
+ "declaration": {
732
+ "name": "UmCardContent",
733
+ "module": "src/card/card-content.ts"
734
+ }
735
+ }
736
+ ]
737
+ },
738
+ {
739
+ "kind": "javascript-module",
740
+ "path": "src/card/card-media.styles.ts",
741
+ "declarations": [
742
+ {
743
+ "kind": "variable",
744
+ "name": "styles",
745
+ "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
746
+ }
747
+ ],
748
+ "exports": [
749
+ {
750
+ "kind": "js",
751
+ "name": "styles",
752
+ "declaration": {
753
+ "name": "styles",
754
+ "module": "src/card/card-media.styles.ts"
755
+ }
756
+ }
757
+ ]
758
+ },
759
+ {
760
+ "kind": "javascript-module",
761
+ "path": "src/card/card-media.ts",
762
+ "declarations": [
763
+ {
764
+ "kind": "class",
765
+ "description": "",
766
+ "name": "UmCardMedia",
767
+ "members": [
768
+ {
769
+ "kind": "field",
770
+ "name": "wide",
771
+ "type": {
772
+ "text": "boolean"
773
+ },
774
+ "default": "false",
775
+ "attribute": "wide",
776
+ "reflects": true
777
+ }
778
+ ],
779
+ "attributes": [
780
+ {
781
+ "name": "wide",
782
+ "type": {
783
+ "text": "boolean"
784
+ },
785
+ "default": "false",
786
+ "fieldName": "wide"
787
+ }
788
+ ],
789
+ "superclass": {
790
+ "name": "LitElement",
791
+ "package": "lit"
792
+ },
793
+ "tagName": "u-card-media",
794
+ "customElement": true
795
+ }
796
+ ],
797
+ "exports": [
798
+ {
799
+ "kind": "js",
800
+ "name": "UmCardMedia",
801
+ "declaration": {
802
+ "name": "UmCardMedia",
803
+ "module": "src/card/card-media.ts"
804
+ }
805
+ },
806
+ {
807
+ "kind": "custom-element-definition",
808
+ "name": "u-card-media",
809
+ "declaration": {
810
+ "name": "UmCardMedia",
811
+ "module": "src/card/card-media.ts"
812
+ }
813
+ }
814
+ ]
815
+ },
816
+ {
817
+ "kind": "javascript-module",
818
+ "path": "src/card/card.styles.ts",
819
+ "declarations": [
820
+ {
821
+ "kind": "variable",
822
+ "name": "styles",
823
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
824
+ }
825
+ ],
826
+ "exports": [
827
+ {
828
+ "kind": "js",
829
+ "name": "styles",
830
+ "declaration": {
831
+ "name": "styles",
832
+ "module": "src/card/card.styles.ts"
833
+ }
834
+ }
835
+ ]
836
+ },
837
+ {
838
+ "kind": "javascript-module",
839
+ "path": "src/card/card.ts",
840
+ "declarations": [
841
+ {
842
+ "kind": "class",
843
+ "description": "",
844
+ "name": "UmCard",
845
+ "members": [
846
+ {
847
+ "kind": "field",
848
+ "name": "variant",
849
+ "type": {
850
+ "text": "UmCardVariant"
851
+ },
852
+ "default": "'filled'",
853
+ "description": "The Card variant to render.",
854
+ "attribute": "variant",
855
+ "reflects": true
856
+ }
857
+ ],
858
+ "attributes": [
859
+ {
860
+ "name": "variant",
861
+ "type": {
862
+ "text": "UmCardVariant"
863
+ },
864
+ "default": "'filled'",
865
+ "description": "The Card variant to render.",
866
+ "fieldName": "variant"
867
+ }
868
+ ],
869
+ "superclass": {
870
+ "name": "LitElement",
871
+ "package": "lit"
872
+ },
873
+ "tagName": "u-card",
874
+ "customElement": true
875
+ }
876
+ ],
877
+ "exports": [
878
+ {
879
+ "kind": "js",
880
+ "name": "UmCard",
881
+ "declaration": {
882
+ "name": "UmCard",
883
+ "module": "src/card/card.ts"
884
+ }
885
+ },
886
+ {
887
+ "kind": "custom-element-definition",
888
+ "name": "u-card",
889
+ "declaration": {
890
+ "name": "UmCard",
891
+ "module": "src/card/card.ts"
892
+ }
893
+ }
894
+ ]
895
+ },
647
896
  {
648
897
  "kind": "javascript-module",
649
898
  "path": "src/button/button-base.styles.ts",
@@ -2720,12 +2969,12 @@
2720
2969
  },
2721
2970
  {
2722
2971
  "kind": "javascript-module",
2723
- "path": "src/card/card-content.styles.ts",
2972
+ "path": "src/chip/chip-set.styles.ts",
2724
2973
  "declarations": [
2725
2974
  {
2726
2975
  "kind": "variable",
2727
2976
  "name": "styles",
2728
- "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`"
2977
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
2729
2978
  }
2730
2979
  ],
2731
2980
  "exports": [
@@ -2734,89 +2983,86 @@
2734
2983
  "name": "styles",
2735
2984
  "declaration": {
2736
2985
  "name": "styles",
2737
- "module": "src/card/card-content.styles.ts"
2986
+ "module": "src/chip/chip-set.styles.ts"
2738
2987
  }
2739
2988
  }
2740
2989
  ]
2741
2990
  },
2742
2991
  {
2743
2992
  "kind": "javascript-module",
2744
- "path": "src/card/card-content.ts",
2993
+ "path": "src/chip/chip-set.ts",
2745
2994
  "declarations": [
2746
2995
  {
2747
2996
  "kind": "class",
2748
2997
  "description": "",
2749
- "name": "UmCardContent",
2998
+ "name": "UmChipSet",
2750
2999
  "members": [
2751
3000
  {
2752
3001
  "kind": "field",
2753
- "name": "hasContent",
3002
+ "name": "alignment",
2754
3003
  "type": {
2755
- "text": "boolean"
3004
+ "text": "'start' | 'center' | 'end'"
2756
3005
  },
2757
- "default": "false",
2758
- "attribute": "has-content",
2759
- "reflects": true
2760
- },
2761
- {
2762
- "kind": "method",
2763
- "name": "handleSlotChange",
2764
- "privacy": "private",
2765
- "parameters": [
2766
- {
2767
- "name": "e",
2768
- "type": {
2769
- "text": "Event"
2770
- }
2771
- }
2772
- ]
3006
+ "default": "'start'",
3007
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3008
+ "attribute": "alignment",
3009
+ "reflects": true,
3010
+ "inheritedFrom": {
3011
+ "name": "UmSetBase",
3012
+ "module": "src/shared/sets/set-base.ts"
3013
+ }
2773
3014
  }
2774
3015
  ],
3016
+ "superclass": {
3017
+ "name": "UmSetBase",
3018
+ "module": "/src/shared/sets/set-base.js"
3019
+ },
3020
+ "tagName": "u-chip-set",
3021
+ "customElement": true,
2775
3022
  "attributes": [
2776
3023
  {
2777
- "name": "has-content",
3024
+ "name": "alignment",
2778
3025
  "type": {
2779
- "text": "boolean"
3026
+ "text": "'start' | 'center' | 'end'"
2780
3027
  },
2781
- "default": "false",
2782
- "fieldName": "hasContent"
3028
+ "default": "'start'",
3029
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3030
+ "fieldName": "alignment",
3031
+ "inheritedFrom": {
3032
+ "name": "UmSetBase",
3033
+ "module": "src/shared/sets/set-base.ts"
3034
+ }
2783
3035
  }
2784
- ],
2785
- "superclass": {
2786
- "name": "LitElement",
2787
- "package": "lit"
2788
- },
2789
- "tagName": "u-card-content",
2790
- "customElement": true
3036
+ ]
2791
3037
  }
2792
3038
  ],
2793
3039
  "exports": [
2794
3040
  {
2795
3041
  "kind": "js",
2796
- "name": "UmCardContent",
3042
+ "name": "UmChipSet",
2797
3043
  "declaration": {
2798
- "name": "UmCardContent",
2799
- "module": "src/card/card-content.ts"
3044
+ "name": "UmChipSet",
3045
+ "module": "src/chip/chip-set.ts"
2800
3046
  }
2801
3047
  },
2802
3048
  {
2803
3049
  "kind": "custom-element-definition",
2804
- "name": "u-card-content",
3050
+ "name": "u-chip-set",
2805
3051
  "declaration": {
2806
- "name": "UmCardContent",
2807
- "module": "src/card/card-content.ts"
3052
+ "name": "UmChipSet",
3053
+ "module": "src/chip/chip-set.ts"
2808
3054
  }
2809
3055
  }
2810
3056
  ]
2811
3057
  },
2812
3058
  {
2813
3059
  "kind": "javascript-module",
2814
- "path": "src/card/card-media.styles.ts",
3060
+ "path": "src/chip/chip.styles.ts",
2815
3061
  "declarations": [
2816
3062
  {
2817
3063
  "kind": "variable",
2818
3064
  "name": "styles",
2819
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
3065
+ "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
2820
3066
  }
2821
3067
  ],
2822
3068
  "exports": [
@@ -2825,348 +3071,214 @@
2825
3071
  "name": "styles",
2826
3072
  "declaration": {
2827
3073
  "name": "styles",
2828
- "module": "src/card/card-media.styles.ts"
3074
+ "module": "src/chip/chip.styles.ts"
2829
3075
  }
2830
3076
  }
2831
3077
  ]
2832
3078
  },
2833
3079
  {
2834
3080
  "kind": "javascript-module",
2835
- "path": "src/card/card-media.ts",
3081
+ "path": "src/chip/chip.ts",
2836
3082
  "declarations": [
2837
3083
  {
2838
3084
  "kind": "class",
2839
3085
  "description": "",
2840
- "name": "UmCardMedia",
3086
+ "name": "UmChip",
2841
3087
  "members": [
2842
3088
  {
2843
3089
  "kind": "field",
2844
- "name": "wide",
3090
+ "name": "#clickable",
3091
+ "privacy": "private",
2845
3092
  "type": {
2846
3093
  "text": "boolean"
2847
3094
  },
2848
- "default": "false",
2849
- "attribute": "wide",
2850
- "reflects": true
2851
- }
2852
- ],
2853
- "attributes": [
3095
+ "default": "false"
3096
+ },
2854
3097
  {
2855
- "name": "wide",
3098
+ "kind": "field",
3099
+ "name": "#toggle",
3100
+ "privacy": "private",
2856
3101
  "type": {
2857
3102
  "text": "boolean"
2858
3103
  },
2859
- "default": "false",
2860
- "fieldName": "wide"
2861
- }
2862
- ],
2863
- "superclass": {
2864
- "name": "LitElement",
2865
- "package": "lit"
2866
- },
2867
- "tagName": "u-card-media",
2868
- "customElement": true
2869
- }
2870
- ],
2871
- "exports": [
2872
- {
2873
- "kind": "js",
2874
- "name": "UmCardMedia",
2875
- "declaration": {
2876
- "name": "UmCardMedia",
2877
- "module": "src/card/card-media.ts"
2878
- }
2879
- },
2880
- {
2881
- "kind": "custom-element-definition",
2882
- "name": "u-card-media",
2883
- "declaration": {
2884
- "name": "UmCardMedia",
2885
- "module": "src/card/card-media.ts"
2886
- }
2887
- }
2888
- ]
2889
- },
2890
- {
2891
- "kind": "javascript-module",
2892
- "path": "src/card/card.styles.ts",
2893
- "declarations": [
2894
- {
2895
- "kind": "variable",
2896
- "name": "styles",
2897
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
2898
- }
2899
- ],
2900
- "exports": [
2901
- {
2902
- "kind": "js",
2903
- "name": "styles",
2904
- "declaration": {
2905
- "name": "styles",
2906
- "module": "src/card/card.styles.ts"
2907
- }
2908
- }
2909
- ]
2910
- },
2911
- {
2912
- "kind": "javascript-module",
2913
- "path": "src/card/card.ts",
2914
- "declarations": [
2915
- {
2916
- "kind": "class",
2917
- "description": "",
2918
- "name": "UmCard",
2919
- "members": [
3104
+ "default": "false"
3105
+ },
2920
3106
  {
2921
3107
  "kind": "field",
2922
- "name": "variant",
3108
+ "name": "selected",
2923
3109
  "type": {
2924
- "text": "UmCardVariant"
3110
+ "text": "boolean"
2925
3111
  },
2926
- "default": "'filled'",
2927
- "description": "The Card variant to render.",
2928
- "attribute": "variant",
3112
+ "default": "false",
3113
+ "description": "Whether the chip is selected or not",
3114
+ "attribute": "selected",
2929
3115
  "reflects": true
2930
- }
2931
- ],
2932
- "attributes": [
2933
- {
2934
- "name": "variant",
2935
- "type": {
2936
- "text": "UmCardVariant"
2937
- },
2938
- "default": "'filled'",
2939
- "description": "The Card variant to render.",
2940
- "fieldName": "variant"
2941
- }
2942
- ],
2943
- "superclass": {
2944
- "name": "LitElement",
2945
- "package": "lit"
2946
- },
2947
- "tagName": "u-card",
2948
- "customElement": true
2949
- }
2950
- ],
2951
- "exports": [
2952
- {
2953
- "kind": "js",
2954
- "name": "UmCard",
2955
- "declaration": {
2956
- "name": "UmCard",
2957
- "module": "src/card/card.ts"
2958
- }
2959
- },
2960
- {
2961
- "kind": "custom-element-definition",
2962
- "name": "u-card",
2963
- "declaration": {
2964
- "name": "UmCard",
2965
- "module": "src/card/card.ts"
2966
- }
2967
- }
2968
- ]
2969
- },
2970
- {
2971
- "kind": "javascript-module",
2972
- "path": "src/checkbox/checkbox-list-item.ts",
2973
- "declarations": [
2974
- {
2975
- "kind": "class",
2976
- "description": "",
2977
- "name": "UmCheckboxListItem",
2978
- "mixins": [
2979
- {
2980
- "name": "mixinSelectionControlListItem",
2981
- "module": "/src/shared/selection-control/selection-control-list-item.js"
2982
- }
2983
- ],
2984
- "superclass": {
2985
- "name": "UmCheckbox",
2986
- "module": "/src/checkbox/checkbox.js"
2987
- },
2988
- "tagName": "u-checkbox-list-item",
2989
- "customElement": true,
2990
- "attributes": [
3116
+ },
2991
3117
  {
2992
- "name": "leading",
3118
+ "kind": "field",
3119
+ "name": "clickable",
2993
3120
  "type": {
2994
3121
  "text": "boolean"
2995
3122
  },
2996
- "default": "false",
2997
- "fieldName": "leading",
2998
- "inheritedFrom": {
2999
- "name": "mixinSelectionControlListItem",
3000
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3001
- }
3123
+ "attribute": "clickable",
3124
+ "reflects": true
3002
3125
  },
3003
3126
  {
3004
- "name": "hide-state-layer",
3127
+ "kind": "field",
3128
+ "name": "elevated",
3005
3129
  "type": {
3006
3130
  "text": "boolean"
3007
3131
  },
3008
3132
  "default": "false",
3009
- "fieldName": "hideStateLayer",
3010
- "inheritedFrom": {
3011
- "name": "UmCheckbox",
3012
- "module": "src/checkbox/checkbox.ts"
3013
- }
3133
+ "description": "Adds elevation to the chip",
3134
+ "attribute": "elevated",
3135
+ "reflects": true
3014
3136
  },
3015
3137
  {
3016
- "name": "indeterminate",
3138
+ "kind": "field",
3139
+ "name": "toggle",
3017
3140
  "type": {
3018
3141
  "text": "boolean"
3019
3142
  },
3020
- "fieldName": "indeterminate",
3021
- "inheritedFrom": {
3022
- "name": "UmCheckbox",
3023
- "module": "src/checkbox/checkbox.ts"
3024
- }
3025
- },
3026
- {
3027
- "name": "name",
3028
- "type": {
3029
- "text": "string | undefined"
3030
- },
3031
- "default": "''",
3032
- "fieldName": "name",
3033
- "inheritedFrom": {
3034
- "name": "UmSelectionControl",
3035
- "module": "src/shared/selection-control/selection-control.ts"
3036
- }
3143
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3144
+ "attribute": "toggle",
3145
+ "reflects": true
3037
3146
  },
3038
3147
  {
3039
- "name": "disabled",
3148
+ "kind": "field",
3149
+ "name": "removable",
3040
3150
  "type": {
3041
3151
  "text": "boolean"
3042
3152
  },
3043
3153
  "default": "false",
3044
- "fieldName": "disabled",
3045
- "inheritedFrom": {
3046
- "name": "UmSelectionControl",
3047
- "module": "src/shared/selection-control/selection-control.ts"
3048
- }
3154
+ "description": "Add the remove icon",
3155
+ "attribute": "removable",
3156
+ "reflects": true
3049
3157
  },
3050
3158
  {
3051
- "name": "value",
3159
+ "kind": "field",
3160
+ "name": "hideSelectedIcon",
3052
3161
  "type": {
3053
- "text": "string"
3162
+ "text": "boolean"
3054
3163
  },
3055
- "default": "'on'",
3056
- "description": "The element value to use in form submission when checked.",
3057
- "fieldName": "value",
3058
- "inheritedFrom": {
3059
- "name": "UmSelectionControl",
3060
- "module": "src/shared/selection-control/selection-control.ts"
3061
- }
3164
+ "default": "false",
3165
+ "description": "Hide the selected icon",
3166
+ "attribute": "hide-selected-icon",
3167
+ "reflects": true
3062
3168
  },
3063
3169
  {
3064
- "name": "checked",
3065
- "fieldName": "_checkedAttribute",
3170
+ "kind": "field",
3171
+ "name": "hasLeadingIcon",
3066
3172
  "type": {
3067
3173
  "text": "boolean"
3068
3174
  },
3069
3175
  "default": "false",
3070
- "inheritedFrom": {
3071
- "name": "UmSelectionControl",
3072
- "module": "src/shared/selection-control/selection-control.ts"
3073
- }
3074
- }
3075
- ],
3076
- "members": [
3176
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3177
+ "attribute": "has-leading-icon",
3178
+ "reflects": true
3179
+ },
3077
3180
  {
3078
3181
  "kind": "field",
3079
- "name": "styles",
3182
+ "name": "hasSelectedIcon",
3080
3183
  "type": {
3081
- "text": "array"
3184
+ "text": "boolean"
3082
3185
  },
3083
- "static": true,
3084
- "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 ]",
3085
- "inheritedFrom": {
3086
- "name": "mixinSelectionControlListItem",
3087
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3088
- }
3186
+ "default": "false",
3187
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3188
+ "attribute": "has-selected-icon",
3189
+ "reflects": true
3089
3190
  },
3090
3191
  {
3091
3192
  "kind": "field",
3092
- "name": "leading",
3193
+ "name": "hasTrailingIcon",
3093
3194
  "type": {
3094
3195
  "text": "boolean"
3095
3196
  },
3096
3197
  "default": "false",
3097
- "attribute": "leading",
3098
- "inheritedFrom": {
3099
- "name": "mixinSelectionControlListItem",
3100
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3101
- }
3198
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3199
+ "attribute": "has-trailing-icon",
3200
+ "reflects": true
3102
3201
  },
3103
3202
  {
3104
- "kind": "method",
3105
- "name": "render",
3106
- "return": {
3107
- "type": {
3108
- "text": "HTMLTemplateResult"
3109
- }
3203
+ "kind": "field",
3204
+ "name": "assignedLeadingIcons",
3205
+ "type": {
3206
+ "text": "HTMLElement[]"
3110
3207
  },
3111
- "inheritedFrom": {
3112
- "name": "mixinSelectionControlListItem",
3113
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3114
- }
3208
+ "privacy": "private"
3115
3209
  },
3116
3210
  {
3117
3211
  "kind": "field",
3118
- "name": "#indeterminate",
3119
- "privacy": "private",
3212
+ "name": "assignedSelectedIcons",
3120
3213
  "type": {
3121
- "text": "boolean"
3214
+ "text": "HTMLElement[]"
3122
3215
  },
3123
- "default": "false",
3124
- "inheritedFrom": {
3125
- "name": "UmCheckbox",
3126
- "module": "src/checkbox/checkbox.ts"
3127
- }
3216
+ "privacy": "private"
3128
3217
  },
3129
3218
  {
3130
3219
  "kind": "field",
3131
- "name": "hideStateLayer",
3220
+ "name": "assignedTrailingIcons",
3132
3221
  "type": {
3133
- "text": "boolean"
3222
+ "text": "HTMLElement[]"
3134
3223
  },
3135
- "default": "false",
3136
- "attribute": "hide-state-layer",
3137
- "reflects": true,
3138
- "inheritedFrom": {
3139
- "name": "UmCheckbox",
3140
- "module": "src/checkbox/checkbox.ts"
3141
- }
3224
+ "privacy": "private"
3142
3225
  },
3143
3226
  {
3144
3227
  "kind": "field",
3145
- "name": "indeterminate",
3228
+ "name": "removeRipple",
3146
3229
  "type": {
3147
- "text": "boolean"
3148
- },
3149
- "attribute": "indeterminate",
3150
- "inheritedFrom": {
3151
- "name": "UmCheckbox",
3152
- "module": "src/checkbox/checkbox.ts"
3230
+ "text": "UmRipple"
3153
3231
  }
3154
3232
  },
3155
3233
  {
3156
- "kind": "field",
3157
- "name": "checked",
3158
- "attribute": "checked",
3159
- "type": {
3160
- "text": "boolean"
3234
+ "kind": "method",
3235
+ "name": "#handleRemoveClick",
3236
+ "parameters": [
3237
+ {
3238
+ "name": "e",
3239
+ "type": {
3240
+ "text": "Event"
3241
+ }
3242
+ }
3243
+ ]
3244
+ },
3245
+ {
3246
+ "kind": "method",
3247
+ "name": "#handleTrailingIconSlotChange"
3248
+ },
3249
+ {
3250
+ "kind": "method",
3251
+ "name": "#handleLeadingIconSlotChange"
3252
+ },
3253
+ {
3254
+ "kind": "method",
3255
+ "name": "#handleSelectedIconSlotChange"
3256
+ },
3257
+ {
3258
+ "kind": "method",
3259
+ "name": "handleClick",
3260
+ "privacy": "protected",
3261
+ "return": {
3262
+ "type": {
3263
+ "text": "void"
3264
+ }
3161
3265
  },
3266
+ "parameters": [
3267
+ {
3268
+ "name": "event",
3269
+ "type": {
3270
+ "text": "UIEvent"
3271
+ }
3272
+ }
3273
+ ],
3162
3274
  "inheritedFrom": {
3163
- "name": "UmSelectionControl",
3164
- "module": "src/shared/selection-control/selection-control.ts"
3275
+ "name": "UmButtonWrapper",
3276
+ "module": "src/shared/button-wrapper.ts"
3165
3277
  }
3166
3278
  },
3167
3279
  {
3168
3280
  "kind": "method",
3169
- "name": "renderIndicator",
3281
+ "name": "renderContent",
3170
3282
  "privacy": "protected",
3171
3283
  "return": {
3172
3284
  "type": {
@@ -3174,541 +3286,292 @@
3174
3286
  }
3175
3287
  },
3176
3288
  "inheritedFrom": {
3177
- "name": "UmSelectionControl",
3178
- "module": "src/shared/selection-control/selection-control.ts"
3289
+ "name": "UmButtonWrapper",
3290
+ "module": "src/shared/button-wrapper.ts"
3179
3291
  }
3180
3292
  },
3181
3293
  {
3182
3294
  "kind": "field",
3183
- "name": "formAssociated",
3295
+ "name": "disabled",
3184
3296
  "type": {
3185
3297
  "text": "boolean"
3186
3298
  },
3187
- "static": true,
3188
- "default": "true",
3299
+ "default": "false",
3300
+ "description": "Whether the button is disabled or not.",
3301
+ "attribute": "disabled",
3302
+ "reflects": true,
3189
3303
  "inheritedFrom": {
3190
- "name": "UmSelectionControl",
3191
- "module": "src/shared/selection-control/selection-control.ts"
3304
+ "name": "UmButtonWrapper",
3305
+ "module": "src/shared/button-wrapper.ts"
3192
3306
  }
3193
3307
  },
3194
3308
  {
3195
3309
  "kind": "field",
3196
- "name": "shadowRootOptions",
3310
+ "name": "renderRipple",
3197
3311
  "type": {
3198
- "text": "ShadowRootInit"
3312
+ "text": "boolean"
3199
3313
  },
3200
- "static": true,
3201
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3314
+ "default": "true",
3202
3315
  "inheritedFrom": {
3203
- "name": "UmSelectionControl",
3204
- "module": "src/shared/selection-control/selection-control.ts"
3316
+ "name": "UmButtonWrapper",
3317
+ "module": "src/shared/button-wrapper.ts"
3205
3318
  }
3206
3319
  },
3207
3320
  {
3208
3321
  "kind": "field",
3209
- "name": "elementInternals",
3322
+ "name": "href",
3210
3323
  "type": {
3211
- "text": "ElementInternals"
3324
+ "text": "string | undefined"
3212
3325
  },
3213
- "privacy": "protected",
3326
+ "description": "The URL that the link button points to.",
3327
+ "attribute": "href",
3214
3328
  "inheritedFrom": {
3215
- "name": "UmSelectionControl",
3216
- "module": "src/shared/selection-control/selection-control.ts"
3329
+ "name": "UmButtonWrapper",
3330
+ "module": "src/shared/button-wrapper.ts"
3217
3331
  }
3218
3332
  },
3219
3333
  {
3220
3334
  "kind": "field",
3221
- "name": "name",
3335
+ "name": "target",
3222
3336
  "type": {
3223
3337
  "text": "string | undefined"
3224
3338
  },
3225
- "default": "''",
3226
- "attribute": "name",
3227
- "reflects": true,
3339
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3340
+ "attribute": "target",
3228
3341
  "inheritedFrom": {
3229
- "name": "UmSelectionControl",
3230
- "module": "src/shared/selection-control/selection-control.ts"
3342
+ "name": "UmButtonWrapper",
3343
+ "module": "src/shared/button-wrapper.ts"
3231
3344
  }
3232
3345
  },
3233
3346
  {
3234
3347
  "kind": "field",
3235
- "name": "disabled",
3348
+ "name": "name",
3236
3349
  "type": {
3237
- "text": "boolean"
3350
+ "text": "string | undefined"
3238
3351
  },
3239
- "default": "false",
3240
- "attribute": "disabled",
3241
- "reflects": true,
3352
+ "attribute": "name",
3242
3353
  "inheritedFrom": {
3243
- "name": "UmSelectionControl",
3244
- "module": "src/shared/selection-control/selection-control.ts"
3354
+ "name": "UmButtonWrapper",
3355
+ "module": "src/shared/button-wrapper.ts"
3245
3356
  }
3246
3357
  },
3247
3358
  {
3248
3359
  "kind": "field",
3249
- "name": "input",
3360
+ "name": "buttonElement",
3250
3361
  "type": {
3251
- "text": "HTMLInputElement"
3362
+ "text": "HTMLElement"
3252
3363
  },
3253
3364
  "inheritedFrom": {
3254
- "name": "UmSelectionControl",
3255
- "module": "src/shared/selection-control/selection-control.ts"
3365
+ "name": "UmButtonWrapper",
3366
+ "module": "src/shared/button-wrapper.ts"
3256
3367
  }
3257
3368
  },
3258
3369
  {
3259
3370
  "kind": "field",
3260
- "name": "form",
3371
+ "name": "ripple",
3261
3372
  "type": {
3262
- "text": "HTMLFormElement | null"
3373
+ "text": "UmRipple"
3263
3374
  },
3375
+ "privacy": "private",
3264
3376
  "inheritedFrom": {
3265
- "name": "UmSelectionControl",
3266
- "module": "src/shared/selection-control/selection-control.ts"
3267
- }
3268
- },
3269
- {
3270
- "kind": "method",
3271
- "name": "focus",
3272
- "parameters": [
3273
- {
3274
- "name": "options",
3275
- "optional": true,
3276
- "type": {
3277
- "text": "FocusOptions"
3278
- }
3279
- }
3280
- ],
3281
- "inheritedFrom": {
3282
- "name": "UmSelectionControl",
3283
- "module": "src/shared/selection-control/selection-control.ts"
3284
- }
3285
- },
3286
- {
3287
- "kind": "field",
3288
- "name": "#checked",
3289
- "privacy": "private",
3290
- "type": {
3291
- "text": "boolean"
3292
- },
3293
- "default": "false",
3294
- "inheritedFrom": {
3295
- "name": "UmSelectionControl",
3296
- "module": "src/shared/selection-control/selection-control.ts"
3297
- }
3298
- },
3299
- {
3300
- "kind": "field",
3301
- "name": "inputType",
3302
- "type": {
3303
- "text": "'checkbox' | 'radio'"
3304
- },
3305
- "privacy": "protected",
3306
- "default": "'checkbox'",
3307
- "inheritedFrom": {
3308
- "name": "UmSelectionControl",
3309
- "module": "src/shared/selection-control/selection-control.ts"
3377
+ "name": "UmButtonWrapper",
3378
+ "module": "src/shared/button-wrapper.ts"
3310
3379
  }
3311
3380
  },
3312
3381
  {
3313
3382
  "kind": "field",
3314
- "name": "renderRipple",
3383
+ "name": "innerRole",
3315
3384
  "type": {
3316
- "text": "boolean"
3385
+ "text": "string | null"
3317
3386
  },
3318
3387
  "privacy": "protected",
3319
- "default": "true",
3388
+ "default": "null",
3320
3389
  "inheritedFrom": {
3321
- "name": "UmSelectionControl",
3322
- "module": "src/shared/selection-control/selection-control.ts"
3390
+ "name": "UmButtonWrapper",
3391
+ "module": "src/shared/button-wrapper.ts"
3323
3392
  }
3324
3393
  },
3325
3394
  {
3326
3395
  "kind": "field",
3327
- "name": "value",
3396
+ "name": "pathname",
3328
3397
  "type": {
3329
3398
  "text": "string"
3330
3399
  },
3331
- "default": "'on'",
3332
- "description": "The element value to use in form submission when checked.",
3333
- "attribute": "value",
3334
3400
  "inheritedFrom": {
3335
- "name": "UmSelectionControl",
3336
- "module": "src/shared/selection-control/selection-control.ts"
3401
+ "name": "UmButtonWrapper",
3402
+ "module": "src/shared/button-wrapper.ts"
3337
3403
  }
3338
3404
  },
3339
3405
  {
3340
- "kind": "field",
3341
- "name": "_checkedAttribute",
3342
- "type": {
3343
- "text": "boolean"
3344
- },
3406
+ "kind": "method",
3407
+ "name": "renderButton",
3345
3408
  "privacy": "private",
3346
- "default": "false",
3347
- "attribute": "checked",
3348
3409
  "inheritedFrom": {
3349
- "name": "UmSelectionControl",
3350
- "module": "src/shared/selection-control/selection-control.ts"
3410
+ "name": "UmButtonWrapper",
3411
+ "module": "src/shared/button-wrapper.ts"
3351
3412
  }
3352
3413
  },
3353
3414
  {
3354
3415
  "kind": "method",
3355
- "name": "#handleClick",
3356
- "parameters": [
3357
- {
3358
- "name": "e",
3359
- "type": {
3360
- "text": "Event"
3361
- }
3362
- }
3363
- ],
3364
- "inheritedFrom": {
3365
- "name": "UmSelectionControl",
3366
- "module": "src/shared/selection-control/selection-control.ts"
3367
- }
3368
- }
3369
- ],
3370
- "events": [
3371
- {
3372
- "name": "input",
3373
- "type": {
3374
- "text": "InputEvent"
3375
- },
3416
+ "name": "renderLink",
3417
+ "privacy": "private",
3376
3418
  "inheritedFrom": {
3377
- "name": "UmSelectionControl",
3378
- "module": "src/shared/selection-control/selection-control.ts"
3419
+ "name": "UmButtonWrapper",
3420
+ "module": "src/shared/button-wrapper.ts"
3379
3421
  }
3380
3422
  },
3381
3423
  {
3382
- "name": "change",
3383
- "type": {
3384
- "text": "Event"
3385
- },
3424
+ "kind": "method",
3425
+ "name": "focus",
3386
3426
  "inheritedFrom": {
3387
- "name": "UmSelectionControl",
3388
- "module": "src/shared/selection-control/selection-control.ts"
3427
+ "name": "UmButtonWrapper",
3428
+ "module": "src/shared/button-wrapper.ts"
3389
3429
  }
3390
- }
3391
- ]
3392
- }
3393
- ],
3394
- "exports": [
3395
- {
3396
- "kind": "js",
3397
- "name": "UmCheckboxListItem",
3398
- "declaration": {
3399
- "name": "UmCheckboxListItem",
3400
- "module": "src/checkbox/checkbox-list-item.ts"
3401
- }
3402
- },
3403
- {
3404
- "kind": "custom-element-definition",
3405
- "name": "u-checkbox-list-item",
3406
- "declaration": {
3407
- "name": "UmCheckboxListItem",
3408
- "module": "src/checkbox/checkbox-list-item.ts"
3409
- }
3410
- }
3411
- ]
3412
- },
3413
- {
3414
- "kind": "javascript-module",
3415
- "path": "src/checkbox/checkbox.styles.ts",
3416
- "declarations": [
3417
- {
3418
- "kind": "variable",
3419
- "name": "styles",
3420
- "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`"
3421
- }
3422
- ],
3423
- "exports": [
3424
- {
3425
- "kind": "js",
3426
- "name": "styles",
3427
- "declaration": {
3428
- "name": "styles",
3429
- "module": "src/checkbox/checkbox.styles.ts"
3430
- }
3431
- }
3432
- ]
3433
- },
3434
- {
3435
- "kind": "javascript-module",
3436
- "path": "src/checkbox/checkbox.ts",
3437
- "declarations": [
3438
- {
3439
- "kind": "class",
3440
- "description": "",
3441
- "name": "UmCheckbox",
3442
- "members": [
3443
- {
3444
- "kind": "field",
3445
- "name": "#indeterminate",
3446
- "privacy": "private",
3447
- "type": {
3448
- "text": "boolean"
3449
- },
3450
- "default": "false"
3451
- },
3452
- {
3453
- "kind": "field",
3454
- "name": "hideStateLayer",
3455
- "type": {
3456
- "text": "boolean"
3457
- },
3458
- "default": "false",
3459
- "attribute": "hide-state-layer",
3460
- "reflects": true
3461
3430
  },
3462
3431
  {
3463
- "kind": "field",
3464
- "name": "indeterminate",
3465
- "type": {
3466
- "text": "boolean"
3467
- },
3468
- "attribute": "indeterminate"
3469
- },
3470
- {
3471
- "kind": "field",
3472
- "name": "checked",
3473
- "attribute": "checked",
3474
- "type": {
3475
- "text": "boolean"
3476
- },
3432
+ "kind": "method",
3433
+ "name": "blur",
3477
3434
  "inheritedFrom": {
3478
- "name": "UmSelectionControl",
3479
- "module": "src/shared/selection-control/selection-control.ts"
3435
+ "name": "UmButtonWrapper",
3436
+ "module": "src/shared/button-wrapper.ts"
3480
3437
  }
3481
3438
  },
3482
3439
  {
3483
3440
  "kind": "method",
3484
- "name": "renderIndicator",
3441
+ "name": "getAriaLabel",
3485
3442
  "privacy": "protected",
3486
3443
  "return": {
3487
3444
  "type": {
3488
- "text": "HTMLTemplateResult"
3445
+ "text": "string | null"
3489
3446
  }
3490
3447
  },
3491
3448
  "inheritedFrom": {
3492
- "name": "UmSelectionControl",
3493
- "module": "src/shared/selection-control/selection-control.ts"
3494
- }
3495
- },
3496
- {
3497
- "kind": "field",
3498
- "name": "formAssociated",
3499
- "type": {
3500
- "text": "boolean"
3501
- },
3502
- "static": true,
3503
- "default": "true",
3504
- "inheritedFrom": {
3505
- "name": "UmSelectionControl",
3506
- "module": "src/shared/selection-control/selection-control.ts"
3449
+ "name": "UmButtonWrapper",
3450
+ "module": "src/shared/button-wrapper.ts"
3507
3451
  }
3508
3452
  },
3509
3453
  {
3510
- "kind": "field",
3511
- "name": "shadowRootOptions",
3512
- "type": {
3513
- "text": "ShadowRootInit"
3454
+ "kind": "method",
3455
+ "name": "innerFocusHandler",
3456
+ "privacy": "private",
3457
+ "return": {
3458
+ "type": {
3459
+ "text": "void"
3460
+ }
3514
3461
  },
3515
- "static": true,
3516
- "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3517
3462
  "inheritedFrom": {
3518
- "name": "UmSelectionControl",
3519
- "module": "src/shared/selection-control/selection-control.ts"
3463
+ "name": "UmButtonWrapper",
3464
+ "module": "src/shared/button-wrapper.ts"
3520
3465
  }
3521
3466
  },
3522
3467
  {
3523
- "kind": "field",
3524
- "name": "elementInternals",
3525
- "type": {
3526
- "text": "ElementInternals"
3468
+ "kind": "method",
3469
+ "name": "#innerClickHandler",
3470
+ "return": {
3471
+ "type": {
3472
+ "text": "void"
3473
+ }
3527
3474
  },
3528
- "privacy": "protected",
3475
+ "parameters": [
3476
+ {
3477
+ "name": "event",
3478
+ "type": {
3479
+ "text": "MouseEvent"
3480
+ }
3481
+ }
3482
+ ],
3529
3483
  "inheritedFrom": {
3530
- "name": "UmSelectionControl",
3531
- "module": "src/shared/selection-control/selection-control.ts"
3484
+ "name": "UmButtonWrapper",
3485
+ "module": "src/shared/button-wrapper.ts"
3532
3486
  }
3533
- },
3487
+ }
3488
+ ],
3489
+ "events": [
3534
3490
  {
3535
- "kind": "field",
3536
- "name": "name",
3491
+ "name": "change",
3537
3492
  "type": {
3538
- "text": "string | undefined"
3539
- },
3540
- "default": "''",
3541
- "attribute": "name",
3542
- "reflects": true,
3543
- "inheritedFrom": {
3544
- "name": "UmSelectionControl",
3545
- "module": "src/shared/selection-control/selection-control.ts"
3493
+ "text": "Event"
3546
3494
  }
3547
- },
3495
+ }
3496
+ ],
3497
+ "attributes": [
3548
3498
  {
3549
- "kind": "field",
3550
- "name": "disabled",
3499
+ "name": "selected",
3551
3500
  "type": {
3552
3501
  "text": "boolean"
3553
3502
  },
3554
3503
  "default": "false",
3555
- "attribute": "disabled",
3556
- "reflects": true,
3557
- "inheritedFrom": {
3558
- "name": "UmSelectionControl",
3559
- "module": "src/shared/selection-control/selection-control.ts"
3560
- }
3561
- },
3562
- {
3563
- "kind": "field",
3564
- "name": "input",
3565
- "type": {
3566
- "text": "HTMLInputElement"
3567
- },
3568
- "inheritedFrom": {
3569
- "name": "UmSelectionControl",
3570
- "module": "src/shared/selection-control/selection-control.ts"
3571
- }
3504
+ "description": "Whether the chip is selected or not",
3505
+ "fieldName": "selected"
3572
3506
  },
3573
3507
  {
3574
- "kind": "field",
3575
- "name": "form",
3508
+ "name": "clickable",
3576
3509
  "type": {
3577
- "text": "HTMLFormElement | null"
3510
+ "text": "boolean"
3578
3511
  },
3579
- "inheritedFrom": {
3580
- "name": "UmSelectionControl",
3581
- "module": "src/shared/selection-control/selection-control.ts"
3582
- }
3583
- },
3584
- {
3585
- "kind": "method",
3586
- "name": "focus",
3587
- "parameters": [
3588
- {
3589
- "name": "options",
3590
- "optional": true,
3591
- "type": {
3592
- "text": "FocusOptions"
3593
- }
3594
- }
3595
- ],
3596
- "inheritedFrom": {
3597
- "name": "UmSelectionControl",
3598
- "module": "src/shared/selection-control/selection-control.ts"
3599
- }
3512
+ "fieldName": "clickable"
3600
3513
  },
3601
3514
  {
3602
- "kind": "field",
3603
- "name": "#checked",
3604
- "privacy": "private",
3515
+ "name": "elevated",
3605
3516
  "type": {
3606
3517
  "text": "boolean"
3607
3518
  },
3608
3519
  "default": "false",
3609
- "inheritedFrom": {
3610
- "name": "UmSelectionControl",
3611
- "module": "src/shared/selection-control/selection-control.ts"
3612
- }
3613
- },
3614
- {
3615
- "kind": "field",
3616
- "name": "inputType",
3617
- "type": {
3618
- "text": "'checkbox' | 'radio'"
3619
- },
3620
- "privacy": "protected",
3621
- "default": "'checkbox'",
3622
- "inheritedFrom": {
3623
- "name": "UmSelectionControl",
3624
- "module": "src/shared/selection-control/selection-control.ts"
3625
- }
3520
+ "description": "Adds elevation to the chip",
3521
+ "fieldName": "elevated"
3626
3522
  },
3627
3523
  {
3628
- "kind": "field",
3629
- "name": "renderRipple",
3524
+ "name": "toggle",
3630
3525
  "type": {
3631
3526
  "text": "boolean"
3632
3527
  },
3633
- "privacy": "protected",
3634
- "default": "true",
3635
- "inheritedFrom": {
3636
- "name": "UmSelectionControl",
3637
- "module": "src/shared/selection-control/selection-control.ts"
3638
- }
3528
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3529
+ "fieldName": "toggle"
3639
3530
  },
3640
3531
  {
3641
- "kind": "field",
3642
- "name": "value",
3532
+ "name": "removable",
3643
3533
  "type": {
3644
- "text": "string"
3534
+ "text": "boolean"
3645
3535
  },
3646
- "default": "'on'",
3647
- "description": "The element value to use in form submission when checked.",
3648
- "attribute": "value",
3649
- "inheritedFrom": {
3650
- "name": "UmSelectionControl",
3651
- "module": "src/shared/selection-control/selection-control.ts"
3652
- }
3536
+ "default": "false",
3537
+ "description": "Add the remove icon",
3538
+ "fieldName": "removable"
3653
3539
  },
3654
3540
  {
3655
- "kind": "field",
3656
- "name": "_checkedAttribute",
3541
+ "name": "hide-selected-icon",
3657
3542
  "type": {
3658
3543
  "text": "boolean"
3659
3544
  },
3660
- "privacy": "private",
3661
3545
  "default": "false",
3662
- "attribute": "checked",
3663
- "inheritedFrom": {
3664
- "name": "UmSelectionControl",
3665
- "module": "src/shared/selection-control/selection-control.ts"
3666
- }
3546
+ "description": "Hide the selected icon",
3547
+ "fieldName": "hideSelectedIcon"
3667
3548
  },
3668
3549
  {
3669
- "kind": "method",
3670
- "name": "#handleClick",
3671
- "parameters": [
3672
- {
3673
- "name": "e",
3674
- "type": {
3675
- "text": "Event"
3676
- }
3677
- }
3678
- ],
3679
- "inheritedFrom": {
3680
- "name": "UmSelectionControl",
3681
- "module": "src/shared/selection-control/selection-control.ts"
3682
- }
3683
- }
3684
- ],
3685
- "attributes": [
3686
- {
3687
- "name": "hide-state-layer",
3550
+ "name": "has-leading-icon",
3688
3551
  "type": {
3689
3552
  "text": "boolean"
3690
3553
  },
3691
3554
  "default": "false",
3692
- "fieldName": "hideStateLayer"
3555
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3556
+ "fieldName": "hasLeadingIcon"
3693
3557
  },
3694
3558
  {
3695
- "name": "indeterminate",
3559
+ "name": "has-selected-icon",
3696
3560
  "type": {
3697
3561
  "text": "boolean"
3698
3562
  },
3699
- "fieldName": "indeterminate"
3563
+ "default": "false",
3564
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3565
+ "fieldName": "hasSelectedIcon"
3700
3566
  },
3701
3567
  {
3702
- "name": "name",
3568
+ "name": "has-trailing-icon",
3703
3569
  "type": {
3704
- "text": "string | undefined"
3570
+ "text": "boolean"
3705
3571
  },
3706
- "default": "''",
3707
- "fieldName": "name",
3708
- "inheritedFrom": {
3709
- "name": "UmSelectionControl",
3710
- "module": "src/shared/selection-control/selection-control.ts"
3711
- }
3572
+ "default": "false",
3573
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3574
+ "fieldName": "hasTrailingIcon"
3712
3575
  },
3713
3576
  {
3714
3577
  "name": "disabled",
@@ -3716,423 +3579,416 @@
3716
3579
  "text": "boolean"
3717
3580
  },
3718
3581
  "default": "false",
3582
+ "description": "Whether the button is disabled or not.",
3719
3583
  "fieldName": "disabled",
3720
3584
  "inheritedFrom": {
3721
- "name": "UmSelectionControl",
3722
- "module": "src/shared/selection-control/selection-control.ts"
3585
+ "name": "UmButtonWrapper",
3586
+ "module": "src/shared/button-wrapper.ts"
3723
3587
  }
3724
3588
  },
3725
3589
  {
3726
- "name": "value",
3590
+ "name": "href",
3727
3591
  "type": {
3728
- "text": "string"
3592
+ "text": "string | undefined"
3729
3593
  },
3730
- "default": "'on'",
3731
- "description": "The element value to use in form submission when checked.",
3732
- "fieldName": "value",
3594
+ "description": "The URL that the link button points to.",
3595
+ "fieldName": "href",
3733
3596
  "inheritedFrom": {
3734
- "name": "UmSelectionControl",
3735
- "module": "src/shared/selection-control/selection-control.ts"
3597
+ "name": "UmButtonWrapper",
3598
+ "module": "src/shared/button-wrapper.ts"
3736
3599
  }
3737
3600
  },
3738
3601
  {
3739
- "name": "checked",
3740
- "fieldName": "_checkedAttribute",
3741
- "type": {
3742
- "text": "boolean"
3743
- },
3744
- "default": "false",
3745
- "inheritedFrom": {
3746
- "name": "UmSelectionControl",
3747
- "module": "src/shared/selection-control/selection-control.ts"
3748
- }
3749
- }
3750
- ],
3751
- "superclass": {
3752
- "name": "UmSelectionControl",
3753
- "module": "/src/shared/selection-control/selection-control.js"
3754
- },
3755
- "tagName": "u-checkbox",
3756
- "customElement": true,
3757
- "events": [
3758
- {
3759
- "name": "input",
3602
+ "name": "target",
3760
3603
  "type": {
3761
- "text": "InputEvent"
3604
+ "text": "string | undefined"
3762
3605
  },
3606
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3607
+ "fieldName": "target",
3763
3608
  "inheritedFrom": {
3764
- "name": "UmSelectionControl",
3765
- "module": "src/shared/selection-control/selection-control.ts"
3609
+ "name": "UmButtonWrapper",
3610
+ "module": "src/shared/button-wrapper.ts"
3766
3611
  }
3767
3612
  },
3768
3613
  {
3769
- "name": "change",
3614
+ "name": "name",
3770
3615
  "type": {
3771
- "text": "Event"
3616
+ "text": "string | undefined"
3772
3617
  },
3618
+ "fieldName": "name",
3773
3619
  "inheritedFrom": {
3774
- "name": "UmSelectionControl",
3775
- "module": "src/shared/selection-control/selection-control.ts"
3620
+ "name": "UmButtonWrapper",
3621
+ "module": "src/shared/button-wrapper.ts"
3776
3622
  }
3777
3623
  }
3778
- ]
3624
+ ],
3625
+ "superclass": {
3626
+ "name": "UmButtonWrapper",
3627
+ "module": "/src/shared/button-wrapper.js"
3628
+ },
3629
+ "tagName": "u-chip",
3630
+ "customElement": true
3779
3631
  }
3780
3632
  ],
3781
3633
  "exports": [
3782
3634
  {
3783
3635
  "kind": "js",
3784
- "name": "UmCheckbox",
3636
+ "name": "UmChip",
3785
3637
  "declaration": {
3786
- "name": "UmCheckbox",
3787
- "module": "src/checkbox/checkbox.ts"
3638
+ "name": "UmChip",
3639
+ "module": "src/chip/chip.ts"
3788
3640
  }
3789
3641
  },
3790
3642
  {
3791
3643
  "kind": "custom-element-definition",
3792
- "name": "u-checkbox",
3793
- "declaration": {
3794
- "name": "UmCheckbox",
3795
- "module": "src/checkbox/checkbox.ts"
3796
- }
3797
- }
3798
- ]
3799
- },
3800
- {
3801
- "kind": "javascript-module",
3802
- "path": "src/chip/chip-set.styles.ts",
3803
- "declarations": [
3804
- {
3805
- "kind": "variable",
3806
- "name": "styles",
3807
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3808
- }
3809
- ],
3810
- "exports": [
3811
- {
3812
- "kind": "js",
3813
- "name": "styles",
3644
+ "name": "u-chip",
3814
3645
  "declaration": {
3815
- "name": "styles",
3816
- "module": "src/chip/chip-set.styles.ts"
3646
+ "name": "UmChip",
3647
+ "module": "src/chip/chip.ts"
3817
3648
  }
3818
3649
  }
3819
3650
  ]
3820
3651
  },
3821
3652
  {
3822
3653
  "kind": "javascript-module",
3823
- "path": "src/chip/chip-set.ts",
3654
+ "path": "src/checkbox/checkbox-list-item.ts",
3824
3655
  "declarations": [
3825
3656
  {
3826
3657
  "kind": "class",
3827
3658
  "description": "",
3828
- "name": "UmChipSet",
3829
- "members": [
3659
+ "name": "UmCheckboxListItem",
3660
+ "mixins": [
3830
3661
  {
3831
- "kind": "field",
3832
- "name": "alignment",
3833
- "type": {
3834
- "text": "'start' | 'center' | 'end'"
3835
- },
3836
- "default": "'start'",
3837
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3838
- "attribute": "alignment",
3839
- "reflects": true,
3840
- "inheritedFrom": {
3841
- "name": "UmSetBase",
3842
- "module": "src/shared/sets/set-base.ts"
3843
- }
3662
+ "name": "mixinSelectionControlListItem",
3663
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
3844
3664
  }
3845
3665
  ],
3846
3666
  "superclass": {
3847
- "name": "UmSetBase",
3848
- "module": "/src/shared/sets/set-base.js"
3667
+ "name": "UmCheckbox",
3668
+ "module": "/src/checkbox/checkbox.js"
3849
3669
  },
3850
- "tagName": "u-chip-set",
3670
+ "tagName": "u-checkbox-list-item",
3851
3671
  "customElement": true,
3852
3672
  "attributes": [
3853
3673
  {
3854
- "name": "alignment",
3674
+ "name": "leading",
3855
3675
  "type": {
3856
- "text": "'start' | 'center' | 'end'"
3676
+ "text": "boolean"
3857
3677
  },
3858
- "default": "'start'",
3859
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3860
- "fieldName": "alignment",
3678
+ "default": "false",
3679
+ "fieldName": "leading",
3861
3680
  "inheritedFrom": {
3862
- "name": "UmSetBase",
3863
- "module": "src/shared/sets/set-base.ts"
3681
+ "name": "mixinSelectionControlListItem",
3682
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3864
3683
  }
3865
- }
3866
- ]
3867
- }
3868
- ],
3869
- "exports": [
3870
- {
3871
- "kind": "js",
3872
- "name": "UmChipSet",
3873
- "declaration": {
3874
- "name": "UmChipSet",
3875
- "module": "src/chip/chip-set.ts"
3876
- }
3877
- },
3878
- {
3879
- "kind": "custom-element-definition",
3880
- "name": "u-chip-set",
3881
- "declaration": {
3882
- "name": "UmChipSet",
3883
- "module": "src/chip/chip-set.ts"
3884
- }
3885
- }
3886
- ]
3887
- },
3888
- {
3889
- "kind": "javascript-module",
3890
- "path": "src/chip/chip.styles.ts",
3891
- "declarations": [
3892
- {
3893
- "kind": "variable",
3894
- "name": "styles",
3895
- "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3896
- }
3897
- ],
3898
- "exports": [
3899
- {
3900
- "kind": "js",
3901
- "name": "styles",
3902
- "declaration": {
3903
- "name": "styles",
3904
- "module": "src/chip/chip.styles.ts"
3905
- }
3906
- }
3907
- ]
3908
- },
3909
- {
3910
- "kind": "javascript-module",
3911
- "path": "src/chip/chip.ts",
3912
- "declarations": [
3913
- {
3914
- "kind": "class",
3915
- "description": "",
3916
- "name": "UmChip",
3917
- "members": [
3684
+ },
3685
+ {
3686
+ "name": "hide-state-layer",
3687
+ "type": {
3688
+ "text": "boolean"
3689
+ },
3690
+ "default": "false",
3691
+ "fieldName": "hideStateLayer",
3692
+ "inheritedFrom": {
3693
+ "name": "UmCheckbox",
3694
+ "module": "src/checkbox/checkbox.ts"
3695
+ }
3696
+ },
3918
3697
  {
3919
- "kind": "field",
3920
- "name": "#clickable",
3921
- "privacy": "private",
3698
+ "name": "indeterminate",
3922
3699
  "type": {
3923
3700
  "text": "boolean"
3924
3701
  },
3925
- "default": "false"
3702
+ "fieldName": "indeterminate",
3703
+ "inheritedFrom": {
3704
+ "name": "UmCheckbox",
3705
+ "module": "src/checkbox/checkbox.ts"
3706
+ }
3926
3707
  },
3927
3708
  {
3928
- "kind": "field",
3929
- "name": "#toggle",
3930
- "privacy": "private",
3709
+ "name": "name",
3931
3710
  "type": {
3932
- "text": "boolean"
3711
+ "text": "string | undefined"
3933
3712
  },
3934
- "default": "false"
3713
+ "default": "''",
3714
+ "fieldName": "name",
3715
+ "inheritedFrom": {
3716
+ "name": "UmSelectionControl",
3717
+ "module": "src/shared/selection-control/selection-control.ts"
3718
+ }
3935
3719
  },
3936
3720
  {
3937
- "kind": "field",
3938
- "name": "selected",
3721
+ "name": "disabled",
3939
3722
  "type": {
3940
3723
  "text": "boolean"
3941
3724
  },
3942
3725
  "default": "false",
3943
- "description": "Whether the chip is selected or not",
3944
- "attribute": "selected",
3945
- "reflects": true
3726
+ "fieldName": "disabled",
3727
+ "inheritedFrom": {
3728
+ "name": "UmSelectionControl",
3729
+ "module": "src/shared/selection-control/selection-control.ts"
3730
+ }
3946
3731
  },
3947
3732
  {
3948
- "kind": "field",
3949
- "name": "clickable",
3733
+ "name": "value",
3950
3734
  "type": {
3951
- "text": "boolean"
3735
+ "text": "string"
3952
3736
  },
3953
- "attribute": "clickable",
3954
- "reflects": true
3737
+ "default": "'on'",
3738
+ "description": "The element value to use in form submission when checked.",
3739
+ "fieldName": "value",
3740
+ "inheritedFrom": {
3741
+ "name": "UmSelectionControl",
3742
+ "module": "src/shared/selection-control/selection-control.ts"
3743
+ }
3955
3744
  },
3956
3745
  {
3957
- "kind": "field",
3958
- "name": "elevated",
3746
+ "name": "checked",
3747
+ "fieldName": "_checkedAttribute",
3959
3748
  "type": {
3960
3749
  "text": "boolean"
3961
3750
  },
3962
3751
  "default": "false",
3963
- "description": "Adds elevation to the chip",
3964
- "attribute": "elevated",
3965
- "reflects": true
3966
- },
3752
+ "inheritedFrom": {
3753
+ "name": "UmSelectionControl",
3754
+ "module": "src/shared/selection-control/selection-control.ts"
3755
+ }
3756
+ }
3757
+ ],
3758
+ "members": [
3967
3759
  {
3968
3760
  "kind": "field",
3969
- "name": "toggle",
3761
+ "name": "styles",
3970
3762
  "type": {
3971
- "text": "boolean"
3763
+ "text": "array"
3972
3764
  },
3973
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3974
- "attribute": "toggle",
3975
- "reflects": true
3765
+ "static": true,
3766
+ "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 ]",
3767
+ "inheritedFrom": {
3768
+ "name": "mixinSelectionControlListItem",
3769
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3770
+ }
3976
3771
  },
3977
3772
  {
3978
3773
  "kind": "field",
3979
- "name": "removable",
3774
+ "name": "leading",
3980
3775
  "type": {
3981
3776
  "text": "boolean"
3982
3777
  },
3983
3778
  "default": "false",
3984
- "description": "Add the remove icon",
3985
- "attribute": "removable",
3986
- "reflects": true
3779
+ "attribute": "leading",
3780
+ "inheritedFrom": {
3781
+ "name": "mixinSelectionControlListItem",
3782
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3783
+ }
3784
+ },
3785
+ {
3786
+ "kind": "method",
3787
+ "name": "render",
3788
+ "return": {
3789
+ "type": {
3790
+ "text": "HTMLTemplateResult"
3791
+ }
3792
+ },
3793
+ "inheritedFrom": {
3794
+ "name": "mixinSelectionControlListItem",
3795
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3796
+ }
3987
3797
  },
3988
3798
  {
3989
3799
  "kind": "field",
3990
- "name": "hideSelectedIcon",
3800
+ "name": "#indeterminate",
3801
+ "privacy": "private",
3991
3802
  "type": {
3992
3803
  "text": "boolean"
3993
3804
  },
3994
3805
  "default": "false",
3995
- "description": "Hide the selected icon",
3996
- "attribute": "hide-selected-icon",
3997
- "reflects": true
3806
+ "inheritedFrom": {
3807
+ "name": "UmCheckbox",
3808
+ "module": "src/checkbox/checkbox.ts"
3809
+ }
3998
3810
  },
3999
3811
  {
4000
3812
  "kind": "field",
4001
- "name": "hasLeadingIcon",
3813
+ "name": "hideStateLayer",
4002
3814
  "type": {
4003
3815
  "text": "boolean"
4004
3816
  },
4005
3817
  "default": "false",
4006
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4007
- "attribute": "has-leading-icon",
4008
- "reflects": true
3818
+ "attribute": "hide-state-layer",
3819
+ "reflects": true,
3820
+ "inheritedFrom": {
3821
+ "name": "UmCheckbox",
3822
+ "module": "src/checkbox/checkbox.ts"
3823
+ }
4009
3824
  },
4010
3825
  {
4011
3826
  "kind": "field",
4012
- "name": "hasSelectedIcon",
3827
+ "name": "indeterminate",
4013
3828
  "type": {
4014
3829
  "text": "boolean"
4015
3830
  },
4016
- "default": "false",
4017
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4018
- "attribute": "has-selected-icon",
4019
- "reflects": true
3831
+ "attribute": "indeterminate",
3832
+ "inheritedFrom": {
3833
+ "name": "UmCheckbox",
3834
+ "module": "src/checkbox/checkbox.ts"
3835
+ }
4020
3836
  },
4021
3837
  {
4022
3838
  "kind": "field",
4023
- "name": "hasTrailingIcon",
3839
+ "name": "checked",
3840
+ "attribute": "checked",
4024
3841
  "type": {
4025
3842
  "text": "boolean"
4026
3843
  },
4027
- "default": "false",
4028
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4029
- "attribute": "has-trailing-icon",
4030
- "reflects": true
3844
+ "inheritedFrom": {
3845
+ "name": "UmSelectionControl",
3846
+ "module": "src/shared/selection-control/selection-control.ts"
3847
+ }
4031
3848
  },
4032
3849
  {
4033
- "kind": "field",
4034
- "name": "assignedLeadingIcons",
4035
- "type": {
4036
- "text": "HTMLElement[]"
3850
+ "kind": "method",
3851
+ "name": "renderIndicator",
3852
+ "privacy": "protected",
3853
+ "return": {
3854
+ "type": {
3855
+ "text": "HTMLTemplateResult"
3856
+ }
4037
3857
  },
4038
- "privacy": "private"
3858
+ "inheritedFrom": {
3859
+ "name": "UmSelectionControl",
3860
+ "module": "src/shared/selection-control/selection-control.ts"
3861
+ }
4039
3862
  },
4040
3863
  {
4041
3864
  "kind": "field",
4042
- "name": "assignedSelectedIcons",
3865
+ "name": "formAssociated",
4043
3866
  "type": {
4044
- "text": "HTMLElement[]"
3867
+ "text": "boolean"
4045
3868
  },
4046
- "privacy": "private"
3869
+ "static": true,
3870
+ "default": "true",
3871
+ "inheritedFrom": {
3872
+ "name": "UmSelectionControl",
3873
+ "module": "src/shared/selection-control/selection-control.ts"
3874
+ }
4047
3875
  },
4048
3876
  {
4049
3877
  "kind": "field",
4050
- "name": "assignedTrailingIcons",
3878
+ "name": "shadowRootOptions",
4051
3879
  "type": {
4052
- "text": "HTMLElement[]"
3880
+ "text": "ShadowRootInit"
4053
3881
  },
4054
- "privacy": "private"
3882
+ "static": true,
3883
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
3884
+ "inheritedFrom": {
3885
+ "name": "UmSelectionControl",
3886
+ "module": "src/shared/selection-control/selection-control.ts"
3887
+ }
4055
3888
  },
4056
3889
  {
4057
3890
  "kind": "field",
4058
- "name": "removeRipple",
3891
+ "name": "elementInternals",
4059
3892
  "type": {
4060
- "text": "UmRipple"
3893
+ "text": "ElementInternals"
3894
+ },
3895
+ "privacy": "protected",
3896
+ "inheritedFrom": {
3897
+ "name": "UmSelectionControl",
3898
+ "module": "src/shared/selection-control/selection-control.ts"
4061
3899
  }
4062
3900
  },
4063
3901
  {
4064
- "kind": "method",
4065
- "name": "#handleRemoveClick",
4066
- "parameters": [
4067
- {
4068
- "name": "e",
4069
- "type": {
4070
- "text": "Event"
4071
- }
4072
- }
4073
- ]
4074
- },
4075
- {
4076
- "kind": "method",
4077
- "name": "#handleTrailingIconSlotChange"
3902
+ "kind": "field",
3903
+ "name": "name",
3904
+ "type": {
3905
+ "text": "string | undefined"
3906
+ },
3907
+ "default": "''",
3908
+ "attribute": "name",
3909
+ "reflects": true,
3910
+ "inheritedFrom": {
3911
+ "name": "UmSelectionControl",
3912
+ "module": "src/shared/selection-control/selection-control.ts"
3913
+ }
4078
3914
  },
4079
3915
  {
4080
- "kind": "method",
4081
- "name": "#handleLeadingIconSlotChange"
3916
+ "kind": "field",
3917
+ "name": "disabled",
3918
+ "type": {
3919
+ "text": "boolean"
3920
+ },
3921
+ "default": "false",
3922
+ "attribute": "disabled",
3923
+ "reflects": true,
3924
+ "inheritedFrom": {
3925
+ "name": "UmSelectionControl",
3926
+ "module": "src/shared/selection-control/selection-control.ts"
3927
+ }
4082
3928
  },
4083
3929
  {
4084
- "kind": "method",
4085
- "name": "#handleSelectedIconSlotChange"
3930
+ "kind": "field",
3931
+ "name": "input",
3932
+ "type": {
3933
+ "text": "HTMLInputElement"
3934
+ },
3935
+ "inheritedFrom": {
3936
+ "name": "UmSelectionControl",
3937
+ "module": "src/shared/selection-control/selection-control.ts"
3938
+ }
4086
3939
  },
4087
3940
  {
4088
- "kind": "method",
4089
- "name": "handleClick",
4090
- "privacy": "protected",
4091
- "return": {
4092
- "type": {
4093
- "text": "void"
4094
- }
3941
+ "kind": "field",
3942
+ "name": "form",
3943
+ "type": {
3944
+ "text": "HTMLFormElement | null"
4095
3945
  },
3946
+ "inheritedFrom": {
3947
+ "name": "UmSelectionControl",
3948
+ "module": "src/shared/selection-control/selection-control.ts"
3949
+ }
3950
+ },
3951
+ {
3952
+ "kind": "method",
3953
+ "name": "focus",
4096
3954
  "parameters": [
4097
3955
  {
4098
- "name": "event",
3956
+ "name": "options",
3957
+ "optional": true,
4099
3958
  "type": {
4100
- "text": "UIEvent"
3959
+ "text": "FocusOptions"
4101
3960
  }
4102
3961
  }
4103
3962
  ],
4104
3963
  "inheritedFrom": {
4105
- "name": "UmButtonWrapper",
4106
- "module": "src/shared/button-wrapper.ts"
3964
+ "name": "UmSelectionControl",
3965
+ "module": "src/shared/selection-control/selection-control.ts"
4107
3966
  }
4108
3967
  },
4109
3968
  {
4110
- "kind": "method",
4111
- "name": "renderContent",
4112
- "privacy": "protected",
4113
- "return": {
4114
- "type": {
4115
- "text": "HTMLTemplateResult"
4116
- }
3969
+ "kind": "field",
3970
+ "name": "#checked",
3971
+ "privacy": "private",
3972
+ "type": {
3973
+ "text": "boolean"
4117
3974
  },
3975
+ "default": "false",
4118
3976
  "inheritedFrom": {
4119
- "name": "UmButtonWrapper",
4120
- "module": "src/shared/button-wrapper.ts"
3977
+ "name": "UmSelectionControl",
3978
+ "module": "src/shared/selection-control/selection-control.ts"
4121
3979
  }
4122
3980
  },
4123
3981
  {
4124
3982
  "kind": "field",
4125
- "name": "disabled",
3983
+ "name": "inputType",
4126
3984
  "type": {
4127
- "text": "boolean"
3985
+ "text": "'checkbox' | 'radio'"
4128
3986
  },
4129
- "default": "false",
4130
- "description": "Whether the button is disabled or not.",
4131
- "attribute": "disabled",
4132
- "reflects": true,
3987
+ "privacy": "protected",
3988
+ "default": "'checkbox'",
4133
3989
  "inheritedFrom": {
4134
- "name": "UmButtonWrapper",
4135
- "module": "src/shared/button-wrapper.ts"
3990
+ "name": "UmSelectionControl",
3991
+ "module": "src/shared/selection-control/selection-control.ts"
4136
3992
  }
4137
3993
  },
4138
3994
  {
@@ -4141,267 +3997,400 @@
4141
3997
  "type": {
4142
3998
  "text": "boolean"
4143
3999
  },
4000
+ "privacy": "protected",
4144
4001
  "default": "true",
4145
4002
  "inheritedFrom": {
4146
- "name": "UmButtonWrapper",
4147
- "module": "src/shared/button-wrapper.ts"
4003
+ "name": "UmSelectionControl",
4004
+ "module": "src/shared/selection-control/selection-control.ts"
4148
4005
  }
4149
4006
  },
4150
4007
  {
4151
4008
  "kind": "field",
4152
- "name": "href",
4009
+ "name": "value",
4153
4010
  "type": {
4154
- "text": "string | undefined"
4011
+ "text": "string"
4155
4012
  },
4156
- "description": "The URL that the link button points to.",
4157
- "attribute": "href",
4013
+ "default": "'on'",
4014
+ "description": "The element value to use in form submission when checked.",
4015
+ "attribute": "value",
4158
4016
  "inheritedFrom": {
4159
- "name": "UmButtonWrapper",
4160
- "module": "src/shared/button-wrapper.ts"
4017
+ "name": "UmSelectionControl",
4018
+ "module": "src/shared/selection-control/selection-control.ts"
4161
4019
  }
4162
4020
  },
4163
4021
  {
4164
4022
  "kind": "field",
4165
- "name": "target",
4023
+ "name": "_checkedAttribute",
4166
4024
  "type": {
4167
- "text": "string | undefined"
4025
+ "text": "boolean"
4168
4026
  },
4169
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4170
- "attribute": "target",
4027
+ "privacy": "private",
4028
+ "default": "false",
4029
+ "attribute": "checked",
4171
4030
  "inheritedFrom": {
4172
- "name": "UmButtonWrapper",
4173
- "module": "src/shared/button-wrapper.ts"
4031
+ "name": "UmSelectionControl",
4032
+ "module": "src/shared/selection-control/selection-control.ts"
4174
4033
  }
4175
4034
  },
4176
4035
  {
4177
- "kind": "field",
4178
- "name": "name",
4036
+ "kind": "method",
4037
+ "name": "#handleClick",
4038
+ "parameters": [
4039
+ {
4040
+ "name": "e",
4041
+ "type": {
4042
+ "text": "Event"
4043
+ }
4044
+ }
4045
+ ],
4046
+ "inheritedFrom": {
4047
+ "name": "UmSelectionControl",
4048
+ "module": "src/shared/selection-control/selection-control.ts"
4049
+ }
4050
+ }
4051
+ ],
4052
+ "events": [
4053
+ {
4054
+ "name": "input",
4179
4055
  "type": {
4180
- "text": "string | undefined"
4056
+ "text": "InputEvent"
4181
4057
  },
4182
- "attribute": "name",
4183
4058
  "inheritedFrom": {
4184
- "name": "UmButtonWrapper",
4185
- "module": "src/shared/button-wrapper.ts"
4059
+ "name": "UmSelectionControl",
4060
+ "module": "src/shared/selection-control/selection-control.ts"
4186
4061
  }
4187
4062
  },
4188
4063
  {
4189
- "kind": "field",
4190
- "name": "buttonElement",
4064
+ "name": "change",
4191
4065
  "type": {
4192
- "text": "HTMLElement"
4066
+ "text": "Event"
4193
4067
  },
4194
4068
  "inheritedFrom": {
4195
- "name": "UmButtonWrapper",
4196
- "module": "src/shared/button-wrapper.ts"
4069
+ "name": "UmSelectionControl",
4070
+ "module": "src/shared/selection-control/selection-control.ts"
4197
4071
  }
4072
+ }
4073
+ ]
4074
+ }
4075
+ ],
4076
+ "exports": [
4077
+ {
4078
+ "kind": "js",
4079
+ "name": "UmCheckboxListItem",
4080
+ "declaration": {
4081
+ "name": "UmCheckboxListItem",
4082
+ "module": "src/checkbox/checkbox-list-item.ts"
4083
+ }
4084
+ },
4085
+ {
4086
+ "kind": "custom-element-definition",
4087
+ "name": "u-checkbox-list-item",
4088
+ "declaration": {
4089
+ "name": "UmCheckboxListItem",
4090
+ "module": "src/checkbox/checkbox-list-item.ts"
4091
+ }
4092
+ }
4093
+ ]
4094
+ },
4095
+ {
4096
+ "kind": "javascript-module",
4097
+ "path": "src/checkbox/checkbox.styles.ts",
4098
+ "declarations": [
4099
+ {
4100
+ "kind": "variable",
4101
+ "name": "styles",
4102
+ "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`"
4103
+ }
4104
+ ],
4105
+ "exports": [
4106
+ {
4107
+ "kind": "js",
4108
+ "name": "styles",
4109
+ "declaration": {
4110
+ "name": "styles",
4111
+ "module": "src/checkbox/checkbox.styles.ts"
4112
+ }
4113
+ }
4114
+ ]
4115
+ },
4116
+ {
4117
+ "kind": "javascript-module",
4118
+ "path": "src/checkbox/checkbox.ts",
4119
+ "declarations": [
4120
+ {
4121
+ "kind": "class",
4122
+ "description": "",
4123
+ "name": "UmCheckbox",
4124
+ "members": [
4125
+ {
4126
+ "kind": "field",
4127
+ "name": "#indeterminate",
4128
+ "privacy": "private",
4129
+ "type": {
4130
+ "text": "boolean"
4131
+ },
4132
+ "default": "false"
4198
4133
  },
4199
4134
  {
4200
4135
  "kind": "field",
4201
- "name": "ripple",
4136
+ "name": "hideStateLayer",
4202
4137
  "type": {
4203
- "text": "UmRipple"
4138
+ "text": "boolean"
4204
4139
  },
4205
- "privacy": "private",
4206
- "inheritedFrom": {
4207
- "name": "UmButtonWrapper",
4208
- "module": "src/shared/button-wrapper.ts"
4209
- }
4140
+ "default": "false",
4141
+ "attribute": "hide-state-layer",
4142
+ "reflects": true
4210
4143
  },
4211
4144
  {
4212
4145
  "kind": "field",
4213
- "name": "innerRole",
4146
+ "name": "indeterminate",
4214
4147
  "type": {
4215
- "text": "string | null"
4148
+ "text": "boolean"
4216
4149
  },
4150
+ "attribute": "indeterminate"
4151
+ },
4152
+ {
4153
+ "kind": "field",
4154
+ "name": "checked",
4155
+ "attribute": "checked",
4156
+ "type": {
4157
+ "text": "boolean"
4158
+ },
4159
+ "inheritedFrom": {
4160
+ "name": "UmSelectionControl",
4161
+ "module": "src/shared/selection-control/selection-control.ts"
4162
+ }
4163
+ },
4164
+ {
4165
+ "kind": "method",
4166
+ "name": "renderIndicator",
4217
4167
  "privacy": "protected",
4218
- "default": "null",
4168
+ "return": {
4169
+ "type": {
4170
+ "text": "HTMLTemplateResult"
4171
+ }
4172
+ },
4219
4173
  "inheritedFrom": {
4220
- "name": "UmButtonWrapper",
4221
- "module": "src/shared/button-wrapper.ts"
4174
+ "name": "UmSelectionControl",
4175
+ "module": "src/shared/selection-control/selection-control.ts"
4222
4176
  }
4223
4177
  },
4224
4178
  {
4225
4179
  "kind": "field",
4226
- "name": "pathname",
4180
+ "name": "formAssociated",
4227
4181
  "type": {
4228
- "text": "string"
4182
+ "text": "boolean"
4229
4183
  },
4184
+ "static": true,
4185
+ "default": "true",
4230
4186
  "inheritedFrom": {
4231
- "name": "UmButtonWrapper",
4232
- "module": "src/shared/button-wrapper.ts"
4187
+ "name": "UmSelectionControl",
4188
+ "module": "src/shared/selection-control/selection-control.ts"
4233
4189
  }
4234
4190
  },
4235
4191
  {
4236
- "kind": "method",
4237
- "name": "renderButton",
4238
- "privacy": "private",
4192
+ "kind": "field",
4193
+ "name": "shadowRootOptions",
4194
+ "type": {
4195
+ "text": "ShadowRootInit"
4196
+ },
4197
+ "static": true,
4198
+ "default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
4239
4199
  "inheritedFrom": {
4240
- "name": "UmButtonWrapper",
4241
- "module": "src/shared/button-wrapper.ts"
4200
+ "name": "UmSelectionControl",
4201
+ "module": "src/shared/selection-control/selection-control.ts"
4242
4202
  }
4243
4203
  },
4244
4204
  {
4245
- "kind": "method",
4246
- "name": "renderLink",
4247
- "privacy": "private",
4205
+ "kind": "field",
4206
+ "name": "elementInternals",
4207
+ "type": {
4208
+ "text": "ElementInternals"
4209
+ },
4210
+ "privacy": "protected",
4248
4211
  "inheritedFrom": {
4249
- "name": "UmButtonWrapper",
4250
- "module": "src/shared/button-wrapper.ts"
4212
+ "name": "UmSelectionControl",
4213
+ "module": "src/shared/selection-control/selection-control.ts"
4251
4214
  }
4252
4215
  },
4253
4216
  {
4254
- "kind": "method",
4255
- "name": "focus",
4217
+ "kind": "field",
4218
+ "name": "name",
4219
+ "type": {
4220
+ "text": "string | undefined"
4221
+ },
4222
+ "default": "''",
4223
+ "attribute": "name",
4224
+ "reflects": true,
4256
4225
  "inheritedFrom": {
4257
- "name": "UmButtonWrapper",
4258
- "module": "src/shared/button-wrapper.ts"
4226
+ "name": "UmSelectionControl",
4227
+ "module": "src/shared/selection-control/selection-control.ts"
4259
4228
  }
4260
4229
  },
4261
4230
  {
4262
- "kind": "method",
4263
- "name": "blur",
4231
+ "kind": "field",
4232
+ "name": "disabled",
4233
+ "type": {
4234
+ "text": "boolean"
4235
+ },
4236
+ "default": "false",
4237
+ "attribute": "disabled",
4238
+ "reflects": true,
4264
4239
  "inheritedFrom": {
4265
- "name": "UmButtonWrapper",
4266
- "module": "src/shared/button-wrapper.ts"
4240
+ "name": "UmSelectionControl",
4241
+ "module": "src/shared/selection-control/selection-control.ts"
4267
4242
  }
4268
4243
  },
4269
4244
  {
4270
- "kind": "method",
4271
- "name": "getAriaLabel",
4272
- "privacy": "protected",
4273
- "return": {
4274
- "type": {
4275
- "text": "string | null"
4276
- }
4245
+ "kind": "field",
4246
+ "name": "input",
4247
+ "type": {
4248
+ "text": "HTMLInputElement"
4277
4249
  },
4278
4250
  "inheritedFrom": {
4279
- "name": "UmButtonWrapper",
4280
- "module": "src/shared/button-wrapper.ts"
4251
+ "name": "UmSelectionControl",
4252
+ "module": "src/shared/selection-control/selection-control.ts"
4281
4253
  }
4282
4254
  },
4283
4255
  {
4284
- "kind": "method",
4285
- "name": "innerFocusHandler",
4286
- "privacy": "private",
4287
- "return": {
4288
- "type": {
4289
- "text": "void"
4290
- }
4256
+ "kind": "field",
4257
+ "name": "form",
4258
+ "type": {
4259
+ "text": "HTMLFormElement | null"
4291
4260
  },
4292
4261
  "inheritedFrom": {
4293
- "name": "UmButtonWrapper",
4294
- "module": "src/shared/button-wrapper.ts"
4262
+ "name": "UmSelectionControl",
4263
+ "module": "src/shared/selection-control/selection-control.ts"
4295
4264
  }
4296
4265
  },
4297
4266
  {
4298
4267
  "kind": "method",
4299
- "name": "#innerClickHandler",
4300
- "return": {
4301
- "type": {
4302
- "text": "void"
4303
- }
4304
- },
4268
+ "name": "focus",
4305
4269
  "parameters": [
4306
4270
  {
4307
- "name": "event",
4271
+ "name": "options",
4272
+ "optional": true,
4308
4273
  "type": {
4309
- "text": "MouseEvent"
4274
+ "text": "FocusOptions"
4310
4275
  }
4311
4276
  }
4312
4277
  ],
4313
4278
  "inheritedFrom": {
4314
- "name": "UmButtonWrapper",
4315
- "module": "src/shared/button-wrapper.ts"
4316
- }
4317
- }
4318
- ],
4319
- "events": [
4320
- {
4321
- "name": "change",
4322
- "type": {
4323
- "text": "Event"
4279
+ "name": "UmSelectionControl",
4280
+ "module": "src/shared/selection-control/selection-control.ts"
4324
4281
  }
4325
- }
4326
- ],
4327
- "attributes": [
4282
+ },
4328
4283
  {
4329
- "name": "selected",
4284
+ "kind": "field",
4285
+ "name": "#checked",
4286
+ "privacy": "private",
4330
4287
  "type": {
4331
4288
  "text": "boolean"
4332
4289
  },
4333
4290
  "default": "false",
4334
- "description": "Whether the chip is selected or not",
4335
- "fieldName": "selected"
4291
+ "inheritedFrom": {
4292
+ "name": "UmSelectionControl",
4293
+ "module": "src/shared/selection-control/selection-control.ts"
4294
+ }
4336
4295
  },
4337
4296
  {
4338
- "name": "clickable",
4297
+ "kind": "field",
4298
+ "name": "inputType",
4339
4299
  "type": {
4340
- "text": "boolean"
4300
+ "text": "'checkbox' | 'radio'"
4341
4301
  },
4342
- "fieldName": "clickable"
4302
+ "privacy": "protected",
4303
+ "default": "'checkbox'",
4304
+ "inheritedFrom": {
4305
+ "name": "UmSelectionControl",
4306
+ "module": "src/shared/selection-control/selection-control.ts"
4307
+ }
4343
4308
  },
4344
4309
  {
4345
- "name": "elevated",
4310
+ "kind": "field",
4311
+ "name": "renderRipple",
4346
4312
  "type": {
4347
4313
  "text": "boolean"
4348
4314
  },
4349
- "default": "false",
4350
- "description": "Adds elevation to the chip",
4351
- "fieldName": "elevated"
4315
+ "privacy": "protected",
4316
+ "default": "true",
4317
+ "inheritedFrom": {
4318
+ "name": "UmSelectionControl",
4319
+ "module": "src/shared/selection-control/selection-control.ts"
4320
+ }
4352
4321
  },
4353
4322
  {
4354
- "name": "toggle",
4323
+ "kind": "field",
4324
+ "name": "value",
4355
4325
  "type": {
4356
- "text": "boolean"
4326
+ "text": "string"
4357
4327
  },
4358
- "description": "When true, the chip will toggle between selected and unselected\nstates",
4359
- "fieldName": "toggle"
4328
+ "default": "'on'",
4329
+ "description": "The element value to use in form submission when checked.",
4330
+ "attribute": "value",
4331
+ "inheritedFrom": {
4332
+ "name": "UmSelectionControl",
4333
+ "module": "src/shared/selection-control/selection-control.ts"
4334
+ }
4360
4335
  },
4361
4336
  {
4362
- "name": "removable",
4337
+ "kind": "field",
4338
+ "name": "_checkedAttribute",
4363
4339
  "type": {
4364
4340
  "text": "boolean"
4365
4341
  },
4342
+ "privacy": "private",
4366
4343
  "default": "false",
4367
- "description": "Add the remove icon",
4368
- "fieldName": "removable"
4344
+ "attribute": "checked",
4345
+ "inheritedFrom": {
4346
+ "name": "UmSelectionControl",
4347
+ "module": "src/shared/selection-control/selection-control.ts"
4348
+ }
4369
4349
  },
4370
4350
  {
4371
- "name": "hide-selected-icon",
4372
- "type": {
4373
- "text": "boolean"
4374
- },
4375
- "default": "false",
4376
- "description": "Hide the selected icon",
4377
- "fieldName": "hideSelectedIcon"
4378
- },
4351
+ "kind": "method",
4352
+ "name": "#handleClick",
4353
+ "parameters": [
4354
+ {
4355
+ "name": "e",
4356
+ "type": {
4357
+ "text": "Event"
4358
+ }
4359
+ }
4360
+ ],
4361
+ "inheritedFrom": {
4362
+ "name": "UmSelectionControl",
4363
+ "module": "src/shared/selection-control/selection-control.ts"
4364
+ }
4365
+ }
4366
+ ],
4367
+ "attributes": [
4379
4368
  {
4380
- "name": "has-leading-icon",
4369
+ "name": "hide-state-layer",
4381
4370
  "type": {
4382
4371
  "text": "boolean"
4383
4372
  },
4384
4373
  "default": "false",
4385
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4386
- "fieldName": "hasLeadingIcon"
4374
+ "fieldName": "hideStateLayer"
4387
4375
  },
4388
4376
  {
4389
- "name": "has-selected-icon",
4377
+ "name": "indeterminate",
4390
4378
  "type": {
4391
4379
  "text": "boolean"
4392
4380
  },
4393
- "default": "false",
4394
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4395
- "fieldName": "hasSelectedIcon"
4381
+ "fieldName": "indeterminate"
4396
4382
  },
4397
4383
  {
4398
- "name": "has-trailing-icon",
4384
+ "name": "name",
4399
4385
  "type": {
4400
- "text": "boolean"
4386
+ "text": "string | undefined"
4401
4387
  },
4402
- "default": "false",
4403
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4404
- "fieldName": "hasTrailingIcon"
4388
+ "default": "''",
4389
+ "fieldName": "name",
4390
+ "inheritedFrom": {
4391
+ "name": "UmSelectionControl",
4392
+ "module": "src/shared/selection-control/selection-control.ts"
4393
+ }
4405
4394
  },
4406
4395
  {
4407
4396
  "name": "disabled",
@@ -4409,72 +4398,83 @@
4409
4398
  "text": "boolean"
4410
4399
  },
4411
4400
  "default": "false",
4412
- "description": "Whether the button is disabled or not.",
4413
4401
  "fieldName": "disabled",
4414
4402
  "inheritedFrom": {
4415
- "name": "UmButtonWrapper",
4416
- "module": "src/shared/button-wrapper.ts"
4403
+ "name": "UmSelectionControl",
4404
+ "module": "src/shared/selection-control/selection-control.ts"
4417
4405
  }
4418
4406
  },
4419
4407
  {
4420
- "name": "href",
4408
+ "name": "value",
4421
4409
  "type": {
4422
- "text": "string | undefined"
4410
+ "text": "string"
4423
4411
  },
4424
- "description": "The URL that the link button points to.",
4425
- "fieldName": "href",
4412
+ "default": "'on'",
4413
+ "description": "The element value to use in form submission when checked.",
4414
+ "fieldName": "value",
4426
4415
  "inheritedFrom": {
4427
- "name": "UmButtonWrapper",
4428
- "module": "src/shared/button-wrapper.ts"
4416
+ "name": "UmSelectionControl",
4417
+ "module": "src/shared/selection-control/selection-control.ts"
4429
4418
  }
4430
4419
  },
4431
4420
  {
4432
- "name": "target",
4421
+ "name": "checked",
4422
+ "fieldName": "_checkedAttribute",
4433
4423
  "type": {
4434
- "text": "string | undefined"
4424
+ "text": "boolean"
4435
4425
  },
4436
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4437
- "fieldName": "target",
4426
+ "default": "false",
4438
4427
  "inheritedFrom": {
4439
- "name": "UmButtonWrapper",
4440
- "module": "src/shared/button-wrapper.ts"
4428
+ "name": "UmSelectionControl",
4429
+ "module": "src/shared/selection-control/selection-control.ts"
4441
4430
  }
4442
- },
4431
+ }
4432
+ ],
4433
+ "superclass": {
4434
+ "name": "UmSelectionControl",
4435
+ "module": "/src/shared/selection-control/selection-control.js"
4436
+ },
4437
+ "tagName": "u-checkbox",
4438
+ "customElement": true,
4439
+ "events": [
4443
4440
  {
4444
- "name": "name",
4441
+ "name": "input",
4445
4442
  "type": {
4446
- "text": "string | undefined"
4443
+ "text": "InputEvent"
4447
4444
  },
4448
- "fieldName": "name",
4449
4445
  "inheritedFrom": {
4450
- "name": "UmButtonWrapper",
4451
- "module": "src/shared/button-wrapper.ts"
4446
+ "name": "UmSelectionControl",
4447
+ "module": "src/shared/selection-control/selection-control.ts"
4452
4448
  }
4453
- }
4454
- ],
4455
- "superclass": {
4456
- "name": "UmButtonWrapper",
4457
- "module": "/src/shared/button-wrapper.js"
4458
- },
4459
- "tagName": "u-chip",
4460
- "customElement": true
4449
+ },
4450
+ {
4451
+ "name": "change",
4452
+ "type": {
4453
+ "text": "Event"
4454
+ },
4455
+ "inheritedFrom": {
4456
+ "name": "UmSelectionControl",
4457
+ "module": "src/shared/selection-control/selection-control.ts"
4458
+ }
4459
+ }
4460
+ ]
4461
4461
  }
4462
4462
  ],
4463
4463
  "exports": [
4464
4464
  {
4465
4465
  "kind": "js",
4466
- "name": "UmChip",
4466
+ "name": "UmCheckbox",
4467
4467
  "declaration": {
4468
- "name": "UmChip",
4469
- "module": "src/chip/chip.ts"
4468
+ "name": "UmCheckbox",
4469
+ "module": "src/checkbox/checkbox.ts"
4470
4470
  }
4471
4471
  },
4472
4472
  {
4473
4473
  "kind": "custom-element-definition",
4474
- "name": "u-chip",
4474
+ "name": "u-checkbox",
4475
4475
  "declaration": {
4476
- "name": "UmChip",
4477
- "module": "src/chip/chip.ts"
4476
+ "name": "UmCheckbox",
4477
+ "module": "src/checkbox/checkbox.ts"
4478
4478
  }
4479
4479
  }
4480
4480
  ]
@@ -10102,6 +10102,245 @@
10102
10102
  }
10103
10103
  ]
10104
10104
  },
10105
+ {
10106
+ "kind": "javascript-module",
10107
+ "path": "src/ripple/ripple.styles.ts",
10108
+ "declarations": [
10109
+ {
10110
+ "kind": "variable",
10111
+ "name": "styles",
10112
+ "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
10113
+ }
10114
+ ],
10115
+ "exports": [
10116
+ {
10117
+ "kind": "js",
10118
+ "name": "styles",
10119
+ "declaration": {
10120
+ "name": "styles",
10121
+ "module": "src/ripple/ripple.styles.ts"
10122
+ }
10123
+ }
10124
+ ]
10125
+ },
10126
+ {
10127
+ "kind": "javascript-module",
10128
+ "path": "src/ripple/ripple.ts",
10129
+ "declarations": [
10130
+ {
10131
+ "kind": "class",
10132
+ "description": "",
10133
+ "name": "UmRipple",
10134
+ "members": [
10135
+ {
10136
+ "kind": "field",
10137
+ "name": "isTouching",
10138
+ "type": {
10139
+ "text": "boolean"
10140
+ },
10141
+ "privacy": "private",
10142
+ "default": "false"
10143
+ },
10144
+ {
10145
+ "kind": "field",
10146
+ "name": "disabled",
10147
+ "type": {
10148
+ "text": "boolean"
10149
+ },
10150
+ "default": "false",
10151
+ "description": "Disables the ripple.",
10152
+ "attribute": "disabled",
10153
+ "reflects": true
10154
+ },
10155
+ {
10156
+ "kind": "field",
10157
+ "name": "rippleContainer",
10158
+ "type": {
10159
+ "text": "HTMLElement"
10160
+ },
10161
+ "privacy": "private"
10162
+ },
10163
+ {
10164
+ "kind": "method",
10165
+ "name": "attachEvents",
10166
+ "privacy": "private",
10167
+ "return": {
10168
+ "type": {
10169
+ "text": "void"
10170
+ }
10171
+ }
10172
+ },
10173
+ {
10174
+ "kind": "method",
10175
+ "name": "dettachEvents",
10176
+ "privacy": "private",
10177
+ "return": {
10178
+ "type": {
10179
+ "text": "void"
10180
+ }
10181
+ }
10182
+ },
10183
+ {
10184
+ "kind": "method",
10185
+ "name": "handleMouseDown",
10186
+ "privacy": "private",
10187
+ "return": {
10188
+ "type": {
10189
+ "text": "void"
10190
+ }
10191
+ },
10192
+ "parameters": [
10193
+ {
10194
+ "name": "e",
10195
+ "type": {
10196
+ "text": "MouseEvent"
10197
+ }
10198
+ }
10199
+ ]
10200
+ },
10201
+ {
10202
+ "kind": "method",
10203
+ "name": "handleTouchStart",
10204
+ "privacy": "private",
10205
+ "return": {
10206
+ "type": {
10207
+ "text": "void"
10208
+ }
10209
+ },
10210
+ "parameters": [
10211
+ {
10212
+ "name": "e",
10213
+ "type": {
10214
+ "text": "TouchEvent"
10215
+ }
10216
+ }
10217
+ ]
10218
+ },
10219
+ {
10220
+ "kind": "method",
10221
+ "name": "canCreateRipple",
10222
+ "privacy": "private",
10223
+ "return": {
10224
+ "type": {
10225
+ "text": "boolean"
10226
+ }
10227
+ }
10228
+ },
10229
+ {
10230
+ "kind": "method",
10231
+ "name": "createRipple",
10232
+ "return": {
10233
+ "type": {
10234
+ "text": "(() => void) | null"
10235
+ }
10236
+ },
10237
+ "parameters": [
10238
+ {
10239
+ "name": "targetX",
10240
+ "default": "null",
10241
+ "type": {
10242
+ "text": "number | null"
10243
+ }
10244
+ },
10245
+ {
10246
+ "name": "targetY",
10247
+ "default": "null",
10248
+ "type": {
10249
+ "text": "number | null"
10250
+ }
10251
+ },
10252
+ {
10253
+ "name": "releaseEventName",
10254
+ "default": "null",
10255
+ "type": {
10256
+ "text": "string | null"
10257
+ }
10258
+ }
10259
+ ]
10260
+ },
10261
+ {
10262
+ "kind": "method",
10263
+ "name": "createDismissEvent",
10264
+ "privacy": "private",
10265
+ "return": {
10266
+ "type": {
10267
+ "text": "() => void"
10268
+ }
10269
+ },
10270
+ "parameters": [
10271
+ {
10272
+ "name": "ripple",
10273
+ "type": {
10274
+ "text": "HTMLElement"
10275
+ }
10276
+ },
10277
+ {
10278
+ "name": "releaseEventName",
10279
+ "type": {
10280
+ "text": "string"
10281
+ }
10282
+ }
10283
+ ]
10284
+ },
10285
+ {
10286
+ "kind": "method",
10287
+ "name": "_setElementSquareSizeAndCenter",
10288
+ "privacy": "private",
10289
+ "static": true,
10290
+ "parameters": [
10291
+ {
10292
+ "name": "element",
10293
+ "type": {
10294
+ "text": "HTMLElement"
10295
+ }
10296
+ },
10297
+ {
10298
+ "name": "size",
10299
+ "type": {
10300
+ "text": "number"
10301
+ }
10302
+ }
10303
+ ]
10304
+ }
10305
+ ],
10306
+ "attributes": [
10307
+ {
10308
+ "name": "disabled",
10309
+ "type": {
10310
+ "text": "boolean"
10311
+ },
10312
+ "default": "false",
10313
+ "description": "Disables the ripple.",
10314
+ "fieldName": "disabled"
10315
+ }
10316
+ ],
10317
+ "superclass": {
10318
+ "name": "LitElement",
10319
+ "package": "lit"
10320
+ },
10321
+ "tagName": "u-ripple",
10322
+ "customElement": true
10323
+ }
10324
+ ],
10325
+ "exports": [
10326
+ {
10327
+ "kind": "js",
10328
+ "name": "UmRipple",
10329
+ "declaration": {
10330
+ "name": "UmRipple",
10331
+ "module": "src/ripple/ripple.ts"
10332
+ }
10333
+ },
10334
+ {
10335
+ "kind": "custom-element-definition",
10336
+ "name": "u-ripple",
10337
+ "declaration": {
10338
+ "name": "UmRipple",
10339
+ "module": "src/ripple/ripple.ts"
10340
+ }
10341
+ }
10342
+ ]
10343
+ },
10105
10344
  {
10106
10345
  "kind": "javascript-module",
10107
10346
  "path": "src/select/extended-option.ts",
@@ -11819,293 +12058,54 @@
11819
12058
  "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
11820
12059
  "fieldName": "hasLeadingIcon",
11821
12060
  "inheritedFrom": {
11822
- "name": "UmFieldBase",
11823
- "module": "src/field/field-base.ts"
11824
- }
11825
- },
11826
- {
11827
- "name": "has-trailing-icon",
11828
- "type": {
11829
- "text": "boolean"
11830
- },
11831
- "default": "false",
11832
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
11833
- "fieldName": "hasTrailingIcon",
11834
- "inheritedFrom": {
11835
- "name": "UmFieldBase",
11836
- "module": "src/field/field-base.ts"
11837
- }
11838
- },
11839
- {
11840
- "name": "has-error-text",
11841
- "type": {
11842
- "text": "boolean"
11843
- },
11844
- "default": "false",
11845
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
11846
- "fieldName": "hasErrorText",
11847
- "inheritedFrom": {
11848
- "name": "UmFieldBase",
11849
- "module": "src/field/field-base.ts"
11850
- }
11851
- }
11852
- ]
11853
- }
11854
- ],
11855
- "exports": [
11856
- {
11857
- "kind": "js",
11858
- "name": "UmSelect",
11859
- "declaration": {
11860
- "name": "UmSelect",
11861
- "module": "src/select/select.ts"
11862
- }
11863
- },
11864
- {
11865
- "kind": "custom-element-definition",
11866
- "name": "u-select",
11867
- "declaration": {
11868
- "name": "UmSelect",
11869
- "module": "src/select/select.ts"
11870
- }
11871
- }
11872
- ]
11873
- },
11874
- {
11875
- "kind": "javascript-module",
11876
- "path": "src/ripple/ripple.styles.ts",
11877
- "declarations": [
11878
- {
11879
- "kind": "variable",
11880
- "name": "styles",
11881
- "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
11882
- }
11883
- ],
11884
- "exports": [
11885
- {
11886
- "kind": "js",
11887
- "name": "styles",
11888
- "declaration": {
11889
- "name": "styles",
11890
- "module": "src/ripple/ripple.styles.ts"
11891
- }
11892
- }
11893
- ]
11894
- },
11895
- {
11896
- "kind": "javascript-module",
11897
- "path": "src/ripple/ripple.ts",
11898
- "declarations": [
11899
- {
11900
- "kind": "class",
11901
- "description": "",
11902
- "name": "UmRipple",
11903
- "members": [
11904
- {
11905
- "kind": "field",
11906
- "name": "isTouching",
11907
- "type": {
11908
- "text": "boolean"
11909
- },
11910
- "privacy": "private",
11911
- "default": "false"
11912
- },
11913
- {
11914
- "kind": "field",
11915
- "name": "disabled",
11916
- "type": {
11917
- "text": "boolean"
11918
- },
11919
- "default": "false",
11920
- "description": "Disables the ripple.",
11921
- "attribute": "disabled",
11922
- "reflects": true
11923
- },
11924
- {
11925
- "kind": "field",
11926
- "name": "rippleContainer",
11927
- "type": {
11928
- "text": "HTMLElement"
11929
- },
11930
- "privacy": "private"
11931
- },
11932
- {
11933
- "kind": "method",
11934
- "name": "attachEvents",
11935
- "privacy": "private",
11936
- "return": {
11937
- "type": {
11938
- "text": "void"
11939
- }
11940
- }
11941
- },
11942
- {
11943
- "kind": "method",
11944
- "name": "dettachEvents",
11945
- "privacy": "private",
11946
- "return": {
11947
- "type": {
11948
- "text": "void"
11949
- }
11950
- }
11951
- },
11952
- {
11953
- "kind": "method",
11954
- "name": "handleMouseDown",
11955
- "privacy": "private",
11956
- "return": {
11957
- "type": {
11958
- "text": "void"
11959
- }
11960
- },
11961
- "parameters": [
11962
- {
11963
- "name": "e",
11964
- "type": {
11965
- "text": "MouseEvent"
11966
- }
11967
- }
11968
- ]
11969
- },
11970
- {
11971
- "kind": "method",
11972
- "name": "handleTouchStart",
11973
- "privacy": "private",
11974
- "return": {
11975
- "type": {
11976
- "text": "void"
11977
- }
11978
- },
11979
- "parameters": [
11980
- {
11981
- "name": "e",
11982
- "type": {
11983
- "text": "TouchEvent"
11984
- }
11985
- }
11986
- ]
11987
- },
11988
- {
11989
- "kind": "method",
11990
- "name": "canCreateRipple",
11991
- "privacy": "private",
11992
- "return": {
11993
- "type": {
11994
- "text": "boolean"
11995
- }
11996
- }
11997
- },
11998
- {
11999
- "kind": "method",
12000
- "name": "createRipple",
12001
- "return": {
12002
- "type": {
12003
- "text": "(() => void) | null"
12004
- }
12005
- },
12006
- "parameters": [
12007
- {
12008
- "name": "targetX",
12009
- "default": "null",
12010
- "type": {
12011
- "text": "number | null"
12012
- }
12013
- },
12014
- {
12015
- "name": "targetY",
12016
- "default": "null",
12017
- "type": {
12018
- "text": "number | null"
12019
- }
12020
- },
12021
- {
12022
- "name": "releaseEventName",
12023
- "default": "null",
12024
- "type": {
12025
- "text": "string | null"
12026
- }
12027
- }
12028
- ]
12029
- },
12030
- {
12031
- "kind": "method",
12032
- "name": "createDismissEvent",
12033
- "privacy": "private",
12034
- "return": {
12035
- "type": {
12036
- "text": "() => void"
12037
- }
12038
- },
12039
- "parameters": [
12040
- {
12041
- "name": "ripple",
12042
- "type": {
12043
- "text": "HTMLElement"
12044
- }
12045
- },
12046
- {
12047
- "name": "releaseEventName",
12048
- "type": {
12049
- "text": "string"
12050
- }
12051
- }
12052
- ]
12053
- },
12054
- {
12055
- "kind": "method",
12056
- "name": "_setElementSquareSizeAndCenter",
12057
- "privacy": "private",
12058
- "static": true,
12059
- "parameters": [
12060
- {
12061
- "name": "element",
12062
- "type": {
12063
- "text": "HTMLElement"
12064
- }
12065
- },
12066
- {
12067
- "name": "size",
12068
- "type": {
12069
- "text": "number"
12070
- }
12071
- }
12072
- ]
12073
- }
12074
- ],
12075
- "attributes": [
12061
+ "name": "UmFieldBase",
12062
+ "module": "src/field/field-base.ts"
12063
+ }
12064
+ },
12076
12065
  {
12077
- "name": "disabled",
12066
+ "name": "has-trailing-icon",
12078
12067
  "type": {
12079
12068
  "text": "boolean"
12080
12069
  },
12081
12070
  "default": "false",
12082
- "description": "Disables the ripple.",
12083
- "fieldName": "disabled"
12071
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
12072
+ "fieldName": "hasTrailingIcon",
12073
+ "inheritedFrom": {
12074
+ "name": "UmFieldBase",
12075
+ "module": "src/field/field-base.ts"
12076
+ }
12077
+ },
12078
+ {
12079
+ "name": "has-error-text",
12080
+ "type": {
12081
+ "text": "boolean"
12082
+ },
12083
+ "default": "false",
12084
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
12085
+ "fieldName": "hasErrorText",
12086
+ "inheritedFrom": {
12087
+ "name": "UmFieldBase",
12088
+ "module": "src/field/field-base.ts"
12089
+ }
12084
12090
  }
12085
- ],
12086
- "superclass": {
12087
- "name": "LitElement",
12088
- "package": "lit"
12089
- },
12090
- "tagName": "u-ripple",
12091
- "customElement": true
12091
+ ]
12092
12092
  }
12093
12093
  ],
12094
12094
  "exports": [
12095
12095
  {
12096
12096
  "kind": "js",
12097
- "name": "UmRipple",
12097
+ "name": "UmSelect",
12098
12098
  "declaration": {
12099
- "name": "UmRipple",
12100
- "module": "src/ripple/ripple.ts"
12099
+ "name": "UmSelect",
12100
+ "module": "src/select/select.ts"
12101
12101
  }
12102
12102
  },
12103
12103
  {
12104
12104
  "kind": "custom-element-definition",
12105
- "name": "u-ripple",
12105
+ "name": "u-select",
12106
12106
  "declaration": {
12107
- "name": "UmRipple",
12108
- "module": "src/ripple/ripple.ts"
12107
+ "name": "UmSelect",
12108
+ "module": "src/select/select.ts"
12109
12109
  }
12110
12110
  }
12111
12111
  ]
@@ -14094,12 +14094,12 @@
14094
14094
  },
14095
14095
  {
14096
14096
  "kind": "javascript-module",
14097
- "path": "src/text-field/text-field.styles.ts",
14097
+ "path": "src/text-area/text-area.styles.ts",
14098
14098
  "declarations": [
14099
14099
  {
14100
14100
  "kind": "variable",
14101
14101
  "name": "styles",
14102
- "default": "css `\n .prefix::slotted(*),\n .prefix span,\n .suffix::slotted(*),\n .suffix span {\n transition: opacity 150ms 100ms;\n }\n .prefix span:empty,\n .suffix span:empty {\n display: none;\n }\n\n .prefix::slotted(*),\n .prefix span {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix::slotted(*),\n .suffix span {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span {\n opacity: 0;\n transition: opacity 150ms;\n }\n`"
14102
+ "default": "css `\n :host {\n resize: both;\n }\n\n .container,\n .input-wrapper {\n resize: inherit;\n }\n\n .input-wrapper,\n .input,\n textarea,\n .container {\n height: 100%;\n }\n\n .input-wrapper {\n padding: 0 !important;\n overflow: hidden;\n }\n\n textarea {\n margin: 0;\n resize: none;\n }\n\n .input textarea {\n border-block: var(--_vertical-padding) solid transparent;\n padding-inline: var(--_field-control-inline-padding);\n }\n\n .container.filled:not(.no-label) textarea {\n border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent;\n border-bottom: var(--_vertical-padding) solid transparent;\n }\n`"
14103
14103
  }
14104
14104
  ],
14105
14105
  "exports": [
@@ -14108,53 +14108,28 @@
14108
14108
  "name": "styles",
14109
14109
  "declaration": {
14110
14110
  "name": "styles",
14111
- "module": "src/text-field/text-field.styles.ts"
14111
+ "module": "src/text-area/text-area.styles.ts"
14112
14112
  }
14113
14113
  }
14114
14114
  ]
14115
14115
  },
14116
14116
  {
14117
14117
  "kind": "javascript-module",
14118
- "path": "src/text-field/text-field.ts",
14118
+ "path": "src/text-area/text-area.ts",
14119
14119
  "declarations": [
14120
14120
  {
14121
14121
  "kind": "class",
14122
14122
  "description": "",
14123
- "name": "UmTextField",
14123
+ "name": "UmTextArea",
14124
14124
  "members": [
14125
14125
  {
14126
14126
  "kind": "field",
14127
- "name": "type",
14128
- "type": {
14129
- "text": "string"
14130
- },
14131
- "default": "'text'",
14132
- "attribute": "type"
14133
- },
14134
- {
14135
- "kind": "field",
14136
- "name": "prefixText",
14137
- "type": {
14138
- "text": "string | undefined"
14139
- },
14140
- "attribute": "prefix-text"
14141
- },
14142
- {
14143
- "kind": "field",
14144
- "name": "suffixText",
14145
- "type": {
14146
- "text": "string | undefined"
14147
- },
14148
- "attribute": "suffix-text"
14149
- },
14150
- {
14151
- "kind": "field",
14152
- "name": "autocapitalize",
14127
+ "name": "rows",
14153
14128
  "type": {
14154
- "text": "string"
14129
+ "text": "number"
14155
14130
  },
14156
- "attribute": "autocapitalize",
14157
- "reflects": true
14131
+ "default": "2",
14132
+ "attribute": "rows"
14158
14133
  },
14159
14134
  {
14160
14135
  "kind": "field",
@@ -14665,33 +14640,12 @@
14665
14640
  ],
14666
14641
  "attributes": [
14667
14642
  {
14668
- "name": "type",
14669
- "type": {
14670
- "text": "string"
14671
- },
14672
- "default": "'text'",
14673
- "fieldName": "type"
14674
- },
14675
- {
14676
- "name": "prefix-text",
14677
- "type": {
14678
- "text": "string | undefined"
14679
- },
14680
- "fieldName": "prefixText"
14681
- },
14682
- {
14683
- "name": "suffix-text",
14684
- "type": {
14685
- "text": "string | undefined"
14686
- },
14687
- "fieldName": "suffixText"
14688
- },
14689
- {
14690
- "name": "autocapitalize",
14643
+ "name": "rows",
14691
14644
  "type": {
14692
- "text": "string"
14645
+ "text": "number"
14693
14646
  },
14694
- "fieldName": "autocapitalize"
14647
+ "default": "2",
14648
+ "fieldName": "rows"
14695
14649
  },
14696
14650
  {
14697
14651
  "name": "value",
@@ -14891,37 +14845,37 @@
14891
14845
  "name": "UmNativeTextFieldWrapper",
14892
14846
  "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
14893
14847
  },
14894
- "tagName": "u-text-field",
14848
+ "tagName": "u-text-area",
14895
14849
  "customElement": true
14896
14850
  }
14897
14851
  ],
14898
14852
  "exports": [
14899
14853
  {
14900
14854
  "kind": "js",
14901
- "name": "UmTextField",
14855
+ "name": "UmTextArea",
14902
14856
  "declaration": {
14903
- "name": "UmTextField",
14904
- "module": "src/text-field/text-field.ts"
14857
+ "name": "UmTextArea",
14858
+ "module": "src/text-area/text-area.ts"
14905
14859
  }
14906
14860
  },
14907
14861
  {
14908
14862
  "kind": "custom-element-definition",
14909
- "name": "u-text-field",
14863
+ "name": "u-text-area",
14910
14864
  "declaration": {
14911
- "name": "UmTextField",
14912
- "module": "src/text-field/text-field.ts"
14865
+ "name": "UmTextArea",
14866
+ "module": "src/text-area/text-area.ts"
14913
14867
  }
14914
14868
  }
14915
14869
  ]
14916
14870
  },
14917
14871
  {
14918
14872
  "kind": "javascript-module",
14919
- "path": "src/text-area/text-area.styles.ts",
14873
+ "path": "src/text-field/text-field.styles.ts",
14920
14874
  "declarations": [
14921
14875
  {
14922
14876
  "kind": "variable",
14923
14877
  "name": "styles",
14924
- "default": "css `\n :host {\n resize: both;\n }\n\n .container,\n .input-wrapper {\n resize: inherit;\n }\n\n .input-wrapper,\n .input,\n textarea,\n .container {\n height: 100%;\n }\n\n .input-wrapper {\n padding: 0 !important;\n overflow: hidden;\n }\n\n textarea {\n margin: 0;\n resize: none;\n }\n\n .input textarea {\n border-block: var(--_vertical-padding) solid transparent;\n padding-inline: var(--_field-control-inline-padding);\n }\n\n .container.filled:not(.no-label) textarea {\n border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent;\n border-bottom: var(--_vertical-padding) solid transparent;\n }\n`"
14878
+ "default": "css `\n .prefix::slotted(*),\n .prefix span,\n .suffix::slotted(*),\n .suffix span {\n transition: opacity 150ms 100ms;\n }\n .prefix span:empty,\n .suffix span:empty {\n display: none;\n }\n\n .prefix::slotted(*),\n .prefix span {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix::slotted(*),\n .suffix span {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span {\n opacity: 0;\n transition: opacity 150ms;\n }\n`"
14925
14879
  }
14926
14880
  ],
14927
14881
  "exports": [
@@ -14930,28 +14884,53 @@
14930
14884
  "name": "styles",
14931
14885
  "declaration": {
14932
14886
  "name": "styles",
14933
- "module": "src/text-area/text-area.styles.ts"
14887
+ "module": "src/text-field/text-field.styles.ts"
14934
14888
  }
14935
14889
  }
14936
14890
  ]
14937
14891
  },
14938
14892
  {
14939
14893
  "kind": "javascript-module",
14940
- "path": "src/text-area/text-area.ts",
14894
+ "path": "src/text-field/text-field.ts",
14941
14895
  "declarations": [
14942
14896
  {
14943
14897
  "kind": "class",
14944
14898
  "description": "",
14945
- "name": "UmTextArea",
14899
+ "name": "UmTextField",
14946
14900
  "members": [
14947
14901
  {
14948
14902
  "kind": "field",
14949
- "name": "rows",
14903
+ "name": "type",
14950
14904
  "type": {
14951
- "text": "number"
14905
+ "text": "string"
14952
14906
  },
14953
- "default": "2",
14954
- "attribute": "rows"
14907
+ "default": "'text'",
14908
+ "attribute": "type"
14909
+ },
14910
+ {
14911
+ "kind": "field",
14912
+ "name": "prefixText",
14913
+ "type": {
14914
+ "text": "string | undefined"
14915
+ },
14916
+ "attribute": "prefix-text"
14917
+ },
14918
+ {
14919
+ "kind": "field",
14920
+ "name": "suffixText",
14921
+ "type": {
14922
+ "text": "string | undefined"
14923
+ },
14924
+ "attribute": "suffix-text"
14925
+ },
14926
+ {
14927
+ "kind": "field",
14928
+ "name": "autocapitalize",
14929
+ "type": {
14930
+ "text": "string"
14931
+ },
14932
+ "attribute": "autocapitalize",
14933
+ "reflects": true
14955
14934
  },
14956
14935
  {
14957
14936
  "kind": "field",
@@ -15462,12 +15441,33 @@
15462
15441
  ],
15463
15442
  "attributes": [
15464
15443
  {
15465
- "name": "rows",
15444
+ "name": "type",
15466
15445
  "type": {
15467
- "text": "number"
15446
+ "text": "string"
15468
15447
  },
15469
- "default": "2",
15470
- "fieldName": "rows"
15448
+ "default": "'text'",
15449
+ "fieldName": "type"
15450
+ },
15451
+ {
15452
+ "name": "prefix-text",
15453
+ "type": {
15454
+ "text": "string | undefined"
15455
+ },
15456
+ "fieldName": "prefixText"
15457
+ },
15458
+ {
15459
+ "name": "suffix-text",
15460
+ "type": {
15461
+ "text": "string | undefined"
15462
+ },
15463
+ "fieldName": "suffixText"
15464
+ },
15465
+ {
15466
+ "name": "autocapitalize",
15467
+ "type": {
15468
+ "text": "string"
15469
+ },
15470
+ "fieldName": "autocapitalize"
15471
15471
  },
15472
15472
  {
15473
15473
  "name": "value",
@@ -15667,25 +15667,25 @@
15667
15667
  "name": "UmNativeTextFieldWrapper",
15668
15668
  "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
15669
15669
  },
15670
- "tagName": "u-text-area",
15670
+ "tagName": "u-text-field",
15671
15671
  "customElement": true
15672
15672
  }
15673
15673
  ],
15674
15674
  "exports": [
15675
15675
  {
15676
15676
  "kind": "js",
15677
- "name": "UmTextArea",
15677
+ "name": "UmTextField",
15678
15678
  "declaration": {
15679
- "name": "UmTextArea",
15680
- "module": "src/text-area/text-area.ts"
15679
+ "name": "UmTextField",
15680
+ "module": "src/text-field/text-field.ts"
15681
15681
  }
15682
15682
  },
15683
15683
  {
15684
15684
  "kind": "custom-element-definition",
15685
- "name": "u-text-area",
15685
+ "name": "u-text-field",
15686
15686
  "declaration": {
15687
- "name": "UmTextArea",
15688
- "module": "src/text-area/text-area.ts"
15687
+ "name": "UmTextField",
15688
+ "module": "src/text-field/text-field.ts"
15689
15689
  }
15690
15690
  }
15691
15691
  ]
@@ -16705,13 +16705,32 @@
16705
16705
  "name": "#detach"
16706
16706
  },
16707
16707
  {
16708
- "kind": "field",
16709
- "name": "#handleFocus",
16710
- "privacy": "private"
16708
+ "kind": "method",
16709
+ "name": "#handleItemMouseDown",
16710
+ "parameters": [
16711
+ {
16712
+ "name": "e",
16713
+ "type": {
16714
+ "text": "Event"
16715
+ }
16716
+ }
16717
+ ]
16718
+ },
16719
+ {
16720
+ "kind": "method",
16721
+ "name": "#handleClick",
16722
+ "parameters": [
16723
+ {
16724
+ "name": "e",
16725
+ "type": {
16726
+ "text": "Event"
16727
+ }
16728
+ }
16729
+ ]
16711
16730
  },
16712
16731
  {
16713
16732
  "kind": "field",
16714
- "name": "#handleBlur",
16733
+ "name": "#handleFocus",
16715
16734
  "privacy": "private"
16716
16735
  },
16717
16736
  {
@@ -16812,18 +16831,6 @@
16812
16831
  "text": "string"
16813
16832
  }
16814
16833
  }
16815
- },
16816
- {
16817
- "kind": "method",
16818
- "name": "#handleClick",
16819
- "parameters": [
16820
- {
16821
- "name": "e",
16822
- "type": {
16823
- "text": "Event"
16824
- }
16825
- }
16826
- ]
16827
16834
  }
16828
16835
  ],
16829
16836
  "events": [