@universal-material/web 3.0.132 → 3.0.134

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 (20) hide show
  1. package/chip-field/chip-field.d.ts.map +1 -1
  2. package/chip-field/chip-field.js +3 -1
  3. package/chip-field/chip-field.js.map +1 -1
  4. package/custom-elements.json +774 -697
  5. package/package.json +1 -1
  6. package/shared/char-count-text-field/native-text-field-wrapper.d.ts +1 -0
  7. package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +1 -1
  8. package/shared/char-count-text-field/native-text-field-wrapper.js +4 -0
  9. package/shared/char-count-text-field/native-text-field-wrapper.js.map +1 -1
  10. package/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -1
  11. package/shared/menu-field/menu-field-navigation-controller.js +1 -0
  12. package/shared/menu-field/menu-field-navigation-controller.js.map +1 -1
  13. package/shared/text-field-base/text-field-base.styles.d.ts.map +1 -1
  14. package/shared/text-field-base/text-field-base.styles.js +4 -0
  15. package/shared/text-field-base/text-field-base.styles.js.map +1 -1
  16. package/text-area/text-area.js +1 -1
  17. package/text-area/text-area.js.map +1 -1
  18. package/typeahead/typeahead.d.ts.map +1 -1
  19. package/typeahead/typeahead.js +13 -11
  20. package/typeahead/typeahead.js.map +1 -1
package/custom-elements.json CHANGED
@@ -644,6 +644,255 @@
644
644
  }
645
645
  ]
646
646
  },
647
+ {
648
+ "kind": "javascript-module",
649
+ "path": "src/card/card-content.styles.ts",
650
+ "declarations": [
651
+ {
652
+ "kind": "variable",
653
+ "name": "styles",
654
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
655
+ }
656
+ ],
657
+ "exports": [
658
+ {
659
+ "kind": "js",
660
+ "name": "styles",
661
+ "declaration": {
662
+ "name": "styles",
663
+ "module": "src/card/card-content.styles.ts"
664
+ }
665
+ }
666
+ ]
667
+ },
668
+ {
669
+ "kind": "javascript-module",
670
+ "path": "src/card/card-content.ts",
671
+ "declarations": [
672
+ {
673
+ "kind": "class",
674
+ "description": "",
675
+ "name": "UmCardContent",
676
+ "members": [
677
+ {
678
+ "kind": "field",
679
+ "name": "hasContent",
680
+ "type": {
681
+ "text": "boolean"
682
+ },
683
+ "default": "false",
684
+ "attribute": "has-content",
685
+ "reflects": true
686
+ },
687
+ {
688
+ "kind": "method",
689
+ "name": "handleSlotChange",
690
+ "privacy": "private",
691
+ "parameters": [
692
+ {
693
+ "name": "e",
694
+ "type": {
695
+ "text": "Event"
696
+ }
697
+ }
698
+ ]
699
+ }
700
+ ],
701
+ "attributes": [
702
+ {
703
+ "name": "has-content",
704
+ "type": {
705
+ "text": "boolean"
706
+ },
707
+ "default": "false",
708
+ "fieldName": "hasContent"
709
+ }
710
+ ],
711
+ "superclass": {
712
+ "name": "LitElement",
713
+ "package": "lit"
714
+ },
715
+ "tagName": "u-card-content",
716
+ "customElement": true
717
+ }
718
+ ],
719
+ "exports": [
720
+ {
721
+ "kind": "js",
722
+ "name": "UmCardContent",
723
+ "declaration": {
724
+ "name": "UmCardContent",
725
+ "module": "src/card/card-content.ts"
726
+ }
727
+ },
728
+ {
729
+ "kind": "custom-element-definition",
730
+ "name": "u-card-content",
731
+ "declaration": {
732
+ "name": "UmCardContent",
733
+ "module": "src/card/card-content.ts"
734
+ }
735
+ }
736
+ ]
737
+ },
738
+ {
739
+ "kind": "javascript-module",
740
+ "path": "src/card/card-media.styles.ts",
741
+ "declarations": [
742
+ {
743
+ "kind": "variable",
744
+ "name": "styles",
745
+ "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
746
+ }
747
+ ],
748
+ "exports": [
749
+ {
750
+ "kind": "js",
751
+ "name": "styles",
752
+ "declaration": {
753
+ "name": "styles",
754
+ "module": "src/card/card-media.styles.ts"
755
+ }
756
+ }
757
+ ]
758
+ },
759
+ {
760
+ "kind": "javascript-module",
761
+ "path": "src/card/card-media.ts",
762
+ "declarations": [
763
+ {
764
+ "kind": "class",
765
+ "description": "",
766
+ "name": "UmCardMedia",
767
+ "members": [
768
+ {
769
+ "kind": "field",
770
+ "name": "wide",
771
+ "type": {
772
+ "text": "boolean"
773
+ },
774
+ "default": "false",
775
+ "attribute": "wide",
776
+ "reflects": true
777
+ }
778
+ ],
779
+ "attributes": [
780
+ {
781
+ "name": "wide",
782
+ "type": {
783
+ "text": "boolean"
784
+ },
785
+ "default": "false",
786
+ "fieldName": "wide"
787
+ }
788
+ ],
789
+ "superclass": {
790
+ "name": "LitElement",
791
+ "package": "lit"
792
+ },
793
+ "tagName": "u-card-media",
794
+ "customElement": true
795
+ }
796
+ ],
797
+ "exports": [
798
+ {
799
+ "kind": "js",
800
+ "name": "UmCardMedia",
801
+ "declaration": {
802
+ "name": "UmCardMedia",
803
+ "module": "src/card/card-media.ts"
804
+ }
805
+ },
806
+ {
807
+ "kind": "custom-element-definition",
808
+ "name": "u-card-media",
809
+ "declaration": {
810
+ "name": "UmCardMedia",
811
+ "module": "src/card/card-media.ts"
812
+ }
813
+ }
814
+ ]
815
+ },
816
+ {
817
+ "kind": "javascript-module",
818
+ "path": "src/card/card.styles.ts",
819
+ "declarations": [
820
+ {
821
+ "kind": "variable",
822
+ "name": "styles",
823
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([variant=elevated]) {\n --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n background-color: var(--u-current-bg-color);\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n background-color: var(--u-current-bg-color);\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
824
+ }
825
+ ],
826
+ "exports": [
827
+ {
828
+ "kind": "js",
829
+ "name": "styles",
830
+ "declaration": {
831
+ "name": "styles",
832
+ "module": "src/card/card.styles.ts"
833
+ }
834
+ }
835
+ ]
836
+ },
837
+ {
838
+ "kind": "javascript-module",
839
+ "path": "src/card/card.ts",
840
+ "declarations": [
841
+ {
842
+ "kind": "class",
843
+ "description": "",
844
+ "name": "UmCard",
845
+ "members": [
846
+ {
847
+ "kind": "field",
848
+ "name": "variant",
849
+ "type": {
850
+ "text": "UmCardVariant"
851
+ },
852
+ "default": "'filled'",
853
+ "description": "The Card variant to render.",
854
+ "attribute": "variant",
855
+ "reflects": true
856
+ }
857
+ ],
858
+ "attributes": [
859
+ {
860
+ "name": "variant",
861
+ "type": {
862
+ "text": "UmCardVariant"
863
+ },
864
+ "default": "'filled'",
865
+ "description": "The Card variant to render.",
866
+ "fieldName": "variant"
867
+ }
868
+ ],
869
+ "superclass": {
870
+ "name": "LitElement",
871
+ "package": "lit"
872
+ },
873
+ "tagName": "u-card",
874
+ "customElement": true
875
+ }
876
+ ],
877
+ "exports": [
878
+ {
879
+ "kind": "js",
880
+ "name": "UmCard",
881
+ "declaration": {
882
+ "name": "UmCard",
883
+ "module": "src/card/card.ts"
884
+ }
885
+ },
886
+ {
887
+ "kind": "custom-element-definition",
888
+ "name": "u-card",
889
+ "declaration": {
890
+ "name": "UmCard",
891
+ "module": "src/card/card.ts"
892
+ }
893
+ }
894
+ ]
895
+ },
647
896
  {
648
897
  "kind": "javascript-module",
649
898
  "path": "src/button/button-base.styles.ts",
@@ -2720,256 +2969,7 @@
2720
2969
  },
2721
2970
  {
2722
2971
  "kind": "javascript-module",
2723
- "path": "src/card/card-content.styles.ts",
2724
- "declarations": [
2725
- {
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",
2750
- "members": [
2751
- {
2752
- "kind": "field",
2753
- "name": "hasContent",
2754
- "type": {
2755
- "text": "boolean"
2756
- },
2757
- "default": "false",
2758
- "attribute": "has-content",
2759
- "reflects": true
2760
- },
2761
- {
2762
- "kind": "method",
2763
- "name": "handleSlotChange",
2764
- "privacy": "private",
2765
- "parameters": [
2766
- {
2767
- "name": "e",
2768
- "type": {
2769
- "text": "Event"
2770
- }
2771
- }
2772
- ]
2773
- }
2774
- ],
2775
- "attributes": [
2776
- {
2777
- "name": "has-content",
2778
- "type": {
2779
- "text": "boolean"
2780
- },
2781
- "default": "false",
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": [
2842
- {
2843
- "kind": "field",
2844
- "name": "wide",
2845
- "type": {
2846
- "text": "boolean"
2847
- },
2848
- "default": "false",
2849
- "attribute": "wide",
2850
- "reflects": true
2851
- }
2852
- ],
2853
- "attributes": [
2854
- {
2855
- "name": "wide",
2856
- "type": {
2857
- "text": "boolean"
2858
- },
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": [
2920
- {
2921
- "kind": "field",
2922
- "name": "variant",
2923
- "type": {
2924
- "text": "UmCardVariant"
2925
- },
2926
- "default": "'filled'",
2927
- "description": "The Card variant to render.",
2928
- "attribute": "variant",
2929
- "reflects": true
2930
- }
2931
- ],
2932
- "attributes": [
2933
- {
2934
- "name": "variant",
2935
- "type": {
2936
- "text": "UmCardVariant"
2937
- },
2938
- "default": "'filled'",
2939
- "description": "The Card variant to render.",
2940
- "fieldName": "variant"
2941
- }
2942
- ],
2943
- "superclass": {
2944
- "name": "LitElement",
2945
- "package": "lit"
2946
- },
2947
- "tagName": "u-card",
2948
- "customElement": true
2949
- }
2950
- ],
2951
- "exports": [
2952
- {
2953
- "kind": "js",
2954
- "name": "UmCard",
2955
- "declaration": {
2956
- "name": "UmCard",
2957
- "module": "src/card/card.ts"
2958
- }
2959
- },
2960
- {
2961
- "kind": "custom-element-definition",
2962
- "name": "u-card",
2963
- "declaration": {
2964
- "name": "UmCard",
2965
- "module": "src/card/card.ts"
2966
- }
2967
- }
2968
- ]
2969
- },
2970
- {
2971
- "kind": "javascript-module",
2972
- "path": "src/checkbox/checkbox-list-item.ts",
2972
+ "path": "src/checkbox/checkbox-list-item.ts",
2973
2973
  "declarations": [
2974
2974
  {
2975
2975
  "kind": "class",
@@ -10104,18 +10104,257 @@
10104
10104
  },
10105
10105
  {
10106
10106
  "kind": "javascript-module",
10107
- "path": "src/select/extended-option.ts",
10108
- "declarations": [],
10109
- "exports": []
10110
- },
10111
- {
10112
- "kind": "javascript-module",
10113
- "path": "src/select/extended-select.ts",
10114
- "declarations": [],
10115
- "exports": []
10116
- },
10117
- {
10118
- "kind": "javascript-module",
10107
+ "path": "src/ripple/ripple.styles.ts",
10108
+ "declarations": [
10109
+ {
10110
+ "kind": "variable",
10111
+ "name": "styles",
10112
+ "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
10113
+ }
10114
+ ],
10115
+ "exports": [
10116
+ {
10117
+ "kind": "js",
10118
+ "name": "styles",
10119
+ "declaration": {
10120
+ "name": "styles",
10121
+ "module": "src/ripple/ripple.styles.ts"
10122
+ }
10123
+ }
10124
+ ]
10125
+ },
10126
+ {
10127
+ "kind": "javascript-module",
10128
+ "path": "src/ripple/ripple.ts",
10129
+ "declarations": [
10130
+ {
10131
+ "kind": "class",
10132
+ "description": "",
10133
+ "name": "UmRipple",
10134
+ "members": [
10135
+ {
10136
+ "kind": "field",
10137
+ "name": "isTouching",
10138
+ "type": {
10139
+ "text": "boolean"
10140
+ },
10141
+ "privacy": "private",
10142
+ "default": "false"
10143
+ },
10144
+ {
10145
+ "kind": "field",
10146
+ "name": "disabled",
10147
+ "type": {
10148
+ "text": "boolean"
10149
+ },
10150
+ "default": "false",
10151
+ "description": "Disables the ripple.",
10152
+ "attribute": "disabled",
10153
+ "reflects": true
10154
+ },
10155
+ {
10156
+ "kind": "field",
10157
+ "name": "rippleContainer",
10158
+ "type": {
10159
+ "text": "HTMLElement"
10160
+ },
10161
+ "privacy": "private"
10162
+ },
10163
+ {
10164
+ "kind": "method",
10165
+ "name": "attachEvents",
10166
+ "privacy": "private",
10167
+ "return": {
10168
+ "type": {
10169
+ "text": "void"
10170
+ }
10171
+ }
10172
+ },
10173
+ {
10174
+ "kind": "method",
10175
+ "name": "dettachEvents",
10176
+ "privacy": "private",
10177
+ "return": {
10178
+ "type": {
10179
+ "text": "void"
10180
+ }
10181
+ }
10182
+ },
10183
+ {
10184
+ "kind": "method",
10185
+ "name": "handleMouseDown",
10186
+ "privacy": "private",
10187
+ "return": {
10188
+ "type": {
10189
+ "text": "void"
10190
+ }
10191
+ },
10192
+ "parameters": [
10193
+ {
10194
+ "name": "e",
10195
+ "type": {
10196
+ "text": "MouseEvent"
10197
+ }
10198
+ }
10199
+ ]
10200
+ },
10201
+ {
10202
+ "kind": "method",
10203
+ "name": "handleTouchStart",
10204
+ "privacy": "private",
10205
+ "return": {
10206
+ "type": {
10207
+ "text": "void"
10208
+ }
10209
+ },
10210
+ "parameters": [
10211
+ {
10212
+ "name": "e",
10213
+ "type": {
10214
+ "text": "TouchEvent"
10215
+ }
10216
+ }
10217
+ ]
10218
+ },
10219
+ {
10220
+ "kind": "method",
10221
+ "name": "canCreateRipple",
10222
+ "privacy": "private",
10223
+ "return": {
10224
+ "type": {
10225
+ "text": "boolean"
10226
+ }
10227
+ }
10228
+ },
10229
+ {
10230
+ "kind": "method",
10231
+ "name": "createRipple",
10232
+ "return": {
10233
+ "type": {
10234
+ "text": "(() => void) | null"
10235
+ }
10236
+ },
10237
+ "parameters": [
10238
+ {
10239
+ "name": "targetX",
10240
+ "default": "null",
10241
+ "type": {
10242
+ "text": "number | null"
10243
+ }
10244
+ },
10245
+ {
10246
+ "name": "targetY",
10247
+ "default": "null",
10248
+ "type": {
10249
+ "text": "number | null"
10250
+ }
10251
+ },
10252
+ {
10253
+ "name": "releaseEventName",
10254
+ "default": "null",
10255
+ "type": {
10256
+ "text": "string | null"
10257
+ }
10258
+ }
10259
+ ]
10260
+ },
10261
+ {
10262
+ "kind": "method",
10263
+ "name": "createDismissEvent",
10264
+ "privacy": "private",
10265
+ "return": {
10266
+ "type": {
10267
+ "text": "() => void"
10268
+ }
10269
+ },
10270
+ "parameters": [
10271
+ {
10272
+ "name": "ripple",
10273
+ "type": {
10274
+ "text": "HTMLElement"
10275
+ }
10276
+ },
10277
+ {
10278
+ "name": "releaseEventName",
10279
+ "type": {
10280
+ "text": "string"
10281
+ }
10282
+ }
10283
+ ]
10284
+ },
10285
+ {
10286
+ "kind": "method",
10287
+ "name": "_setElementSquareSizeAndCenter",
10288
+ "privacy": "private",
10289
+ "static": true,
10290
+ "parameters": [
10291
+ {
10292
+ "name": "element",
10293
+ "type": {
10294
+ "text": "HTMLElement"
10295
+ }
10296
+ },
10297
+ {
10298
+ "name": "size",
10299
+ "type": {
10300
+ "text": "number"
10301
+ }
10302
+ }
10303
+ ]
10304
+ }
10305
+ ],
10306
+ "attributes": [
10307
+ {
10308
+ "name": "disabled",
10309
+ "type": {
10310
+ "text": "boolean"
10311
+ },
10312
+ "default": "false",
10313
+ "description": "Disables the ripple.",
10314
+ "fieldName": "disabled"
10315
+ }
10316
+ ],
10317
+ "superclass": {
10318
+ "name": "LitElement",
10319
+ "package": "lit"
10320
+ },
10321
+ "tagName": "u-ripple",
10322
+ "customElement": true
10323
+ }
10324
+ ],
10325
+ "exports": [
10326
+ {
10327
+ "kind": "js",
10328
+ "name": "UmRipple",
10329
+ "declaration": {
10330
+ "name": "UmRipple",
10331
+ "module": "src/ripple/ripple.ts"
10332
+ }
10333
+ },
10334
+ {
10335
+ "kind": "custom-element-definition",
10336
+ "name": "u-ripple",
10337
+ "declaration": {
10338
+ "name": "UmRipple",
10339
+ "module": "src/ripple/ripple.ts"
10340
+ }
10341
+ }
10342
+ ]
10343
+ },
10344
+ {
10345
+ "kind": "javascript-module",
10346
+ "path": "src/select/extended-option.ts",
10347
+ "declarations": [],
10348
+ "exports": []
10349
+ },
10350
+ {
10351
+ "kind": "javascript-module",
10352
+ "path": "src/select/extended-select.ts",
10353
+ "declarations": [],
10354
+ "exports": []
10355
+ },
10356
+ {
10357
+ "kind": "javascript-module",
10119
10358
  "path": "src/select/option.styles.ts",
10120
10359
  "declarations": [
10121
10360
  {
@@ -11757,355 +11996,116 @@
11757
11996
  "fieldName": "supportingText",
11758
11997
  "inheritedFrom": {
11759
11998
  "name": "UmFieldBase",
11760
- "module": "src/field/field-base.ts"
11761
- }
11762
- },
11763
- {
11764
- "name": "error-text",
11765
- "type": {
11766
- "text": "string | undefined"
11767
- },
11768
- "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
11769
- "fieldName": "errorText",
11770
- "inheritedFrom": {
11771
- "name": "UmFieldBase",
11772
- "module": "src/field/field-base.ts"
11773
- }
11774
- },
11775
- {
11776
- "name": "empty",
11777
- "type": {
11778
- "text": "boolean"
11779
- },
11780
- "default": "false",
11781
- "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
11782
- "fieldName": "empty",
11783
- "inheritedFrom": {
11784
- "name": "UmFieldBase",
11785
- "module": "src/field/field-base.ts"
11786
- }
11787
- },
11788
- {
11789
- "name": "disabled",
11790
- "type": {
11791
- "text": "boolean"
11792
- },
11793
- "default": "false",
11794
- "fieldName": "disabled",
11795
- "inheritedFrom": {
11796
- "name": "UmFieldBase",
11797
- "module": "src/field/field-base.ts"
11798
- }
11799
- },
11800
- {
11801
- "name": "invalid",
11802
- "type": {
11803
- "text": "boolean"
11804
- },
11805
- "default": "false",
11806
- "description": "Get or sets where or not the field is in a visually invalid state.",
11807
- "fieldName": "invalid",
11808
- "inheritedFrom": {
11809
- "name": "UmFieldBase",
11810
- "module": "src/field/field-base.ts"
11811
- }
11812
- },
11813
- {
11814
- "name": "has-leading-icon",
11815
- "type": {
11816
- "text": "boolean"
11817
- },
11818
- "default": "false",
11819
- "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
11820
- "fieldName": "hasLeadingIcon",
11821
- "inheritedFrom": {
11822
- "name": "UmFieldBase",
11823
- "module": "src/field/field-base.ts"
11824
- }
11825
- },
11826
- {
11827
- "name": "has-trailing-icon",
11828
- "type": {
11829
- "text": "boolean"
11830
- },
11831
- "default": "false",
11832
- "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
11833
- "fieldName": "hasTrailingIcon",
11834
- "inheritedFrom": {
11835
- "name": "UmFieldBase",
11836
- "module": "src/field/field-base.ts"
11837
- }
11838
- },
11839
- {
11840
- "name": "has-error-text",
11841
- "type": {
11842
- "text": "boolean"
11843
- },
11844
- "default": "false",
11845
- "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
11846
- "fieldName": "hasErrorText",
11847
- "inheritedFrom": {
11848
- "name": "UmFieldBase",
11849
- "module": "src/field/field-base.ts"
11850
- }
11851
- }
11852
- ]
11853
- }
11854
- ],
11855
- "exports": [
11856
- {
11857
- "kind": "js",
11858
- "name": "UmSelect",
11859
- "declaration": {
11860
- "name": "UmSelect",
11861
- "module": "src/select/select.ts"
11862
- }
11863
- },
11864
- {
11865
- "kind": "custom-element-definition",
11866
- "name": "u-select",
11867
- "declaration": {
11868
- "name": "UmSelect",
11869
- "module": "src/select/select.ts"
11870
- }
11871
- }
11872
- ]
11873
- },
11874
- {
11875
- "kind": "javascript-module",
11876
- "path": "src/ripple/ripple.styles.ts",
11877
- "declarations": [
11878
- {
11879
- "kind": "variable",
11880
- "name": "styles",
11881
- "default": "css `\n :host,\n .ripple-container::before {\n --_ripple-hover-color: var(--u-ripple-hover-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-pressed-color: var(--u-ripple-pressed-color, var(--u-ripple-color, var(--u-state-layer-color, currentColor)));\n --_ripple-hover-opacity: var(--u-ripple-pressed-opacity, var(--u-state-hover-opacity, 0.08));\n --_ripple-pressed-opacity: var(--u-ripple-pressed-opacity, .2);\n display: block;\n inset: 0;\n isolation: isolate;\n }\n\n .ripple-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n border-radius: inherit;\n }\n\n .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: 0;\n transition: opacity 200ms;\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):hover) .ripple-container::before {\n content: \"\";\n background: var(--_ripple-hover-color);\n opacity: var(--_ripple-hover-opacity);\n }\n }\n :host,\n .ripple-container::before,\n .ripple {\n position: absolute;\n border-radius: inherit;\n }\n\n .ripple {\n top: 50%;\n left: 50%;\n background: var(--_ripple-pressed-color);\n border-radius: 50%;\n box-shadow: 0 0 64px 64px var(--_ripple-pressed-color);\n opacity: var(--_ripple-pressed-opacity);\n transform: scale3d(0, 0, 1);\n pointer-events: none;\n will-change: transform;\n }\n .ripple.show {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(750ms / var(--u-ripple-speed, 1));\n transform: scale3d(1, 1, 1);\n }\n .ripple.show-forced {\n transition: transform calc(var(--_ripple-transition-duration) / var(--u-ripple-speed, 1)) cubic-bezier(0.19, 1, 0.22, 1), opacity calc(200ms / var(--u-ripple-speed, 1)) 300ms;\n transform: scale3d(2, 2, 1);\n opacity: 0;\n }\n .ripple.dismiss {\n opacity: 0;\n transform: scale3d(2, 2, 1);\n }\n\n ::slotted(*) {\n position: absolute !important;\n inset: 0;\n border-radius: inherit;\n }\n`"
11882
- }
11883
- ],
11884
- "exports": [
11885
- {
11886
- "kind": "js",
11887
- "name": "styles",
11888
- "declaration": {
11889
- "name": "styles",
11890
- "module": "src/ripple/ripple.styles.ts"
11891
- }
11892
- }
11893
- ]
11894
- },
11895
- {
11896
- "kind": "javascript-module",
11897
- "path": "src/ripple/ripple.ts",
11898
- "declarations": [
11899
- {
11900
- "kind": "class",
11901
- "description": "",
11902
- "name": "UmRipple",
11903
- "members": [
11904
- {
11905
- "kind": "field",
11906
- "name": "isTouching",
11907
- "type": {
11908
- "text": "boolean"
11909
- },
11910
- "privacy": "private",
11911
- "default": "false"
11912
- },
11913
- {
11914
- "kind": "field",
11915
- "name": "disabled",
11916
- "type": {
11917
- "text": "boolean"
11918
- },
11919
- "default": "false",
11920
- "description": "Disables the ripple.",
11921
- "attribute": "disabled",
11922
- "reflects": true
11923
- },
11924
- {
11925
- "kind": "field",
11926
- "name": "rippleContainer",
11927
- "type": {
11928
- "text": "HTMLElement"
11929
- },
11930
- "privacy": "private"
11931
- },
11932
- {
11933
- "kind": "method",
11934
- "name": "attachEvents",
11935
- "privacy": "private",
11936
- "return": {
11937
- "type": {
11938
- "text": "void"
11939
- }
11999
+ "module": "src/field/field-base.ts"
11940
12000
  }
11941
12001
  },
11942
12002
  {
11943
- "kind": "method",
11944
- "name": "dettachEvents",
11945
- "privacy": "private",
11946
- "return": {
11947
- "type": {
11948
- "text": "void"
11949
- }
12003
+ "name": "error-text",
12004
+ "type": {
12005
+ "text": "string | undefined"
12006
+ },
12007
+ "description": "For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\nIf `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`",
12008
+ "fieldName": "errorText",
12009
+ "inheritedFrom": {
12010
+ "name": "UmFieldBase",
12011
+ "module": "src/field/field-base.ts"
11950
12012
  }
11951
12013
  },
11952
12014
  {
11953
- "kind": "method",
11954
- "name": "handleMouseDown",
11955
- "privacy": "private",
11956
- "return": {
11957
- "type": {
11958
- "text": "void"
11959
- }
12015
+ "name": "empty",
12016
+ "type": {
12017
+ "text": "boolean"
11960
12018
  },
11961
- "parameters": [
11962
- {
11963
- "name": "e",
11964
- "type": {
11965
- "text": "MouseEvent"
11966
- }
11967
- }
11968
- ]
12019
+ "default": "false",
12020
+ "description": "Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.",
12021
+ "fieldName": "empty",
12022
+ "inheritedFrom": {
12023
+ "name": "UmFieldBase",
12024
+ "module": "src/field/field-base.ts"
12025
+ }
11969
12026
  },
11970
12027
  {
11971
- "kind": "method",
11972
- "name": "handleTouchStart",
11973
- "privacy": "private",
11974
- "return": {
11975
- "type": {
11976
- "text": "void"
11977
- }
12028
+ "name": "disabled",
12029
+ "type": {
12030
+ "text": "boolean"
11978
12031
  },
11979
- "parameters": [
11980
- {
11981
- "name": "e",
11982
- "type": {
11983
- "text": "TouchEvent"
11984
- }
11985
- }
11986
- ]
12032
+ "default": "false",
12033
+ "fieldName": "disabled",
12034
+ "inheritedFrom": {
12035
+ "name": "UmFieldBase",
12036
+ "module": "src/field/field-base.ts"
12037
+ }
11987
12038
  },
11988
12039
  {
11989
- "kind": "method",
11990
- "name": "canCreateRipple",
11991
- "privacy": "private",
11992
- "return": {
11993
- "type": {
11994
- "text": "boolean"
11995
- }
12040
+ "name": "invalid",
12041
+ "type": {
12042
+ "text": "boolean"
12043
+ },
12044
+ "default": "false",
12045
+ "description": "Get or sets where or not the field is in a visually invalid state.",
12046
+ "fieldName": "invalid",
12047
+ "inheritedFrom": {
12048
+ "name": "UmFieldBase",
12049
+ "module": "src/field/field-base.ts"
11996
12050
  }
11997
12051
  },
11998
12052
  {
11999
- "kind": "method",
12000
- "name": "createRipple",
12001
- "return": {
12002
- "type": {
12003
- "text": "(() => void) | null"
12004
- }
12053
+ "name": "has-leading-icon",
12054
+ "type": {
12055
+ "text": "boolean"
12005
12056
  },
12006
- "parameters": [
12007
- {
12008
- "name": "targetX",
12009
- "default": "null",
12010
- "type": {
12011
- "text": "number | null"
12012
- }
12013
- },
12014
- {
12015
- "name": "targetY",
12016
- "default": "null",
12017
- "type": {
12018
- "text": "number | null"
12019
- }
12020
- },
12021
- {
12022
- "name": "releaseEventName",
12023
- "default": "null",
12024
- "type": {
12025
- "text": "string | null"
12026
- }
12027
- }
12028
- ]
12057
+ "default": "false",
12058
+ "description": "Whether the field has a leading icon or not\n\n_Note:_ Readonly",
12059
+ "fieldName": "hasLeadingIcon",
12060
+ "inheritedFrom": {
12061
+ "name": "UmFieldBase",
12062
+ "module": "src/field/field-base.ts"
12063
+ }
12029
12064
  },
12030
12065
  {
12031
- "kind": "method",
12032
- "name": "createDismissEvent",
12033
- "privacy": "private",
12034
- "return": {
12035
- "type": {
12036
- "text": "() => void"
12037
- }
12066
+ "name": "has-trailing-icon",
12067
+ "type": {
12068
+ "text": "boolean"
12038
12069
  },
12039
- "parameters": [
12040
- {
12041
- "name": "ripple",
12042
- "type": {
12043
- "text": "HTMLElement"
12044
- }
12045
- },
12046
- {
12047
- "name": "releaseEventName",
12048
- "type": {
12049
- "text": "string"
12050
- }
12051
- }
12052
- ]
12070
+ "default": "false",
12071
+ "description": "Whether the field has a trailing icon or not\n\n_Note:_ Readonly",
12072
+ "fieldName": "hasTrailingIcon",
12073
+ "inheritedFrom": {
12074
+ "name": "UmFieldBase",
12075
+ "module": "src/field/field-base.ts"
12076
+ }
12053
12077
  },
12054
12078
  {
12055
- "kind": "method",
12056
- "name": "_setElementSquareSizeAndCenter",
12057
- "privacy": "private",
12058
- "static": true,
12059
- "parameters": [
12060
- {
12061
- "name": "element",
12062
- "type": {
12063
- "text": "HTMLElement"
12064
- }
12065
- },
12066
- {
12067
- "name": "size",
12068
- "type": {
12069
- "text": "number"
12070
- }
12071
- }
12072
- ]
12073
- }
12074
- ],
12075
- "attributes": [
12076
- {
12077
- "name": "disabled",
12079
+ "name": "has-error-text",
12078
12080
  "type": {
12079
12081
  "text": "boolean"
12080
12082
  },
12081
12083
  "default": "false",
12082
- "description": "Disables the ripple.",
12083
- "fieldName": "disabled"
12084
+ "description": "Whether the field has an error text or not\n\n_Note:_ Readonly",
12085
+ "fieldName": "hasErrorText",
12086
+ "inheritedFrom": {
12087
+ "name": "UmFieldBase",
12088
+ "module": "src/field/field-base.ts"
12089
+ }
12084
12090
  }
12085
- ],
12086
- "superclass": {
12087
- "name": "LitElement",
12088
- "package": "lit"
12089
- },
12090
- "tagName": "u-ripple",
12091
- "customElement": true
12091
+ ]
12092
12092
  }
12093
12093
  ],
12094
12094
  "exports": [
12095
12095
  {
12096
12096
  "kind": "js",
12097
- "name": "UmRipple",
12097
+ "name": "UmSelect",
12098
12098
  "declaration": {
12099
- "name": "UmRipple",
12100
- "module": "src/ripple/ripple.ts"
12099
+ "name": "UmSelect",
12100
+ "module": "src/select/select.ts"
12101
12101
  }
12102
12102
  },
12103
12103
  {
12104
12104
  "kind": "custom-element-definition",
12105
- "name": "u-ripple",
12105
+ "name": "u-select",
12106
12106
  "declaration": {
12107
- "name": "UmRipple",
12108
- "module": "src/ripple/ripple.ts"
12107
+ "name": "UmSelect",
12108
+ "module": "src/select/select.ts"
12109
12109
  }
12110
12110
  }
12111
12111
  ]
@@ -14094,67 +14094,42 @@
14094
14094
  },
14095
14095
  {
14096
14096
  "kind": "javascript-module",
14097
- "path": "src/text-field/text-field.styles.ts",
14097
+ "path": "src/text-area/text-area.styles.ts",
14098
14098
  "declarations": [
14099
14099
  {
14100
14100
  "kind": "variable",
14101
- "name": "styles",
14102
- "default": "css `\n .prefix::slotted(*),\n .prefix span,\n .suffix::slotted(*),\n .suffix span {\n transition: opacity 150ms 100ms;\n }\n .prefix span:empty,\n .suffix span:empty {\n display: none;\n }\n\n .prefix::slotted(*),\n .prefix span {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix::slotted(*),\n .suffix span {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span {\n opacity: 0;\n transition: opacity 150ms;\n }\n`"
14103
- }
14104
- ],
14105
- "exports": [
14106
- {
14107
- "kind": "js",
14108
- "name": "styles",
14109
- "declaration": {
14110
- "name": "styles",
14111
- "module": "src/text-field/text-field.styles.ts"
14112
- }
14113
- }
14114
- ]
14115
- },
14116
- {
14117
- "kind": "javascript-module",
14118
- "path": "src/text-field/text-field.ts",
14119
- "declarations": [
14120
- {
14121
- "kind": "class",
14122
- "description": "",
14123
- "name": "UmTextField",
14124
- "members": [
14125
- {
14126
- "kind": "field",
14127
- "name": "type",
14128
- "type": {
14129
- "text": "string"
14130
- },
14131
- "default": "'text'",
14132
- "attribute": "type"
14133
- },
14134
- {
14135
- "kind": "field",
14136
- "name": "prefixText",
14137
- "type": {
14138
- "text": "string | undefined"
14139
- },
14140
- "attribute": "prefix-text"
14141
- },
14142
- {
14143
- "kind": "field",
14144
- "name": "suffixText",
14145
- "type": {
14146
- "text": "string | undefined"
14147
- },
14148
- "attribute": "suffix-text"
14149
- },
14101
+ "name": "styles",
14102
+ "default": "css `\n :host {\n resize: both;\n }\n\n .container,\n .input-wrapper {\n resize: inherit;\n }\n\n .input-wrapper,\n .input,\n textarea,\n .container {\n height: 100%;\n }\n\n .input-wrapper {\n padding: 0 !important;\n overflow: hidden;\n }\n\n textarea {\n margin: 0;\n resize: none;\n }\n\n .input textarea {\n border-block: var(--_vertical-padding) solid transparent;\n padding-inline: var(--_field-control-inline-padding);\n }\n\n .container.filled:not(.no-label) textarea {\n border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent;\n border-bottom: var(--_vertical-padding) solid transparent;\n }\n`"
14103
+ }
14104
+ ],
14105
+ "exports": [
14106
+ {
14107
+ "kind": "js",
14108
+ "name": "styles",
14109
+ "declaration": {
14110
+ "name": "styles",
14111
+ "module": "src/text-area/text-area.styles.ts"
14112
+ }
14113
+ }
14114
+ ]
14115
+ },
14116
+ {
14117
+ "kind": "javascript-module",
14118
+ "path": "src/text-area/text-area.ts",
14119
+ "declarations": [
14120
+ {
14121
+ "kind": "class",
14122
+ "description": "",
14123
+ "name": "UmTextArea",
14124
+ "members": [
14150
14125
  {
14151
14126
  "kind": "field",
14152
- "name": "autocapitalize",
14127
+ "name": "rows",
14153
14128
  "type": {
14154
- "text": "string"
14129
+ "text": "number"
14155
14130
  },
14156
- "attribute": "autocapitalize",
14157
- "reflects": true
14131
+ "default": "2",
14132
+ "attribute": "rows"
14158
14133
  },
14159
14134
  {
14160
14135
  "kind": "field",
@@ -14241,6 +14216,20 @@
14241
14216
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14242
14217
  }
14243
14218
  },
14219
+ {
14220
+ "kind": "field",
14221
+ "name": "role",
14222
+ "type": {
14223
+ "text": "string | null"
14224
+ },
14225
+ "default": "null",
14226
+ "attribute": "role",
14227
+ "reflects": true,
14228
+ "inheritedFrom": {
14229
+ "name": "UmNativeTextFieldWrapper",
14230
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14231
+ }
14232
+ },
14244
14233
  {
14245
14234
  "kind": "method",
14246
14235
  "name": "focus",
@@ -14665,33 +14654,12 @@
14665
14654
  ],
14666
14655
  "attributes": [
14667
14656
  {
14668
- "name": "type",
14669
- "type": {
14670
- "text": "string"
14671
- },
14672
- "default": "'text'",
14673
- "fieldName": "type"
14674
- },
14675
- {
14676
- "name": "prefix-text",
14677
- "type": {
14678
- "text": "string | undefined"
14679
- },
14680
- "fieldName": "prefixText"
14681
- },
14682
- {
14683
- "name": "suffix-text",
14684
- "type": {
14685
- "text": "string | undefined"
14686
- },
14687
- "fieldName": "suffixText"
14688
- },
14689
- {
14690
- "name": "autocapitalize",
14657
+ "name": "rows",
14691
14658
  "type": {
14692
- "text": "string"
14659
+ "text": "number"
14693
14660
  },
14694
- "fieldName": "autocapitalize"
14661
+ "default": "2",
14662
+ "fieldName": "rows"
14695
14663
  },
14696
14664
  {
14697
14665
  "name": "value",
@@ -14723,6 +14691,18 @@
14723
14691
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14724
14692
  }
14725
14693
  },
14694
+ {
14695
+ "name": "role",
14696
+ "type": {
14697
+ "text": "string | null"
14698
+ },
14699
+ "default": "null",
14700
+ "fieldName": "role",
14701
+ "inheritedFrom": {
14702
+ "name": "UmNativeTextFieldWrapper",
14703
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
14704
+ }
14705
+ },
14726
14706
  {
14727
14707
  "name": "placeholder",
14728
14708
  "type": {
@@ -14891,37 +14871,37 @@
14891
14871
  "name": "UmNativeTextFieldWrapper",
14892
14872
  "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
14893
14873
  },
14894
- "tagName": "u-text-field",
14874
+ "tagName": "u-text-area",
14895
14875
  "customElement": true
14896
14876
  }
14897
14877
  ],
14898
14878
  "exports": [
14899
14879
  {
14900
14880
  "kind": "js",
14901
- "name": "UmTextField",
14881
+ "name": "UmTextArea",
14902
14882
  "declaration": {
14903
- "name": "UmTextField",
14904
- "module": "src/text-field/text-field.ts"
14883
+ "name": "UmTextArea",
14884
+ "module": "src/text-area/text-area.ts"
14905
14885
  }
14906
14886
  },
14907
14887
  {
14908
14888
  "kind": "custom-element-definition",
14909
- "name": "u-text-field",
14889
+ "name": "u-text-area",
14910
14890
  "declaration": {
14911
- "name": "UmTextField",
14912
- "module": "src/text-field/text-field.ts"
14891
+ "name": "UmTextArea",
14892
+ "module": "src/text-area/text-area.ts"
14913
14893
  }
14914
14894
  }
14915
14895
  ]
14916
14896
  },
14917
14897
  {
14918
14898
  "kind": "javascript-module",
14919
- "path": "src/text-area/text-area.styles.ts",
14899
+ "path": "src/text-field/text-field.styles.ts",
14920
14900
  "declarations": [
14921
14901
  {
14922
14902
  "kind": "variable",
14923
14903
  "name": "styles",
14924
- "default": "css `\n :host {\n resize: both;\n }\n\n .container,\n .input-wrapper {\n resize: inherit;\n }\n\n .input-wrapper,\n .input,\n textarea,\n .container {\n height: 100%;\n }\n\n .input-wrapper {\n padding: 0 !important;\n overflow: hidden;\n }\n\n textarea {\n margin: 0;\n resize: none;\n }\n\n .input textarea {\n border-block: var(--_vertical-padding) solid transparent;\n padding-inline: var(--_field-control-inline-padding);\n }\n\n .container.filled:not(.no-label) textarea {\n border-top: calc(var(--_vertical-padding) + var(--_label-line-height)) solid transparent;\n border-bottom: var(--_vertical-padding) solid transparent;\n }\n`"
14904
+ "default": "css `\n .prefix::slotted(*),\n .prefix span,\n .suffix::slotted(*),\n .suffix span {\n transition: opacity 150ms 100ms;\n }\n .prefix span:empty,\n .suffix span:empty {\n display: none;\n }\n\n .prefix::slotted(*),\n .prefix span {\n color: var(--u-field-prefix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-end: var(--u-prefix-margin, var(--u-affix-margin, 2px));\n }\n\n .suffix::slotted(*),\n .suffix span {\n color: var(--u-field-suffix-color, var(--u-field-affix-color, var(--u-color-on-surface-variant, rgb(73, 69, 79))));\n margin-inline-start: var(--u-suffix-margin, var(--u-affix-margin, 2px));\n }\n\n :host([disabled]) .prefix span, :host([disabled]) .prefix::slotted(*) {\n color: var(--u-text-field-prefix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n :host([disabled]) .suffix span, :host([disabled]) .suffix::slotted(*) {\n color: var(--u-text-field-suffix-color, var(--u-text-field-affix-color, rgba(var(--u-color-on-surface-rgb, 29, 27, 32), var(--u-field-disabled-opacity, 0.38))));\n }\n\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .suffix span,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix::slotted(*),\n :host([empty]:not(:focus-within)) .container:not(.no-label) .prefix span {\n opacity: 0;\n transition: opacity 150ms;\n }\n`"
14925
14905
  }
14926
14906
  ],
14927
14907
  "exports": [
@@ -14930,28 +14910,53 @@
14930
14910
  "name": "styles",
14931
14911
  "declaration": {
14932
14912
  "name": "styles",
14933
- "module": "src/text-area/text-area.styles.ts"
14913
+ "module": "src/text-field/text-field.styles.ts"
14934
14914
  }
14935
14915
  }
14936
14916
  ]
14937
14917
  },
14938
14918
  {
14939
14919
  "kind": "javascript-module",
14940
- "path": "src/text-area/text-area.ts",
14920
+ "path": "src/text-field/text-field.ts",
14941
14921
  "declarations": [
14942
14922
  {
14943
14923
  "kind": "class",
14944
14924
  "description": "",
14945
- "name": "UmTextArea",
14925
+ "name": "UmTextField",
14946
14926
  "members": [
14947
14927
  {
14948
14928
  "kind": "field",
14949
- "name": "rows",
14929
+ "name": "type",
14950
14930
  "type": {
14951
- "text": "number"
14931
+ "text": "string"
14952
14932
  },
14953
- "default": "2",
14954
- "attribute": "rows"
14933
+ "default": "'text'",
14934
+ "attribute": "type"
14935
+ },
14936
+ {
14937
+ "kind": "field",
14938
+ "name": "prefixText",
14939
+ "type": {
14940
+ "text": "string | undefined"
14941
+ },
14942
+ "attribute": "prefix-text"
14943
+ },
14944
+ {
14945
+ "kind": "field",
14946
+ "name": "suffixText",
14947
+ "type": {
14948
+ "text": "string | undefined"
14949
+ },
14950
+ "attribute": "suffix-text"
14951
+ },
14952
+ {
14953
+ "kind": "field",
14954
+ "name": "autocapitalize",
14955
+ "type": {
14956
+ "text": "string"
14957
+ },
14958
+ "attribute": "autocapitalize",
14959
+ "reflects": true
14955
14960
  },
14956
14961
  {
14957
14962
  "kind": "field",
@@ -15038,6 +15043,20 @@
15038
15043
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15039
15044
  }
15040
15045
  },
15046
+ {
15047
+ "kind": "field",
15048
+ "name": "role",
15049
+ "type": {
15050
+ "text": "string | null"
15051
+ },
15052
+ "default": "null",
15053
+ "attribute": "role",
15054
+ "reflects": true,
15055
+ "inheritedFrom": {
15056
+ "name": "UmNativeTextFieldWrapper",
15057
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15058
+ }
15059
+ },
15041
15060
  {
15042
15061
  "kind": "method",
15043
15062
  "name": "focus",
@@ -15462,12 +15481,33 @@
15462
15481
  ],
15463
15482
  "attributes": [
15464
15483
  {
15465
- "name": "rows",
15484
+ "name": "type",
15466
15485
  "type": {
15467
- "text": "number"
15486
+ "text": "string"
15468
15487
  },
15469
- "default": "2",
15470
- "fieldName": "rows"
15488
+ "default": "'text'",
15489
+ "fieldName": "type"
15490
+ },
15491
+ {
15492
+ "name": "prefix-text",
15493
+ "type": {
15494
+ "text": "string | undefined"
15495
+ },
15496
+ "fieldName": "prefixText"
15497
+ },
15498
+ {
15499
+ "name": "suffix-text",
15500
+ "type": {
15501
+ "text": "string | undefined"
15502
+ },
15503
+ "fieldName": "suffixText"
15504
+ },
15505
+ {
15506
+ "name": "autocapitalize",
15507
+ "type": {
15508
+ "text": "string"
15509
+ },
15510
+ "fieldName": "autocapitalize"
15471
15511
  },
15472
15512
  {
15473
15513
  "name": "value",
@@ -15499,6 +15539,18 @@
15499
15539
  "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15500
15540
  }
15501
15541
  },
15542
+ {
15543
+ "name": "role",
15544
+ "type": {
15545
+ "text": "string | null"
15546
+ },
15547
+ "default": "null",
15548
+ "fieldName": "role",
15549
+ "inheritedFrom": {
15550
+ "name": "UmNativeTextFieldWrapper",
15551
+ "module": "src/shared/char-count-text-field/native-text-field-wrapper.ts"
15552
+ }
15553
+ },
15502
15554
  {
15503
15555
  "name": "placeholder",
15504
15556
  "type": {
@@ -15667,25 +15719,25 @@
15667
15719
  "name": "UmNativeTextFieldWrapper",
15668
15720
  "module": "/src/shared/char-count-text-field/native-text-field-wrapper.js"
15669
15721
  },
15670
- "tagName": "u-text-area",
15722
+ "tagName": "u-text-field",
15671
15723
  "customElement": true
15672
15724
  }
15673
15725
  ],
15674
15726
  "exports": [
15675
15727
  {
15676
15728
  "kind": "js",
15677
- "name": "UmTextArea",
15729
+ "name": "UmTextField",
15678
15730
  "declaration": {
15679
- "name": "UmTextArea",
15680
- "module": "src/text-area/text-area.ts"
15731
+ "name": "UmTextField",
15732
+ "module": "src/text-field/text-field.ts"
15681
15733
  }
15682
15734
  },
15683
15735
  {
15684
15736
  "kind": "custom-element-definition",
15685
- "name": "u-text-area",
15737
+ "name": "u-text-field",
15686
15738
  "declaration": {
15687
- "name": "UmTextArea",
15688
- "module": "src/text-area/text-area.ts"
15739
+ "name": "UmTextField",
15740
+ "module": "src/text-field/text-field.ts"
15689
15741
  }
15690
15742
  }
15691
15743
  ]
@@ -16705,13 +16757,32 @@
16705
16757
  "name": "#detach"
16706
16758
  },
16707
16759
  {
16708
- "kind": "field",
16709
- "name": "#handleFocus",
16710
- "privacy": "private"
16760
+ "kind": "method",
16761
+ "name": "#handleItemMouseDown",
16762
+ "parameters": [
16763
+ {
16764
+ "name": "e",
16765
+ "type": {
16766
+ "text": "Event"
16767
+ }
16768
+ }
16769
+ ]
16770
+ },
16771
+ {
16772
+ "kind": "method",
16773
+ "name": "#handleClick",
16774
+ "parameters": [
16775
+ {
16776
+ "name": "e",
16777
+ "type": {
16778
+ "text": "Event"
16779
+ }
16780
+ }
16781
+ ]
16711
16782
  },
16712
16783
  {
16713
16784
  "kind": "field",
16714
- "name": "#handleBlur",
16785
+ "name": "#handleFocus",
16715
16786
  "privacy": "private"
16716
16787
  },
16717
16788
  {
@@ -16812,18 +16883,6 @@
16812
16883
  "text": "string"
16813
16884
  }
16814
16885
  }
16815
- },
16816
- {
16817
- "kind": "method",
16818
- "name": "#handleClick",
16819
- "parameters": [
16820
- {
16821
- "name": "e",
16822
- "type": {
16823
- "text": "Event"
16824
- }
16825
- }
16826
- ]
16827
16886
  }
16828
16887
  ],
16829
16888
  "events": [
@@ -16989,6 +17048,16 @@
16989
17048
  "attribute": "maxlength",
16990
17049
  "reflects": true
16991
17050
  },
17051
+ {
17052
+ "kind": "field",
17053
+ "name": "role",
17054
+ "type": {
17055
+ "text": "string | null"
17056
+ },
17057
+ "default": "null",
17058
+ "attribute": "role",
17059
+ "reflects": true
17060
+ },
16992
17061
  {
16993
17062
  "kind": "method",
16994
17063
  "name": "focus"
@@ -17439,6 +17508,14 @@
17439
17508
  },
17440
17509
  "fieldName": "maxlength"
17441
17510
  },
17511
+ {
17512
+ "name": "role",
17513
+ "type": {
17514
+ "text": "string | null"
17515
+ },
17516
+ "default": "null",
17517
+ "fieldName": "role"
17518
+ },
17442
17519
  {
17443
17520
  "name": "placeholder",
17444
17521
  "type": {
@@ -18265,7 +18342,7 @@
18265
18342
  {
18266
18343
  "kind": "variable",
18267
18344
  "name": "styles",
18268
- "default": "css `\n .container {\n cursor: text;\n }\n`"
18345
+ "default": "css `\n .container {\n cursor: text;\n }\n\n :host([disabled]) .container {\n cursor: default;\n }\n`"
18269
18346
  }
18270
18347
  ],
18271
18348
  "exports": [