@universal-material/web 3.0.115 → 3.0.116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/css/universal-material.css +89 -1
  2. package/css/universal-material.min.css +2 -2
  3. package/custom-elements.json +1660 -1660
  4. package/package.json +1 -1
  5. package/scss/utilities/_text.scss +21 -0
package/custom-elements.json CHANGED
@@ -644,255 +644,6 @@
644
644
  }
645
645
  ]
646
646
  },
647
- {
648
- "kind": "javascript-module",
649
- "path": "src/card/card-content.styles.ts",
650
- "declarations": [
651
- {
652
- "kind": "variable",
653
- "name": "styles",
654
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
655
- }
656
- ],
657
- "exports": [
658
- {
659
- "kind": "js",
660
- "name": "styles",
661
- "declaration": {
662
- "name": "styles",
663
- "module": "src/card/card-content.styles.ts"
664
- }
665
- }
666
- ]
667
- },
668
- {
669
- "kind": "javascript-module",
670
- "path": "src/card/card-content.ts",
671
- "declarations": [
672
- {
673
- "kind": "class",
674
- "description": "",
675
- "name": "UmCardContent",
676
- "members": [
677
- {
678
- "kind": "field",
679
- "name": "hasContent",
680
- "type": {
681
- "text": "boolean"
682
- },
683
- "default": "false",
684
- "attribute": "has-content",
685
- "reflects": true
686
- },
687
- {
688
- "kind": "method",
689
- "name": "handleSlotChange",
690
- "privacy": "private",
691
- "parameters": [
692
- {
693
- "name": "e",
694
- "type": {
695
- "text": "Event"
696
- }
697
- }
698
- ]
699
- }
700
- ],
701
- "attributes": [
702
- {
703
- "name": "has-content",
704
- "type": {
705
- "text": "boolean"
706
- },
707
- "default": "false",
708
- "fieldName": "hasContent"
709
- }
710
- ],
711
- "superclass": {
712
- "name": "LitElement",
713
- "package": "lit"
714
- },
715
- "tagName": "u-card-content",
716
- "customElement": true
717
- }
718
- ],
719
- "exports": [
720
- {
721
- "kind": "js",
722
- "name": "UmCardContent",
723
- "declaration": {
724
- "name": "UmCardContent",
725
- "module": "src/card/card-content.ts"
726
- }
727
- },
728
- {
729
- "kind": "custom-element-definition",
730
- "name": "u-card-content",
731
- "declaration": {
732
- "name": "UmCardContent",
733
- "module": "src/card/card-content.ts"
734
- }
735
- }
736
- ]
737
- },
738
- {
739
- "kind": "javascript-module",
740
- "path": "src/card/card-media.styles.ts",
741
- "declarations": [
742
- {
743
- "kind": "variable",
744
- "name": "styles",
745
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
746
- }
747
- ],
748
- "exports": [
749
- {
750
- "kind": "js",
751
- "name": "styles",
752
- "declaration": {
753
- "name": "styles",
754
- "module": "src/card/card-media.styles.ts"
755
- }
756
- }
757
- ]
758
- },
759
- {
760
- "kind": "javascript-module",
761
- "path": "src/card/card-media.ts",
762
- "declarations": [
763
- {
764
- "kind": "class",
765
- "description": "",
766
- "name": "UmCardMedia",
767
- "members": [
768
- {
769
- "kind": "field",
770
- "name": "wide",
771
- "type": {
772
- "text": "boolean"
773
- },
774
- "default": "false",
775
- "attribute": "wide",
776
- "reflects": true
777
- }
778
- ],
779
- "attributes": [
780
- {
781
- "name": "wide",
782
- "type": {
783
- "text": "boolean"
784
- },
785
- "default": "false",
786
- "fieldName": "wide"
787
- }
788
- ],
789
- "superclass": {
790
- "name": "LitElement",
791
- "package": "lit"
792
- },
793
- "tagName": "u-card-media",
794
- "customElement": true
795
- }
796
- ],
797
- "exports": [
798
- {
799
- "kind": "js",
800
- "name": "UmCardMedia",
801
- "declaration": {
802
- "name": "UmCardMedia",
803
- "module": "src/card/card-media.ts"
804
- }
805
- },
806
- {
807
- "kind": "custom-element-definition",
808
- "name": "u-card-media",
809
- "declaration": {
810
- "name": "UmCardMedia",
811
- "module": "src/card/card-media.ts"
812
- }
813
- }
814
- ]
815
- },
816
- {
817
- "kind": "javascript-module",
818
- "path": "src/card/card.styles.ts",
819
- "declarations": [
820
- {
821
- "kind": "variable",
822
- "name": "styles",
823
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
824
- }
825
- ],
826
- "exports": [
827
- {
828
- "kind": "js",
829
- "name": "styles",
830
- "declaration": {
831
- "name": "styles",
832
- "module": "src/card/card.styles.ts"
833
- }
834
- }
835
- ]
836
- },
837
- {
838
- "kind": "javascript-module",
839
- "path": "src/card/card.ts",
840
- "declarations": [
841
- {
842
- "kind": "class",
843
- "description": "",
844
- "name": "UmCard",
845
- "members": [
846
- {
847
- "kind": "field",
848
- "name": "variant",
849
- "type": {
850
- "text": "UmCardVariant"
851
- },
852
- "default": "'filled'",
853
- "description": "The Card variant to render.",
854
- "attribute": "variant",
855
- "reflects": true
856
- }
857
- ],
858
- "attributes": [
859
- {
860
- "name": "variant",
861
- "type": {
862
- "text": "UmCardVariant"
863
- },
864
- "default": "'filled'",
865
- "description": "The Card variant to render.",
866
- "fieldName": "variant"
867
- }
868
- ],
869
- "superclass": {
870
- "name": "LitElement",
871
- "package": "lit"
872
- },
873
- "tagName": "u-card",
874
- "customElement": true
875
- }
876
- ],
877
- "exports": [
878
- {
879
- "kind": "js",
880
- "name": "UmCard",
881
- "declaration": {
882
- "name": "UmCard",
883
- "module": "src/card/card.ts"
884
- }
885
- },
886
- {
887
- "kind": "custom-element-definition",
888
- "name": "u-card",
889
- "declaration": {
890
- "name": "UmCard",
891
- "module": "src/card/card.ts"
892
- }
893
- }
894
- ]
895
- },
896
647
  {
897
648
  "kind": "javascript-module",
898
649
  "path": "src/button/button-base.styles.ts",
@@ -2969,463 +2720,565 @@
2969
2720
  },
2970
2721
  {
2971
2722
  "kind": "javascript-module",
2972
- "path": "src/checkbox/checkbox-list-item.ts",
2723
+ "path": "src/card/card-content.styles.ts",
2973
2724
  "declarations": [
2974
2725
  {
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,
2726
+ "kind": "variable",
2727
+ "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`"
2729
+ }
2730
+ ],
2731
+ "exports": [
2732
+ {
2733
+ "kind": "js",
2734
+ "name": "styles",
2735
+ "declaration": {
2736
+ "name": "styles",
2737
+ "module": "src/card/card-content.styles.ts"
2738
+ }
2739
+ }
2740
+ ]
2741
+ },
2742
+ {
2743
+ "kind": "javascript-module",
2744
+ "path": "src/card/card-content.ts",
2745
+ "declarations": [
2746
+ {
2747
+ "kind": "class",
2748
+ "description": "",
2749
+ "name": "UmCardContent",
2990
2750
  "members": [
2991
2751
  {
2992
2752
  "kind": "field",
2993
- "name": "styles",
2753
+ "name": "hasContent",
2994
2754
  "type": {
2995
- "text": "array"
2755
+ "text": "boolean"
2996
2756
  },
2997
- "static": true,
2998
- "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 ]",
2999
- "inheritedFrom": {
3000
- "name": "mixinSelectionControlListItem",
3001
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3002
- }
2757
+ "default": "false",
2758
+ "attribute": "has-content",
2759
+ "reflects": true
3003
2760
  },
3004
2761
  {
3005
2762
  "kind": "method",
3006
- "name": "render",
3007
- "return": {
3008
- "type": {
3009
- "text": "HTMLTemplateResult"
2763
+ "name": "handleSlotChange",
2764
+ "privacy": "private",
2765
+ "parameters": [
2766
+ {
2767
+ "name": "e",
2768
+ "type": {
2769
+ "text": "Event"
2770
+ }
3010
2771
  }
3011
- },
3012
- "inheritedFrom": {
3013
- "name": "mixinSelectionControlListItem",
3014
- "module": "src/shared/selection-control/selection-control-list-item.ts"
3015
- }
3016
- },
2772
+ ]
2773
+ }
2774
+ ],
2775
+ "attributes": [
3017
2776
  {
3018
- "kind": "field",
3019
- "name": "#indeterminate",
3020
- "privacy": "private",
2777
+ "name": "has-content",
3021
2778
  "type": {
3022
2779
  "text": "boolean"
3023
2780
  },
3024
2781
  "default": "false",
3025
- "inheritedFrom": {
3026
- "name": "UmCheckbox",
3027
- "module": "src/checkbox/checkbox.ts"
3028
- }
3029
- },
2782
+ "fieldName": "hasContent"
2783
+ }
2784
+ ],
2785
+ "superclass": {
2786
+ "name": "LitElement",
2787
+ "package": "lit"
2788
+ },
2789
+ "tagName": "u-card-content",
2790
+ "customElement": true
2791
+ }
2792
+ ],
2793
+ "exports": [
2794
+ {
2795
+ "kind": "js",
2796
+ "name": "UmCardContent",
2797
+ "declaration": {
2798
+ "name": "UmCardContent",
2799
+ "module": "src/card/card-content.ts"
2800
+ }
2801
+ },
2802
+ {
2803
+ "kind": "custom-element-definition",
2804
+ "name": "u-card-content",
2805
+ "declaration": {
2806
+ "name": "UmCardContent",
2807
+ "module": "src/card/card-content.ts"
2808
+ }
2809
+ }
2810
+ ]
2811
+ },
2812
+ {
2813
+ "kind": "javascript-module",
2814
+ "path": "src/card/card-media.styles.ts",
2815
+ "declarations": [
2816
+ {
2817
+ "kind": "variable",
2818
+ "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`"
2820
+ }
2821
+ ],
2822
+ "exports": [
2823
+ {
2824
+ "kind": "js",
2825
+ "name": "styles",
2826
+ "declaration": {
2827
+ "name": "styles",
2828
+ "module": "src/card/card-media.styles.ts"
2829
+ }
2830
+ }
2831
+ ]
2832
+ },
2833
+ {
2834
+ "kind": "javascript-module",
2835
+ "path": "src/card/card-media.ts",
2836
+ "declarations": [
2837
+ {
2838
+ "kind": "class",
2839
+ "description": "",
2840
+ "name": "UmCardMedia",
2841
+ "members": [
3030
2842
  {
3031
2843
  "kind": "field",
3032
- "name": "hideStateLayer",
2844
+ "name": "wide",
3033
2845
  "type": {
3034
2846
  "text": "boolean"
3035
2847
  },
3036
2848
  "default": "false",
3037
- "attribute": "hide-state-layer",
3038
- "reflects": true,
3039
- "inheritedFrom": {
3040
- "name": "UmCheckbox",
3041
- "module": "src/checkbox/checkbox.ts"
3042
- }
3043
- },
2849
+ "attribute": "wide",
2850
+ "reflects": true
2851
+ }
2852
+ ],
2853
+ "attributes": [
3044
2854
  {
3045
- "kind": "field",
3046
- "name": "indeterminate",
2855
+ "name": "wide",
3047
2856
  "type": {
3048
2857
  "text": "boolean"
3049
2858
  },
3050
- "attribute": "indeterminate",
3051
- "inheritedFrom": {
3052
- "name": "UmCheckbox",
3053
- "module": "src/checkbox/checkbox.ts"
3054
- }
3055
- },
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": [
3056
2920
  {
3057
2921
  "kind": "field",
3058
- "name": "checked",
3059
- "attribute": "checked",
2922
+ "name": "variant",
3060
2923
  "type": {
3061
- "text": "boolean"
3062
- },
3063
- "inheritedFrom": {
3064
- "name": "UmSelectionControl",
3065
- "module": "src/shared/selection-control/selection-control.ts"
3066
- }
3067
- },
3068
- {
3069
- "kind": "method",
3070
- "name": "renderIndicator",
3071
- "privacy": "protected",
3072
- "return": {
3073
- "type": {
3074
- "text": "HTMLTemplateResult"
3075
- }
2924
+ "text": "UmCardVariant"
3076
2925
  },
3077
- "inheritedFrom": {
3078
- "name": "UmSelectionControl",
3079
- "module": "src/shared/selection-control/selection-control.ts"
3080
- }
3081
- },
2926
+ "default": "'filled'",
2927
+ "description": "The Card variant to render.",
2928
+ "attribute": "variant",
2929
+ "reflects": true
2930
+ }
2931
+ ],
2932
+ "attributes": [
3082
2933
  {
3083
- "kind": "field",
3084
- "name": "formAssociated",
2934
+ "name": "variant",
3085
2935
  "type": {
3086
- "text": "boolean"
2936
+ "text": "UmCardVariant"
3087
2937
  },
3088
- "static": true,
3089
- "default": "true",
3090
- "inheritedFrom": {
3091
- "name": "UmSelectionControl",
3092
- "module": "src/shared/selection-control/selection-control.ts"
3093
- }
3094
- },
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/chip/chip-set.styles.ts",
2973
+ "declarations": [
2974
+ {
2975
+ "kind": "variable",
2976
+ "name": "styles",
2977
+ "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
2978
+ }
2979
+ ],
2980
+ "exports": [
2981
+ {
2982
+ "kind": "js",
2983
+ "name": "styles",
2984
+ "declaration": {
2985
+ "name": "styles",
2986
+ "module": "src/chip/chip-set.styles.ts"
2987
+ }
2988
+ }
2989
+ ]
2990
+ },
2991
+ {
2992
+ "kind": "javascript-module",
2993
+ "path": "src/chip/chip-set.ts",
2994
+ "declarations": [
2995
+ {
2996
+ "kind": "class",
2997
+ "description": "",
2998
+ "name": "UmChipSet",
2999
+ "members": [
3095
3000
  {
3096
3001
  "kind": "field",
3097
- "name": "elementInternals",
3002
+ "name": "alignment",
3098
3003
  "type": {
3099
- "text": "ElementInternals"
3004
+ "text": "'start' | 'center' | 'end'"
3100
3005
  },
3101
- "privacy": "protected",
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,
3102
3010
  "inheritedFrom": {
3103
- "name": "UmSelectionControl",
3104
- "module": "src/shared/selection-control/selection-control.ts"
3011
+ "name": "UmSetBase",
3012
+ "module": "src/shared/sets/set-base.ts"
3105
3013
  }
3106
- },
3014
+ }
3015
+ ],
3016
+ "superclass": {
3017
+ "name": "UmSetBase",
3018
+ "module": "/src/shared/sets/set-base.js"
3019
+ },
3020
+ "tagName": "u-chip-set",
3021
+ "customElement": true,
3022
+ "attributes": [
3107
3023
  {
3108
- "kind": "field",
3109
- "name": "name",
3024
+ "name": "alignment",
3110
3025
  "type": {
3111
- "text": "string | undefined"
3026
+ "text": "'start' | 'center' | 'end'"
3112
3027
  },
3113
- "default": "''",
3114
- "attribute": "name",
3028
+ "default": "'start'",
3029
+ "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3030
+ "fieldName": "alignment",
3115
3031
  "inheritedFrom": {
3116
- "name": "UmSelectionControl",
3117
- "module": "src/shared/selection-control/selection-control.ts"
3032
+ "name": "UmSetBase",
3033
+ "module": "src/shared/sets/set-base.ts"
3118
3034
  }
3119
- },
3035
+ }
3036
+ ]
3037
+ }
3038
+ ],
3039
+ "exports": [
3040
+ {
3041
+ "kind": "js",
3042
+ "name": "UmChipSet",
3043
+ "declaration": {
3044
+ "name": "UmChipSet",
3045
+ "module": "src/chip/chip-set.ts"
3046
+ }
3047
+ },
3048
+ {
3049
+ "kind": "custom-element-definition",
3050
+ "name": "u-chip-set",
3051
+ "declaration": {
3052
+ "name": "UmChipSet",
3053
+ "module": "src/chip/chip-set.ts"
3054
+ }
3055
+ }
3056
+ ]
3057
+ },
3058
+ {
3059
+ "kind": "javascript-module",
3060
+ "path": "src/chip/chip.styles.ts",
3061
+ "declarations": [
3062
+ {
3063
+ "kind": "variable",
3064
+ "name": "styles",
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`"
3066
+ }
3067
+ ],
3068
+ "exports": [
3069
+ {
3070
+ "kind": "js",
3071
+ "name": "styles",
3072
+ "declaration": {
3073
+ "name": "styles",
3074
+ "module": "src/chip/chip.styles.ts"
3075
+ }
3076
+ }
3077
+ ]
3078
+ },
3079
+ {
3080
+ "kind": "javascript-module",
3081
+ "path": "src/chip/chip.ts",
3082
+ "declarations": [
3083
+ {
3084
+ "kind": "class",
3085
+ "description": "",
3086
+ "name": "UmChip",
3087
+ "members": [
3120
3088
  {
3121
3089
  "kind": "field",
3122
- "name": "disabled",
3090
+ "name": "#clickable",
3091
+ "privacy": "private",
3123
3092
  "type": {
3124
3093
  "text": "boolean"
3125
3094
  },
3126
- "default": "false",
3127
- "attribute": "disabled",
3128
- "reflects": true,
3129
- "inheritedFrom": {
3130
- "name": "UmSelectionControl",
3131
- "module": "src/shared/selection-control/selection-control.ts"
3132
- }
3095
+ "default": "false"
3133
3096
  },
3134
3097
  {
3135
3098
  "kind": "field",
3136
- "name": "input",
3099
+ "name": "#toggle",
3100
+ "privacy": "private",
3137
3101
  "type": {
3138
- "text": "HTMLInputElement"
3102
+ "text": "boolean"
3139
3103
  },
3140
- "inheritedFrom": {
3141
- "name": "UmSelectionControl",
3142
- "module": "src/shared/selection-control/selection-control.ts"
3143
- }
3104
+ "default": "false"
3144
3105
  },
3145
3106
  {
3146
3107
  "kind": "field",
3147
- "name": "form",
3108
+ "name": "selected",
3148
3109
  "type": {
3149
- "text": "HTMLFormElement | null"
3110
+ "text": "boolean"
3150
3111
  },
3151
- "inheritedFrom": {
3152
- "name": "UmSelectionControl",
3153
- "module": "src/shared/selection-control/selection-control.ts"
3154
- }
3112
+ "default": "false",
3113
+ "description": "Whether the chip is selected or not",
3114
+ "attribute": "selected",
3115
+ "reflects": true
3155
3116
  },
3156
3117
  {
3157
3118
  "kind": "field",
3158
- "name": "#checked",
3159
- "privacy": "private",
3119
+ "name": "clickable",
3160
3120
  "type": {
3161
3121
  "text": "boolean"
3162
3122
  },
3163
- "default": "false",
3164
- "inheritedFrom": {
3165
- "name": "UmSelectionControl",
3166
- "module": "src/shared/selection-control/selection-control.ts"
3167
- }
3123
+ "attribute": "clickable",
3124
+ "reflects": true
3168
3125
  },
3169
3126
  {
3170
3127
  "kind": "field",
3171
- "name": "inputType",
3128
+ "name": "elevated",
3172
3129
  "type": {
3173
- "text": "'checkbox' | 'radio'"
3130
+ "text": "boolean"
3174
3131
  },
3175
- "privacy": "protected",
3176
- "default": "'checkbox'",
3177
- "inheritedFrom": {
3178
- "name": "UmSelectionControl",
3179
- "module": "src/shared/selection-control/selection-control.ts"
3180
- }
3132
+ "default": "false",
3133
+ "description": "Adds elevation to the chip",
3134
+ "attribute": "elevated",
3135
+ "reflects": true
3181
3136
  },
3182
3137
  {
3183
3138
  "kind": "field",
3184
- "name": "renderRipple",
3139
+ "name": "toggle",
3185
3140
  "type": {
3186
3141
  "text": "boolean"
3187
3142
  },
3188
- "privacy": "protected",
3189
- "default": "true",
3190
- "inheritedFrom": {
3191
- "name": "UmSelectionControl",
3192
- "module": "src/shared/selection-control/selection-control.ts"
3193
- }
3143
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3144
+ "attribute": "toggle",
3145
+ "reflects": true
3194
3146
  },
3195
3147
  {
3196
3148
  "kind": "field",
3197
- "name": "value",
3149
+ "name": "removable",
3198
3150
  "type": {
3199
- "text": "string"
3151
+ "text": "boolean"
3200
3152
  },
3201
- "default": "'on'",
3202
- "description": "The element value to use in form submission when checked.",
3203
- "attribute": "value",
3204
- "inheritedFrom": {
3205
- "name": "UmSelectionControl",
3206
- "module": "src/shared/selection-control/selection-control.ts"
3207
- }
3153
+ "default": "false",
3154
+ "description": "Add the remove icon",
3155
+ "attribute": "removable",
3156
+ "reflects": true
3208
3157
  },
3209
3158
  {
3210
3159
  "kind": "field",
3211
- "name": "_checkedAttribute",
3160
+ "name": "hideSelectedIcon",
3212
3161
  "type": {
3213
3162
  "text": "boolean"
3214
3163
  },
3215
- "privacy": "private",
3216
3164
  "default": "false",
3217
- "attribute": "checked",
3218
- "inheritedFrom": {
3219
- "name": "UmSelectionControl",
3220
- "module": "src/shared/selection-control/selection-control.ts"
3221
- }
3165
+ "description": "Hide the selected icon",
3166
+ "attribute": "hide-selected-icon",
3167
+ "reflects": true
3222
3168
  },
3223
3169
  {
3224
- "kind": "method",
3225
- "name": "#handleClick",
3226
- "parameters": [
3227
- {
3228
- "name": "e",
3229
- "type": {
3230
- "text": "Event"
3231
- }
3232
- }
3233
- ],
3234
- "inheritedFrom": {
3235
- "name": "UmSelectionControl",
3236
- "module": "src/shared/selection-control/selection-control.ts"
3237
- }
3238
- }
3239
- ],
3240
- "attributes": [
3241
- {
3242
- "name": "hide-state-layer",
3170
+ "kind": "field",
3171
+ "name": "hasLeadingIcon",
3243
3172
  "type": {
3244
3173
  "text": "boolean"
3245
3174
  },
3246
3175
  "default": "false",
3247
- "fieldName": "hideStateLayer",
3248
- "inheritedFrom": {
3249
- "name": "UmCheckbox",
3250
- "module": "src/checkbox/checkbox.ts"
3251
- }
3176
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3177
+ "attribute": "has-leading-icon",
3178
+ "reflects": true
3252
3179
  },
3253
3180
  {
3254
- "name": "indeterminate",
3181
+ "kind": "field",
3182
+ "name": "hasSelectedIcon",
3255
3183
  "type": {
3256
3184
  "text": "boolean"
3257
3185
  },
3258
- "fieldName": "indeterminate",
3259
- "inheritedFrom": {
3260
- "name": "UmCheckbox",
3261
- "module": "src/checkbox/checkbox.ts"
3262
- }
3263
- },
3264
- {
3265
- "name": "name",
3266
- "type": {
3267
- "text": "string | undefined"
3268
- },
3269
- "default": "''",
3270
- "fieldName": "name",
3271
- "inheritedFrom": {
3272
- "name": "UmSelectionControl",
3273
- "module": "src/shared/selection-control/selection-control.ts"
3274
- }
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
3275
3190
  },
3276
3191
  {
3277
- "name": "disabled",
3192
+ "kind": "field",
3193
+ "name": "hasTrailingIcon",
3278
3194
  "type": {
3279
3195
  "text": "boolean"
3280
3196
  },
3281
3197
  "default": "false",
3282
- "fieldName": "disabled",
3283
- "inheritedFrom": {
3284
- "name": "UmSelectionControl",
3285
- "module": "src/shared/selection-control/selection-control.ts"
3286
- }
3198
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3199
+ "attribute": "has-trailing-icon",
3200
+ "reflects": true
3287
3201
  },
3288
3202
  {
3289
- "name": "value",
3203
+ "kind": "field",
3204
+ "name": "assignedLeadingIcons",
3290
3205
  "type": {
3291
- "text": "string"
3206
+ "text": "HTMLElement[]"
3292
3207
  },
3293
- "default": "'on'",
3294
- "description": "The element value to use in form submission when checked.",
3295
- "fieldName": "value",
3296
- "inheritedFrom": {
3297
- "name": "UmSelectionControl",
3298
- "module": "src/shared/selection-control/selection-control.ts"
3299
- }
3208
+ "privacy": "private"
3300
3209
  },
3301
3210
  {
3302
- "name": "checked",
3303
- "fieldName": "_checkedAttribute",
3211
+ "kind": "field",
3212
+ "name": "assignedSelectedIcons",
3304
3213
  "type": {
3305
- "text": "boolean"
3214
+ "text": "HTMLElement[]"
3306
3215
  },
3307
- "default": "false",
3308
- "inheritedFrom": {
3309
- "name": "UmSelectionControl",
3310
- "module": "src/shared/selection-control/selection-control.ts"
3311
- }
3312
- }
3313
- ],
3314
- "events": [
3216
+ "privacy": "private"
3217
+ },
3315
3218
  {
3316
- "name": "input",
3219
+ "kind": "field",
3220
+ "name": "assignedTrailingIcons",
3317
3221
  "type": {
3318
- "text": "InputEvent"
3222
+ "text": "HTMLElement[]"
3319
3223
  },
3320
- "inheritedFrom": {
3321
- "name": "UmSelectionControl",
3322
- "module": "src/shared/selection-control/selection-control.ts"
3323
- }
3224
+ "privacy": "private"
3324
3225
  },
3325
3226
  {
3326
- "name": "change",
3227
+ "kind": "field",
3228
+ "name": "removeRipple",
3327
3229
  "type": {
3328
- "text": "Event"
3329
- },
3330
- "inheritedFrom": {
3331
- "name": "UmSelectionControl",
3332
- "module": "src/shared/selection-control/selection-control.ts"
3230
+ "text": "UmRipple"
3333
3231
  }
3334
- }
3335
- ]
3336
- }
3337
- ],
3338
- "exports": [
3339
- {
3340
- "kind": "js",
3341
- "name": "UmCheckboxListItem",
3342
- "declaration": {
3343
- "name": "UmCheckboxListItem",
3344
- "module": "src/checkbox/checkbox-list-item.ts"
3345
- }
3346
- },
3347
- {
3348
- "kind": "custom-element-definition",
3349
- "name": "u-checkbox-list-item",
3350
- "declaration": {
3351
- "name": "UmCheckboxListItem",
3352
- "module": "src/checkbox/checkbox-list-item.ts"
3353
- }
3354
- }
3355
- ]
3356
- },
3357
- {
3358
- "kind": "javascript-module",
3359
- "path": "src/checkbox/checkbox.styles.ts",
3360
- "declarations": [
3361
- {
3362
- "kind": "variable",
3363
- "name": "styles",
3364
- "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`"
3365
- }
3366
- ],
3367
- "exports": [
3368
- {
3369
- "kind": "js",
3370
- "name": "styles",
3371
- "declaration": {
3372
- "name": "styles",
3373
- "module": "src/checkbox/checkbox.styles.ts"
3374
- }
3375
- }
3376
- ]
3377
- },
3378
- {
3379
- "kind": "javascript-module",
3380
- "path": "src/checkbox/checkbox.ts",
3381
- "declarations": [
3382
- {
3383
- "kind": "class",
3384
- "description": "",
3385
- "name": "UmCheckbox",
3386
- "members": [
3232
+ },
3387
3233
  {
3388
- "kind": "field",
3389
- "name": "#indeterminate",
3390
- "privacy": "private",
3391
- "type": {
3392
- "text": "boolean"
3393
- },
3394
- "default": "false"
3234
+ "kind": "method",
3235
+ "name": "#handleRemoveClick",
3236
+ "parameters": [
3237
+ {
3238
+ "name": "e",
3239
+ "type": {
3240
+ "text": "Event"
3241
+ }
3242
+ }
3243
+ ]
3395
3244
  },
3396
3245
  {
3397
- "kind": "field",
3398
- "name": "hideStateLayer",
3399
- "type": {
3400
- "text": "boolean"
3401
- },
3402
- "default": "false",
3403
- "attribute": "hide-state-layer",
3404
- "reflects": true
3246
+ "kind": "method",
3247
+ "name": "#handleTrailingIconSlotChange"
3405
3248
  },
3406
3249
  {
3407
- "kind": "field",
3408
- "name": "indeterminate",
3409
- "type": {
3410
- "text": "boolean"
3411
- },
3412
- "attribute": "indeterminate"
3250
+ "kind": "method",
3251
+ "name": "#handleLeadingIconSlotChange"
3413
3252
  },
3414
3253
  {
3415
- "kind": "field",
3416
- "name": "checked",
3417
- "attribute": "checked",
3418
- "type": {
3419
- "text": "boolean"
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
+ }
3420
3265
  },
3266
+ "parameters": [
3267
+ {
3268
+ "name": "event",
3269
+ "type": {
3270
+ "text": "UIEvent"
3271
+ }
3272
+ }
3273
+ ],
3421
3274
  "inheritedFrom": {
3422
- "name": "UmSelectionControl",
3423
- "module": "src/shared/selection-control/selection-control.ts"
3275
+ "name": "UmButtonWrapper",
3276
+ "module": "src/shared/button-wrapper.ts"
3424
3277
  }
3425
3278
  },
3426
3279
  {
3427
3280
  "kind": "method",
3428
- "name": "renderIndicator",
3281
+ "name": "renderContent",
3429
3282
  "privacy": "protected",
3430
3283
  "return": {
3431
3284
  "type": {
@@ -3433,549 +3286,625 @@
3433
3286
  }
3434
3287
  },
3435
3288
  "inheritedFrom": {
3436
- "name": "UmSelectionControl",
3437
- "module": "src/shared/selection-control/selection-control.ts"
3289
+ "name": "UmButtonWrapper",
3290
+ "module": "src/shared/button-wrapper.ts"
3438
3291
  }
3439
3292
  },
3440
3293
  {
3441
3294
  "kind": "field",
3442
- "name": "formAssociated",
3295
+ "name": "disabled",
3443
3296
  "type": {
3444
3297
  "text": "boolean"
3445
3298
  },
3446
- "static": true,
3447
- "default": "true",
3299
+ "default": "false",
3300
+ "description": "Whether the button is disabled or not.",
3301
+ "attribute": "disabled",
3302
+ "reflects": true,
3448
3303
  "inheritedFrom": {
3449
- "name": "UmSelectionControl",
3450
- "module": "src/shared/selection-control/selection-control.ts"
3304
+ "name": "UmButtonWrapper",
3305
+ "module": "src/shared/button-wrapper.ts"
3451
3306
  }
3452
3307
  },
3453
3308
  {
3454
3309
  "kind": "field",
3455
- "name": "elementInternals",
3310
+ "name": "renderRipple",
3456
3311
  "type": {
3457
- "text": "ElementInternals"
3312
+ "text": "boolean"
3458
3313
  },
3459
- "privacy": "protected",
3314
+ "default": "true",
3460
3315
  "inheritedFrom": {
3461
- "name": "UmSelectionControl",
3462
- "module": "src/shared/selection-control/selection-control.ts"
3463
- }
3316
+ "name": "UmButtonWrapper",
3317
+ "module": "src/shared/button-wrapper.ts"
3318
+ }
3464
3319
  },
3465
3320
  {
3466
3321
  "kind": "field",
3467
- "name": "name",
3322
+ "name": "href",
3468
3323
  "type": {
3469
3324
  "text": "string | undefined"
3470
3325
  },
3471
- "default": "''",
3472
- "attribute": "name",
3326
+ "description": "The URL that the link button points to.",
3327
+ "attribute": "href",
3473
3328
  "inheritedFrom": {
3474
- "name": "UmSelectionControl",
3475
- "module": "src/shared/selection-control/selection-control.ts"
3329
+ "name": "UmButtonWrapper",
3330
+ "module": "src/shared/button-wrapper.ts"
3476
3331
  }
3477
3332
  },
3478
3333
  {
3479
3334
  "kind": "field",
3480
- "name": "disabled",
3335
+ "name": "target",
3481
3336
  "type": {
3482
- "text": "boolean"
3337
+ "text": "string | undefined"
3483
3338
  },
3484
- "default": "false",
3485
- "attribute": "disabled",
3486
- "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",
3487
3341
  "inheritedFrom": {
3488
- "name": "UmSelectionControl",
3489
- "module": "src/shared/selection-control/selection-control.ts"
3342
+ "name": "UmButtonWrapper",
3343
+ "module": "src/shared/button-wrapper.ts"
3490
3344
  }
3491
3345
  },
3492
3346
  {
3493
3347
  "kind": "field",
3494
- "name": "input",
3348
+ "name": "name",
3495
3349
  "type": {
3496
- "text": "HTMLInputElement"
3350
+ "text": "string | undefined"
3497
3351
  },
3352
+ "attribute": "name",
3498
3353
  "inheritedFrom": {
3499
- "name": "UmSelectionControl",
3500
- "module": "src/shared/selection-control/selection-control.ts"
3354
+ "name": "UmButtonWrapper",
3355
+ "module": "src/shared/button-wrapper.ts"
3501
3356
  }
3502
3357
  },
3503
3358
  {
3504
3359
  "kind": "field",
3505
- "name": "form",
3360
+ "name": "buttonElement",
3506
3361
  "type": {
3507
- "text": "HTMLFormElement | null"
3362
+ "text": "HTMLElement"
3508
3363
  },
3509
3364
  "inheritedFrom": {
3510
- "name": "UmSelectionControl",
3511
- "module": "src/shared/selection-control/selection-control.ts"
3365
+ "name": "UmButtonWrapper",
3366
+ "module": "src/shared/button-wrapper.ts"
3512
3367
  }
3513
3368
  },
3514
3369
  {
3515
3370
  "kind": "field",
3516
- "name": "#checked",
3517
- "privacy": "private",
3371
+ "name": "ripple",
3518
3372
  "type": {
3519
- "text": "boolean"
3373
+ "text": "UmRipple"
3520
3374
  },
3521
- "default": "false",
3375
+ "privacy": "private",
3522
3376
  "inheritedFrom": {
3523
- "name": "UmSelectionControl",
3524
- "module": "src/shared/selection-control/selection-control.ts"
3377
+ "name": "UmButtonWrapper",
3378
+ "module": "src/shared/button-wrapper.ts"
3525
3379
  }
3526
3380
  },
3527
3381
  {
3528
3382
  "kind": "field",
3529
- "name": "inputType",
3383
+ "name": "innerRole",
3530
3384
  "type": {
3531
- "text": "'checkbox' | 'radio'"
3385
+ "text": "string | null"
3532
3386
  },
3533
3387
  "privacy": "protected",
3534
- "default": "'checkbox'",
3388
+ "default": "null",
3535
3389
  "inheritedFrom": {
3536
- "name": "UmSelectionControl",
3537
- "module": "src/shared/selection-control/selection-control.ts"
3390
+ "name": "UmButtonWrapper",
3391
+ "module": "src/shared/button-wrapper.ts"
3538
3392
  }
3539
3393
  },
3540
3394
  {
3541
3395
  "kind": "field",
3542
- "name": "renderRipple",
3396
+ "name": "pathname",
3543
3397
  "type": {
3544
- "text": "boolean"
3398
+ "text": "string"
3545
3399
  },
3546
- "privacy": "protected",
3547
- "default": "true",
3548
3400
  "inheritedFrom": {
3549
- "name": "UmSelectionControl",
3550
- "module": "src/shared/selection-control/selection-control.ts"
3401
+ "name": "UmButtonWrapper",
3402
+ "module": "src/shared/button-wrapper.ts"
3551
3403
  }
3552
3404
  },
3553
3405
  {
3554
- "kind": "field",
3555
- "name": "value",
3556
- "type": {
3557
- "text": "string"
3558
- },
3559
- "default": "'on'",
3560
- "description": "The element value to use in form submission when checked.",
3561
- "attribute": "value",
3406
+ "kind": "method",
3407
+ "name": "renderButton",
3408
+ "privacy": "private",
3562
3409
  "inheritedFrom": {
3563
- "name": "UmSelectionControl",
3564
- "module": "src/shared/selection-control/selection-control.ts"
3410
+ "name": "UmButtonWrapper",
3411
+ "module": "src/shared/button-wrapper.ts"
3565
3412
  }
3566
3413
  },
3567
3414
  {
3568
- "kind": "field",
3569
- "name": "_checkedAttribute",
3570
- "type": {
3571
- "text": "boolean"
3415
+ "kind": "method",
3416
+ "name": "renderLink",
3417
+ "privacy": "private",
3418
+ "inheritedFrom": {
3419
+ "name": "UmButtonWrapper",
3420
+ "module": "src/shared/button-wrapper.ts"
3421
+ }
3422
+ },
3423
+ {
3424
+ "kind": "method",
3425
+ "name": "focus",
3426
+ "inheritedFrom": {
3427
+ "name": "UmButtonWrapper",
3428
+ "module": "src/shared/button-wrapper.ts"
3429
+ }
3430
+ },
3431
+ {
3432
+ "kind": "method",
3433
+ "name": "blur",
3434
+ "inheritedFrom": {
3435
+ "name": "UmButtonWrapper",
3436
+ "module": "src/shared/button-wrapper.ts"
3437
+ }
3438
+ },
3439
+ {
3440
+ "kind": "method",
3441
+ "name": "getAriaLabel",
3442
+ "privacy": "protected",
3443
+ "return": {
3444
+ "type": {
3445
+ "text": "string | null"
3446
+ }
3572
3447
  },
3448
+ "inheritedFrom": {
3449
+ "name": "UmButtonWrapper",
3450
+ "module": "src/shared/button-wrapper.ts"
3451
+ }
3452
+ },
3453
+ {
3454
+ "kind": "method",
3455
+ "name": "innerFocusHandler",
3573
3456
  "privacy": "private",
3574
- "default": "false",
3575
- "attribute": "checked",
3457
+ "return": {
3458
+ "type": {
3459
+ "text": "void"
3460
+ }
3461
+ },
3576
3462
  "inheritedFrom": {
3577
- "name": "UmSelectionControl",
3578
- "module": "src/shared/selection-control/selection-control.ts"
3463
+ "name": "UmButtonWrapper",
3464
+ "module": "src/shared/button-wrapper.ts"
3579
3465
  }
3580
3466
  },
3581
3467
  {
3582
3468
  "kind": "method",
3583
- "name": "#handleClick",
3469
+ "name": "#innerClickHandler",
3470
+ "return": {
3471
+ "type": {
3472
+ "text": "void"
3473
+ }
3474
+ },
3584
3475
  "parameters": [
3585
3476
  {
3586
- "name": "e",
3477
+ "name": "event",
3587
3478
  "type": {
3588
- "text": "Event"
3479
+ "text": "MouseEvent"
3589
3480
  }
3590
3481
  }
3591
3482
  ],
3592
3483
  "inheritedFrom": {
3593
- "name": "UmSelectionControl",
3594
- "module": "src/shared/selection-control/selection-control.ts"
3484
+ "name": "UmButtonWrapper",
3485
+ "module": "src/shared/button-wrapper.ts"
3486
+ }
3487
+ }
3488
+ ],
3489
+ "events": [
3490
+ {
3491
+ "name": "change",
3492
+ "type": {
3493
+ "text": "Event"
3595
3494
  }
3596
3495
  }
3597
3496
  ],
3598
3497
  "attributes": [
3599
3498
  {
3600
- "name": "hide-state-layer",
3499
+ "name": "selected",
3601
3500
  "type": {
3602
3501
  "text": "boolean"
3603
3502
  },
3604
3503
  "default": "false",
3605
- "fieldName": "hideStateLayer"
3504
+ "description": "Whether the chip is selected or not",
3505
+ "fieldName": "selected"
3606
3506
  },
3607
3507
  {
3608
- "name": "indeterminate",
3508
+ "name": "clickable",
3609
3509
  "type": {
3610
3510
  "text": "boolean"
3611
3511
  },
3612
- "fieldName": "indeterminate"
3512
+ "fieldName": "clickable"
3613
3513
  },
3614
3514
  {
3615
- "name": "name",
3515
+ "name": "elevated",
3616
3516
  "type": {
3617
- "text": "string | undefined"
3517
+ "text": "boolean"
3618
3518
  },
3619
- "default": "''",
3620
- "fieldName": "name",
3621
- "inheritedFrom": {
3622
- "name": "UmSelectionControl",
3623
- "module": "src/shared/selection-control/selection-control.ts"
3624
- }
3519
+ "default": "false",
3520
+ "description": "Adds elevation to the chip",
3521
+ "fieldName": "elevated"
3625
3522
  },
3626
3523
  {
3627
- "name": "disabled",
3524
+ "name": "toggle",
3525
+ "type": {
3526
+ "text": "boolean"
3527
+ },
3528
+ "description": "When true, the chip will toggle between selected and unselected\nstates",
3529
+ "fieldName": "toggle"
3530
+ },
3531
+ {
3532
+ "name": "removable",
3628
3533
  "type": {
3629
3534
  "text": "boolean"
3630
3535
  },
3631
3536
  "default": "false",
3632
- "fieldName": "disabled",
3633
- "inheritedFrom": {
3634
- "name": "UmSelectionControl",
3635
- "module": "src/shared/selection-control/selection-control.ts"
3636
- }
3537
+ "description": "Add the remove icon",
3538
+ "fieldName": "removable"
3637
3539
  },
3638
3540
  {
3639
- "name": "value",
3541
+ "name": "hide-selected-icon",
3640
3542
  "type": {
3641
- "text": "string"
3543
+ "text": "boolean"
3642
3544
  },
3643
- "default": "'on'",
3644
- "description": "The element value to use in form submission when checked.",
3645
- "fieldName": "value",
3646
- "inheritedFrom": {
3647
- "name": "UmSelectionControl",
3648
- "module": "src/shared/selection-control/selection-control.ts"
3649
- }
3545
+ "default": "false",
3546
+ "description": "Hide the selected icon",
3547
+ "fieldName": "hideSelectedIcon"
3650
3548
  },
3651
3549
  {
3652
- "name": "checked",
3653
- "fieldName": "_checkedAttribute",
3550
+ "name": "has-leading-icon",
3654
3551
  "type": {
3655
3552
  "text": "boolean"
3656
3553
  },
3657
3554
  "default": "false",
3658
- "inheritedFrom": {
3659
- "name": "UmSelectionControl",
3660
- "module": "src/shared/selection-control/selection-control.ts"
3661
- }
3662
- }
3663
- ],
3664
- "superclass": {
3665
- "name": "UmSelectionControl",
3666
- "module": "/src/shared/selection-control/selection-control.js"
3667
- },
3668
- "tagName": "u-checkbox",
3669
- "customElement": true,
3670
- "events": [
3555
+ "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3556
+ "fieldName": "hasLeadingIcon"
3557
+ },
3671
3558
  {
3672
- "name": "input",
3559
+ "name": "has-selected-icon",
3673
3560
  "type": {
3674
- "text": "InputEvent"
3561
+ "text": "boolean"
3675
3562
  },
3676
- "inheritedFrom": {
3677
- "name": "UmSelectionControl",
3678
- "module": "src/shared/selection-control/selection-control.ts"
3679
- }
3563
+ "default": "false",
3564
+ "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3565
+ "fieldName": "hasSelectedIcon"
3680
3566
  },
3681
3567
  {
3682
- "name": "change",
3568
+ "name": "has-trailing-icon",
3683
3569
  "type": {
3684
- "text": "Event"
3570
+ "text": "boolean"
3685
3571
  },
3686
- "inheritedFrom": {
3687
- "name": "UmSelectionControl",
3688
- "module": "src/shared/selection-control/selection-control.ts"
3572
+ "default": "false",
3573
+ "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3574
+ "fieldName": "hasTrailingIcon"
3575
+ },
3576
+ {
3577
+ "name": "disabled",
3578
+ "type": {
3579
+ "text": "boolean"
3580
+ },
3581
+ "default": "false",
3582
+ "description": "Whether the button is disabled or not.",
3583
+ "fieldName": "disabled",
3584
+ "inheritedFrom": {
3585
+ "name": "UmButtonWrapper",
3586
+ "module": "src/shared/button-wrapper.ts"
3689
3587
  }
3690
- }
3691
- ]
3692
- }
3693
- ],
3694
- "exports": [
3695
- {
3696
- "kind": "js",
3697
- "name": "UmCheckbox",
3698
- "declaration": {
3699
- "name": "UmCheckbox",
3700
- "module": "src/checkbox/checkbox.ts"
3701
- }
3702
- },
3703
- {
3704
- "kind": "custom-element-definition",
3705
- "name": "u-checkbox",
3706
- "declaration": {
3707
- "name": "UmCheckbox",
3708
- "module": "src/checkbox/checkbox.ts"
3709
- }
3710
- }
3711
- ]
3712
- },
3713
- {
3714
- "kind": "javascript-module",
3715
- "path": "src/chip/chip-set.styles.ts",
3716
- "declarations": [
3717
- {
3718
- "kind": "variable",
3719
- "name": "styles",
3720
- "default": "css `\n :host {\n flex-wrap: wrap;\n }\n`"
3721
- }
3722
- ],
3723
- "exports": [
3724
- {
3725
- "kind": "js",
3726
- "name": "styles",
3727
- "declaration": {
3728
- "name": "styles",
3729
- "module": "src/chip/chip-set.styles.ts"
3730
- }
3731
- }
3732
- ]
3733
- },
3734
- {
3735
- "kind": "javascript-module",
3736
- "path": "src/chip/chip-set.ts",
3737
- "declarations": [
3738
- {
3739
- "kind": "class",
3740
- "description": "",
3741
- "name": "UmChipSet",
3742
- "members": [
3588
+ },
3743
3589
  {
3744
- "kind": "field",
3745
- "name": "alignment",
3590
+ "name": "href",
3746
3591
  "type": {
3747
- "text": "'start' | 'center' | 'end'"
3592
+ "text": "string | undefined"
3748
3593
  },
3749
- "default": "'start'",
3750
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3751
- "attribute": "alignment",
3752
- "reflects": true,
3594
+ "description": "The URL that the link button points to.",
3595
+ "fieldName": "href",
3753
3596
  "inheritedFrom": {
3754
- "name": "UmSetBase",
3755
- "module": "src/shared/sets/set-base.ts"
3597
+ "name": "UmButtonWrapper",
3598
+ "module": "src/shared/button-wrapper.ts"
3756
3599
  }
3757
- }
3758
- ],
3759
- "superclass": {
3760
- "name": "UmSetBase",
3761
- "module": "/src/shared/sets/set-base.js"
3762
- },
3763
- "tagName": "u-chip-set",
3764
- "customElement": true,
3765
- "attributes": [
3600
+ },
3766
3601
  {
3767
- "name": "alignment",
3602
+ "name": "target",
3768
3603
  "type": {
3769
- "text": "'start' | 'center' | 'end'"
3604
+ "text": "string | undefined"
3770
3605
  },
3771
- "default": "'start'",
3772
- "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
3773
- "fieldName": "alignment",
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",
3774
3608
  "inheritedFrom": {
3775
- "name": "UmSetBase",
3776
- "module": "src/shared/sets/set-base.ts"
3609
+ "name": "UmButtonWrapper",
3610
+ "module": "src/shared/button-wrapper.ts"
3611
+ }
3612
+ },
3613
+ {
3614
+ "name": "name",
3615
+ "type": {
3616
+ "text": "string | undefined"
3617
+ },
3618
+ "fieldName": "name",
3619
+ "inheritedFrom": {
3620
+ "name": "UmButtonWrapper",
3621
+ "module": "src/shared/button-wrapper.ts"
3777
3622
  }
3778
3623
  }
3779
- ]
3624
+ ],
3625
+ "superclass": {
3626
+ "name": "UmButtonWrapper",
3627
+ "module": "/src/shared/button-wrapper.js"
3628
+ },
3629
+ "tagName": "u-chip",
3630
+ "customElement": true
3780
3631
  }
3781
3632
  ],
3782
3633
  "exports": [
3783
3634
  {
3784
3635
  "kind": "js",
3785
- "name": "UmChipSet",
3636
+ "name": "UmChip",
3786
3637
  "declaration": {
3787
- "name": "UmChipSet",
3788
- "module": "src/chip/chip-set.ts"
3638
+ "name": "UmChip",
3639
+ "module": "src/chip/chip.ts"
3789
3640
  }
3790
3641
  },
3791
3642
  {
3792
3643
  "kind": "custom-element-definition",
3793
- "name": "u-chip-set",
3794
- "declaration": {
3795
- "name": "UmChipSet",
3796
- "module": "src/chip/chip-set.ts"
3797
- }
3798
- }
3799
- ]
3800
- },
3801
- {
3802
- "kind": "javascript-module",
3803
- "path": "src/chip/chip.styles.ts",
3804
- "declarations": [
3805
- {
3806
- "kind": "variable",
3807
- "name": "styles",
3808
- "default": "css `\n :host {\n --_height: var(--u-chip-height, 32px);\n --_outline-width: var(--u-chip-outline-width, 1px);\n --_outline-color: var(--u-chip-outline-color, var(--u-color-outline, rgb(121, 116, 126)));\n --_shape: var(--u-chip-shape, var(--u-shape-corner-small, 8px));\n --_gap: var(--u-chip-gap, 8px);\n --_icon-size: var(--u-chip-icon-size, 1.125rem);\n --_remove-button-margin: var(--u-chip-remove-button-margin, 2px);\n --_remove-button-size: calc(var(--_height) - var(--_remove-button-margin) * 2);\n --_selected-icon-color: var(--u-chip-selected-icon-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n display: inline-block;\n height: var(--_height);\n border-radius: var(--_shape);\n }\n\n :host(:not([disabled]):not([elevated]):not([selected])) .outline {\n border: var(--_outline-width) solid var(--_outline-color);\n }\n\n :host([elevated]:not([disabled])) {\n --u-elevation-level: var(--u-elevated-chip-elevation-level, 1);\n }\n\n @media (hover: hover) {\n :host([elevated]:not([disabled]):hover) {\n --u-elevation-level: var(--u-elevated-chip-hover-elevation-level, 2);\n }\n }\n .outline {\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n\n .container {\n display: flex;\n align-items: center;\n border-radius: inherit;\n height: 100%;\n padding-inline: var(--u-chip-padding, 16px);\n gap: var(--_gap);\n }\n\n .icon {\n width: 1em;\n height: var(--_icon-size);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--_icon-size);\n }\n\n .leading {\n color: var(--u-chip-leading-icon-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .selected {\n color: var(--_selected-icon-color);\n }\n\n .trailing {\n color: var(--u-chip-trailing-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .label {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-chip-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-chip-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-chip-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-chip-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n .remove-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--_remove-button-size);\n height: var(--_remove-button-size);\n cursor: pointer;\n padding: 0;\n margin: 0;\n margin-inline: calc((var(--_remove-button-size) - var(--_icon-size)) * -0.5);\n background: gray;\n border: none;\n border-radius: var(--u-chip-remove-button-border-radius, var(--u-shape-corner-full, 9999px));\n background: none;\n appearance: none;\n outline: 0;\n outline-offset: 0;\n z-index: 1;\n }\n\n ::slotted([slot=remove-icon]),\n ::slotted([slot=selected-icon]),\n ::slotted([slot=leading-icon]),\n ::slotted([slot=trailing-icon]) {\n font-size: inherit !important;\n }\n\n slot[name=selected-icon] {\n display: none;\n }\n\n :host(:not([clickable]):not([toggle])) .button {\n cursor: auto;\n }\n\n :host([selected]:not([hide-selected-icon])) .leading {\n display: none;\n }\n :host([selected]:not([hide-selected-icon])) slot[name=selected-icon] {\n display: contents;\n }\n\n .default-select-icon {\n display: contents;\n }\n\n :host([has-selected-icon]) .default-select-icon {\n display: none;\n }\n\n :host([selected]:not([disabled])) {\n background-color: var(--u-chip-selected-bg-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n :host([selected]:not([disabled])) .leading {\n color: var(--u-chip-selected-leading-icon-color, var(--_selected-icon-color));\n }\n :host([selected]:not([disabled])) .trailing {\n color: var(--u-chip-selected-trailing-icon-color, var(--_selected-icon-color));\n }\n\n :host([has-leading-icon]) .container,\n :host([selected]:not([hide-selected-icon])) .container {\n padding-inline-start: var(--_gap);\n }\n\n :host([has-trailing-icon]) .container,\n :host([removable]) .container {\n padding-inline-end: var(--_gap);\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host([hide-selected-icon]) .selected,\n :host(:not([selected])) .selected {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing {\n display: none;\n }\n\n [part=default-selected-icon] {\n display: contents;\n }\n`"
3809
- }
3810
- ],
3811
- "exports": [
3812
- {
3813
- "kind": "js",
3814
- "name": "styles",
3644
+ "name": "u-chip",
3815
3645
  "declaration": {
3816
- "name": "styles",
3817
- "module": "src/chip/chip.styles.ts"
3646
+ "name": "UmChip",
3647
+ "module": "src/chip/chip.ts"
3818
3648
  }
3819
3649
  }
3820
3650
  ]
3821
3651
  },
3822
3652
  {
3823
3653
  "kind": "javascript-module",
3824
- "path": "src/chip/chip.ts",
3654
+ "path": "src/checkbox/checkbox-list-item.ts",
3825
3655
  "declarations": [
3826
3656
  {
3827
3657
  "kind": "class",
3828
3658
  "description": "",
3829
- "name": "UmChip",
3659
+ "name": "UmCheckboxListItem",
3660
+ "mixins": [
3661
+ {
3662
+ "name": "mixinSelectionControlListItem",
3663
+ "module": "/src/shared/selection-control/selection-control-list-item.js"
3664
+ }
3665
+ ],
3666
+ "superclass": {
3667
+ "name": "UmCheckbox",
3668
+ "module": "/src/checkbox/checkbox.js"
3669
+ },
3670
+ "tagName": "u-checkbox-list-item",
3671
+ "customElement": true,
3830
3672
  "members": [
3831
3673
  {
3832
3674
  "kind": "field",
3833
- "name": "#clickable",
3834
- "privacy": "private",
3675
+ "name": "styles",
3835
3676
  "type": {
3836
- "text": "boolean"
3677
+ "text": "array"
3837
3678
  },
3838
- "default": "false"
3679
+ "static": true,
3680
+ "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 ]",
3681
+ "inheritedFrom": {
3682
+ "name": "mixinSelectionControlListItem",
3683
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3684
+ }
3685
+ },
3686
+ {
3687
+ "kind": "method",
3688
+ "name": "render",
3689
+ "return": {
3690
+ "type": {
3691
+ "text": "HTMLTemplateResult"
3692
+ }
3693
+ },
3694
+ "inheritedFrom": {
3695
+ "name": "mixinSelectionControlListItem",
3696
+ "module": "src/shared/selection-control/selection-control-list-item.ts"
3697
+ }
3839
3698
  },
3840
3699
  {
3841
3700
  "kind": "field",
3842
- "name": "#toggle",
3701
+ "name": "#indeterminate",
3843
3702
  "privacy": "private",
3844
3703
  "type": {
3845
3704
  "text": "boolean"
3846
3705
  },
3847
- "default": "false"
3706
+ "default": "false",
3707
+ "inheritedFrom": {
3708
+ "name": "UmCheckbox",
3709
+ "module": "src/checkbox/checkbox.ts"
3710
+ }
3848
3711
  },
3849
3712
  {
3850
3713
  "kind": "field",
3851
- "name": "selected",
3714
+ "name": "hideStateLayer",
3852
3715
  "type": {
3853
3716
  "text": "boolean"
3854
3717
  },
3855
3718
  "default": "false",
3856
- "description": "Whether the chip is selected or not",
3857
- "attribute": "selected",
3858
- "reflects": true
3719
+ "attribute": "hide-state-layer",
3720
+ "reflects": true,
3721
+ "inheritedFrom": {
3722
+ "name": "UmCheckbox",
3723
+ "module": "src/checkbox/checkbox.ts"
3724
+ }
3859
3725
  },
3860
3726
  {
3861
3727
  "kind": "field",
3862
- "name": "clickable",
3728
+ "name": "indeterminate",
3863
3729
  "type": {
3864
3730
  "text": "boolean"
3865
3731
  },
3866
- "attribute": "clickable",
3867
- "reflects": true
3732
+ "attribute": "indeterminate",
3733
+ "inheritedFrom": {
3734
+ "name": "UmCheckbox",
3735
+ "module": "src/checkbox/checkbox.ts"
3736
+ }
3868
3737
  },
3869
3738
  {
3870
3739
  "kind": "field",
3871
- "name": "elevated",
3740
+ "name": "checked",
3741
+ "attribute": "checked",
3872
3742
  "type": {
3873
3743
  "text": "boolean"
3874
3744
  },
3875
- "default": "false",
3876
- "description": "Adds elevation to the chip",
3877
- "attribute": "elevated",
3878
- "reflects": true
3745
+ "inheritedFrom": {
3746
+ "name": "UmSelectionControl",
3747
+ "module": "src/shared/selection-control/selection-control.ts"
3748
+ }
3749
+ },
3750
+ {
3751
+ "kind": "method",
3752
+ "name": "renderIndicator",
3753
+ "privacy": "protected",
3754
+ "return": {
3755
+ "type": {
3756
+ "text": "HTMLTemplateResult"
3757
+ }
3758
+ },
3759
+ "inheritedFrom": {
3760
+ "name": "UmSelectionControl",
3761
+ "module": "src/shared/selection-control/selection-control.ts"
3762
+ }
3879
3763
  },
3880
3764
  {
3881
3765
  "kind": "field",
3882
- "name": "toggle",
3766
+ "name": "formAssociated",
3883
3767
  "type": {
3884
3768
  "text": "boolean"
3885
3769
  },
3886
- "description": "When true, the chip will toggle between selected and unselected\nstates",
3887
- "attribute": "toggle",
3888
- "reflects": true
3770
+ "static": true,
3771
+ "default": "true",
3772
+ "inheritedFrom": {
3773
+ "name": "UmSelectionControl",
3774
+ "module": "src/shared/selection-control/selection-control.ts"
3775
+ }
3889
3776
  },
3890
3777
  {
3891
3778
  "kind": "field",
3892
- "name": "removable",
3779
+ "name": "elementInternals",
3893
3780
  "type": {
3894
- "text": "boolean"
3781
+ "text": "ElementInternals"
3895
3782
  },
3896
- "default": "false",
3897
- "description": "Add the remove icon",
3898
- "attribute": "removable",
3899
- "reflects": true
3783
+ "privacy": "protected",
3784
+ "inheritedFrom": {
3785
+ "name": "UmSelectionControl",
3786
+ "module": "src/shared/selection-control/selection-control.ts"
3787
+ }
3900
3788
  },
3901
3789
  {
3902
3790
  "kind": "field",
3903
- "name": "hideSelectedIcon",
3791
+ "name": "name",
3904
3792
  "type": {
3905
- "text": "boolean"
3793
+ "text": "string | undefined"
3906
3794
  },
3907
- "default": "false",
3908
- "description": "Hide the selected icon",
3909
- "attribute": "hide-selected-icon",
3910
- "reflects": true
3795
+ "default": "''",
3796
+ "attribute": "name",
3797
+ "inheritedFrom": {
3798
+ "name": "UmSelectionControl",
3799
+ "module": "src/shared/selection-control/selection-control.ts"
3800
+ }
3911
3801
  },
3912
3802
  {
3913
3803
  "kind": "field",
3914
- "name": "hasLeadingIcon",
3804
+ "name": "disabled",
3915
3805
  "type": {
3916
3806
  "text": "boolean"
3917
3807
  },
3918
3808
  "default": "false",
3919
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
3920
- "attribute": "has-leading-icon",
3921
- "reflects": true
3809
+ "attribute": "disabled",
3810
+ "reflects": true,
3811
+ "inheritedFrom": {
3812
+ "name": "UmSelectionControl",
3813
+ "module": "src/shared/selection-control/selection-control.ts"
3814
+ }
3922
3815
  },
3923
3816
  {
3924
3817
  "kind": "field",
3925
- "name": "hasSelectedIcon",
3818
+ "name": "input",
3926
3819
  "type": {
3927
- "text": "boolean"
3820
+ "text": "HTMLInputElement"
3928
3821
  },
3929
- "default": "false",
3930
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
3931
- "attribute": "has-selected-icon",
3932
- "reflects": true
3822
+ "inheritedFrom": {
3823
+ "name": "UmSelectionControl",
3824
+ "module": "src/shared/selection-control/selection-control.ts"
3825
+ }
3933
3826
  },
3934
3827
  {
3935
3828
  "kind": "field",
3936
- "name": "hasTrailingIcon",
3829
+ "name": "form",
3830
+ "type": {
3831
+ "text": "HTMLFormElement | null"
3832
+ },
3833
+ "inheritedFrom": {
3834
+ "name": "UmSelectionControl",
3835
+ "module": "src/shared/selection-control/selection-control.ts"
3836
+ }
3837
+ },
3838
+ {
3839
+ "kind": "field",
3840
+ "name": "#checked",
3841
+ "privacy": "private",
3937
3842
  "type": {
3938
3843
  "text": "boolean"
3939
3844
  },
3940
3845
  "default": "false",
3941
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
3942
- "attribute": "has-trailing-icon",
3943
- "reflects": true
3846
+ "inheritedFrom": {
3847
+ "name": "UmSelectionControl",
3848
+ "module": "src/shared/selection-control/selection-control.ts"
3849
+ }
3944
3850
  },
3945
3851
  {
3946
3852
  "kind": "field",
3947
- "name": "assignedLeadingIcons",
3853
+ "name": "inputType",
3948
3854
  "type": {
3949
- "text": "HTMLElement[]"
3855
+ "text": "'checkbox' | 'radio'"
3950
3856
  },
3951
- "privacy": "private"
3857
+ "privacy": "protected",
3858
+ "default": "'checkbox'",
3859
+ "inheritedFrom": {
3860
+ "name": "UmSelectionControl",
3861
+ "module": "src/shared/selection-control/selection-control.ts"
3862
+ }
3952
3863
  },
3953
3864
  {
3954
3865
  "kind": "field",
3955
- "name": "assignedSelectedIcons",
3866
+ "name": "renderRipple",
3956
3867
  "type": {
3957
- "text": "HTMLElement[]"
3868
+ "text": "boolean"
3958
3869
  },
3959
- "privacy": "private"
3870
+ "privacy": "protected",
3871
+ "default": "true",
3872
+ "inheritedFrom": {
3873
+ "name": "UmSelectionControl",
3874
+ "module": "src/shared/selection-control/selection-control.ts"
3875
+ }
3960
3876
  },
3961
3877
  {
3962
3878
  "kind": "field",
3963
- "name": "assignedTrailingIcons",
3879
+ "name": "value",
3964
3880
  "type": {
3965
- "text": "HTMLElement[]"
3881
+ "text": "string"
3966
3882
  },
3967
- "privacy": "private"
3883
+ "default": "'on'",
3884
+ "description": "The element value to use in form submission when checked.",
3885
+ "attribute": "value",
3886
+ "inheritedFrom": {
3887
+ "name": "UmSelectionControl",
3888
+ "module": "src/shared/selection-control/selection-control.ts"
3889
+ }
3968
3890
  },
3969
3891
  {
3970
3892
  "kind": "field",
3971
- "name": "removeRipple",
3893
+ "name": "_checkedAttribute",
3972
3894
  "type": {
3973
- "text": "UmRipple"
3895
+ "text": "boolean"
3896
+ },
3897
+ "privacy": "private",
3898
+ "default": "false",
3899
+ "attribute": "checked",
3900
+ "inheritedFrom": {
3901
+ "name": "UmSelectionControl",
3902
+ "module": "src/shared/selection-control/selection-control.ts"
3974
3903
  }
3975
3904
  },
3976
3905
  {
3977
3906
  "kind": "method",
3978
- "name": "#handleRemoveClick",
3907
+ "name": "#handleClick",
3979
3908
  "parameters": [
3980
3909
  {
3981
3910
  "name": "e",
@@ -3983,338 +3912,398 @@
3983
3912
  "text": "Event"
3984
3913
  }
3985
3914
  }
3986
- ]
3987
- },
3988
- {
3989
- "kind": "method",
3990
- "name": "#handleTrailingIconSlotChange"
3991
- },
3992
- {
3993
- "kind": "method",
3994
- "name": "#handleLeadingIconSlotChange"
3995
- },
3996
- {
3997
- "kind": "method",
3998
- "name": "#handleSelectedIconSlotChange"
3999
- },
4000
- {
4001
- "kind": "method",
4002
- "name": "handleClick",
4003
- "privacy": "protected",
4004
- "return": {
4005
- "type": {
4006
- "text": "void"
4007
- }
4008
- },
4009
- "parameters": [
4010
- {
4011
- "name": "event",
4012
- "type": {
4013
- "text": "UIEvent"
4014
- }
4015
- }
4016
3915
  ],
4017
3916
  "inheritedFrom": {
4018
- "name": "UmButtonWrapper",
4019
- "module": "src/shared/button-wrapper.ts"
4020
- }
4021
- },
4022
- {
4023
- "kind": "method",
4024
- "name": "renderContent",
4025
- "privacy": "protected",
4026
- "return": {
4027
- "type": {
4028
- "text": "HTMLTemplateResult"
4029
- }
4030
- },
4031
- "inheritedFrom": {
4032
- "name": "UmButtonWrapper",
4033
- "module": "src/shared/button-wrapper.ts"
3917
+ "name": "UmSelectionControl",
3918
+ "module": "src/shared/selection-control/selection-control.ts"
4034
3919
  }
4035
- },
3920
+ }
3921
+ ],
3922
+ "attributes": [
4036
3923
  {
4037
- "kind": "field",
4038
- "name": "disabled",
3924
+ "name": "hide-state-layer",
4039
3925
  "type": {
4040
3926
  "text": "boolean"
4041
3927
  },
4042
3928
  "default": "false",
4043
- "description": "Whether the button is disabled or not.",
4044
- "attribute": "disabled",
4045
- "reflects": true,
3929
+ "fieldName": "hideStateLayer",
4046
3930
  "inheritedFrom": {
4047
- "name": "UmButtonWrapper",
4048
- "module": "src/shared/button-wrapper.ts"
3931
+ "name": "UmCheckbox",
3932
+ "module": "src/checkbox/checkbox.ts"
4049
3933
  }
4050
3934
  },
4051
3935
  {
4052
- "kind": "field",
4053
- "name": "renderRipple",
3936
+ "name": "indeterminate",
4054
3937
  "type": {
4055
3938
  "text": "boolean"
4056
3939
  },
4057
- "default": "true",
3940
+ "fieldName": "indeterminate",
4058
3941
  "inheritedFrom": {
4059
- "name": "UmButtonWrapper",
4060
- "module": "src/shared/button-wrapper.ts"
3942
+ "name": "UmCheckbox",
3943
+ "module": "src/checkbox/checkbox.ts"
4061
3944
  }
4062
3945
  },
4063
3946
  {
4064
- "kind": "field",
4065
- "name": "href",
3947
+ "name": "name",
4066
3948
  "type": {
4067
3949
  "text": "string | undefined"
4068
3950
  },
4069
- "description": "The URL that the link button points to.",
4070
- "attribute": "href",
3951
+ "default": "''",
3952
+ "fieldName": "name",
4071
3953
  "inheritedFrom": {
4072
- "name": "UmButtonWrapper",
4073
- "module": "src/shared/button-wrapper.ts"
3954
+ "name": "UmSelectionControl",
3955
+ "module": "src/shared/selection-control/selection-control.ts"
4074
3956
  }
4075
3957
  },
4076
3958
  {
4077
- "kind": "field",
4078
- "name": "target",
3959
+ "name": "disabled",
4079
3960
  "type": {
4080
- "text": "string | undefined"
3961
+ "text": "boolean"
4081
3962
  },
4082
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4083
- "attribute": "target",
3963
+ "default": "false",
3964
+ "fieldName": "disabled",
4084
3965
  "inheritedFrom": {
4085
- "name": "UmButtonWrapper",
4086
- "module": "src/shared/button-wrapper.ts"
3966
+ "name": "UmSelectionControl",
3967
+ "module": "src/shared/selection-control/selection-control.ts"
4087
3968
  }
4088
3969
  },
4089
3970
  {
4090
- "kind": "field",
4091
- "name": "name",
3971
+ "name": "value",
4092
3972
  "type": {
4093
- "text": "string | undefined"
3973
+ "text": "string"
4094
3974
  },
4095
- "attribute": "name",
3975
+ "default": "'on'",
3976
+ "description": "The element value to use in form submission when checked.",
3977
+ "fieldName": "value",
4096
3978
  "inheritedFrom": {
4097
- "name": "UmButtonWrapper",
4098
- "module": "src/shared/button-wrapper.ts"
3979
+ "name": "UmSelectionControl",
3980
+ "module": "src/shared/selection-control/selection-control.ts"
4099
3981
  }
4100
3982
  },
4101
3983
  {
4102
- "kind": "field",
4103
- "name": "buttonElement",
3984
+ "name": "checked",
3985
+ "fieldName": "_checkedAttribute",
4104
3986
  "type": {
4105
- "text": "HTMLElement"
3987
+ "text": "boolean"
4106
3988
  },
3989
+ "default": "false",
4107
3990
  "inheritedFrom": {
4108
- "name": "UmButtonWrapper",
4109
- "module": "src/shared/button-wrapper.ts"
3991
+ "name": "UmSelectionControl",
3992
+ "module": "src/shared/selection-control/selection-control.ts"
4110
3993
  }
4111
- },
3994
+ }
3995
+ ],
3996
+ "events": [
4112
3997
  {
4113
- "kind": "field",
4114
- "name": "ripple",
3998
+ "name": "input",
4115
3999
  "type": {
4116
- "text": "UmRipple"
4000
+ "text": "InputEvent"
4117
4001
  },
4118
- "privacy": "private",
4119
4002
  "inheritedFrom": {
4120
- "name": "UmButtonWrapper",
4121
- "module": "src/shared/button-wrapper.ts"
4003
+ "name": "UmSelectionControl",
4004
+ "module": "src/shared/selection-control/selection-control.ts"
4122
4005
  }
4123
4006
  },
4124
4007
  {
4125
- "kind": "field",
4126
- "name": "innerRole",
4008
+ "name": "change",
4127
4009
  "type": {
4128
- "text": "string | null"
4010
+ "text": "Event"
4129
4011
  },
4130
- "privacy": "protected",
4131
- "default": "null",
4132
4012
  "inheritedFrom": {
4133
- "name": "UmButtonWrapper",
4134
- "module": "src/shared/button-wrapper.ts"
4013
+ "name": "UmSelectionControl",
4014
+ "module": "src/shared/selection-control/selection-control.ts"
4135
4015
  }
4136
- },
4016
+ }
4017
+ ]
4018
+ }
4019
+ ],
4020
+ "exports": [
4021
+ {
4022
+ "kind": "js",
4023
+ "name": "UmCheckboxListItem",
4024
+ "declaration": {
4025
+ "name": "UmCheckboxListItem",
4026
+ "module": "src/checkbox/checkbox-list-item.ts"
4027
+ }
4028
+ },
4029
+ {
4030
+ "kind": "custom-element-definition",
4031
+ "name": "u-checkbox-list-item",
4032
+ "declaration": {
4033
+ "name": "UmCheckboxListItem",
4034
+ "module": "src/checkbox/checkbox-list-item.ts"
4035
+ }
4036
+ }
4037
+ ]
4038
+ },
4039
+ {
4040
+ "kind": "javascript-module",
4041
+ "path": "src/checkbox/checkbox.styles.ts",
4042
+ "declarations": [
4043
+ {
4044
+ "kind": "variable",
4045
+ "name": "styles",
4046
+ "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`"
4047
+ }
4048
+ ],
4049
+ "exports": [
4050
+ {
4051
+ "kind": "js",
4052
+ "name": "styles",
4053
+ "declaration": {
4054
+ "name": "styles",
4055
+ "module": "src/checkbox/checkbox.styles.ts"
4056
+ }
4057
+ }
4058
+ ]
4059
+ },
4060
+ {
4061
+ "kind": "javascript-module",
4062
+ "path": "src/checkbox/checkbox.ts",
4063
+ "declarations": [
4064
+ {
4065
+ "kind": "class",
4066
+ "description": "",
4067
+ "name": "UmCheckbox",
4068
+ "members": [
4137
4069
  {
4138
4070
  "kind": "field",
4139
- "name": "pathname",
4071
+ "name": "#indeterminate",
4072
+ "privacy": "private",
4140
4073
  "type": {
4141
- "text": "string"
4074
+ "text": "boolean"
4142
4075
  },
4143
- "inheritedFrom": {
4144
- "name": "UmButtonWrapper",
4145
- "module": "src/shared/button-wrapper.ts"
4146
- }
4147
- },
4148
- {
4149
- "kind": "method",
4150
- "name": "renderButton",
4151
- "privacy": "private",
4152
- "inheritedFrom": {
4153
- "name": "UmButtonWrapper",
4154
- "module": "src/shared/button-wrapper.ts"
4155
- }
4076
+ "default": "false"
4156
4077
  },
4157
4078
  {
4158
- "kind": "method",
4159
- "name": "renderLink",
4160
- "privacy": "private",
4161
- "inheritedFrom": {
4162
- "name": "UmButtonWrapper",
4163
- "module": "src/shared/button-wrapper.ts"
4164
- }
4079
+ "kind": "field",
4080
+ "name": "hideStateLayer",
4081
+ "type": {
4082
+ "text": "boolean"
4083
+ },
4084
+ "default": "false",
4085
+ "attribute": "hide-state-layer",
4086
+ "reflects": true
4165
4087
  },
4166
4088
  {
4167
- "kind": "method",
4168
- "name": "focus",
4169
- "inheritedFrom": {
4170
- "name": "UmButtonWrapper",
4171
- "module": "src/shared/button-wrapper.ts"
4172
- }
4089
+ "kind": "field",
4090
+ "name": "indeterminate",
4091
+ "type": {
4092
+ "text": "boolean"
4093
+ },
4094
+ "attribute": "indeterminate"
4173
4095
  },
4174
4096
  {
4175
- "kind": "method",
4176
- "name": "blur",
4097
+ "kind": "field",
4098
+ "name": "checked",
4099
+ "attribute": "checked",
4100
+ "type": {
4101
+ "text": "boolean"
4102
+ },
4177
4103
  "inheritedFrom": {
4178
- "name": "UmButtonWrapper",
4179
- "module": "src/shared/button-wrapper.ts"
4104
+ "name": "UmSelectionControl",
4105
+ "module": "src/shared/selection-control/selection-control.ts"
4180
4106
  }
4181
4107
  },
4182
4108
  {
4183
4109
  "kind": "method",
4184
- "name": "getAriaLabel",
4110
+ "name": "renderIndicator",
4185
4111
  "privacy": "protected",
4186
4112
  "return": {
4187
4113
  "type": {
4188
- "text": "string | null"
4114
+ "text": "HTMLTemplateResult"
4189
4115
  }
4190
4116
  },
4191
4117
  "inheritedFrom": {
4192
- "name": "UmButtonWrapper",
4193
- "module": "src/shared/button-wrapper.ts"
4118
+ "name": "UmSelectionControl",
4119
+ "module": "src/shared/selection-control/selection-control.ts"
4194
4120
  }
4195
4121
  },
4196
4122
  {
4197
- "kind": "method",
4198
- "name": "innerFocusHandler",
4199
- "privacy": "private",
4200
- "return": {
4201
- "type": {
4202
- "text": "void"
4203
- }
4123
+ "kind": "field",
4124
+ "name": "formAssociated",
4125
+ "type": {
4126
+ "text": "boolean"
4204
4127
  },
4128
+ "static": true,
4129
+ "default": "true",
4205
4130
  "inheritedFrom": {
4206
- "name": "UmButtonWrapper",
4207
- "module": "src/shared/button-wrapper.ts"
4131
+ "name": "UmSelectionControl",
4132
+ "module": "src/shared/selection-control/selection-control.ts"
4208
4133
  }
4209
4134
  },
4210
4135
  {
4211
- "kind": "method",
4212
- "name": "#innerClickHandler",
4213
- "return": {
4214
- "type": {
4215
- "text": "void"
4216
- }
4136
+ "kind": "field",
4137
+ "name": "elementInternals",
4138
+ "type": {
4139
+ "text": "ElementInternals"
4217
4140
  },
4218
- "parameters": [
4219
- {
4220
- "name": "event",
4221
- "type": {
4222
- "text": "MouseEvent"
4223
- }
4224
- }
4225
- ],
4141
+ "privacy": "protected",
4226
4142
  "inheritedFrom": {
4227
- "name": "UmButtonWrapper",
4228
- "module": "src/shared/button-wrapper.ts"
4143
+ "name": "UmSelectionControl",
4144
+ "module": "src/shared/selection-control/selection-control.ts"
4229
4145
  }
4230
- }
4231
- ],
4232
- "events": [
4146
+ },
4233
4147
  {
4234
- "name": "change",
4148
+ "kind": "field",
4149
+ "name": "name",
4235
4150
  "type": {
4236
- "text": "Event"
4151
+ "text": "string | undefined"
4152
+ },
4153
+ "default": "''",
4154
+ "attribute": "name",
4155
+ "inheritedFrom": {
4156
+ "name": "UmSelectionControl",
4157
+ "module": "src/shared/selection-control/selection-control.ts"
4237
4158
  }
4238
- }
4239
- ],
4240
- "attributes": [
4159
+ },
4241
4160
  {
4242
- "name": "selected",
4161
+ "kind": "field",
4162
+ "name": "disabled",
4243
4163
  "type": {
4244
4164
  "text": "boolean"
4245
4165
  },
4246
4166
  "default": "false",
4247
- "description": "Whether the chip is selected or not",
4248
- "fieldName": "selected"
4167
+ "attribute": "disabled",
4168
+ "reflects": true,
4169
+ "inheritedFrom": {
4170
+ "name": "UmSelectionControl",
4171
+ "module": "src/shared/selection-control/selection-control.ts"
4172
+ }
4249
4173
  },
4250
4174
  {
4251
- "name": "clickable",
4175
+ "kind": "field",
4176
+ "name": "input",
4252
4177
  "type": {
4253
- "text": "boolean"
4178
+ "text": "HTMLInputElement"
4254
4179
  },
4255
- "fieldName": "clickable"
4180
+ "inheritedFrom": {
4181
+ "name": "UmSelectionControl",
4182
+ "module": "src/shared/selection-control/selection-control.ts"
4183
+ }
4256
4184
  },
4257
4185
  {
4258
- "name": "elevated",
4186
+ "kind": "field",
4187
+ "name": "form",
4259
4188
  "type": {
4260
- "text": "boolean"
4189
+ "text": "HTMLFormElement | null"
4261
4190
  },
4262
- "default": "false",
4263
- "description": "Adds elevation to the chip",
4264
- "fieldName": "elevated"
4191
+ "inheritedFrom": {
4192
+ "name": "UmSelectionControl",
4193
+ "module": "src/shared/selection-control/selection-control.ts"
4194
+ }
4265
4195
  },
4266
4196
  {
4267
- "name": "toggle",
4197
+ "kind": "field",
4198
+ "name": "#checked",
4199
+ "privacy": "private",
4268
4200
  "type": {
4269
4201
  "text": "boolean"
4270
4202
  },
4271
- "description": "When true, the chip will toggle between selected and unselected\nstates",
4272
- "fieldName": "toggle"
4203
+ "default": "false",
4204
+ "inheritedFrom": {
4205
+ "name": "UmSelectionControl",
4206
+ "module": "src/shared/selection-control/selection-control.ts"
4207
+ }
4273
4208
  },
4274
4209
  {
4275
- "name": "removable",
4210
+ "kind": "field",
4211
+ "name": "inputType",
4276
4212
  "type": {
4277
- "text": "boolean"
4213
+ "text": "'checkbox' | 'radio'"
4278
4214
  },
4279
- "default": "false",
4280
- "description": "Add the remove icon",
4281
- "fieldName": "removable"
4215
+ "privacy": "protected",
4216
+ "default": "'checkbox'",
4217
+ "inheritedFrom": {
4218
+ "name": "UmSelectionControl",
4219
+ "module": "src/shared/selection-control/selection-control.ts"
4220
+ }
4282
4221
  },
4283
4222
  {
4284
- "name": "hide-selected-icon",
4223
+ "kind": "field",
4224
+ "name": "renderRipple",
4285
4225
  "type": {
4286
4226
  "text": "boolean"
4287
4227
  },
4288
- "default": "false",
4289
- "description": "Hide the selected icon",
4290
- "fieldName": "hideSelectedIcon"
4228
+ "privacy": "protected",
4229
+ "default": "true",
4230
+ "inheritedFrom": {
4231
+ "name": "UmSelectionControl",
4232
+ "module": "src/shared/selection-control/selection-control.ts"
4233
+ }
4291
4234
  },
4292
4235
  {
4293
- "name": "has-leading-icon",
4236
+ "kind": "field",
4237
+ "name": "value",
4238
+ "type": {
4239
+ "text": "string"
4240
+ },
4241
+ "default": "'on'",
4242
+ "description": "The element value to use in form submission when checked.",
4243
+ "attribute": "value",
4244
+ "inheritedFrom": {
4245
+ "name": "UmSelectionControl",
4246
+ "module": "src/shared/selection-control/selection-control.ts"
4247
+ }
4248
+ },
4249
+ {
4250
+ "kind": "field",
4251
+ "name": "_checkedAttribute",
4294
4252
  "type": {
4295
4253
  "text": "boolean"
4296
4254
  },
4255
+ "privacy": "private",
4297
4256
  "default": "false",
4298
- "description": "Whether the chip has a leading icon or not\n\n_Note:_ Readonly",
4299
- "fieldName": "hasLeadingIcon"
4257
+ "attribute": "checked",
4258
+ "inheritedFrom": {
4259
+ "name": "UmSelectionControl",
4260
+ "module": "src/shared/selection-control/selection-control.ts"
4261
+ }
4300
4262
  },
4301
4263
  {
4302
- "name": "has-selected-icon",
4264
+ "kind": "method",
4265
+ "name": "#handleClick",
4266
+ "parameters": [
4267
+ {
4268
+ "name": "e",
4269
+ "type": {
4270
+ "text": "Event"
4271
+ }
4272
+ }
4273
+ ],
4274
+ "inheritedFrom": {
4275
+ "name": "UmSelectionControl",
4276
+ "module": "src/shared/selection-control/selection-control.ts"
4277
+ }
4278
+ }
4279
+ ],
4280
+ "attributes": [
4281
+ {
4282
+ "name": "hide-state-layer",
4303
4283
  "type": {
4304
4284
  "text": "boolean"
4305
4285
  },
4306
4286
  "default": "false",
4307
- "description": "Whether the chip has a selected icon or not\n\n_Note:_ Readonly",
4308
- "fieldName": "hasSelectedIcon"
4287
+ "fieldName": "hideStateLayer"
4309
4288
  },
4310
4289
  {
4311
- "name": "has-trailing-icon",
4290
+ "name": "indeterminate",
4312
4291
  "type": {
4313
4292
  "text": "boolean"
4314
4293
  },
4315
- "default": "false",
4316
- "description": "Whether the chip has a trailing icon or not\n\n_Note:_ Readonly",
4317
- "fieldName": "hasTrailingIcon"
4294
+ "fieldName": "indeterminate"
4295
+ },
4296
+ {
4297
+ "name": "name",
4298
+ "type": {
4299
+ "text": "string | undefined"
4300
+ },
4301
+ "default": "''",
4302
+ "fieldName": "name",
4303
+ "inheritedFrom": {
4304
+ "name": "UmSelectionControl",
4305
+ "module": "src/shared/selection-control/selection-control.ts"
4306
+ }
4318
4307
  },
4319
4308
  {
4320
4309
  "name": "disabled",
@@ -4322,72 +4311,83 @@
4322
4311
  "text": "boolean"
4323
4312
  },
4324
4313
  "default": "false",
4325
- "description": "Whether the button is disabled or not.",
4326
4314
  "fieldName": "disabled",
4327
4315
  "inheritedFrom": {
4328
- "name": "UmButtonWrapper",
4329
- "module": "src/shared/button-wrapper.ts"
4316
+ "name": "UmSelectionControl",
4317
+ "module": "src/shared/selection-control/selection-control.ts"
4330
4318
  }
4331
4319
  },
4332
4320
  {
4333
- "name": "href",
4321
+ "name": "value",
4334
4322
  "type": {
4335
- "text": "string | undefined"
4323
+ "text": "string"
4336
4324
  },
4337
- "description": "The URL that the link button points to.",
4338
- "fieldName": "href",
4325
+ "default": "'on'",
4326
+ "description": "The element value to use in form submission when checked.",
4327
+ "fieldName": "value",
4339
4328
  "inheritedFrom": {
4340
- "name": "UmButtonWrapper",
4341
- "module": "src/shared/button-wrapper.ts"
4329
+ "name": "UmSelectionControl",
4330
+ "module": "src/shared/selection-control/selection-control.ts"
4342
4331
  }
4343
4332
  },
4344
4333
  {
4345
- "name": "target",
4334
+ "name": "checked",
4335
+ "fieldName": "_checkedAttribute",
4346
4336
  "type": {
4347
- "text": "string | undefined"
4337
+ "text": "boolean"
4348
4338
  },
4349
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
4350
- "fieldName": "target",
4339
+ "default": "false",
4351
4340
  "inheritedFrom": {
4352
- "name": "UmButtonWrapper",
4353
- "module": "src/shared/button-wrapper.ts"
4341
+ "name": "UmSelectionControl",
4342
+ "module": "src/shared/selection-control/selection-control.ts"
4343
+ }
4344
+ }
4345
+ ],
4346
+ "superclass": {
4347
+ "name": "UmSelectionControl",
4348
+ "module": "/src/shared/selection-control/selection-control.js"
4349
+ },
4350
+ "tagName": "u-checkbox",
4351
+ "customElement": true,
4352
+ "events": [
4353
+ {
4354
+ "name": "input",
4355
+ "type": {
4356
+ "text": "InputEvent"
4357
+ },
4358
+ "inheritedFrom": {
4359
+ "name": "UmSelectionControl",
4360
+ "module": "src/shared/selection-control/selection-control.ts"
4354
4361
  }
4355
4362
  },
4356
4363
  {
4357
- "name": "name",
4364
+ "name": "change",
4358
4365
  "type": {
4359
- "text": "string | undefined"
4366
+ "text": "Event"
4360
4367
  },
4361
- "fieldName": "name",
4362
4368
  "inheritedFrom": {
4363
- "name": "UmButtonWrapper",
4364
- "module": "src/shared/button-wrapper.ts"
4369
+ "name": "UmSelectionControl",
4370
+ "module": "src/shared/selection-control/selection-control.ts"
4365
4371
  }
4366
4372
  }
4367
- ],
4368
- "superclass": {
4369
- "name": "UmButtonWrapper",
4370
- "module": "/src/shared/button-wrapper.js"
4371
- },
4372
- "tagName": "u-chip",
4373
- "customElement": true
4373
+ ]
4374
4374
  }
4375
4375
  ],
4376
4376
  "exports": [
4377
4377
  {
4378
4378
  "kind": "js",
4379
- "name": "UmChip",
4379
+ "name": "UmCheckbox",
4380
4380
  "declaration": {
4381
- "name": "UmChip",
4382
- "module": "src/chip/chip.ts"
4381
+ "name": "UmCheckbox",
4382
+ "module": "src/checkbox/checkbox.ts"
4383
4383
  }
4384
4384
  },
4385
4385
  {
4386
4386
  "kind": "custom-element-definition",
4387
- "name": "u-chip",
4387
+ "name": "u-checkbox",
4388
4388
  "declaration": {
4389
- "name": "UmChip",
4390
- "module": "src/chip/chip.ts"
4389
+ "name": "UmCheckbox",
4390
+ "module": "src/checkbox/checkbox.ts"
4391
4391
  }
4392
4392
  }
4393
4393
  ]
@@ -5262,6 +5262,63 @@
5262
5262
  }
5263
5263
  ]
5264
5264
  },
5265
+ {
5266
+ "kind": "javascript-module",
5267
+ "path": "src/elevation/elevation.styles.ts",
5268
+ "declarations": [
5269
+ {
5270
+ "kind": "variable",
5271
+ "name": "styles",
5272
+ "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
5273
+ }
5274
+ ],
5275
+ "exports": [
5276
+ {
5277
+ "kind": "js",
5278
+ "name": "styles",
5279
+ "declaration": {
5280
+ "name": "styles",
5281
+ "module": "src/elevation/elevation.styles.ts"
5282
+ }
5283
+ }
5284
+ ]
5285
+ },
5286
+ {
5287
+ "kind": "javascript-module",
5288
+ "path": "src/elevation/elevation.ts",
5289
+ "declarations": [
5290
+ {
5291
+ "kind": "class",
5292
+ "description": "",
5293
+ "name": "UmElevation",
5294
+ "members": [],
5295
+ "superclass": {
5296
+ "name": "LitElement",
5297
+ "package": "lit"
5298
+ },
5299
+ "tagName": "u-elevation",
5300
+ "customElement": true
5301
+ }
5302
+ ],
5303
+ "exports": [
5304
+ {
5305
+ "kind": "js",
5306
+ "name": "UmElevation",
5307
+ "declaration": {
5308
+ "name": "UmElevation",
5309
+ "module": "src/elevation/elevation.ts"
5310
+ }
5311
+ },
5312
+ {
5313
+ "kind": "custom-element-definition",
5314
+ "name": "u-elevation",
5315
+ "declaration": {
5316
+ "name": "UmElevation",
5317
+ "module": "src/elevation/elevation.ts"
5318
+ }
5319
+ }
5320
+ ]
5321
+ },
5265
5322
  {
5266
5323
  "kind": "javascript-module",
5267
5324
  "path": "src/dialog/confirm-dialog-builder.ts",
@@ -6136,12 +6193,12 @@
6136
6193
  },
6137
6194
  {
6138
6195
  "kind": "javascript-module",
6139
- "path": "src/elevation/elevation.styles.ts",
6196
+ "path": "src/field/field-base.styles.ts",
6140
6197
  "declarations": [
6141
6198
  {
6142
6199
  "kind": "variable",
6143
6200
  "name": "styles",
6144
- "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
6201
+ "default": "css `\n :host {\n --_control-line-height: var(--u-field-control-line-height, 1.5rem);\n --_label-line-height: var(--u-field-label-line-height, 1rem);\n --_field-icon-size: var(--u-field-icon-size, 1.5rem);\n --_field-control-padding: var(--u-field-control-padding, 16px);\n --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));\n --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));\n --_field-min-height: var(--u-field-min-height, 56px);\n --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_disabled-color: var(--u-field-disabled-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, .38)));\n --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, ), var(--u-filled-field-background-disabled-opacity, .12)));\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));\n --_active-indicator-opacity: 1;\n --_vertical-padding: var(--u-field-vertical-padding, 8px);\n --_icon-size: var(--u-field-icon-size, 1.5rem);\n --_icon-padding: var(--u-field-icon-padding, 12px);\n --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_focus-border-width: var(--u-text-field-focus-border-width, 2px);\n --_field-control-leading-padding: var(--_field-control-inline-padding);\n --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);\n --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);\n --u-label-input-start: auto;\n --u-label-input-span-leading-offset: 0;\n --u-label-input-span-trailing-offset: 0;\n --u-text-field-horizontal-padding: 12px;\n display: block;\n }\n\n .container {\n display: flex;\n align-items: center;\n position: relative;\n }\n .container::before, .container::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n pointer-events: none;\n }\n .container::before {\n background: var(--u-color-on-surface, rgb(29, 27, 32));\n transition: opacity 150ms;\n opacity: 0;\n }\n .container::after {\n border-width: var(--u-field-border-width, 1px);\n border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):not([invalid]):hover) .container.filled::before {\n opacity: var(--u-state-hover-opacity, 0.08);\n }\n :host(:not([disabled]):not([invalid]):not(:focus-within):hover) .container::after {\n border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n }\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--_icon-size);\n color: var(--_icon-color);\n font-size: var(--_icon-size);\n line-height: var(--_icon-size);\n }\n .icon::slotted(*) {\n flex-shrink: 0;\n }\n\n .leading-icon {\n margin-inline-start: var(--_icon-padding);\n }\n\n .trailing-icon {\n margin-inline-end: var(--_icon-padding);\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-field-label-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));\n display: block;\n position: absolute;\n inset-inline-start: var(--_field-control-leading-padding);\n margin-bottom: 0;\n line-height: var(--_label-line-height);\n color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n transition: inset 200ms, font-size 200ms;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n flex: 1;\n padding-block: var(--_vertical-padding);\n padding-inline: var(--_field-control-inline-padding);\n min-height: var(--_field-min-height);\n transition: opacity 150ms;\n }\n\n .input {\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n flex: 1;\n }\n .input:focus {\n outline: 0;\n }\n .input textarea,\n .input select,\n .input input,\n .input ::slotted(*) {\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-field-control-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n display: block;\n width: 100%;\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n min-height: var(--_control-line-height);\n line-height: var(--_control-line-height);\n padding: 0;\n margin: 0;\n appearance: none;\n background: transparent;\n border: none;\n outline: 0 !important;\n caret-color: var(--_color-primary);\n }\n .input,\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(select),\n .input ::slotted(:is(input, textarea))::placeholder {\n transition: color 150ms 100ms;\n }\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--_field-placeholder-color);\n }\n\n .supporting-text {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));\n font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));\n letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));\n font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));\n display: flex;\n color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n padding-inline: 16px;\n gap: 16px;\n }\n .supporting-text div:empty {\n display: none;\n }\n .supporting-text div,\n .supporting-text ::slotted(*) {\n display: inline-block;\n margin-top: 4px;\n }\n\n .error-text {\n display: none;\n }\n\n .counter div, .counter::slotted(*) {\n margin-inline-start: auto;\n }\n\n :host([has-leading-icon]) {\n --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {\n display: none;\n }\n\n :host(:focus-within) {\n --u-field-border-width: var(--_focus-border-width);\n }\n :host(:focus-within) .container::after {\n border-color: var(--u-field-focused-border-color, var(--_color-primary));\n }\n :host(:focus-within) .label {\n color: var(--u-field-label-focused-color, var(--_color-primary));\n }\n\n :host([invalid]) .container::after {\n border-color: var(--u-field-error-border-color, var(--_color-error));\n }\n :host([invalid]) .label {\n color: var(--u-field-label-error-color, var(--_color-error));\n }\n :host([invalid]) .supporting-text {\n color: var(--u-field-supporting-text-error-color, var(--_color-error));\n }\n :host([invalid]) .trailing-icon {\n color: var(--u-field-trailing-icon-error-color, var(--_color-error));\n }\n :host([invalid]) .leading-icon {\n color: var(--u-field-leading-icon-error-color, var(--_icon-color));\n }\n\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,\n :host([invalid][has-error-text]) .error-text {\n display: contents;\n }\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],\n :host([invalid][has-error-text]) slot[name=supporting-text] {\n display: none;\n }\n\n .container.filled {\n border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n .container.filled::after {\n border-bottom-style: solid;\n }\n .container.filled:not(.no-label) .input-wrapper {\n padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));\n padding-bottom: var(--_vertical-padding);\n }\n .container.filled .label {\n top: var(--_vertical-padding);\n }\n .container.filled .input ::slotted(:is(input, textarea, select, button)) {\n display: block;\n }\n .container.outlined::after {\n --_mid-point: calc(var(--u-field-label-half-width) + var(--_outlined-label-margin) + var(--_outlined-label-padding));\n border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));\n border-style: solid;\n clip-path: polygon(0 0, var(--_mid-point) 0, var(--_mid-point) var(--_focus-border-width), var(--_mid-point) var(--_focus-border-width), var(--_mid-point) 0, 100% 0, 100% 100%, 0 100%);\n transition: clip-path 100ms;\n }\n .container.outlined .label {\n top: calc(var(--_label-line-height) / -2);\n }\n\n .container.outlined:focus-within::after,\n :host(:not([empty])) .container.outlined::after {\n --_end-point: calc(var(--u-field-label-width) + var(--_outlined-label-margin) + (var(--_outlined-label-padding) * 2));\n clip-path: polygon(0 0, var(--_outlined-label-margin) 0, var(--_outlined-label-margin) var(--_focus-border-width), var(--_end-point) var(--_focus-border-width), var(--_end-point) 0, 100% 0, 100% 100%, 0 100%);\n }\n .container.outlined:focus-within .label,\n :host(:not([empty])) .container.outlined .label {\n inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));\n }\n\n :host([empty]) ::slotted(select) {\n color: var(--_field-placeholder-color);\n }\n\n :host([empty]:not(:focus-within)) .label {\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n pointer-events: none;\n top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);\n }\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {\n color: transparent;\n transition: color 150ms;\n }\n\n .container.no-label::after {\n clip-path: none !important;\n }\n\n :host([disabled]) .container .filled {\n background-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-filled-field-background-disabled-opacity, 0.04)));\n }\n :host([disabled]) .container::after {\n border-color: var(--u-field-disabled-border-color, var(--_disabled-color));\n }\n :host([disabled]) .supporting-text {\n color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .label {\n color: var(--u-field-label-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .input select,\n :host([disabled]) .input select::placeholder,\n :host([disabled]) .input textarea,\n :host([disabled]) .input textarea::placeholder,\n :host([disabled]) .input input,\n :host([disabled]) .input input::placeholder,\n :host([disabled]) .input ::slotted(*),\n :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--u-field-input-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .trailing-icon {\n color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .leading-icon {\n color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));\n }\n`"
6145
6202
  }
6146
6203
  ],
6147
6204
  "exports": [
@@ -6150,71 +6207,14 @@
6150
6207
  "name": "styles",
6151
6208
  "declaration": {
6152
6209
  "name": "styles",
6153
- "module": "src/elevation/elevation.styles.ts"
6210
+ "module": "src/field/field-base.styles.ts"
6154
6211
  }
6155
6212
  }
6156
6213
  ]
6157
6214
  },
6158
6215
  {
6159
6216
  "kind": "javascript-module",
6160
- "path": "src/elevation/elevation.ts",
6161
- "declarations": [
6162
- {
6163
- "kind": "class",
6164
- "description": "",
6165
- "name": "UmElevation",
6166
- "members": [],
6167
- "superclass": {
6168
- "name": "LitElement",
6169
- "package": "lit"
6170
- },
6171
- "tagName": "u-elevation",
6172
- "customElement": true
6173
- }
6174
- ],
6175
- "exports": [
6176
- {
6177
- "kind": "js",
6178
- "name": "UmElevation",
6179
- "declaration": {
6180
- "name": "UmElevation",
6181
- "module": "src/elevation/elevation.ts"
6182
- }
6183
- },
6184
- {
6185
- "kind": "custom-element-definition",
6186
- "name": "u-elevation",
6187
- "declaration": {
6188
- "name": "UmElevation",
6189
- "module": "src/elevation/elevation.ts"
6190
- }
6191
- }
6192
- ]
6193
- },
6194
- {
6195
- "kind": "javascript-module",
6196
- "path": "src/field/field-base.styles.ts",
6197
- "declarations": [
6198
- {
6199
- "kind": "variable",
6200
- "name": "styles",
6201
- "default": "css `\n :host {\n --_control-line-height: var(--u-field-control-line-height, 1.5rem);\n --_label-line-height: var(--u-field-label-line-height, 1rem);\n --_field-icon-size: var(--u-field-icon-size, 1.5rem);\n --_field-control-padding: var(--u-field-control-padding, 16px);\n --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));\n --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));\n --_field-min-height: var(--u-field-min-height, 56px);\n --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_disabled-color: var(--u-field-disabled-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, .38)));\n --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, ), var(--u-filled-field-background-disabled-opacity, .12)));\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));\n --_active-indicator-opacity: 1;\n --_vertical-padding: var(--u-field-vertical-padding, 8px);\n --_icon-size: var(--u-field-icon-size, 1.5rem);\n --_icon-padding: var(--u-field-icon-padding, 12px);\n --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_focus-border-width: var(--u-text-field-focus-border-width, 2px);\n --_field-control-leading-padding: var(--_field-control-inline-padding);\n --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);\n --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);\n --u-label-input-start: auto;\n --u-label-input-span-leading-offset: 0;\n --u-label-input-span-trailing-offset: 0;\n --u-text-field-horizontal-padding: 12px;\n display: block;\n }\n\n .container {\n display: flex;\n align-items: center;\n position: relative;\n }\n .container::before, .container::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n pointer-events: none;\n }\n .container::before {\n background: var(--u-color-on-surface, rgb(29, 27, 32));\n transition: opacity 150ms;\n opacity: 0;\n }\n .container::after {\n border-width: var(--u-field-border-width, 1px);\n border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):not([invalid]):hover) .container.filled::before {\n opacity: var(--u-state-hover-opacity, 0.08);\n }\n :host(:not([disabled]):not([invalid]):not(:focus-within):hover) .container::after {\n border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n }\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--_icon-size);\n color: var(--_icon-color);\n font-size: var(--_icon-size);\n line-height: var(--_icon-size);\n }\n .icon::slotted(*) {\n flex-shrink: 0;\n }\n\n .leading-icon {\n margin-inline-start: var(--_icon-padding);\n }\n\n .trailing-icon {\n margin-inline-end: var(--_icon-padding);\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-field-label-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));\n display: block;\n position: absolute;\n inset-inline-start: var(--_field-control-leading-padding);\n margin-bottom: 0;\n line-height: var(--_label-line-height);\n color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n transition: inset 200ms, font-size 200ms;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n flex: 1;\n padding-block: var(--_vertical-padding);\n padding-inline: var(--_field-control-inline-padding);\n min-height: var(--_field-min-height);\n transition: opacity 150ms;\n }\n\n .input {\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n flex: 1;\n }\n .input:focus {\n outline: 0;\n }\n .input textarea,\n .input select,\n .input input,\n .input ::slotted(*) {\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-field-control-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n display: block;\n width: 100%;\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n min-height: var(--_control-line-height);\n line-height: var(--_control-line-height);\n padding: 0;\n margin: 0;\n appearance: none;\n background: transparent;\n border: none;\n outline: 0 !important;\n caret-color: var(--_color-primary);\n }\n .input,\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(select),\n .input ::slotted(:is(input, textarea))::placeholder {\n transition: color 150ms 100ms;\n }\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--_field-placeholder-color);\n }\n\n .supporting-text {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));\n font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));\n letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));\n font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));\n display: flex;\n color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n padding-inline: 16px;\n gap: 16px;\n }\n .supporting-text div:empty {\n display: none;\n }\n .supporting-text div,\n .supporting-text ::slotted(*) {\n display: inline-block;\n margin-top: 4px;\n }\n\n .error-text {\n display: none;\n }\n\n .counter div, .counter::slotted(*) {\n margin-inline-start: auto;\n }\n\n :host([has-leading-icon]) {\n --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {\n display: none;\n }\n\n :host(:focus-within) {\n --u-field-border-width: var(--_focus-border-width);\n }\n :host(:focus-within) .container::after {\n border-color: var(--u-field-focused-border-color, var(--_color-primary));\n }\n :host(:focus-within) .label {\n color: var(--u-field-label-focused-color, var(--_color-primary));\n }\n\n :host([invalid]) .container::after {\n border-color: var(--u-field-error-border-color, var(--_color-error));\n }\n :host([invalid]) .label {\n color: var(--u-field-label-error-color, var(--_color-error));\n }\n :host([invalid]) .supporting-text {\n color: var(--u-field-supporting-text-error-color, var(--_color-error));\n }\n :host([invalid]) .trailing-icon {\n color: var(--u-field-trailing-icon-error-color, var(--_color-error));\n }\n :host([invalid]) .leading-icon {\n color: var(--u-field-leading-icon-error-color, var(--_icon-color));\n }\n\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,\n :host([invalid][has-error-text]) .error-text {\n display: contents;\n }\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],\n :host([invalid][has-error-text]) slot[name=supporting-text] {\n display: none;\n }\n\n .container.filled {\n border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n .container.filled::after {\n border-bottom-style: solid;\n }\n .container.filled:not(.no-label) .input-wrapper {\n padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));\n padding-bottom: var(--_vertical-padding);\n }\n .container.filled .label {\n top: var(--_vertical-padding);\n }\n .container.filled .input ::slotted(:is(input, textarea, select, button)) {\n display: block;\n }\n .container.outlined::after {\n --_mid-point: calc(var(--u-field-label-half-width) + var(--_outlined-label-margin) + var(--_outlined-label-padding));\n border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));\n border-style: solid;\n clip-path: polygon(0 0, var(--_mid-point) 0, var(--_mid-point) var(--_focus-border-width), var(--_mid-point) var(--_focus-border-width), var(--_mid-point) 0, 100% 0, 100% 100%, 0 100%);\n transition: clip-path 100ms;\n }\n .container.outlined .label {\n top: calc(var(--_label-line-height) / -2);\n }\n\n .container.outlined:focus-within::after,\n :host(:not([empty])) .container.outlined::after {\n --_end-point: calc(var(--u-field-label-width) + var(--_outlined-label-margin) + (var(--_outlined-label-padding) * 2));\n clip-path: polygon(0 0, var(--_outlined-label-margin) 0, var(--_outlined-label-margin) var(--_focus-border-width), var(--_end-point) var(--_focus-border-width), var(--_end-point) 0, 100% 0, 100% 100%, 0 100%);\n }\n .container.outlined:focus-within .label,\n :host(:not([empty])) .container.outlined .label {\n inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));\n }\n\n :host([empty]) ::slotted(select) {\n color: var(--_field-placeholder-color);\n }\n\n :host([empty]:not(:focus-within)) .label {\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n pointer-events: none;\n top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);\n }\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {\n color: transparent;\n transition: color 150ms;\n }\n\n .container.no-label::after {\n clip-path: none !important;\n }\n\n :host([disabled]) .container .filled {\n background-color: var(--u-filled-field-disabled-bg-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-filled-field-background-disabled-opacity, 0.04)));\n }\n :host([disabled]) .container::after {\n border-color: var(--u-field-disabled-border-color, var(--_disabled-color));\n }\n :host([disabled]) .supporting-text {\n color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .label {\n color: var(--u-field-label-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .input select,\n :host([disabled]) .input select::placeholder,\n :host([disabled]) .input textarea,\n :host([disabled]) .input textarea::placeholder,\n :host([disabled]) .input input,\n :host([disabled]) .input input::placeholder,\n :host([disabled]) .input ::slotted(*),\n :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--u-field-input-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .trailing-icon {\n color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .leading-icon {\n color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));\n }\n`"
6202
- }
6203
- ],
6204
- "exports": [
6205
- {
6206
- "kind": "js",
6207
- "name": "styles",
6208
- "declaration": {
6209
- "name": "styles",
6210
- "module": "src/field/field-base.styles.ts"
6211
- }
6212
- }
6213
- ]
6214
- },
6215
- {
6216
- "kind": "javascript-module",
6217
- "path": "src/field/field-base.ts",
6217
+ "path": "src/field/field-base.ts",
6218
6218
  "declarations": [
6219
6219
  {
6220
6220
  "kind": "class",
@@ -7246,141 +7246,6 @@
7246
7246
  }
7247
7247
  ]
7248
7248
  },
7249
- {
7250
- "kind": "javascript-module",
7251
- "path": "src/list/list-item.styles.ts",
7252
- "declarations": [
7253
- {
7254
- "kind": "variable",
7255
- "name": "styles",
7256
- "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n min-width: 0;\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
7257
- }
7258
- ],
7259
- "exports": [
7260
- {
7261
- "kind": "js",
7262
- "name": "styles",
7263
- "declaration": {
7264
- "name": "styles",
7265
- "module": "src/list/list-item.styles.ts"
7266
- }
7267
- }
7268
- ]
7269
- },
7270
- {
7271
- "kind": "javascript-module",
7272
- "path": "src/list/list-item.ts",
7273
- "declarations": [
7274
- {
7275
- "kind": "class",
7276
- "description": "",
7277
- "name": "UmListItem",
7278
- "members": [
7279
- {
7280
- "kind": "field",
7281
- "name": "selectable",
7282
- "type": {
7283
- "text": "boolean"
7284
- },
7285
- "default": "false",
7286
- "attribute": "selectable",
7287
- "reflects": true
7288
- }
7289
- ],
7290
- "attributes": [
7291
- {
7292
- "name": "selectable",
7293
- "type": {
7294
- "text": "boolean"
7295
- },
7296
- "default": "false",
7297
- "fieldName": "selectable"
7298
- }
7299
- ],
7300
- "superclass": {
7301
- "name": "LitElement",
7302
- "package": "lit"
7303
- },
7304
- "tagName": "u-list-item",
7305
- "customElement": true
7306
- }
7307
- ],
7308
- "exports": [
7309
- {
7310
- "kind": "js",
7311
- "name": "UmListItem",
7312
- "declaration": {
7313
- "name": "UmListItem",
7314
- "module": "src/list/list-item.ts"
7315
- }
7316
- },
7317
- {
7318
- "kind": "custom-element-definition",
7319
- "name": "u-list-item",
7320
- "declaration": {
7321
- "name": "UmListItem",
7322
- "module": "src/list/list-item.ts"
7323
- }
7324
- }
7325
- ]
7326
- },
7327
- {
7328
- "kind": "javascript-module",
7329
- "path": "src/list/list.styles.ts",
7330
- "declarations": [
7331
- {
7332
- "kind": "variable",
7333
- "name": "styles",
7334
- "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
7335
- }
7336
- ],
7337
- "exports": [
7338
- {
7339
- "kind": "js",
7340
- "name": "styles",
7341
- "declaration": {
7342
- "name": "styles",
7343
- "module": "src/list/list.styles.ts"
7344
- }
7345
- }
7346
- ]
7347
- },
7348
- {
7349
- "kind": "javascript-module",
7350
- "path": "src/list/list.ts",
7351
- "declarations": [
7352
- {
7353
- "kind": "class",
7354
- "description": "",
7355
- "name": "UmList",
7356
- "members": [],
7357
- "superclass": {
7358
- "name": "LitElement",
7359
- "package": "lit"
7360
- },
7361
- "tagName": "u-list",
7362
- "customElement": true
7363
- }
7364
- ],
7365
- "exports": [
7366
- {
7367
- "kind": "js",
7368
- "name": "UmList",
7369
- "declaration": {
7370
- "name": "UmList",
7371
- "module": "src/list/list.ts"
7372
- }
7373
- },
7374
- {
7375
- "kind": "custom-element-definition",
7376
- "name": "u-list",
7377
- "declaration": {
7378
- "name": "UmList",
7379
- "module": "src/list/list.ts"
7380
- }
7381
- }
7382
- ]
7383
- },
7384
7249
  {
7385
7250
  "kind": "javascript-module",
7386
7251
  "path": "src/menu/menu-item.styles.ts",
@@ -8114,207 +7979,579 @@
8114
7979
  ]
8115
7980
  },
8116
7981
  {
8117
- "kind": "method",
8118
- "name": "#setToOpenToStartOrEnd",
8119
- "return": {
8120
- "type": {
8121
- "text": "void"
8122
- }
7982
+ "kind": "method",
7983
+ "name": "#setToOpenToStartOrEnd",
7984
+ "return": {
7985
+ "type": {
7986
+ "text": "void"
7987
+ }
7988
+ },
7989
+ "parameters": [
7990
+ {
7991
+ "name": "menuPosition",
7992
+ "type": {
7993
+ "text": "MenuPosition"
7994
+ }
7995
+ },
7996
+ {
7997
+ "name": "menuSize",
7998
+ "type": {
7999
+ "text": "MenuSize"
8000
+ }
8001
+ }
8002
+ ]
8003
+ },
8004
+ {
8005
+ "kind": "method",
8006
+ "name": "#tryOpenLeft",
8007
+ "return": {
8008
+ "type": {
8009
+ "text": "void"
8010
+ }
8011
+ },
8012
+ "parameters": [
8013
+ {
8014
+ "name": "side",
8015
+ "type": {
8016
+ "text": "AnchorCornerInlineSide"
8017
+ }
8018
+ },
8019
+ {
8020
+ "name": "menuSize",
8021
+ "type": {
8022
+ "text": "MenuSize"
8023
+ }
8024
+ }
8025
+ ]
8026
+ },
8027
+ {
8028
+ "kind": "method",
8029
+ "name": "#tryOpenRight",
8030
+ "return": {
8031
+ "type": {
8032
+ "text": "void"
8033
+ }
8034
+ },
8035
+ "parameters": [
8036
+ {
8037
+ "name": "side",
8038
+ "type": {
8039
+ "text": "AnchorCornerInlineSide"
8040
+ }
8041
+ },
8042
+ {
8043
+ "name": "menuSize",
8044
+ "type": {
8045
+ "text": "MenuSize"
8046
+ }
8047
+ }
8048
+ ]
8049
+ },
8050
+ {
8051
+ "kind": "method",
8052
+ "name": "#openToLargestInlineSide",
8053
+ "parameters": [
8054
+ {
8055
+ "name": "side",
8056
+ "type": {
8057
+ "text": "AnchorCornerInlineSide"
8058
+ }
8059
+ }
8060
+ ]
8061
+ },
8062
+ {
8063
+ "kind": "method",
8064
+ "name": "#openUp",
8065
+ "parameters": [
8066
+ {
8067
+ "name": "side",
8068
+ "type": {
8069
+ "text": "AnchorCornerBlockSide"
8070
+ }
8071
+ }
8072
+ ]
8073
+ },
8074
+ {
8075
+ "kind": "method",
8076
+ "name": "#openDown",
8077
+ "parameters": [
8078
+ {
8079
+ "name": "side",
8080
+ "type": {
8081
+ "text": "AnchorCornerBlockSide"
8082
+ }
8083
+ }
8084
+ ]
8085
+ },
8086
+ {
8087
+ "kind": "method",
8088
+ "name": "getMenuPosition",
8089
+ "privacy": "private",
8090
+ "return": {
8091
+ "type": {
8092
+ "text": "MenuPosition"
8093
+ }
8094
+ }
8095
+ },
8096
+ {
8097
+ "kind": "method",
8098
+ "name": "getMenuSize",
8099
+ "privacy": "private",
8100
+ "return": {
8101
+ "type": {
8102
+ "text": "MenuSize"
8103
+ }
8104
+ }
8105
+ }
8106
+ ],
8107
+ "attributes": [
8108
+ {
8109
+ "name": "open",
8110
+ "type": {
8111
+ "text": "boolean"
8112
+ },
8113
+ "description": "Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods",
8114
+ "fieldName": "open"
8115
+ },
8116
+ {
8117
+ "name": "positioning",
8118
+ "type": {
8119
+ "text": "'relative' | 'fixed'"
8120
+ },
8121
+ "default": "'relative'",
8122
+ "fieldName": "positioning"
8123
+ },
8124
+ {
8125
+ "name": "manualFocus",
8126
+ "type": {
8127
+ "text": "boolean"
8128
+ },
8129
+ "default": "false",
8130
+ "fieldName": "manualFocus"
8131
+ },
8132
+ {
8133
+ "name": "anchor-corner",
8134
+ "type": {
8135
+ "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'"
8136
+ },
8137
+ "default": "'end-start'",
8138
+ "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of <block>-<inline> e.g. `'end-start'`.",
8139
+ "fieldName": "anchorCorner"
8140
+ },
8141
+ {
8142
+ "name": "direction",
8143
+ "type": {
8144
+ "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'"
8145
+ },
8146
+ "default": "'down-end'",
8147
+ "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.",
8148
+ "fieldName": "direction"
8149
+ },
8150
+ {
8151
+ "name": "allow-overflow",
8152
+ "type": {
8153
+ "text": "boolean"
8154
+ },
8155
+ "default": "false",
8156
+ "description": "Don't limit the height of the menu",
8157
+ "fieldName": "allowOverflow"
8158
+ }
8159
+ ],
8160
+ "superclass": {
8161
+ "name": "LitElement",
8162
+ "package": "lit"
8163
+ },
8164
+ "tagName": "u-menu",
8165
+ "customElement": true
8166
+ }
8167
+ ],
8168
+ "exports": [
8169
+ {
8170
+ "kind": "js",
8171
+ "name": "UmMenu",
8172
+ "declaration": {
8173
+ "name": "UmMenu",
8174
+ "module": "src/menu/menu.ts"
8175
+ }
8176
+ },
8177
+ {
8178
+ "kind": "custom-element-definition",
8179
+ "name": "u-menu",
8180
+ "declaration": {
8181
+ "name": "UmMenu",
8182
+ "module": "src/menu/menu.ts"
8183
+ }
8184
+ }
8185
+ ]
8186
+ },
8187
+ {
8188
+ "kind": "javascript-module",
8189
+ "path": "src/list/list-item.styles.ts",
8190
+ "declarations": [
8191
+ {
8192
+ "kind": "variable",
8193
+ "name": "styles",
8194
+ "default": "css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n min-width: 0;\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`"
8195
+ }
8196
+ ],
8197
+ "exports": [
8198
+ {
8199
+ "kind": "js",
8200
+ "name": "styles",
8201
+ "declaration": {
8202
+ "name": "styles",
8203
+ "module": "src/list/list-item.styles.ts"
8204
+ }
8205
+ }
8206
+ ]
8207
+ },
8208
+ {
8209
+ "kind": "javascript-module",
8210
+ "path": "src/list/list-item.ts",
8211
+ "declarations": [
8212
+ {
8213
+ "kind": "class",
8214
+ "description": "",
8215
+ "name": "UmListItem",
8216
+ "members": [
8217
+ {
8218
+ "kind": "field",
8219
+ "name": "selectable",
8220
+ "type": {
8221
+ "text": "boolean"
8222
+ },
8223
+ "default": "false",
8224
+ "attribute": "selectable",
8225
+ "reflects": true
8226
+ }
8227
+ ],
8228
+ "attributes": [
8229
+ {
8230
+ "name": "selectable",
8231
+ "type": {
8232
+ "text": "boolean"
8233
+ },
8234
+ "default": "false",
8235
+ "fieldName": "selectable"
8236
+ }
8237
+ ],
8238
+ "superclass": {
8239
+ "name": "LitElement",
8240
+ "package": "lit"
8241
+ },
8242
+ "tagName": "u-list-item",
8243
+ "customElement": true
8244
+ }
8245
+ ],
8246
+ "exports": [
8247
+ {
8248
+ "kind": "js",
8249
+ "name": "UmListItem",
8250
+ "declaration": {
8251
+ "name": "UmListItem",
8252
+ "module": "src/list/list-item.ts"
8253
+ }
8254
+ },
8255
+ {
8256
+ "kind": "custom-element-definition",
8257
+ "name": "u-list-item",
8258
+ "declaration": {
8259
+ "name": "UmListItem",
8260
+ "module": "src/list/list-item.ts"
8261
+ }
8262
+ }
8263
+ ]
8264
+ },
8265
+ {
8266
+ "kind": "javascript-module",
8267
+ "path": "src/list/list.styles.ts",
8268
+ "declarations": [
8269
+ {
8270
+ "kind": "variable",
8271
+ "name": "styles",
8272
+ "default": "css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`"
8273
+ }
8274
+ ],
8275
+ "exports": [
8276
+ {
8277
+ "kind": "js",
8278
+ "name": "styles",
8279
+ "declaration": {
8280
+ "name": "styles",
8281
+ "module": "src/list/list.styles.ts"
8282
+ }
8283
+ }
8284
+ ]
8285
+ },
8286
+ {
8287
+ "kind": "javascript-module",
8288
+ "path": "src/list/list.ts",
8289
+ "declarations": [
8290
+ {
8291
+ "kind": "class",
8292
+ "description": "",
8293
+ "name": "UmList",
8294
+ "members": [],
8295
+ "superclass": {
8296
+ "name": "LitElement",
8297
+ "package": "lit"
8298
+ },
8299
+ "tagName": "u-list",
8300
+ "customElement": true
8301
+ }
8302
+ ],
8303
+ "exports": [
8304
+ {
8305
+ "kind": "js",
8306
+ "name": "UmList",
8307
+ "declaration": {
8308
+ "name": "UmList",
8309
+ "module": "src/list/list.ts"
8310
+ }
8311
+ },
8312
+ {
8313
+ "kind": "custom-element-definition",
8314
+ "name": "u-list",
8315
+ "declaration": {
8316
+ "name": "UmList",
8317
+ "module": "src/list/list.ts"
8318
+ }
8319
+ }
8320
+ ]
8321
+ },
8322
+ {
8323
+ "kind": "javascript-module",
8324
+ "path": "src/progress/circular-progress.styles.ts",
8325
+ "declarations": [
8326
+ {
8327
+ "kind": "variable",
8328
+ "name": "styles",
8329
+ "default": "css `\n :host {\n position: relative;\n display: inline-block;\n width: var(--_size);\n height: var(--_size);\n margin-inline: auto;\n --_size: var(--u-circular-progress-size, 3rem);\n }\n\n .circular {\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n transform-origin: center;\n }\n .circular.indeterminate {\n position: relative;\n animation: rotate 2s linear infinite;\n }\n .circular:not(.indeterminate) .path {\n transition: stroke-dashoffset 200ms linear;\n }\n\n .path {\n stroke-linecap: round;\n stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n position: absolute;\n inset: 0;\n }\n .track .path {\n stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n\n .indeterminate .path {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: dash 1.5s ease-in-out infinite;\n }\n\n .on-going {\n transform: rotate(-80deg);\n }\n .on-going.track {\n transform: rotate(-100deg);\n }\n\n @keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124;\n }\n }\n`"
8330
+ }
8331
+ ],
8332
+ "exports": [
8333
+ {
8334
+ "kind": "js",
8335
+ "name": "styles",
8336
+ "declaration": {
8337
+ "name": "styles",
8338
+ "module": "src/progress/circular-progress.styles.ts"
8339
+ }
8340
+ }
8341
+ ]
8342
+ },
8343
+ {
8344
+ "kind": "javascript-module",
8345
+ "path": "src/progress/circular-progress.ts",
8346
+ "declarations": [
8347
+ {
8348
+ "kind": "class",
8349
+ "description": "",
8350
+ "name": "UmCircularProgress",
8351
+ "members": [
8352
+ {
8353
+ "kind": "field",
8354
+ "name": "value",
8355
+ "type": {
8356
+ "text": "number | undefined"
8123
8357
  },
8124
- "parameters": [
8125
- {
8126
- "name": "menuPosition",
8127
- "type": {
8128
- "text": "MenuPosition"
8129
- }
8130
- },
8131
- {
8132
- "name": "menuSize",
8133
- "type": {
8134
- "text": "MenuSize"
8135
- }
8136
- }
8137
- ]
8358
+ "attribute": "value"
8138
8359
  },
8139
8360
  {
8140
- "kind": "method",
8141
- "name": "#tryOpenLeft",
8142
- "return": {
8143
- "type": {
8144
- "text": "void"
8145
- }
8361
+ "kind": "field",
8362
+ "name": "max",
8363
+ "type": {
8364
+ "text": "number"
8146
8365
  },
8147
- "parameters": [
8148
- {
8149
- "name": "side",
8150
- "type": {
8151
- "text": "AnchorCornerInlineSide"
8152
- }
8153
- },
8154
- {
8155
- "name": "menuSize",
8156
- "type": {
8157
- "text": "MenuSize"
8158
- }
8159
- }
8160
- ]
8366
+ "default": "1",
8367
+ "attribute": "max"
8161
8368
  },
8162
8369
  {
8163
8370
  "kind": "method",
8164
- "name": "#tryOpenRight",
8371
+ "name": "#renderCircle",
8165
8372
  "return": {
8166
8373
  "type": {
8167
- "text": "void"
8374
+ "text": "TemplateResult"
8168
8375
  }
8169
8376
  },
8170
8377
  "parameters": [
8171
8378
  {
8172
- "name": "side",
8173
- "type": {
8174
- "text": "AnchorCornerInlineSide"
8175
- }
8176
- },
8177
- {
8178
- "name": "menuSize",
8179
- "type": {
8180
- "text": "MenuSize"
8181
- }
8182
- }
8183
- ]
8184
- },
8185
- {
8186
- "kind": "method",
8187
- "name": "#openToLargestInlineSide",
8188
- "parameters": [
8189
- {
8190
- "name": "side",
8191
- "type": {
8192
- "text": "AnchorCornerInlineSide"
8193
- }
8194
- }
8195
- ]
8196
- },
8197
- {
8198
- "kind": "method",
8199
- "name": "#openUp",
8200
- "parameters": [
8201
- {
8202
- "name": "side",
8203
- "type": {
8204
- "text": "AnchorCornerBlockSide"
8205
- }
8206
- }
8207
- ]
8208
- },
8209
- {
8210
- "kind": "method",
8211
- "name": "#openDown",
8212
- "parameters": [
8213
- {
8214
- "name": "side",
8379
+ "name": "className",
8215
8380
  "type": {
8216
- "text": "AnchorCornerBlockSide"
8381
+ "text": "string"
8217
8382
  }
8218
8383
  }
8219
8384
  ]
8220
8385
  },
8221
8386
  {
8222
8387
  "kind": "method",
8223
- "name": "getMenuPosition",
8224
- "privacy": "private",
8388
+ "name": "#renderIndeterminate",
8225
8389
  "return": {
8226
8390
  "type": {
8227
- "text": "MenuPosition"
8391
+ "text": "TemplateResult"
8228
8392
  }
8229
8393
  }
8230
8394
  },
8231
8395
  {
8232
8396
  "kind": "method",
8233
- "name": "getMenuSize",
8234
- "privacy": "private",
8397
+ "name": "#renderDeterminate",
8235
8398
  "return": {
8236
8399
  "type": {
8237
- "text": "MenuSize"
8400
+ "text": "TemplateResult"
8238
8401
  }
8239
8402
  }
8240
8403
  }
8241
8404
  ],
8242
8405
  "attributes": [
8243
8406
  {
8244
- "name": "open",
8407
+ "name": "value",
8245
8408
  "type": {
8246
- "text": "boolean"
8409
+ "text": "number | undefined"
8247
8410
  },
8248
- "description": "Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods",
8249
- "fieldName": "open"
8411
+ "fieldName": "value"
8250
8412
  },
8251
8413
  {
8252
- "name": "positioning",
8414
+ "name": "max",
8253
8415
  "type": {
8254
- "text": "'relative' | 'fixed'"
8416
+ "text": "number"
8255
8417
  },
8256
- "default": "'relative'",
8257
- "fieldName": "positioning"
8258
- },
8418
+ "default": "1",
8419
+ "fieldName": "max"
8420
+ }
8421
+ ],
8422
+ "superclass": {
8423
+ "name": "LitElement",
8424
+ "package": "lit"
8425
+ },
8426
+ "tagName": "u-circular-progress",
8427
+ "customElement": true
8428
+ }
8429
+ ],
8430
+ "exports": [
8431
+ {
8432
+ "kind": "js",
8433
+ "name": "UmCircularProgress",
8434
+ "declaration": {
8435
+ "name": "UmCircularProgress",
8436
+ "module": "src/progress/circular-progress.ts"
8437
+ }
8438
+ },
8439
+ {
8440
+ "kind": "custom-element-definition",
8441
+ "name": "u-circular-progress",
8442
+ "declaration": {
8443
+ "name": "UmCircularProgress",
8444
+ "module": "src/progress/circular-progress.ts"
8445
+ }
8446
+ }
8447
+ ]
8448
+ },
8449
+ {
8450
+ "kind": "javascript-module",
8451
+ "path": "src/progress/progress-bar.styles.ts",
8452
+ "declarations": [
8453
+ {
8454
+ "kind": "variable",
8455
+ "name": "styles",
8456
+ "default": "css `\n :host {\n --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));\n --_height: var(--u-progress-bar-height, 4px);\n }\n\n :host,\n .determinate,\n .indeterminate {\n overflow: hidden;\n border-radius: var(--_border-radius);\n }\n\n .determinate,\n .indeterminate {\n display: flex;\n gap: 4px;\n }\n\n .indeterminate {\n flex: 1;\n margin-inline: -8px;\n border-radius: var(--_border-radius);\n }\n\n .determinate {\n margin-inline-end: -4px;\n }\n .determinate .bar {\n transition: flex-basis 200ms linear;\n }\n\n .last {\n flex-shrink: 1;\n flex-basis: 100%;\n animation: last 2.1s infinite linear;\n }\n\n .slow {\n animation: slow 2.1s infinite linear;\n }\n\n .middle {\n animation: middle 2.1s infinite linear;\n }\n\n .fast {\n animation: fast 2.1s infinite linear;\n }\n\n .first {\n animation: first 2.1s infinite linear;\n }\n\n .bar {\n height: var(--_height);\n border-radius: var(--_border-radius);\n background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n flex-shrink: 1;\n }\n\n @keyframes slow {\n 0% {\n flex-basis: 0;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 100%;\n }\n 30% {\n flex-basis: 0;\n }\n }\n @keyframes last {\n 0% {\n flex-basis: 100%;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 0;\n }\n 100% {\n flex-basis: 0;\n }\n }\n @keyframes middle {\n 10% {\n flex-basis: 0;\n }\n 20% {\n flex-basis: 100%;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 0;\n }\n }\n @keyframes fast {\n 0% {\n flex-basis: 0;\n }\n 25% {\n flex-basis: 0;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 100%;\n }\n 55% {\n flex-basis: 0;\n }\n }\n @keyframes first {\n 35% {\n flex-basis: 0;\n }\n 45% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n @keyframes fast-bar-pre {\n 0% {\n flex-basis: 0;\n }\n 60% {\n flex-basis: 0;\n }\n 90% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n`"
8457
+ }
8458
+ ],
8459
+ "exports": [
8460
+ {
8461
+ "kind": "js",
8462
+ "name": "styles",
8463
+ "declaration": {
8464
+ "name": "styles",
8465
+ "module": "src/progress/progress-bar.styles.ts"
8466
+ }
8467
+ }
8468
+ ]
8469
+ },
8470
+ {
8471
+ "kind": "javascript-module",
8472
+ "path": "src/progress/progress-bar.ts",
8473
+ "declarations": [
8474
+ {
8475
+ "kind": "class",
8476
+ "description": "",
8477
+ "name": "UmProgressBar",
8478
+ "members": [
8259
8479
  {
8260
- "name": "manualFocus",
8480
+ "kind": "field",
8481
+ "name": "value",
8261
8482
  "type": {
8262
- "text": "boolean"
8483
+ "text": "number | undefined"
8263
8484
  },
8264
- "default": "false",
8265
- "fieldName": "manualFocus"
8485
+ "attribute": "value"
8266
8486
  },
8267
8487
  {
8268
- "name": "anchor-corner",
8488
+ "kind": "field",
8489
+ "name": "max",
8269
8490
  "type": {
8270
- "text": "'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end'"
8491
+ "text": "number"
8271
8492
  },
8272
- "default": "'end-start'",
8273
- "description": "The corner of the anchor which to align the menu in the standard logical\nproperty style of <block>-<inline> e.g. `'end-start'`.",
8274
- "fieldName": "anchorCorner"
8493
+ "default": "1",
8494
+ "attribute": "max"
8275
8495
  },
8276
8496
  {
8277
- "name": "direction",
8497
+ "kind": "method",
8498
+ "name": "#renderIndeterminate",
8499
+ "return": {
8500
+ "type": {
8501
+ "text": "TemplateResult"
8502
+ }
8503
+ }
8504
+ },
8505
+ {
8506
+ "kind": "method",
8507
+ "name": "#renderDeterminate",
8508
+ "return": {
8509
+ "type": {
8510
+ "text": "TemplateResult"
8511
+ }
8512
+ }
8513
+ }
8514
+ ],
8515
+ "attributes": [
8516
+ {
8517
+ "name": "value",
8278
8518
  "type": {
8279
- "text": "'up-start' | 'up-end' | 'down-start' | 'down-end'"
8519
+ "text": "number | undefined"
8280
8520
  },
8281
- "default": "'down-end'",
8282
- "description": "The direction of the menu. e.g. `'down-end'`.\n\nNOTE: This value may not be respected by the menu positioning algorithm\nif the menu would render outside the viewport.",
8283
- "fieldName": "direction"
8521
+ "fieldName": "value"
8284
8522
  },
8285
8523
  {
8286
- "name": "allow-overflow",
8524
+ "name": "max",
8287
8525
  "type": {
8288
- "text": "boolean"
8526
+ "text": "number"
8289
8527
  },
8290
- "default": "false",
8291
- "description": "Don't limit the height of the menu",
8292
- "fieldName": "allowOverflow"
8528
+ "default": "1",
8529
+ "fieldName": "max"
8293
8530
  }
8294
8531
  ],
8295
8532
  "superclass": {
8296
8533
  "name": "LitElement",
8297
8534
  "package": "lit"
8298
8535
  },
8299
- "tagName": "u-menu",
8536
+ "tagName": "u-progress-bar",
8300
8537
  "customElement": true
8301
8538
  }
8302
8539
  ],
8303
8540
  "exports": [
8304
8541
  {
8305
8542
  "kind": "js",
8306
- "name": "UmMenu",
8543
+ "name": "UmProgressBar",
8307
8544
  "declaration": {
8308
- "name": "UmMenu",
8309
- "module": "src/menu/menu.ts"
8545
+ "name": "UmProgressBar",
8546
+ "module": "src/progress/progress-bar.ts"
8310
8547
  }
8311
8548
  },
8312
8549
  {
8313
8550
  "kind": "custom-element-definition",
8314
- "name": "u-menu",
8551
+ "name": "u-progress-bar",
8315
8552
  "declaration": {
8316
- "name": "UmMenu",
8317
- "module": "src/menu/menu.ts"
8553
+ "name": "UmProgressBar",
8554
+ "module": "src/progress/progress-bar.ts"
8318
8555
  }
8319
8556
  }
8320
8557
  ]
@@ -9000,243 +9237,6 @@
9000
9237
  }
9001
9238
  ]
9002
9239
  },
9003
- {
9004
- "kind": "javascript-module",
9005
- "path": "src/progress/circular-progress.styles.ts",
9006
- "declarations": [
9007
- {
9008
- "kind": "variable",
9009
- "name": "styles",
9010
- "default": "css `\n :host {\n position: relative;\n display: inline-block;\n width: var(--_size);\n height: var(--_size);\n margin-inline: auto;\n --_size: var(--u-circular-progress-size, 3rem);\n }\n\n .circular {\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n transform-origin: center;\n }\n .circular.indeterminate {\n position: relative;\n animation: rotate 2s linear infinite;\n }\n .circular:not(.indeterminate) .path {\n transition: stroke-dashoffset 200ms linear;\n }\n\n .path {\n stroke-linecap: round;\n stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n position: absolute;\n inset: 0;\n }\n .track .path {\n stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n }\n\n .indeterminate .path {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: dash 1.5s ease-in-out infinite;\n }\n\n .on-going {\n transform: rotate(-80deg);\n }\n .on-going.track {\n transform: rotate(-100deg);\n }\n\n @keyframes rotate {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124;\n }\n }\n`"
9011
- }
9012
- ],
9013
- "exports": [
9014
- {
9015
- "kind": "js",
9016
- "name": "styles",
9017
- "declaration": {
9018
- "name": "styles",
9019
- "module": "src/progress/circular-progress.styles.ts"
9020
- }
9021
- }
9022
- ]
9023
- },
9024
- {
9025
- "kind": "javascript-module",
9026
- "path": "src/progress/circular-progress.ts",
9027
- "declarations": [
9028
- {
9029
- "kind": "class",
9030
- "description": "",
9031
- "name": "UmCircularProgress",
9032
- "members": [
9033
- {
9034
- "kind": "field",
9035
- "name": "value",
9036
- "type": {
9037
- "text": "number | undefined"
9038
- },
9039
- "attribute": "value"
9040
- },
9041
- {
9042
- "kind": "field",
9043
- "name": "max",
9044
- "type": {
9045
- "text": "number"
9046
- },
9047
- "default": "1",
9048
- "attribute": "max"
9049
- },
9050
- {
9051
- "kind": "method",
9052
- "name": "#renderCircle",
9053
- "return": {
9054
- "type": {
9055
- "text": "TemplateResult"
9056
- }
9057
- },
9058
- "parameters": [
9059
- {
9060
- "name": "className",
9061
- "type": {
9062
- "text": "string"
9063
- }
9064
- }
9065
- ]
9066
- },
9067
- {
9068
- "kind": "method",
9069
- "name": "#renderIndeterminate",
9070
- "return": {
9071
- "type": {
9072
- "text": "TemplateResult"
9073
- }
9074
- }
9075
- },
9076
- {
9077
- "kind": "method",
9078
- "name": "#renderDeterminate",
9079
- "return": {
9080
- "type": {
9081
- "text": "TemplateResult"
9082
- }
9083
- }
9084
- }
9085
- ],
9086
- "attributes": [
9087
- {
9088
- "name": "value",
9089
- "type": {
9090
- "text": "number | undefined"
9091
- },
9092
- "fieldName": "value"
9093
- },
9094
- {
9095
- "name": "max",
9096
- "type": {
9097
- "text": "number"
9098
- },
9099
- "default": "1",
9100
- "fieldName": "max"
9101
- }
9102
- ],
9103
- "superclass": {
9104
- "name": "LitElement",
9105
- "package": "lit"
9106
- },
9107
- "tagName": "u-circular-progress",
9108
- "customElement": true
9109
- }
9110
- ],
9111
- "exports": [
9112
- {
9113
- "kind": "js",
9114
- "name": "UmCircularProgress",
9115
- "declaration": {
9116
- "name": "UmCircularProgress",
9117
- "module": "src/progress/circular-progress.ts"
9118
- }
9119
- },
9120
- {
9121
- "kind": "custom-element-definition",
9122
- "name": "u-circular-progress",
9123
- "declaration": {
9124
- "name": "UmCircularProgress",
9125
- "module": "src/progress/circular-progress.ts"
9126
- }
9127
- }
9128
- ]
9129
- },
9130
- {
9131
- "kind": "javascript-module",
9132
- "path": "src/progress/progress-bar.styles.ts",
9133
- "declarations": [
9134
- {
9135
- "kind": "variable",
9136
- "name": "styles",
9137
- "default": "css `\n :host {\n --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));\n --_height: var(--u-progress-bar-height, 4px);\n }\n\n :host,\n .determinate,\n .indeterminate {\n overflow: hidden;\n border-radius: var(--_border-radius);\n }\n\n .determinate,\n .indeterminate {\n display: flex;\n gap: 4px;\n }\n\n .indeterminate {\n flex: 1;\n margin-inline: -8px;\n border-radius: var(--_border-radius);\n }\n\n .determinate {\n margin-inline-end: -4px;\n }\n .determinate .bar {\n transition: flex-basis 200ms linear;\n }\n\n .last {\n flex-shrink: 1;\n flex-basis: 100%;\n animation: last 2.1s infinite linear;\n }\n\n .slow {\n animation: slow 2.1s infinite linear;\n }\n\n .middle {\n animation: middle 2.1s infinite linear;\n }\n\n .fast {\n animation: fast 2.1s infinite linear;\n }\n\n .first {\n animation: first 2.1s infinite linear;\n }\n\n .bar {\n height: var(--_height);\n border-radius: var(--_border-radius);\n background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .track {\n background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n flex-shrink: 1;\n }\n\n @keyframes slow {\n 0% {\n flex-basis: 0;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 100%;\n }\n 30% {\n flex-basis: 0;\n }\n }\n @keyframes last {\n 0% {\n flex-basis: 100%;\n }\n 10% {\n flex-basis: 50%;\n }\n 20% {\n flex-basis: 0;\n }\n 100% {\n flex-basis: 0;\n }\n }\n @keyframes middle {\n 10% {\n flex-basis: 0;\n }\n 20% {\n flex-basis: 100%;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 0;\n }\n }\n @keyframes fast {\n 0% {\n flex-basis: 0;\n }\n 25% {\n flex-basis: 0;\n }\n 35% {\n flex-basis: 100%;\n }\n 45% {\n flex-basis: 100%;\n }\n 55% {\n flex-basis: 0;\n }\n }\n @keyframes first {\n 35% {\n flex-basis: 0;\n }\n 45% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n @keyframes fast-bar-pre {\n 0% {\n flex-basis: 0;\n }\n 60% {\n flex-basis: 0;\n }\n 90% {\n flex-basis: 100%;\n }\n 100% {\n flex-basis: 100%;\n }\n }\n`"
9138
- }
9139
- ],
9140
- "exports": [
9141
- {
9142
- "kind": "js",
9143
- "name": "styles",
9144
- "declaration": {
9145
- "name": "styles",
9146
- "module": "src/progress/progress-bar.styles.ts"
9147
- }
9148
- }
9149
- ]
9150
- },
9151
- {
9152
- "kind": "javascript-module",
9153
- "path": "src/progress/progress-bar.ts",
9154
- "declarations": [
9155
- {
9156
- "kind": "class",
9157
- "description": "",
9158
- "name": "UmProgressBar",
9159
- "members": [
9160
- {
9161
- "kind": "field",
9162
- "name": "value",
9163
- "type": {
9164
- "text": "number | undefined"
9165
- },
9166
- "attribute": "value"
9167
- },
9168
- {
9169
- "kind": "field",
9170
- "name": "max",
9171
- "type": {
9172
- "text": "number"
9173
- },
9174
- "default": "1",
9175
- "attribute": "max"
9176
- },
9177
- {
9178
- "kind": "method",
9179
- "name": "#renderIndeterminate",
9180
- "return": {
9181
- "type": {
9182
- "text": "TemplateResult"
9183
- }
9184
- }
9185
- },
9186
- {
9187
- "kind": "method",
9188
- "name": "#renderDeterminate",
9189
- "return": {
9190
- "type": {
9191
- "text": "TemplateResult"
9192
- }
9193
- }
9194
- }
9195
- ],
9196
- "attributes": [
9197
- {
9198
- "name": "value",
9199
- "type": {
9200
- "text": "number | undefined"
9201
- },
9202
- "fieldName": "value"
9203
- },
9204
- {
9205
- "name": "max",
9206
- "type": {
9207
- "text": "number"
9208
- },
9209
- "default": "1",
9210
- "fieldName": "max"
9211
- }
9212
- ],
9213
- "superclass": {
9214
- "name": "LitElement",
9215
- "package": "lit"
9216
- },
9217
- "tagName": "u-progress-bar",
9218
- "customElement": true
9219
- }
9220
- ],
9221
- "exports": [
9222
- {
9223
- "kind": "js",
9224
- "name": "UmProgressBar",
9225
- "declaration": {
9226
- "name": "UmProgressBar",
9227
- "module": "src/progress/progress-bar.ts"
9228
- }
9229
- },
9230
- {
9231
- "kind": "custom-element-definition",
9232
- "name": "u-progress-bar",
9233
- "declaration": {
9234
- "name": "UmProgressBar",
9235
- "module": "src/progress/progress-bar.ts"
9236
- }
9237
- }
9238
- ]
9239
- },
9240
9240
  {
9241
9241
  "kind": "javascript-module",
9242
9242
  "path": "src/radio/radio-list-item.ts",