@universal-material/web 3.0.121 → 3.0.123
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.
- package/custom-elements.json +281 -72
- package/field/field-base.d.ts.map +1 -1
- package/field/field-base.js.map +1 -1
- package/package.json +1 -1
- package/shared/button-wrapper.d.ts.map +1 -1
- package/shared/button-wrapper.js +21 -21
- package/shared/button-wrapper.js.map +1 -1
- package/shared/selection-control/selection-control.d.ts +2 -0
- package/shared/selection-control/selection-control.d.ts.map +1 -1
- package/shared/selection-control/selection-control.js +14 -3
- package/shared/selection-control/selection-control.js.map +1 -1
package/custom-elements.json
CHANGED
|
@@ -2843,6 +2843,19 @@
|
|
|
2843
2843
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
2844
2844
|
}
|
|
2845
2845
|
},
|
|
2846
|
+
{
|
|
2847
|
+
"kind": "field",
|
|
2848
|
+
"name": "shadowRootOptions",
|
|
2849
|
+
"type": {
|
|
2850
|
+
"text": "ShadowRootInit"
|
|
2851
|
+
},
|
|
2852
|
+
"static": true,
|
|
2853
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
|
|
2854
|
+
"inheritedFrom": {
|
|
2855
|
+
"name": "UmSelectionControl",
|
|
2856
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
2857
|
+
}
|
|
2858
|
+
},
|
|
2846
2859
|
{
|
|
2847
2860
|
"kind": "field",
|
|
2848
2861
|
"name": "elementInternals",
|
|
@@ -2863,6 +2876,7 @@
|
|
|
2863
2876
|
},
|
|
2864
2877
|
"default": "''",
|
|
2865
2878
|
"attribute": "name",
|
|
2879
|
+
"reflects": true,
|
|
2866
2880
|
"inheritedFrom": {
|
|
2867
2881
|
"name": "UmSelectionControl",
|
|
2868
2882
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
@@ -2904,6 +2918,23 @@
|
|
|
2904
2918
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
2905
2919
|
}
|
|
2906
2920
|
},
|
|
2921
|
+
{
|
|
2922
|
+
"kind": "method",
|
|
2923
|
+
"name": "focus",
|
|
2924
|
+
"parameters": [
|
|
2925
|
+
{
|
|
2926
|
+
"name": "options",
|
|
2927
|
+
"optional": true,
|
|
2928
|
+
"type": {
|
|
2929
|
+
"text": "FocusOptions"
|
|
2930
|
+
}
|
|
2931
|
+
}
|
|
2932
|
+
],
|
|
2933
|
+
"inheritedFrom": {
|
|
2934
|
+
"name": "UmSelectionControl",
|
|
2935
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
2936
|
+
}
|
|
2937
|
+
},
|
|
2907
2938
|
{
|
|
2908
2939
|
"kind": "field",
|
|
2909
2940
|
"name": "#checked",
|
|
@@ -3201,6 +3232,19 @@
|
|
|
3201
3232
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
3202
3233
|
}
|
|
3203
3234
|
},
|
|
3235
|
+
{
|
|
3236
|
+
"kind": "field",
|
|
3237
|
+
"name": "shadowRootOptions",
|
|
3238
|
+
"type": {
|
|
3239
|
+
"text": "ShadowRootInit"
|
|
3240
|
+
},
|
|
3241
|
+
"static": true,
|
|
3242
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
|
|
3243
|
+
"inheritedFrom": {
|
|
3244
|
+
"name": "UmSelectionControl",
|
|
3245
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
3246
|
+
}
|
|
3247
|
+
},
|
|
3204
3248
|
{
|
|
3205
3249
|
"kind": "field",
|
|
3206
3250
|
"name": "elementInternals",
|
|
@@ -3221,6 +3265,7 @@
|
|
|
3221
3265
|
},
|
|
3222
3266
|
"default": "''",
|
|
3223
3267
|
"attribute": "name",
|
|
3268
|
+
"reflects": true,
|
|
3224
3269
|
"inheritedFrom": {
|
|
3225
3270
|
"name": "UmSelectionControl",
|
|
3226
3271
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
@@ -3262,6 +3307,23 @@
|
|
|
3262
3307
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
3263
3308
|
}
|
|
3264
3309
|
},
|
|
3310
|
+
{
|
|
3311
|
+
"kind": "method",
|
|
3312
|
+
"name": "focus",
|
|
3313
|
+
"parameters": [
|
|
3314
|
+
{
|
|
3315
|
+
"name": "options",
|
|
3316
|
+
"optional": true,
|
|
3317
|
+
"type": {
|
|
3318
|
+
"text": "FocusOptions"
|
|
3319
|
+
}
|
|
3320
|
+
}
|
|
3321
|
+
],
|
|
3322
|
+
"inheritedFrom": {
|
|
3323
|
+
"name": "UmSelectionControl",
|
|
3324
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
3325
|
+
}
|
|
3326
|
+
},
|
|
3265
3327
|
{
|
|
3266
3328
|
"kind": "field",
|
|
3267
3329
|
"name": "#checked",
|
|
@@ -9300,6 +9362,19 @@
|
|
|
9300
9362
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
9301
9363
|
}
|
|
9302
9364
|
},
|
|
9365
|
+
{
|
|
9366
|
+
"kind": "field",
|
|
9367
|
+
"name": "shadowRootOptions",
|
|
9368
|
+
"type": {
|
|
9369
|
+
"text": "ShadowRootInit"
|
|
9370
|
+
},
|
|
9371
|
+
"static": true,
|
|
9372
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
|
|
9373
|
+
"inheritedFrom": {
|
|
9374
|
+
"name": "UmSelectionControl",
|
|
9375
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
9376
|
+
}
|
|
9377
|
+
},
|
|
9303
9378
|
{
|
|
9304
9379
|
"kind": "field",
|
|
9305
9380
|
"name": "elementInternals",
|
|
@@ -9320,6 +9395,7 @@
|
|
|
9320
9395
|
},
|
|
9321
9396
|
"default": "''",
|
|
9322
9397
|
"attribute": "name",
|
|
9398
|
+
"reflects": true,
|
|
9323
9399
|
"inheritedFrom": {
|
|
9324
9400
|
"name": "UmSelectionControl",
|
|
9325
9401
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
@@ -9361,6 +9437,23 @@
|
|
|
9361
9437
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
9362
9438
|
}
|
|
9363
9439
|
},
|
|
9440
|
+
{
|
|
9441
|
+
"kind": "method",
|
|
9442
|
+
"name": "focus",
|
|
9443
|
+
"parameters": [
|
|
9444
|
+
{
|
|
9445
|
+
"name": "options",
|
|
9446
|
+
"optional": true,
|
|
9447
|
+
"type": {
|
|
9448
|
+
"text": "FocusOptions"
|
|
9449
|
+
}
|
|
9450
|
+
}
|
|
9451
|
+
],
|
|
9452
|
+
"inheritedFrom": {
|
|
9453
|
+
"name": "UmSelectionControl",
|
|
9454
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
9455
|
+
}
|
|
9456
|
+
},
|
|
9364
9457
|
{
|
|
9365
9458
|
"kind": "field",
|
|
9366
9459
|
"name": "#checked",
|
|
@@ -9657,6 +9750,19 @@
|
|
|
9657
9750
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
9658
9751
|
}
|
|
9659
9752
|
},
|
|
9753
|
+
{
|
|
9754
|
+
"kind": "field",
|
|
9755
|
+
"name": "shadowRootOptions",
|
|
9756
|
+
"type": {
|
|
9757
|
+
"text": "ShadowRootInit"
|
|
9758
|
+
},
|
|
9759
|
+
"static": true,
|
|
9760
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
|
|
9761
|
+
"inheritedFrom": {
|
|
9762
|
+
"name": "UmSelectionControl",
|
|
9763
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
9764
|
+
}
|
|
9765
|
+
},
|
|
9660
9766
|
{
|
|
9661
9767
|
"kind": "field",
|
|
9662
9768
|
"name": "elementInternals",
|
|
@@ -9677,6 +9783,7 @@
|
|
|
9677
9783
|
},
|
|
9678
9784
|
"default": "''",
|
|
9679
9785
|
"attribute": "name",
|
|
9786
|
+
"reflects": true,
|
|
9680
9787
|
"inheritedFrom": {
|
|
9681
9788
|
"name": "UmSelectionControl",
|
|
9682
9789
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
@@ -9718,6 +9825,23 @@
|
|
|
9718
9825
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
9719
9826
|
}
|
|
9720
9827
|
},
|
|
9828
|
+
{
|
|
9829
|
+
"kind": "method",
|
|
9830
|
+
"name": "focus",
|
|
9831
|
+
"parameters": [
|
|
9832
|
+
{
|
|
9833
|
+
"name": "options",
|
|
9834
|
+
"optional": true,
|
|
9835
|
+
"type": {
|
|
9836
|
+
"text": "FocusOptions"
|
|
9837
|
+
}
|
|
9838
|
+
}
|
|
9839
|
+
],
|
|
9840
|
+
"inheritedFrom": {
|
|
9841
|
+
"name": "UmSelectionControl",
|
|
9842
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
9843
|
+
}
|
|
9844
|
+
},
|
|
9721
9845
|
{
|
|
9722
9846
|
"kind": "field",
|
|
9723
9847
|
"name": "#checked",
|
|
@@ -12667,6 +12791,19 @@
|
|
|
12667
12791
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
12668
12792
|
}
|
|
12669
12793
|
},
|
|
12794
|
+
{
|
|
12795
|
+
"kind": "field",
|
|
12796
|
+
"name": "shadowRootOptions",
|
|
12797
|
+
"type": {
|
|
12798
|
+
"text": "ShadowRootInit"
|
|
12799
|
+
},
|
|
12800
|
+
"static": true,
|
|
12801
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
|
|
12802
|
+
"inheritedFrom": {
|
|
12803
|
+
"name": "UmSelectionControl",
|
|
12804
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
12805
|
+
}
|
|
12806
|
+
},
|
|
12670
12807
|
{
|
|
12671
12808
|
"kind": "field",
|
|
12672
12809
|
"name": "elementInternals",
|
|
@@ -12687,6 +12824,7 @@
|
|
|
12687
12824
|
},
|
|
12688
12825
|
"default": "''",
|
|
12689
12826
|
"attribute": "name",
|
|
12827
|
+
"reflects": true,
|
|
12690
12828
|
"inheritedFrom": {
|
|
12691
12829
|
"name": "UmSelectionControl",
|
|
12692
12830
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
@@ -12728,6 +12866,23 @@
|
|
|
12728
12866
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
12729
12867
|
}
|
|
12730
12868
|
},
|
|
12869
|
+
{
|
|
12870
|
+
"kind": "method",
|
|
12871
|
+
"name": "focus",
|
|
12872
|
+
"parameters": [
|
|
12873
|
+
{
|
|
12874
|
+
"name": "options",
|
|
12875
|
+
"optional": true,
|
|
12876
|
+
"type": {
|
|
12877
|
+
"text": "FocusOptions"
|
|
12878
|
+
}
|
|
12879
|
+
}
|
|
12880
|
+
],
|
|
12881
|
+
"inheritedFrom": {
|
|
12882
|
+
"name": "UmSelectionControl",
|
|
12883
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
12884
|
+
}
|
|
12885
|
+
},
|
|
12731
12886
|
{
|
|
12732
12887
|
"kind": "field",
|
|
12733
12888
|
"name": "#checked",
|
|
@@ -12972,6 +13127,19 @@
|
|
|
12972
13127
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
12973
13128
|
}
|
|
12974
13129
|
},
|
|
13130
|
+
{
|
|
13131
|
+
"kind": "field",
|
|
13132
|
+
"name": "shadowRootOptions",
|
|
13133
|
+
"type": {
|
|
13134
|
+
"text": "ShadowRootInit"
|
|
13135
|
+
},
|
|
13136
|
+
"static": true,
|
|
13137
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }",
|
|
13138
|
+
"inheritedFrom": {
|
|
13139
|
+
"name": "UmSelectionControl",
|
|
13140
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
13141
|
+
}
|
|
13142
|
+
},
|
|
12975
13143
|
{
|
|
12976
13144
|
"kind": "field",
|
|
12977
13145
|
"name": "elementInternals",
|
|
@@ -12992,6 +13160,7 @@
|
|
|
12992
13160
|
},
|
|
12993
13161
|
"default": "''",
|
|
12994
13162
|
"attribute": "name",
|
|
13163
|
+
"reflects": true,
|
|
12995
13164
|
"inheritedFrom": {
|
|
12996
13165
|
"name": "UmSelectionControl",
|
|
12997
13166
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
@@ -13033,6 +13202,23 @@
|
|
|
13033
13202
|
"module": "src/shared/selection-control/selection-control.ts"
|
|
13034
13203
|
}
|
|
13035
13204
|
},
|
|
13205
|
+
{
|
|
13206
|
+
"kind": "method",
|
|
13207
|
+
"name": "focus",
|
|
13208
|
+
"parameters": [
|
|
13209
|
+
{
|
|
13210
|
+
"name": "options",
|
|
13211
|
+
"optional": true,
|
|
13212
|
+
"type": {
|
|
13213
|
+
"text": "FocusOptions"
|
|
13214
|
+
}
|
|
13215
|
+
}
|
|
13216
|
+
],
|
|
13217
|
+
"inheritedFrom": {
|
|
13218
|
+
"name": "UmSelectionControl",
|
|
13219
|
+
"module": "src/shared/selection-control/selection-control.ts"
|
|
13220
|
+
}
|
|
13221
|
+
},
|
|
13036
13222
|
{
|
|
13037
13223
|
"kind": "field",
|
|
13038
13224
|
"name": "#checked",
|
|
@@ -17658,6 +17844,15 @@
|
|
|
17658
17844
|
"static": true,
|
|
17659
17845
|
"default": "true"
|
|
17660
17846
|
},
|
|
17847
|
+
{
|
|
17848
|
+
"kind": "field",
|
|
17849
|
+
"name": "shadowRootOptions",
|
|
17850
|
+
"type": {
|
|
17851
|
+
"text": "ShadowRootInit"
|
|
17852
|
+
},
|
|
17853
|
+
"static": true,
|
|
17854
|
+
"default": "{\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n }"
|
|
17855
|
+
},
|
|
17661
17856
|
{
|
|
17662
17857
|
"kind": "field",
|
|
17663
17858
|
"name": "elementInternals",
|
|
@@ -17673,7 +17868,8 @@
|
|
|
17673
17868
|
"text": "string | undefined"
|
|
17674
17869
|
},
|
|
17675
17870
|
"default": "''",
|
|
17676
|
-
"attribute": "name"
|
|
17871
|
+
"attribute": "name",
|
|
17872
|
+
"reflects": true
|
|
17677
17873
|
},
|
|
17678
17874
|
{
|
|
17679
17875
|
"kind": "field",
|
|
@@ -17699,6 +17895,19 @@
|
|
|
17699
17895
|
"text": "HTMLFormElement | null"
|
|
17700
17896
|
}
|
|
17701
17897
|
},
|
|
17898
|
+
{
|
|
17899
|
+
"kind": "method",
|
|
17900
|
+
"name": "focus",
|
|
17901
|
+
"parameters": [
|
|
17902
|
+
{
|
|
17903
|
+
"name": "options",
|
|
17904
|
+
"optional": true,
|
|
17905
|
+
"type": {
|
|
17906
|
+
"text": "FocusOptions"
|
|
17907
|
+
}
|
|
17908
|
+
}
|
|
17909
|
+
]
|
|
17910
|
+
},
|
|
17702
17911
|
{
|
|
17703
17912
|
"kind": "field",
|
|
17704
17913
|
"name": "#checked",
|
|
@@ -17841,6 +18050,77 @@
|
|
|
17841
18050
|
}
|
|
17842
18051
|
]
|
|
17843
18052
|
},
|
|
18053
|
+
{
|
|
18054
|
+
"kind": "javascript-module",
|
|
18055
|
+
"path": "src/shared/sets/set-base.styles.ts",
|
|
18056
|
+
"declarations": [
|
|
18057
|
+
{
|
|
18058
|
+
"kind": "variable",
|
|
18059
|
+
"name": "styles",
|
|
18060
|
+
"default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
|
|
18061
|
+
}
|
|
18062
|
+
],
|
|
18063
|
+
"exports": [
|
|
18064
|
+
{
|
|
18065
|
+
"kind": "js",
|
|
18066
|
+
"name": "styles",
|
|
18067
|
+
"declaration": {
|
|
18068
|
+
"name": "styles",
|
|
18069
|
+
"module": "src/shared/sets/set-base.styles.ts"
|
|
18070
|
+
}
|
|
18071
|
+
}
|
|
18072
|
+
]
|
|
18073
|
+
},
|
|
18074
|
+
{
|
|
18075
|
+
"kind": "javascript-module",
|
|
18076
|
+
"path": "src/shared/sets/set-base.ts",
|
|
18077
|
+
"declarations": [
|
|
18078
|
+
{
|
|
18079
|
+
"kind": "class",
|
|
18080
|
+
"description": "",
|
|
18081
|
+
"name": "UmSetBase",
|
|
18082
|
+
"members": [
|
|
18083
|
+
{
|
|
18084
|
+
"kind": "field",
|
|
18085
|
+
"name": "alignment",
|
|
18086
|
+
"type": {
|
|
18087
|
+
"text": "'start' | 'center' | 'end'"
|
|
18088
|
+
},
|
|
18089
|
+
"default": "'start'",
|
|
18090
|
+
"description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
|
|
18091
|
+
"attribute": "alignment",
|
|
18092
|
+
"reflects": true
|
|
18093
|
+
}
|
|
18094
|
+
],
|
|
18095
|
+
"attributes": [
|
|
18096
|
+
{
|
|
18097
|
+
"name": "alignment",
|
|
18098
|
+
"type": {
|
|
18099
|
+
"text": "'start' | 'center' | 'end'"
|
|
18100
|
+
},
|
|
18101
|
+
"default": "'start'",
|
|
18102
|
+
"description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
|
|
18103
|
+
"fieldName": "alignment"
|
|
18104
|
+
}
|
|
18105
|
+
],
|
|
18106
|
+
"superclass": {
|
|
18107
|
+
"name": "LitElement",
|
|
18108
|
+
"package": "lit"
|
|
18109
|
+
},
|
|
18110
|
+
"customElement": true
|
|
18111
|
+
}
|
|
18112
|
+
],
|
|
18113
|
+
"exports": [
|
|
18114
|
+
{
|
|
18115
|
+
"kind": "js",
|
|
18116
|
+
"name": "UmSetBase",
|
|
18117
|
+
"declaration": {
|
|
18118
|
+
"name": "UmSetBase",
|
|
18119
|
+
"module": "src/shared/sets/set-base.ts"
|
|
18120
|
+
}
|
|
18121
|
+
}
|
|
18122
|
+
]
|
|
18123
|
+
},
|
|
17844
18124
|
{
|
|
17845
18125
|
"kind": "javascript-module",
|
|
17846
18126
|
"path": "src/shared/text-field-base/text-field-base.styles.ts",
|
|
@@ -18439,77 +18719,6 @@
|
|
|
18439
18719
|
}
|
|
18440
18720
|
}
|
|
18441
18721
|
]
|
|
18442
|
-
},
|
|
18443
|
-
{
|
|
18444
|
-
"kind": "javascript-module",
|
|
18445
|
-
"path": "src/shared/sets/set-base.styles.ts",
|
|
18446
|
-
"declarations": [
|
|
18447
|
-
{
|
|
18448
|
-
"kind": "variable",
|
|
18449
|
-
"name": "styles",
|
|
18450
|
-
"default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`"
|
|
18451
|
-
}
|
|
18452
|
-
],
|
|
18453
|
-
"exports": [
|
|
18454
|
-
{
|
|
18455
|
-
"kind": "js",
|
|
18456
|
-
"name": "styles",
|
|
18457
|
-
"declaration": {
|
|
18458
|
-
"name": "styles",
|
|
18459
|
-
"module": "src/shared/sets/set-base.styles.ts"
|
|
18460
|
-
}
|
|
18461
|
-
}
|
|
18462
|
-
]
|
|
18463
|
-
},
|
|
18464
|
-
{
|
|
18465
|
-
"kind": "javascript-module",
|
|
18466
|
-
"path": "src/shared/sets/set-base.ts",
|
|
18467
|
-
"declarations": [
|
|
18468
|
-
{
|
|
18469
|
-
"kind": "class",
|
|
18470
|
-
"description": "",
|
|
18471
|
-
"name": "UmSetBase",
|
|
18472
|
-
"members": [
|
|
18473
|
-
{
|
|
18474
|
-
"kind": "field",
|
|
18475
|
-
"name": "alignment",
|
|
18476
|
-
"type": {
|
|
18477
|
-
"text": "'start' | 'center' | 'end'"
|
|
18478
|
-
},
|
|
18479
|
-
"default": "'start'",
|
|
18480
|
-
"description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
|
|
18481
|
-
"attribute": "alignment",
|
|
18482
|
-
"reflects": true
|
|
18483
|
-
}
|
|
18484
|
-
],
|
|
18485
|
-
"attributes": [
|
|
18486
|
-
{
|
|
18487
|
-
"name": "alignment",
|
|
18488
|
-
"type": {
|
|
18489
|
-
"text": "'start' | 'center' | 'end'"
|
|
18490
|
-
},
|
|
18491
|
-
"default": "'start'",
|
|
18492
|
-
"description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
|
|
18493
|
-
"fieldName": "alignment"
|
|
18494
|
-
}
|
|
18495
|
-
],
|
|
18496
|
-
"superclass": {
|
|
18497
|
-
"name": "LitElement",
|
|
18498
|
-
"package": "lit"
|
|
18499
|
-
},
|
|
18500
|
-
"customElement": true
|
|
18501
|
-
}
|
|
18502
|
-
],
|
|
18503
|
-
"exports": [
|
|
18504
|
-
{
|
|
18505
|
-
"kind": "js",
|
|
18506
|
-
"name": "UmSetBase",
|
|
18507
|
-
"declaration": {
|
|
18508
|
-
"name": "UmSetBase",
|
|
18509
|
-
"module": "src/shared/sets/set-base.ts"
|
|
18510
|
-
}
|
|
18511
|
-
}
|
|
18512
|
-
]
|
|
18513
18722
|
}
|
|
18514
18723
|
]
|
|
18515
18724
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-base.d.ts","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQhE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,8BAAsB,WAAY,SAAQ,UAAU;IAClD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAI9D,OAAO,CAAC,MAAM,CAA8B;IAEhC,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAY;IAElE;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjB,SAAS,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAEgB,WAAW,UAAS;IAE5E;;OAEG;IACyC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/E;;;OAGG;IACoC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAErE;;OAEG;IACyC,KAAK,UAAS;IACd,QAAQ,UAAS;IAE7D;;OAEG;IACyC,OAAO,UAAS;IAE5D,MAAM,CAAC,WAAW,CAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,eAAe,GACtB,eAAe,CAAC,OAAO,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAOzD;;;;OAIG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,eAAe,UAAS;IAExB;;;;OAIG;IAEH,YAAY,UAAS;IAGrB,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAiB;IAGtD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAGvD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiB;IAE7B,OAAO,CAAC,aAAa,CAAe;IAChC,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;;cAO3C,MAAM,IAAI,cAAc;IA+C3C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,cAAc;
|
|
1
|
+
{"version":3,"file":"field-base.d.ts","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQhE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,8BAAsB,WAAY,SAAQ,UAAU;IAClD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAI9D,OAAO,CAAC,MAAM,CAA8B;IAEhC,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAY;IAElE;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjB,SAAS,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAEgB,WAAW,UAAS;IAE5E;;OAEG;IACyC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/E;;;OAGG;IACoC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAErE;;OAEG;IACyC,KAAK,UAAS;IACd,QAAQ,UAAS;IAE7D;;OAEG;IACyC,OAAO,UAAS;IAE5D,MAAM,CAAC,WAAW,CAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,eAAe,GACtB,eAAe,CAAC,OAAO,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAOzD;;;;OAIG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,eAAe,UAAS;IAExB;;;;OAIG;IAEH,YAAY,UAAS;IAGrB,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAiB;IAGtD,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAGvD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiB;IAE7B,OAAO,CAAC,aAAa,CAAe;IAChC,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;;cAO3C,MAAM,IAAI,cAAc;IA+C3C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,cAAc;IAElD,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAIrC,iBAAiB;IAK1B,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,4BAA4B;IAIpC,OAAO,CAAC,yBAAyB;IAIjC,SAAS,CAAC,yBAAyB,IAAI,cAAc,GAAG,OAAO,OAAO;CAGvE"}
|
package/field/field-base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-base.js","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume, Context, ContextProvider } from '@lit/context';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './field-base.styles.js';\n\nimport { fieldDefaultsContext } from './field-defaults-context.js';\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport abstract class UmFieldBase extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n @consume({ context: fieldDefaultsContext, subscribe: true })\n @state()\n private config: UmFieldDefaults | undefined;\n\n @property() variant: 'filled' | 'outlined' | undefined = 'filled';\n\n /**\n * The floating label for the field\n */\n @property()\n label: string | undefined;\n\n @state() protected _innerCounter: string | undefined;\n @property() counter: string | undefined;\n\n @property({ type: Boolean, attribute: 'hide-counter' }) hideCounter = false;\n\n /**\n * Supporting text conveys additional information about the field, such as how it will be used\n */\n @property({ attribute: 'supporting-text' }) supportingText: string | undefined;\n\n /**\n * For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\n * If `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`\n */\n @property({ attribute: 'error-text' }) errorText: string | undefined;\n\n /**\n * Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.\n */\n @property({ type: Boolean, reflect: true }) empty = false;\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * Get or sets where or not the field is in a visually invalid state.\n */\n @property({ type: Boolean, reflect: true }) invalid = false;\n\n static setDefaults(\n contextRoot: HTMLElement,\n config: UmFieldDefaults,\n ): ContextProvider<Context<HTMLElement, UmFieldDefaults>> {\n return new ContextProvider(contextRoot, {\n context: fieldDefaultsContext,\n initialValue: config,\n });\n }\n\n /**\n * Whether the field has a leading icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })\n hasLeadingIcon = false;\n\n /**\n * Whether the field has a trailing icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })\n hasTrailingIcon = false;\n\n /**\n * Whether the field has an error text or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-error-text', reflect: true })\n hasErrorText = false;\n\n @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n private readonly assignedLeadingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n private readonly assignedTrailingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'error-text', flatten: true })\n private readonly assignedErrorTexts!: HTMLElement[];\n\n @query('.label', true) private _labelElement!: HTMLElement;\n @query('.container', true) protected _container!: HTMLElement;\n\n constructor() {\n super();\n this.variant = undefined;\n }\n\n protected override render(): TemplateResult {\n const variant = this.variant ?? this.config?.variant ?? 'filled';\n\n const classes = {\n [variant]: true,\n 'no-label': !this.label,\n };\n\n const counter = html`\n <slot class=\"counter\" name=\"counter\">\n <div>${this.counter ?? this._innerCounter}</div>\n </slot>\n `;\n\n const outline = html`\n <div class=\"outline\">\n <div class=\"outline-start\"></div>\n <div class=\"outline-notch\">\n <div class=\"outline-notch-label\">${this.label}</div>\n </div>\n <div class=\"outline-end\"></div>\n </div>\n `;\n\n return html`\n <div class=\"container ${classMap(classes)}\">\n ${variant === 'outlined' ? outline : nothing}\n <slot class=\"icon leading-icon\" name=\"leading-icon\" @slotchange=\"${this.handleLeadingIconSlotChange}\"></slot>\n <label class=\"label\" id=\"label\">${this.label}</label>\n <div class=\"input-wrapper\" part=\"wrapper\">${this.renderControl()}</div>\n <slot class=\"icon trailing-icon\" name=\"trailing-icon\" @slotchange=\"${this.handleTrailingIconSlotChange}\">\n <span>${this.renderDefaultTrailingIcon()}</span>\n </slot>\n </div>\n <div class=\"supporting-text\" id=\"supporting-text\">\n <slot class=\"error-text\" name=\"error-text\" @slotchange=\"${this.handleErrorTextSlotChange}\">\n <div>${this.errorText}</div>\n </slot>\n <slot name=\"supporting-text\" id=\"supporting-text\">\n <div>${this.supportingText}</div>\n </slot>\n ${this.hideCounter ? nothing : counter}\n </div>\n ${this.renderAfterContent()}\n `;\n }\n\n protected abstract renderControl(): TemplateResult;\n protected renderAfterContent(): TemplateResult {\n return html``;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.hasLeadingIcon = !!this.assignedLeadingIcons.length;\n }\n\n private handleLeadingIconSlotChange() {\n this._labelElement.style.transition = 'none';\n this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n\n setTimeout(() => {\n this._labelElement.style.transition = '';\n });\n }\n\n private handleTrailingIconSlotChange() {\n this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n }\n\n private handleErrorTextSlotChange() {\n this.hasErrorText = this.assignedErrorTexts.length > 0;\n }\n\n protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n return nothing;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"field-base.js","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume, Context, ContextProvider } from '@lit/context';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './field-base.styles.js';\n\nimport { fieldDefaultsContext } from './field-defaults-context.js';\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport abstract class UmFieldBase extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n @consume({ context: fieldDefaultsContext, subscribe: true })\n @state()\n private config: UmFieldDefaults | undefined;\n\n @property() variant: 'filled' | 'outlined' | undefined = 'filled';\n\n /**\n * The floating label for the field\n */\n @property()\n label: string | undefined;\n\n @state() protected _innerCounter: string | undefined;\n @property() counter: string | undefined;\n\n @property({ type: Boolean, attribute: 'hide-counter' }) hideCounter = false;\n\n /**\n * Supporting text conveys additional information about the field, such as how it will be used\n */\n @property({ attribute: 'supporting-text' }) supportingText: string | undefined;\n\n /**\n * For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\n * If `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`\n */\n @property({ attribute: 'error-text' }) errorText: string | undefined;\n\n /**\n * Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.\n */\n @property({ type: Boolean, reflect: true }) empty = false;\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * Get or sets where or not the field is in a visually invalid state.\n */\n @property({ type: Boolean, reflect: true }) invalid = false;\n\n static setDefaults(\n contextRoot: HTMLElement,\n config: UmFieldDefaults,\n ): ContextProvider<Context<HTMLElement, UmFieldDefaults>> {\n return new ContextProvider(contextRoot, {\n context: fieldDefaultsContext,\n initialValue: config,\n });\n }\n\n /**\n * Whether the field has a leading icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })\n hasLeadingIcon = false;\n\n /**\n * Whether the field has a trailing icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })\n hasTrailingIcon = false;\n\n /**\n * Whether the field has an error text or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-error-text', reflect: true })\n hasErrorText = false;\n\n @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n private readonly assignedLeadingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n private readonly assignedTrailingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'error-text', flatten: true })\n private readonly assignedErrorTexts!: HTMLElement[];\n\n @query('.label', true) private _labelElement!: HTMLElement;\n @query('.container', true) protected _container!: HTMLElement;\n\n constructor() {\n super();\n this.variant = undefined;\n }\n\n protected override render(): TemplateResult {\n const variant = this.variant ?? this.config?.variant ?? 'filled';\n\n const classes = {\n [variant]: true,\n 'no-label': !this.label,\n };\n\n const counter = html`\n <slot class=\"counter\" name=\"counter\">\n <div>${this.counter ?? this._innerCounter}</div>\n </slot>\n `;\n\n const outline = html`\n <div class=\"outline\">\n <div class=\"outline-start\"></div>\n <div class=\"outline-notch\">\n <div class=\"outline-notch-label\">${this.label}</div>\n </div>\n <div class=\"outline-end\"></div>\n </div>\n `;\n\n return html`\n <div class=\"container ${classMap(classes)}\">\n ${variant === 'outlined' ? outline : nothing}\n <slot class=\"icon leading-icon\" name=\"leading-icon\" @slotchange=\"${this.handleLeadingIconSlotChange}\"></slot>\n <label class=\"label\" id=\"label\">${this.label}</label>\n <div class=\"input-wrapper\" part=\"wrapper\">${this.renderControl()}</div>\n <slot class=\"icon trailing-icon\" name=\"trailing-icon\" @slotchange=\"${this.handleTrailingIconSlotChange}\">\n <span>${this.renderDefaultTrailingIcon()}</span>\n </slot>\n </div>\n <div class=\"supporting-text\" id=\"supporting-text\">\n <slot class=\"error-text\" name=\"error-text\" @slotchange=\"${this.handleErrorTextSlotChange}\">\n <div>${this.errorText}</div>\n </slot>\n <slot name=\"supporting-text\" id=\"supporting-text\">\n <div>${this.supportingText}</div>\n </slot>\n ${this.hideCounter ? nothing : counter}\n </div>\n ${this.renderAfterContent()}\n `;\n }\n\n protected abstract renderControl(): TemplateResult;\n\n protected renderAfterContent(): TemplateResult {\n return html``;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.hasLeadingIcon = !!this.assignedLeadingIcons.length;\n }\n\n private handleLeadingIconSlotChange() {\n this._labelElement.style.transition = 'none';\n this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n\n setTimeout(() => {\n this._labelElement.style.transition = '';\n });\n }\n\n private handleTrailingIconSlotChange() {\n this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n }\n\n private handleErrorTextSlotChange() {\n this.hasErrorText = this.assignedErrorTexts.length > 0;\n }\n\n protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n return nothing;\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-wrapper.d.ts","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AASpE,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAE7B,8BAAsB,eAAgB,SAAQ,UAAU;;
|
|
1
|
+
{"version":3,"file":"button-wrapper.d.ts","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AASpE,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAE7B,8BAAsB,eAAgB,SAAQ,UAAU;;IACtD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D;;OAEG;IACyC,QAAQ,UAAS;IAEpD,YAAY,UAAQ;IAE7B;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC;;;OAGG;IACS,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEnB,QAAQ,CAAC,aAAa,EAAG,WAAW,CAAC;IACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAY;IAEtD,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C,IAAI,QAAQ,IAAI,MAAM,CAErB;cAEkB,MAAM,IAAI,kBAAkB;IAI/C,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,UAAU;IAmBlB,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,kBAAkB;IAE7C,iBAAiB;IAMjB,oBAAoB;IAMpB,KAAK;IAIL,IAAI;IAIb,SAAS,CAAC,YAAY,IAAI,MAAM,GAAG,IAAI;IAIvC,OAAO,CAAC,iBAAiB;IA6BzB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;CACxC"}
|
package/shared/button-wrapper.js
CHANGED
|
@@ -26,12 +26,11 @@ export class UmButtonWrapper extends LitElement {
|
|
|
26
26
|
return this.buttonElement?.pathname;
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return typeof this.href === 'string'
|
|
30
|
-
? this.renderLink()
|
|
31
|
-
: this.renderButton();
|
|
29
|
+
return typeof this.href === 'string' ? this.renderLink() : this.renderButton();
|
|
32
30
|
}
|
|
33
31
|
renderButton() {
|
|
34
32
|
return html `
|
|
33
|
+
<div class="content">${this.renderContent()}</div>
|
|
35
34
|
<button
|
|
36
35
|
id="button"
|
|
37
36
|
class="button focus-ring"
|
|
@@ -44,23 +43,25 @@ export class UmButtonWrapper extends LitElement {
|
|
|
44
43
|
<u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>
|
|
45
44
|
<u-elevation></u-elevation>
|
|
46
45
|
</button>
|
|
47
|
-
|
|
46
|
+
`;
|
|
48
47
|
}
|
|
49
48
|
renderLink() {
|
|
50
|
-
return html
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
49
|
+
return html `
|
|
50
|
+
<div class="content">${this.renderContent()}</div>
|
|
51
|
+
<a
|
|
52
|
+
id="link"
|
|
53
|
+
class="button"
|
|
54
|
+
href=${this.disabled ? nothing : this.href}
|
|
55
|
+
aria-disabled=${this.disabled || nothing}
|
|
56
|
+
aria-label=${this.ariaLabel || nothing}
|
|
57
|
+
aria-labelledby="${this.ariaLabel ? nothing : 'text'}"
|
|
58
|
+
.role=${this.innerRole}
|
|
59
|
+
target=${this.target || nothing}
|
|
60
|
+
@click=${this.#innerClickHandler}>
|
|
61
|
+
<u-elevation></u-elevation>
|
|
62
|
+
<u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>
|
|
63
|
+
</a>
|
|
64
|
+
`;
|
|
64
65
|
}
|
|
65
66
|
connectedCallback() {
|
|
66
67
|
super.connectedCallback();
|
|
@@ -81,7 +82,7 @@ export class UmButtonWrapper extends LitElement {
|
|
|
81
82
|
}
|
|
82
83
|
innerFocusHandler() {
|
|
83
84
|
const tabIndexAttributeValue = this.getAttribute('tabindex');
|
|
84
|
-
if (tabIndexAttributeValue !==
|
|
85
|
+
if (tabIndexAttributeValue !== '0') {
|
|
85
86
|
return;
|
|
86
87
|
}
|
|
87
88
|
this.removeAttribute('tabindex');
|
|
@@ -100,8 +101,7 @@ export class UmButtonWrapper extends LitElement {
|
|
|
100
101
|
}
|
|
101
102
|
this.handleClick(event);
|
|
102
103
|
}
|
|
103
|
-
handleClick(_) {
|
|
104
|
-
}
|
|
104
|
+
handleClick(_) { }
|
|
105
105
|
}
|
|
106
106
|
__decorate([
|
|
107
107
|
property({ type: Boolean, reflect: true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,OAAgB,eAAgB,SAAQ,UAAU;IAAxD;;
|
|
1
|
+
{"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from './base.styles.js';\n\nimport { UmRipple } from '../ripple/ripple.js';\nimport { styles } from './button-wrapper.styles';\nimport { redispatchEvent } from './events/redispatch-event.js';\n\nimport '../elevation/elevation.js';\nimport '../ripple/ripple.js';\n\nexport abstract class UmButtonWrapper extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n /**\n * Whether the button is disabled or not.\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @state() renderRipple = true;\n\n /**\n * The URL that the link button points to.\n */\n @property() href: string | undefined;\n\n /**\n * Where to display the linked `href` URL for a link button. Common options\n * include `_blank` to open in a new tab.\n */\n @property() target: string | undefined;\n\n @property() name: string | undefined;\n\n @query('.button') readonly buttonElement!: HTMLElement;\n @query('u-ripple') private readonly ripple!: UmRipple;\n\n protected innerRole: string | null = null;\n\n get pathname(): string {\n return (<HTMLAnchorElement>this.buttonElement)?.pathname;\n }\n\n protected override render(): HTMLTemplateResult {\n return typeof this.href === 'string' ? this.renderLink() : this.renderButton();\n }\n\n private renderButton() {\n return html`\n <div class=\"content\">${this.renderContent()}</div>\n <button\n id=\"button\"\n class=\"button focus-ring\"\n ?disabled=${this.disabled}\n aria-label=${this.getAriaLabel() || nothing}\n aria-labelledby=\"${this.getAriaLabel() ? nothing : 'text'}\"\n .role=${this.innerRole}\n type=\"button\"\n @click=${this.#innerClickHandler}>\n <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n <u-elevation></u-elevation>\n </button>\n `;\n }\n\n private renderLink() {\n return html`\n <div class=\"content\">${this.renderContent()}</div>\n <a\n id=\"link\"\n class=\"button\"\n href=${this.disabled ? nothing : this.href}\n aria-disabled=${this.disabled || nothing}\n aria-label=${this.ariaLabel || nothing}\n aria-labelledby=\"${this.ariaLabel ? nothing : 'text'}\"\n .role=${this.innerRole}\n target=${this.target || nothing}\n @click=${this.#innerClickHandler}>\n <u-elevation></u-elevation>\n <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n </a>\n `;\n }\n\n protected abstract renderContent(): HTMLTemplateResult;\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener('focus', this.innerFocusHandler);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.removeEventListener('focus', this.innerFocusHandler);\n }\n\n override focus() {\n this.buttonElement?.focus();\n }\n\n override blur() {\n this.buttonElement?.blur();\n }\n\n protected getAriaLabel(): string | null {\n return this.ariaLabel;\n }\n\n private innerFocusHandler(): void {\n const tabIndexAttributeValue = this.getAttribute('tabindex');\n\n if (tabIndexAttributeValue !== '0') {\n return;\n }\n\n this.removeAttribute('tabindex');\n setTimeout(() => this.buttonElement?.focus());\n }\n\n #innerClickHandler(event: MouseEvent): void {\n if (this.disabled) {\n return;\n }\n\n const preventDefault = !redispatchEvent(this, event);\n\n if (preventDefault) {\n return;\n }\n\n if (!(<PointerEvent>event).pointerType) {\n this.ripple.createRipple();\n }\n\n this.handleClick(event);\n }\n\n protected handleClick(_: UIEvent): void {}\n}\n"]}
|
|
@@ -4,11 +4,13 @@ import '../../ripple/ripple.js';
|
|
|
4
4
|
export declare abstract class UmSelectionControl extends LitElement {
|
|
5
5
|
#private;
|
|
6
6
|
static readonly formAssociated = true;
|
|
7
|
+
static shadowRootOptions: ShadowRootInit;
|
|
7
8
|
protected readonly elementInternals: ElementInternals;
|
|
8
9
|
name: string | undefined;
|
|
9
10
|
disabled: boolean;
|
|
10
11
|
input: HTMLInputElement;
|
|
11
12
|
get form(): HTMLFormElement | null;
|
|
13
|
+
focus(options?: FocusOptions): void;
|
|
12
14
|
protected inputType: 'checkbox' | 'radio';
|
|
13
15
|
protected renderRipple: boolean;
|
|
14
16
|
protected abstract renderIndicator(): HTMLTemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAGpE,OAAO,wBAAwB,CAAC;AAEhC,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAGpE,OAAO,wBAAwB,CAAC;AAEhC,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IACf,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAKrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAE9B,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB,IACI,OAAO,IAGU,OAAO,CAD3B;IACD,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,iBAAiB,CAAS;IAErF,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;CA6BhD"}
|
|
@@ -9,9 +9,16 @@ import { property, query } from 'lit/decorators.js';
|
|
|
9
9
|
import '../../ripple/ripple.js';
|
|
10
10
|
export class UmSelectionControl extends LitElement {
|
|
11
11
|
static { this.formAssociated = true; }
|
|
12
|
+
static { this.shadowRootOptions = {
|
|
13
|
+
...LitElement.shadowRootOptions,
|
|
14
|
+
delegatesFocus: true,
|
|
15
|
+
}; }
|
|
12
16
|
get form() {
|
|
13
17
|
return this.elementInternals.form;
|
|
14
18
|
}
|
|
19
|
+
focus(options) {
|
|
20
|
+
this.input.focus(options);
|
|
21
|
+
}
|
|
15
22
|
#checked;
|
|
16
23
|
get checked() {
|
|
17
24
|
return this.input ? this.input.checked : this.#checked;
|
|
@@ -50,7 +57,9 @@ export class UmSelectionControl extends LitElement {
|
|
|
50
57
|
this.removeEventListener('click', this.#handleClick);
|
|
51
58
|
}
|
|
52
59
|
render() {
|
|
53
|
-
const ripple = html
|
|
60
|
+
const ripple = html `
|
|
61
|
+
<u-ripple ?disabled=${this.disabled}></u-ripple>
|
|
62
|
+
`;
|
|
54
63
|
return html `
|
|
55
64
|
<div class="container">
|
|
56
65
|
${this.renderRipple ? ripple : nothing}
|
|
@@ -61,19 +70,21 @@ export class UmSelectionControl extends LitElement {
|
|
|
61
70
|
.checked=${this._checkedAttribute}
|
|
62
71
|
.disabled=${this.disabled} />
|
|
63
72
|
<div class="indicator-container">${this.renderIndicator()}</div>
|
|
64
|
-
</div
|
|
73
|
+
</div>
|
|
74
|
+
`;
|
|
65
75
|
}
|
|
66
76
|
#handleClick(e) {
|
|
67
77
|
if (e.defaultPrevented) {
|
|
68
78
|
return;
|
|
69
79
|
}
|
|
80
|
+
console.log(e);
|
|
70
81
|
this.checked = this.inputType === 'radio' || !this.checked;
|
|
71
82
|
this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
|
|
72
83
|
this.dispatchEvent(new Event('change', { bubbles: true }));
|
|
73
84
|
}
|
|
74
85
|
}
|
|
75
86
|
__decorate([
|
|
76
|
-
property()
|
|
87
|
+
property({ reflect: true })
|
|
77
88
|
], UmSelectionControl.prototype, "name", void 0);
|
|
78
89
|
__decorate([
|
|
79
90
|
property({ type: Boolean, reflect: true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,OAAgB,kBAAmB,SAAQ,UAAU;aACzC,mBAAc,GAAG,IAAI,AAAP,CAAQ;
|
|
1
|
+
{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport '../../ripple/ripple.js';\n\nexport abstract class UmSelectionControl extends LitElement {\n static readonly formAssociated = true;\n\n static override shadowRootOptions: ShadowRootInit = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n protected readonly elementInternals: ElementInternals;\n\n @property({ reflect: true }) name: string | undefined = '';\n @property({ type: Boolean, reflect: true }) disabled = false;\n @query('input') input!: HTMLInputElement;\n\n get form(): HTMLFormElement | null {\n return this.elementInternals.form;\n }\n\n override focus(options?: FocusOptions) {\n this.input!.focus(options);\n }\n\n #checked = false;\n protected inputType: 'checkbox' | 'radio' = 'checkbox';\n protected renderRipple = true;\n\n protected abstract renderIndicator(): HTMLTemplateResult;\n\n /**\n * The element value to use in form submission when checked.\n */\n @property() value = 'on';\n\n @property({ type: Boolean })\n get checked() {\n return this.input ? this.input.checked : this.#checked;\n }\n set checked(checked: boolean) {\n this.#checked = checked;\n\n if (this.input) {\n this.input.checked = checked;\n }\n\n this.elementInternals.setFormValue(checked ? this.value : null);\n }\n\n @property({ type: Boolean, attribute: 'checked' }) private _checkedAttribute = false;\n\n protected constructor() {\n super();\n this.elementInternals = this.attachInternals();\n }\n\n override firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n\n this.input.checked = this.#checked;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener('click', this.#handleClick);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.#handleClick);\n }\n\n protected override render(): HTMLTemplateResult {\n const ripple = html`\n <u-ripple ?disabled=${this.disabled}></u-ripple>\n `;\n\n return html`\n <div class=\"container\">\n ${this.renderRipple ? ripple : nothing}\n <input\n id=\"input\"\n type=${this.inputType}\n class=\"focus-ring\"\n .checked=${this._checkedAttribute}\n .disabled=${this.disabled} />\n <div class=\"indicator-container\">${this.renderIndicator()}</div>\n </div>\n `;\n }\n\n #handleClick(e: Event) {\n if (e.defaultPrevented) {\n return;\n }\n\n console.log(e);\n this.checked = this.inputType === 'radio' || !this.checked;\n this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n this.dispatchEvent(new Event('change', { bubbles: true }));\n }\n}\n"]}
|