@raylang/elements 0.5.1 → 0.6.0

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 (15) hide show
  1. package/check/check.d.ts +45 -0
  2. package/check/check.js +419 -0
  3. package/check/cli.js +145 -0
  4. package/components/button/button.js +17 -0
  5. package/components/number-input/number-input.js +54 -8
  6. package/components/radio/radio.js +86 -6
  7. package/components/ring-progress/ring-progress.js +127 -0
  8. package/components/step-dots/step-dots.js +86 -0
  9. package/custom-elements.json +1457 -144
  10. package/index.js +3 -1
  11. package/llms-full.txt +97 -14
  12. package/llms.txt +15 -3
  13. package/package.json +16 -1
  14. package/ray-elements.d.ts +57 -9
  15. package/vscode.html-custom-data.json +612 -62
package/custom-elements.json CHANGED
@@ -44,9 +44,9 @@
44
44
  {
45
45
  "name": "size",
46
46
  "type": {
47
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
47
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
48
48
  },
49
- "description": "Height, padding and font size.",
49
+ "description": "Height, padding and font size: xs…xl or any CSS length (the padding and the font follow).",
50
50
  "fieldName": "size",
51
51
  "default": "sm"
52
52
  },
@@ -160,9 +160,9 @@
160
160
  "kind": "field",
161
161
  "name": "size",
162
162
  "type": {
163
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
163
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
164
164
  },
165
- "description": "Height, padding and font size.",
165
+ "description": "Height, padding and font size: xs…xl or any CSS length (the padding and the font follow).",
166
166
  "attribute": "size",
167
167
  "reflects": true,
168
168
  "default": "sm"
@@ -462,9 +462,9 @@
462
462
  {
463
463
  "name": "size",
464
464
  "type": {
465
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
465
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
466
466
  },
467
- "description": "Width and height.",
467
+ "description": "Width and height: xs…xl or any CSS length (\"5.5rem\": a big main action, round with radius=full); the icon scales with it.",
468
468
  "fieldName": "size",
469
469
  "default": "sm"
470
470
  },
@@ -588,9 +588,9 @@
588
588
  "kind": "field",
589
589
  "name": "size",
590
590
  "type": {
591
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
591
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
592
592
  },
593
- "description": "Width and height.",
593
+ "description": "Width and height: xs…xl or any CSS length (\"5.5rem\": a big main action, round with radius=full); the icon scales with it.",
594
594
  "attribute": "size",
595
595
  "reflects": true,
596
596
  "default": "sm"
@@ -787,9 +787,9 @@
787
787
  {
788
788
  "name": "size",
789
789
  "type": {
790
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
790
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
791
791
  },
792
- "description": "Height, padding and font size.",
792
+ "description": "Height, padding and font size: xs…xl or any CSS length (the padding and the font follow).",
793
793
  "fieldName": "size",
794
794
  "default": "sm"
795
795
  },
@@ -933,9 +933,9 @@
933
933
  "kind": "field",
934
934
  "name": "size",
935
935
  "type": {
936
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
936
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
937
937
  },
938
- "description": "Height, padding and font size.",
938
+ "description": "Height, padding and font size: xs…xl or any CSS length (the padding and the font follow).",
939
939
  "attribute": "size",
940
940
  "reflects": true,
941
941
  "default": "sm"
@@ -1403,6 +1403,13 @@
1403
1403
  "name": "FieldControl"
1404
1404
  },
1405
1405
  "attributes": [
1406
+ {
1407
+ "name": "checked",
1408
+ "type": {
1409
+ "text": "boolean"
1410
+ },
1411
+ "description": "The initial value of checked. Current state. The checked attribute is the initial state (restored on reset)."
1412
+ },
1406
1413
  {
1407
1414
  "name": "indeterminate",
1408
1415
  "type": {
@@ -1502,6 +1509,23 @@
1502
1509
  "description": "Side of the label.",
1503
1510
  "fieldName": "labelPosition",
1504
1511
  "default": "right"
1512
+ },
1513
+ {
1514
+ "name": "radius",
1515
+ "type": {
1516
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
1517
+ },
1518
+ "description": "Corner radius.",
1519
+ "fieldName": "radius"
1520
+ },
1521
+ {
1522
+ "name": "description-position",
1523
+ "type": {
1524
+ "text": "\"above\" | \"below\""
1525
+ },
1526
+ "description": "Description before or after the control.",
1527
+ "fieldName": "descriptionPosition",
1528
+ "default": "above"
1505
1529
  }
1506
1530
  ],
1507
1531
  "members": [
@@ -1636,6 +1660,27 @@
1636
1660
  "attribute": "label-position",
1637
1661
  "reflects": true,
1638
1662
  "default": "right"
1663
+ },
1664
+ {
1665
+ "kind": "field",
1666
+ "name": "radius",
1667
+ "type": {
1668
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
1669
+ },
1670
+ "description": "Corner radius.",
1671
+ "attribute": "radius",
1672
+ "reflects": true
1673
+ },
1674
+ {
1675
+ "kind": "field",
1676
+ "name": "descriptionPosition",
1677
+ "type": {
1678
+ "text": "\"above\" | \"below\""
1679
+ },
1680
+ "description": "Description before or after the control.",
1681
+ "attribute": "description-position",
1682
+ "reflects": true,
1683
+ "default": "above"
1639
1684
  }
1640
1685
  ],
1641
1686
  "events": [
@@ -1702,6 +1747,13 @@
1702
1747
  "name": "FormControl"
1703
1748
  },
1704
1749
  "attributes": [
1750
+ {
1751
+ "name": "value",
1752
+ "type": {
1753
+ "text": "string[]"
1754
+ },
1755
+ "description": "The initial value of value. The checked values. The value attribute: \"a,b\"."
1756
+ },
1705
1757
  {
1706
1758
  "name": "name",
1707
1759
  "type": {
@@ -2677,6 +2729,13 @@
2677
2729
  "name": "FieldControl"
2678
2730
  },
2679
2731
  "attributes": [
2732
+ {
2733
+ "name": "value",
2734
+ "type": {
2735
+ "text": "string | string[]"
2736
+ },
2737
+ "description": "The initial value of value. The chosen value; an array with multiple. The value attribute: \"a,b\" with multiple."
2738
+ },
2680
2739
  {
2681
2740
  "name": "multiple",
2682
2741
  "type": {
@@ -2741,6 +2800,89 @@
2741
2800
  },
2742
2801
  "description": "The dropdown is shown.",
2743
2802
  "fieldName": "open"
2803
+ },
2804
+ {
2805
+ "name": "name",
2806
+ "type": {
2807
+ "text": "string"
2808
+ },
2809
+ "description": "Form field name.",
2810
+ "fieldName": "name"
2811
+ },
2812
+ {
2813
+ "name": "label",
2814
+ "type": {
2815
+ "text": "string"
2816
+ },
2817
+ "description": "Visible label (also the accessible name).",
2818
+ "fieldName": "label"
2819
+ },
2820
+ {
2821
+ "name": "description",
2822
+ "type": {
2823
+ "text": "string"
2824
+ },
2825
+ "description": "Help text.",
2826
+ "fieldName": "description"
2827
+ },
2828
+ {
2829
+ "name": "error",
2830
+ "type": {
2831
+ "text": "string"
2832
+ },
2833
+ "description": "Error text; marks the field invalid.",
2834
+ "fieldName": "error"
2835
+ },
2836
+ {
2837
+ "name": "required",
2838
+ "type": {
2839
+ "text": "boolean"
2840
+ },
2841
+ "description": "Required for form submission.",
2842
+ "fieldName": "required"
2843
+ },
2844
+ {
2845
+ "name": "disabled",
2846
+ "type": {
2847
+ "text": "boolean"
2848
+ },
2849
+ "description": "Not interactive nor submitted.",
2850
+ "fieldName": "disabled"
2851
+ },
2852
+ {
2853
+ "name": "size",
2854
+ "type": {
2855
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
2856
+ },
2857
+ "description": "Size.",
2858
+ "fieldName": "size",
2859
+ "default": "sm"
2860
+ },
2861
+ {
2862
+ "name": "radius",
2863
+ "type": {
2864
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
2865
+ },
2866
+ "description": "Corner radius.",
2867
+ "fieldName": "radius"
2868
+ },
2869
+ {
2870
+ "name": "variant",
2871
+ "type": {
2872
+ "text": "\"default\" | \"filled\" | \"unstyled\""
2873
+ },
2874
+ "description": "Box style.",
2875
+ "fieldName": "variant",
2876
+ "default": "default"
2877
+ },
2878
+ {
2879
+ "name": "description-position",
2880
+ "type": {
2881
+ "text": "\"above\" | \"below\""
2882
+ },
2883
+ "description": "Description before or after the control.",
2884
+ "fieldName": "descriptionPosition",
2885
+ "default": "above"
2744
2886
  }
2745
2887
  ],
2746
2888
  "members": [
@@ -2841,6 +2983,109 @@
2841
2983
  "attribute": "open",
2842
2984
  "reflects": true
2843
2985
  },
2986
+ {
2987
+ "kind": "field",
2988
+ "name": "name",
2989
+ "type": {
2990
+ "text": "string"
2991
+ },
2992
+ "description": "Form field name.",
2993
+ "attribute": "name",
2994
+ "reflects": false
2995
+ },
2996
+ {
2997
+ "kind": "field",
2998
+ "name": "label",
2999
+ "type": {
3000
+ "text": "string"
3001
+ },
3002
+ "description": "Visible label (also the accessible name).",
3003
+ "attribute": "label",
3004
+ "reflects": false
3005
+ },
3006
+ {
3007
+ "kind": "field",
3008
+ "name": "description",
3009
+ "type": {
3010
+ "text": "string"
3011
+ },
3012
+ "description": "Help text.",
3013
+ "attribute": "description",
3014
+ "reflects": false
3015
+ },
3016
+ {
3017
+ "kind": "field",
3018
+ "name": "error",
3019
+ "type": {
3020
+ "text": "string"
3021
+ },
3022
+ "description": "Error text; marks the field invalid.",
3023
+ "attribute": "error",
3024
+ "reflects": false
3025
+ },
3026
+ {
3027
+ "kind": "field",
3028
+ "name": "required",
3029
+ "type": {
3030
+ "text": "boolean"
3031
+ },
3032
+ "description": "Required for form submission.",
3033
+ "attribute": "required",
3034
+ "reflects": true
3035
+ },
3036
+ {
3037
+ "kind": "field",
3038
+ "name": "disabled",
3039
+ "type": {
3040
+ "text": "boolean"
3041
+ },
3042
+ "description": "Not interactive nor submitted.",
3043
+ "attribute": "disabled",
3044
+ "reflects": true
3045
+ },
3046
+ {
3047
+ "kind": "field",
3048
+ "name": "size",
3049
+ "type": {
3050
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
3051
+ },
3052
+ "description": "Size.",
3053
+ "attribute": "size",
3054
+ "reflects": true,
3055
+ "default": "sm"
3056
+ },
3057
+ {
3058
+ "kind": "field",
3059
+ "name": "radius",
3060
+ "type": {
3061
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
3062
+ },
3063
+ "description": "Corner radius.",
3064
+ "attribute": "radius",
3065
+ "reflects": true
3066
+ },
3067
+ {
3068
+ "kind": "field",
3069
+ "name": "variant",
3070
+ "type": {
3071
+ "text": "\"default\" | \"filled\" | \"unstyled\""
3072
+ },
3073
+ "description": "Box style.",
3074
+ "attribute": "variant",
3075
+ "reflects": true,
3076
+ "default": "default"
3077
+ },
3078
+ {
3079
+ "kind": "field",
3080
+ "name": "descriptionPosition",
3081
+ "type": {
3082
+ "text": "\"above\" | \"below\""
3083
+ },
3084
+ "description": "Description before or after the control.",
3085
+ "attribute": "description-position",
3086
+ "reflects": true,
3087
+ "default": "above"
3088
+ },
2844
3089
  {
2845
3090
  "kind": "field",
2846
3091
  "name": "values",
@@ -4632,6 +4877,15 @@
4632
4877
  "fieldName": "clamp",
4633
4878
  "default": "blur"
4634
4879
  },
4880
+ {
4881
+ "name": "format",
4882
+ "type": {
4883
+ "text": "\"number\" | \"duration\""
4884
+ },
4885
+ "description": "duration: the value is seconds, shown and typed as m:ss (h:mm:ss when min or max reaches an hour; a plain number is seconds); aria-valuetext says \"3 minutes, 15 seconds\" in the page's language. decimals, prefix, suffix and the separators do not apply.",
4886
+ "fieldName": "format",
4887
+ "default": "number"
4888
+ },
4635
4889
  {
4636
4890
  "name": "hide-controls",
4637
4891
  "type": {
@@ -4655,16 +4909,99 @@
4655
4909
  },
4656
4910
  "description": "Not editable, still submitted.",
4657
4911
  "fieldName": "readonly"
4658
- }
4659
- ],
4660
- "members": [
4912
+ },
4661
4913
  {
4662
- "kind": "field",
4663
- "name": "value",
4914
+ "name": "name",
4664
4915
  "type": {
4665
- "text": "number"
4916
+ "text": "string"
4666
4917
  },
4667
- "description": "The number (undefined when empty).",
4918
+ "description": "Form field name.",
4919
+ "fieldName": "name"
4920
+ },
4921
+ {
4922
+ "name": "label",
4923
+ "type": {
4924
+ "text": "string"
4925
+ },
4926
+ "description": "Visible label (also the accessible name).",
4927
+ "fieldName": "label"
4928
+ },
4929
+ {
4930
+ "name": "description",
4931
+ "type": {
4932
+ "text": "string"
4933
+ },
4934
+ "description": "Help text.",
4935
+ "fieldName": "description"
4936
+ },
4937
+ {
4938
+ "name": "error",
4939
+ "type": {
4940
+ "text": "string"
4941
+ },
4942
+ "description": "Error text; marks the field invalid.",
4943
+ "fieldName": "error"
4944
+ },
4945
+ {
4946
+ "name": "required",
4947
+ "type": {
4948
+ "text": "boolean"
4949
+ },
4950
+ "description": "Required for form submission.",
4951
+ "fieldName": "required"
4952
+ },
4953
+ {
4954
+ "name": "disabled",
4955
+ "type": {
4956
+ "text": "boolean"
4957
+ },
4958
+ "description": "Not interactive nor submitted.",
4959
+ "fieldName": "disabled"
4960
+ },
4961
+ {
4962
+ "name": "size",
4963
+ "type": {
4964
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
4965
+ },
4966
+ "description": "Size.",
4967
+ "fieldName": "size",
4968
+ "default": "sm"
4969
+ },
4970
+ {
4971
+ "name": "radius",
4972
+ "type": {
4973
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
4974
+ },
4975
+ "description": "Corner radius.",
4976
+ "fieldName": "radius"
4977
+ },
4978
+ {
4979
+ "name": "variant",
4980
+ "type": {
4981
+ "text": "\"default\" | \"filled\" | \"unstyled\""
4982
+ },
4983
+ "description": "Box style.",
4984
+ "fieldName": "variant",
4985
+ "default": "default"
4986
+ },
4987
+ {
4988
+ "name": "description-position",
4989
+ "type": {
4990
+ "text": "\"above\" | \"below\""
4991
+ },
4992
+ "description": "Description before or after the control.",
4993
+ "fieldName": "descriptionPosition",
4994
+ "default": "above"
4995
+ }
4996
+ ],
4997
+ "members": [
4998
+ {
4999
+ "kind": "field",
5000
+ "name": "value",
5001
+ "type": {
5002
+ "text": "number"
5003
+ },
5004
+ "description": "The number (undefined when empty).",
4668
5005
  "attribute": "value",
4669
5006
  "reflects": false
4670
5007
  },
@@ -4761,6 +5098,17 @@
4761
5098
  "reflects": false,
4762
5099
  "default": "blur"
4763
5100
  },
5101
+ {
5102
+ "kind": "field",
5103
+ "name": "format",
5104
+ "type": {
5105
+ "text": "\"number\" | \"duration\""
5106
+ },
5107
+ "description": "duration: the value is seconds, shown and typed as m:ss (h:mm:ss when min or max reaches an hour; a plain number is seconds); aria-valuetext says \"3 minutes, 15 seconds\" in the page's language. decimals, prefix, suffix and the separators do not apply.",
5108
+ "attribute": "format",
5109
+ "reflects": true,
5110
+ "default": "number"
5111
+ },
4764
5112
  {
4765
5113
  "kind": "field",
4766
5114
  "name": "hideControls",
@@ -4791,6 +5139,109 @@
4791
5139
  "attribute": "readonly",
4792
5140
  "reflects": true
4793
5141
  },
5142
+ {
5143
+ "kind": "field",
5144
+ "name": "name",
5145
+ "type": {
5146
+ "text": "string"
5147
+ },
5148
+ "description": "Form field name.",
5149
+ "attribute": "name",
5150
+ "reflects": false
5151
+ },
5152
+ {
5153
+ "kind": "field",
5154
+ "name": "label",
5155
+ "type": {
5156
+ "text": "string"
5157
+ },
5158
+ "description": "Visible label (also the accessible name).",
5159
+ "attribute": "label",
5160
+ "reflects": false
5161
+ },
5162
+ {
5163
+ "kind": "field",
5164
+ "name": "description",
5165
+ "type": {
5166
+ "text": "string"
5167
+ },
5168
+ "description": "Help text.",
5169
+ "attribute": "description",
5170
+ "reflects": false
5171
+ },
5172
+ {
5173
+ "kind": "field",
5174
+ "name": "error",
5175
+ "type": {
5176
+ "text": "string"
5177
+ },
5178
+ "description": "Error text; marks the field invalid.",
5179
+ "attribute": "error",
5180
+ "reflects": false
5181
+ },
5182
+ {
5183
+ "kind": "field",
5184
+ "name": "required",
5185
+ "type": {
5186
+ "text": "boolean"
5187
+ },
5188
+ "description": "Required for form submission.",
5189
+ "attribute": "required",
5190
+ "reflects": true
5191
+ },
5192
+ {
5193
+ "kind": "field",
5194
+ "name": "disabled",
5195
+ "type": {
5196
+ "text": "boolean"
5197
+ },
5198
+ "description": "Not interactive nor submitted.",
5199
+ "attribute": "disabled",
5200
+ "reflects": true
5201
+ },
5202
+ {
5203
+ "kind": "field",
5204
+ "name": "size",
5205
+ "type": {
5206
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
5207
+ },
5208
+ "description": "Size.",
5209
+ "attribute": "size",
5210
+ "reflects": true,
5211
+ "default": "sm"
5212
+ },
5213
+ {
5214
+ "kind": "field",
5215
+ "name": "radius",
5216
+ "type": {
5217
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
5218
+ },
5219
+ "description": "Corner radius.",
5220
+ "attribute": "radius",
5221
+ "reflects": true
5222
+ },
5223
+ {
5224
+ "kind": "field",
5225
+ "name": "variant",
5226
+ "type": {
5227
+ "text": "\"default\" | \"filled\" | \"unstyled\""
5228
+ },
5229
+ "description": "Box style.",
5230
+ "attribute": "variant",
5231
+ "reflects": true,
5232
+ "default": "default"
5233
+ },
5234
+ {
5235
+ "kind": "field",
5236
+ "name": "descriptionPosition",
5237
+ "type": {
5238
+ "text": "\"above\" | \"below\""
5239
+ },
5240
+ "description": "Description before or after the control.",
5241
+ "attribute": "description-position",
5242
+ "reflects": true,
5243
+ "default": "above"
5244
+ },
4794
5245
  {
4795
5246
  "kind": "method",
4796
5247
  "name": "stepBy",
@@ -5957,7 +6408,7 @@
5957
6408
  {
5958
6409
  "kind": "field",
5959
6410
  "name": "radios",
5960
- "description": "The radios of the group."
6411
+ "description": "The radios (and radio cards) of the group."
5961
6412
  }
5962
6413
  ],
5963
6414
  "events": [
@@ -5979,7 +6430,7 @@
5979
6430
  "slots": [
5980
6431
  {
5981
6432
  "name": "",
5982
- "description": "ray-radio elements (may be wrapped in layout elements)."
6433
+ "description": "ray-radio or ray-radio-card elements (may be wrapped in layout elements: a ray-grid of cards)."
5983
6434
  }
5984
6435
  ],
5985
6436
  "cssParts": []
@@ -5989,7 +6440,7 @@
5989
6440
  "name": "RayRadio",
5990
6441
  "tagName": "ray-radio",
5991
6442
  "customElement": true,
5992
- "description": "One choice among options: ray-radio elements inside a ray-radio-group, which is the form control.",
6443
+ "description": "One choice among options: ray-radio (or ray-radio-card) elements inside a ray-radio-group, which is the form control.",
5993
6444
  "superclass": {
5994
6445
  "name": "RayElement"
5995
6446
  },
@@ -6002,6 +6453,13 @@
6002
6453
  "description": "Value given to the group when chosen.",
6003
6454
  "fieldName": "value"
6004
6455
  },
6456
+ {
6457
+ "name": "checked",
6458
+ "type": {
6459
+ "text": "boolean"
6460
+ },
6461
+ "description": "The initial value of checked. Whether this radio is the group's value; setting it sets the group's value. The checked attribute marks the group's initial value (when the group has no value attribute)."
6462
+ },
6005
6463
  {
6006
6464
  "name": "label",
6007
6465
  "type": {
@@ -6062,6 +6520,14 @@
6062
6520
  "attribute": "value",
6063
6521
  "reflects": true
6064
6522
  },
6523
+ {
6524
+ "kind": "field",
6525
+ "name": "checked",
6526
+ "type": {
6527
+ "text": "boolean"
6528
+ },
6529
+ "description": "Whether this radio is the group's value; setting it sets the group's value. The checked attribute marks the group's initial value (when the group has no value attribute)."
6530
+ },
6065
6531
  {
6066
6532
  "kind": "field",
6067
6533
  "name": "label",
@@ -6121,11 +6587,6 @@
6121
6587
  "description": "Overrides the group variant.",
6122
6588
  "attribute": "variant",
6123
6589
  "reflects": true
6124
- },
6125
- {
6126
- "kind": "field",
6127
- "name": "checked",
6128
- "description": "Whether this radio is the group's value."
6129
6590
  }
6130
6591
  ],
6131
6592
  "events": [],
@@ -6145,61 +6606,271 @@
6145
6606
  "description": "The label."
6146
6607
  }
6147
6608
  ]
6148
- }
6149
- ],
6150
- "exports": [
6151
- {
6152
- "kind": "js",
6153
- "name": "RayRadioGroup",
6154
- "declaration": {
6155
- "name": "RayRadioGroup",
6156
- "module": "components/radio/radio.js"
6157
- }
6158
- },
6159
- {
6160
- "kind": "custom-element-definition",
6161
- "name": "ray-radio-group",
6162
- "declaration": {
6163
- "name": "RayRadioGroup",
6164
- "module": "components/radio/radio.js"
6165
- }
6166
- },
6167
- {
6168
- "kind": "js",
6169
- "name": "RayRadio",
6170
- "declaration": {
6171
- "name": "RayRadio",
6172
- "module": "components/radio/radio.js"
6173
- }
6174
6609
  },
6175
- {
6176
- "kind": "custom-element-definition",
6177
- "name": "ray-radio",
6178
- "declaration": {
6179
- "name": "RayRadio",
6180
- "module": "components/radio/radio.js"
6181
- }
6182
- }
6183
- ]
6184
- },
6185
- {
6186
- "kind": "javascript-module",
6187
- "path": "components/search/search.js",
6188
- "declarations": [
6189
6610
  {
6190
6611
  "kind": "class",
6191
- "name": "RaySearch",
6192
- "tagName": "ray-search",
6612
+ "name": "RayRadioCard",
6613
+ "tagName": "ray-radio-card",
6193
6614
  "customElement": true,
6194
- "description": "Escape clears it (when it has text); Enter fires ray-search at once. JS: clear(), focus().",
6615
+ "description": "A radio drawn as a card: a title (label), a detail (description), an icon, more content; checked, it takes the color's border and light background. Inside a ray-radio-group like a ray-radio (arrow keys, the form, required, disabled); put the cards in a ray-grid for columns.",
6195
6616
  "superclass": {
6196
- "name": "FieldControl"
6617
+ "name": "RayRadio"
6197
6618
  },
6198
6619
  "attributes": [
6199
6620
  {
6200
- "name": "value",
6621
+ "name": "hide-indicator",
6201
6622
  "type": {
6202
- "text": "string"
6623
+ "text": "boolean"
6624
+ },
6625
+ "description": "No radio circle: the card's border and background alone show the choice.",
6626
+ "fieldName": "hideIndicator"
6627
+ },
6628
+ {
6629
+ "name": "value",
6630
+ "type": {
6631
+ "text": "string"
6632
+ },
6633
+ "description": "Value given to the group when chosen.",
6634
+ "fieldName": "value"
6635
+ },
6636
+ {
6637
+ "name": "checked",
6638
+ "type": {
6639
+ "text": "boolean"
6640
+ },
6641
+ "description": "The initial value of checked. Whether this radio is the group's value; setting it sets the group's value. The checked attribute marks the group's initial value (when the group has no value attribute)."
6642
+ },
6643
+ {
6644
+ "name": "label",
6645
+ "type": {
6646
+ "text": "string"
6647
+ },
6648
+ "description": "Label text (or the content).",
6649
+ "fieldName": "label"
6650
+ },
6651
+ {
6652
+ "name": "description",
6653
+ "type": {
6654
+ "text": "string"
6655
+ },
6656
+ "description": "Help text under the label.",
6657
+ "fieldName": "description"
6658
+ },
6659
+ {
6660
+ "name": "disabled",
6661
+ "type": {
6662
+ "text": "boolean"
6663
+ },
6664
+ "description": "Cannot be chosen.",
6665
+ "fieldName": "disabled"
6666
+ },
6667
+ {
6668
+ "name": "color",
6669
+ "type": {
6670
+ "text": "string"
6671
+ },
6672
+ "description": "Overrides the group color.",
6673
+ "fieldName": "color"
6674
+ },
6675
+ {
6676
+ "name": "size",
6677
+ "type": {
6678
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
6679
+ },
6680
+ "description": "Overrides the group size.",
6681
+ "fieldName": "size"
6682
+ },
6683
+ {
6684
+ "name": "variant",
6685
+ "type": {
6686
+ "text": "\"filled\" | \"outline\""
6687
+ },
6688
+ "description": "Overrides the group variant.",
6689
+ "fieldName": "variant"
6690
+ }
6691
+ ],
6692
+ "members": [
6693
+ {
6694
+ "kind": "field",
6695
+ "name": "hideIndicator",
6696
+ "type": {
6697
+ "text": "boolean"
6698
+ },
6699
+ "description": "No radio circle: the card's border and background alone show the choice.",
6700
+ "attribute": "hide-indicator",
6701
+ "reflects": true
6702
+ },
6703
+ {
6704
+ "kind": "field",
6705
+ "name": "value",
6706
+ "type": {
6707
+ "text": "string"
6708
+ },
6709
+ "description": "Value given to the group when chosen.",
6710
+ "attribute": "value",
6711
+ "reflects": true
6712
+ },
6713
+ {
6714
+ "kind": "field",
6715
+ "name": "checked",
6716
+ "type": {
6717
+ "text": "boolean"
6718
+ },
6719
+ "description": "Whether this radio is the group's value; setting it sets the group's value. The checked attribute marks the group's initial value (when the group has no value attribute)."
6720
+ },
6721
+ {
6722
+ "kind": "field",
6723
+ "name": "label",
6724
+ "type": {
6725
+ "text": "string"
6726
+ },
6727
+ "description": "Label text (or the content).",
6728
+ "attribute": "label",
6729
+ "reflects": false
6730
+ },
6731
+ {
6732
+ "kind": "field",
6733
+ "name": "description",
6734
+ "type": {
6735
+ "text": "string"
6736
+ },
6737
+ "description": "Help text under the label.",
6738
+ "attribute": "description",
6739
+ "reflects": false
6740
+ },
6741
+ {
6742
+ "kind": "field",
6743
+ "name": "disabled",
6744
+ "type": {
6745
+ "text": "boolean"
6746
+ },
6747
+ "description": "Cannot be chosen.",
6748
+ "attribute": "disabled",
6749
+ "reflects": false
6750
+ },
6751
+ {
6752
+ "kind": "field",
6753
+ "name": "color",
6754
+ "type": {
6755
+ "text": "string"
6756
+ },
6757
+ "description": "Overrides the group color.",
6758
+ "attribute": "color",
6759
+ "reflects": false
6760
+ },
6761
+ {
6762
+ "kind": "field",
6763
+ "name": "size",
6764
+ "type": {
6765
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
6766
+ },
6767
+ "description": "Overrides the group size.",
6768
+ "attribute": "size",
6769
+ "reflects": false
6770
+ },
6771
+ {
6772
+ "kind": "field",
6773
+ "name": "variant",
6774
+ "type": {
6775
+ "text": "\"filled\" | \"outline\""
6776
+ },
6777
+ "description": "Overrides the group variant.",
6778
+ "attribute": "variant",
6779
+ "reflects": true
6780
+ }
6781
+ ],
6782
+ "events": [],
6783
+ "slots": [
6784
+ {
6785
+ "name": "",
6786
+ "description": "More content under the description."
6787
+ },
6788
+ {
6789
+ "name": "icon",
6790
+ "description": "An icon before the title."
6791
+ }
6792
+ ],
6793
+ "cssParts": [
6794
+ {
6795
+ "name": "root",
6796
+ "description": "The card."
6797
+ },
6798
+ {
6799
+ "name": "icon",
6800
+ "description": "Around the icon slot."
6801
+ }
6802
+ ]
6803
+ }
6804
+ ],
6805
+ "exports": [
6806
+ {
6807
+ "kind": "js",
6808
+ "name": "RayRadioGroup",
6809
+ "declaration": {
6810
+ "name": "RayRadioGroup",
6811
+ "module": "components/radio/radio.js"
6812
+ }
6813
+ },
6814
+ {
6815
+ "kind": "custom-element-definition",
6816
+ "name": "ray-radio-group",
6817
+ "declaration": {
6818
+ "name": "RayRadioGroup",
6819
+ "module": "components/radio/radio.js"
6820
+ }
6821
+ },
6822
+ {
6823
+ "kind": "js",
6824
+ "name": "RayRadio",
6825
+ "declaration": {
6826
+ "name": "RayRadio",
6827
+ "module": "components/radio/radio.js"
6828
+ }
6829
+ },
6830
+ {
6831
+ "kind": "custom-element-definition",
6832
+ "name": "ray-radio",
6833
+ "declaration": {
6834
+ "name": "RayRadio",
6835
+ "module": "components/radio/radio.js"
6836
+ }
6837
+ },
6838
+ {
6839
+ "kind": "js",
6840
+ "name": "RayRadioCard",
6841
+ "declaration": {
6842
+ "name": "RayRadioCard",
6843
+ "module": "components/radio/radio.js"
6844
+ }
6845
+ },
6846
+ {
6847
+ "kind": "custom-element-definition",
6848
+ "name": "ray-radio-card",
6849
+ "declaration": {
6850
+ "name": "RayRadioCard",
6851
+ "module": "components/radio/radio.js"
6852
+ }
6853
+ }
6854
+ ]
6855
+ },
6856
+ {
6857
+ "kind": "javascript-module",
6858
+ "path": "components/search/search.js",
6859
+ "declarations": [
6860
+ {
6861
+ "kind": "class",
6862
+ "name": "RaySearch",
6863
+ "tagName": "ray-search",
6864
+ "customElement": true,
6865
+ "description": "Escape clears it (when it has text); Enter fires ray-search at once. JS: clear(), focus().",
6866
+ "superclass": {
6867
+ "name": "FieldControl"
6868
+ },
6869
+ "attributes": [
6870
+ {
6871
+ "name": "value",
6872
+ "type": {
6873
+ "text": "string"
6203
6874
  },
6204
6875
  "description": "Current text.",
6205
6876
  "fieldName": "value"
@@ -6279,6 +6950,39 @@
6279
6950
  "description": "Box style.",
6280
6951
  "fieldName": "variant",
6281
6952
  "default": "filled"
6953
+ },
6954
+ {
6955
+ "name": "description",
6956
+ "type": {
6957
+ "text": "string"
6958
+ },
6959
+ "description": "Help text.",
6960
+ "fieldName": "description"
6961
+ },
6962
+ {
6963
+ "name": "error",
6964
+ "type": {
6965
+ "text": "string"
6966
+ },
6967
+ "description": "Error text; marks the field invalid.",
6968
+ "fieldName": "error"
6969
+ },
6970
+ {
6971
+ "name": "required",
6972
+ "type": {
6973
+ "text": "boolean"
6974
+ },
6975
+ "description": "Required for form submission.",
6976
+ "fieldName": "required"
6977
+ },
6978
+ {
6979
+ "name": "description-position",
6980
+ "type": {
6981
+ "text": "\"above\" | \"below\""
6982
+ },
6983
+ "description": "Description before or after the control.",
6984
+ "fieldName": "descriptionPosition",
6985
+ "default": "above"
6282
6986
  }
6283
6987
  ],
6284
6988
  "members": [
@@ -6386,6 +7090,47 @@
6386
7090
  "reflects": true,
6387
7091
  "default": "filled"
6388
7092
  },
7093
+ {
7094
+ "kind": "field",
7095
+ "name": "description",
7096
+ "type": {
7097
+ "text": "string"
7098
+ },
7099
+ "description": "Help text.",
7100
+ "attribute": "description",
7101
+ "reflects": false
7102
+ },
7103
+ {
7104
+ "kind": "field",
7105
+ "name": "error",
7106
+ "type": {
7107
+ "text": "string"
7108
+ },
7109
+ "description": "Error text; marks the field invalid.",
7110
+ "attribute": "error",
7111
+ "reflects": false
7112
+ },
7113
+ {
7114
+ "kind": "field",
7115
+ "name": "required",
7116
+ "type": {
7117
+ "text": "boolean"
7118
+ },
7119
+ "description": "Required for form submission.",
7120
+ "attribute": "required",
7121
+ "reflects": true
7122
+ },
7123
+ {
7124
+ "kind": "field",
7125
+ "name": "descriptionPosition",
7126
+ "type": {
7127
+ "text": "\"above\" | \"below\""
7128
+ },
7129
+ "description": "Description before or after the control.",
7130
+ "attribute": "description-position",
7131
+ "reflects": true,
7132
+ "default": "above"
7133
+ },
6389
7134
  {
6390
7135
  "kind": "method",
6391
7136
  "name": "clear",
@@ -6799,6 +7544,14 @@
6799
7544
  "description": "Box style.",
6800
7545
  "fieldName": "variant",
6801
7546
  "default": "default"
7547
+ },
7548
+ {
7549
+ "name": "radius",
7550
+ "type": {
7551
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
7552
+ },
7553
+ "description": "Corner radius.",
7554
+ "fieldName": "radius"
6802
7555
  }
6803
7556
  ],
6804
7557
  "members": [
@@ -6933,6 +7686,16 @@
6933
7686
  "reflects": true,
6934
7687
  "default": "default"
6935
7688
  },
7689
+ {
7690
+ "kind": "field",
7691
+ "name": "radius",
7692
+ "type": {
7693
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
7694
+ },
7695
+ "description": "Corner radius.",
7696
+ "attribute": "radius",
7697
+ "reflects": true
7698
+ },
6936
7699
  {
6937
7700
  "kind": "field",
6938
7701
  "name": "options",
@@ -7153,6 +7916,31 @@
7153
7916
  },
7154
7917
  "description": "Appended to the shown value and its spoken text (%, px, ms…).",
7155
7918
  "fieldName": "unit"
7919
+ },
7920
+ {
7921
+ "name": "required",
7922
+ "type": {
7923
+ "text": "boolean"
7924
+ },
7925
+ "description": "Required for form submission.",
7926
+ "fieldName": "required"
7927
+ },
7928
+ {
7929
+ "name": "radius",
7930
+ "type": {
7931
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
7932
+ },
7933
+ "description": "Corner radius.",
7934
+ "fieldName": "radius"
7935
+ },
7936
+ {
7937
+ "name": "variant",
7938
+ "type": {
7939
+ "text": "\"default\" | \"filled\" | \"unstyled\""
7940
+ },
7941
+ "description": "Box style.",
7942
+ "fieldName": "variant",
7943
+ "default": "default"
7156
7944
  }
7157
7945
  ],
7158
7946
  "members": [
@@ -7308,6 +8096,37 @@
7308
8096
  "text": "Array<number | { value: number; label?: string }>"
7309
8097
  },
7310
8098
  "description": "Labeled ticks under the track."
8099
+ },
8100
+ {
8101
+ "kind": "field",
8102
+ "name": "required",
8103
+ "type": {
8104
+ "text": "boolean"
8105
+ },
8106
+ "description": "Required for form submission.",
8107
+ "attribute": "required",
8108
+ "reflects": true
8109
+ },
8110
+ {
8111
+ "kind": "field",
8112
+ "name": "radius",
8113
+ "type": {
8114
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
8115
+ },
8116
+ "description": "Corner radius.",
8117
+ "attribute": "radius",
8118
+ "reflects": true
8119
+ },
8120
+ {
8121
+ "kind": "field",
8122
+ "name": "variant",
8123
+ "type": {
8124
+ "text": "\"default\" | \"filled\" | \"unstyled\""
8125
+ },
8126
+ "description": "Box style.",
8127
+ "attribute": "variant",
8128
+ "reflects": true,
8129
+ "default": "default"
7311
8130
  }
7312
8131
  ],
7313
8132
  "events": [
@@ -7368,6 +8187,13 @@
7368
8187
  "name": "RayCheckbox"
7369
8188
  },
7370
8189
  "attributes": [
8190
+ {
8191
+ "name": "checked",
8192
+ "type": {
8193
+ "text": "boolean"
8194
+ },
8195
+ "description": "The initial value of checked. Current state. The checked attribute is the initial state."
8196
+ },
7371
8197
  {
7372
8198
  "name": "value",
7373
8199
  "type": {
@@ -7467,6 +8293,23 @@
7467
8293
  "description": "Checked look: filled box, or colored border and mark.",
7468
8294
  "fieldName": "variant",
7469
8295
  "default": "filled"
8296
+ },
8297
+ {
8298
+ "name": "radius",
8299
+ "type": {
8300
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
8301
+ },
8302
+ "description": "Corner radius.",
8303
+ "fieldName": "radius"
8304
+ },
8305
+ {
8306
+ "name": "description-position",
8307
+ "type": {
8308
+ "text": "\"above\" | \"below\""
8309
+ },
8310
+ "description": "Description before or after the control.",
8311
+ "fieldName": "descriptionPosition",
8312
+ "default": "above"
7470
8313
  }
7471
8314
  ],
7472
8315
  "members": [
@@ -7601,6 +8444,27 @@
7601
8444
  "attribute": "variant",
7602
8445
  "reflects": true,
7603
8446
  "default": "filled"
8447
+ },
8448
+ {
8449
+ "kind": "field",
8450
+ "name": "radius",
8451
+ "type": {
8452
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
8453
+ },
8454
+ "description": "Corner radius.",
8455
+ "attribute": "radius",
8456
+ "reflects": true
8457
+ },
8458
+ {
8459
+ "kind": "field",
8460
+ "name": "descriptionPosition",
8461
+ "type": {
8462
+ "text": "\"above\" | \"below\""
8463
+ },
8464
+ "description": "Description before or after the control.",
8465
+ "attribute": "description-position",
8466
+ "reflects": true,
8467
+ "default": "above"
7604
8468
  }
7605
8469
  ],
7606
8470
  "events": [
@@ -7775,9 +8639,17 @@
7775
8639
  "type": {
7776
8640
  "text": "\"default\" | \"filled\" | \"unstyled\""
7777
8641
  },
7778
- "description": "Box style.",
7779
- "fieldName": "variant",
7780
- "default": "default"
8642
+ "description": "Box style.",
8643
+ "fieldName": "variant",
8644
+ "default": "default"
8645
+ },
8646
+ {
8647
+ "name": "radius",
8648
+ "type": {
8649
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
8650
+ },
8651
+ "description": "Corner radius.",
8652
+ "fieldName": "radius"
7781
8653
  },
7782
8654
  {
7783
8655
  "name": "placeholder",
@@ -7959,6 +8831,16 @@
7959
8831
  "attribute": "variant",
7960
8832
  "reflects": true,
7961
8833
  "default": "default"
8834
+ },
8835
+ {
8836
+ "kind": "field",
8837
+ "name": "radius",
8838
+ "type": {
8839
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
8840
+ },
8841
+ "description": "Corner radius.",
8842
+ "attribute": "radius",
8843
+ "reflects": true
7962
8844
  }
7963
8845
  ],
7964
8846
  "events": [
@@ -11292,6 +12174,15 @@
11292
12174
  },
11293
12175
  "description": "With a native host (ray-elements/core/raylang.js in a std/ui window), opens as the system's context menu at the pointer: items and dividers, same ray-select.",
11294
12176
  "fieldName": "native"
12177
+ },
12178
+ {
12179
+ "name": "offset",
12180
+ "type": {
12181
+ "text": "number"
12182
+ },
12183
+ "description": "Gap to the anchor in px.",
12184
+ "fieldName": "offset",
12185
+ "default": "8"
11295
12186
  }
11296
12187
  ],
11297
12188
  "members": [
@@ -11346,6 +12237,17 @@
11346
12237
  "attribute": "native",
11347
12238
  "reflects": true
11348
12239
  },
12240
+ {
12241
+ "kind": "field",
12242
+ "name": "offset",
12243
+ "type": {
12244
+ "text": "number"
12245
+ },
12246
+ "description": "Gap to the anchor in px.",
12247
+ "attribute": "offset",
12248
+ "reflects": false,
12249
+ "default": "8"
12250
+ },
11349
12251
  {
11350
12252
  "kind": "method",
11351
12253
  "name": "popupNative",
@@ -11885,6 +12787,23 @@
11885
12787
  },
11886
12788
  "description": "Never shows.",
11887
12789
  "fieldName": "disabled"
12790
+ },
12791
+ {
12792
+ "name": "open",
12793
+ "type": {
12794
+ "text": "boolean"
12795
+ },
12796
+ "description": "Shown.",
12797
+ "fieldName": "open"
12798
+ },
12799
+ {
12800
+ "name": "offset",
12801
+ "type": {
12802
+ "text": "number"
12803
+ },
12804
+ "description": "Gap to the anchor in px.",
12805
+ "fieldName": "offset",
12806
+ "default": "8"
11888
12807
  }
11889
12808
  ],
11890
12809
  "members": [
@@ -11951,6 +12870,27 @@
11951
12870
  "attribute": "disabled",
11952
12871
  "reflects": false
11953
12872
  },
12873
+ {
12874
+ "kind": "field",
12875
+ "name": "open",
12876
+ "type": {
12877
+ "text": "boolean"
12878
+ },
12879
+ "description": "Shown.",
12880
+ "attribute": "open",
12881
+ "reflects": true
12882
+ },
12883
+ {
12884
+ "kind": "field",
12885
+ "name": "offset",
12886
+ "type": {
12887
+ "text": "number"
12888
+ },
12889
+ "description": "Gap to the anchor in px.",
12890
+ "attribute": "offset",
12891
+ "reflects": false,
12892
+ "default": "8"
12893
+ },
11954
12894
  {
11955
12895
  "kind": "method",
11956
12896
  "name": "show",
@@ -13914,7 +14854,7 @@
13914
14854
  "type": {
13915
14855
  "text": "string"
13916
14856
  },
13917
- "description": "Registered icon name (iconNames()).",
14857
+ "description": "Registered icon name (iconNames()); \"none\" draws nothing, a blank that keeps the alignment (a menu item without its check).",
13918
14858
  "fieldName": "name"
13919
14859
  },
13920
14860
  {
@@ -13957,7 +14897,7 @@
13957
14897
  "type": {
13958
14898
  "text": "string"
13959
14899
  },
13960
- "description": "Registered icon name (iconNames()).",
14900
+ "description": "Registered icon name (iconNames()); \"none\" draws nothing, a blank that keeps the alignment (a menu item without its check).",
13961
14901
  "attribute": "name",
13962
14902
  "reflects": true
13963
14903
  },
@@ -15901,32 +16841,252 @@
15901
16841
  },
15902
16842
  {
15903
16843
  "kind": "js",
15904
- "name": "clearNotifications",
16844
+ "name": "clearNotifications",
16845
+ "declaration": {
16846
+ "name": "clearNotifications",
16847
+ "module": "components/notification/notification.js"
16848
+ }
16849
+ },
16850
+ {
16851
+ "kind": "js",
16852
+ "name": "statusIcon",
16853
+ "declaration": {
16854
+ "name": "statusIcon",
16855
+ "module": "components/notification/notification.js"
16856
+ }
16857
+ }
16858
+ ]
16859
+ },
16860
+ {
16861
+ "kind": "javascript-module",
16862
+ "path": "components/progress/progress.js",
16863
+ "declarations": [
16864
+ {
16865
+ "kind": "class",
16866
+ "name": "RayProgress",
16867
+ "tagName": "ray-progress",
16868
+ "customElement": true,
16869
+ "description": "A determinate or (without value) indeterminate progress bar, announced as a progressbar.",
16870
+ "superclass": {
16871
+ "name": "RayElement"
16872
+ },
16873
+ "attributes": [
16874
+ {
16875
+ "name": "value",
16876
+ "type": {
16877
+ "text": "number"
16878
+ },
16879
+ "description": "Progress, from 0 to max. Unset: indeterminate.",
16880
+ "fieldName": "value"
16881
+ },
16882
+ {
16883
+ "name": "max",
16884
+ "type": {
16885
+ "text": "number"
16886
+ },
16887
+ "description": "The value of a full bar.",
16888
+ "fieldName": "max",
16889
+ "default": "100"
16890
+ },
16891
+ {
16892
+ "name": "color",
16893
+ "type": {
16894
+ "text": "string"
16895
+ },
16896
+ "description": "A palette color or any CSS color.",
16897
+ "fieldName": "color"
16898
+ },
16899
+ {
16900
+ "name": "size",
16901
+ "type": {
16902
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
16903
+ },
16904
+ "description": "Bar height.",
16905
+ "fieldName": "size",
16906
+ "default": "md"
16907
+ },
16908
+ {
16909
+ "name": "radius",
16910
+ "type": {
16911
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
16912
+ },
16913
+ "description": "Corner radius. Default: full.",
16914
+ "fieldName": "radius"
16915
+ },
16916
+ {
16917
+ "name": "striped",
16918
+ "type": {
16919
+ "text": "boolean"
16920
+ },
16921
+ "description": "Diagonal stripes.",
16922
+ "fieldName": "striped"
16923
+ },
16924
+ {
16925
+ "name": "animated",
16926
+ "type": {
16927
+ "text": "boolean"
16928
+ },
16929
+ "description": "Moving stripes (with striped).",
16930
+ "fieldName": "animated"
16931
+ },
16932
+ {
16933
+ "name": "show-value",
16934
+ "type": {
16935
+ "text": "boolean"
16936
+ },
16937
+ "description": "Shows the percentage: inside the bar on lg and xl, beside it on smaller sizes.",
16938
+ "fieldName": "showValue"
16939
+ },
16940
+ {
16941
+ "name": "label",
16942
+ "type": {
16943
+ "text": "string"
16944
+ },
16945
+ "description": "Accessible name (default: Progress).",
16946
+ "fieldName": "label"
16947
+ }
16948
+ ],
16949
+ "members": [
16950
+ {
16951
+ "kind": "field",
16952
+ "name": "value",
16953
+ "type": {
16954
+ "text": "number"
16955
+ },
16956
+ "description": "Progress, from 0 to max. Unset: indeterminate.",
16957
+ "attribute": "value",
16958
+ "reflects": false
16959
+ },
16960
+ {
16961
+ "kind": "field",
16962
+ "name": "max",
16963
+ "type": {
16964
+ "text": "number"
16965
+ },
16966
+ "description": "The value of a full bar.",
16967
+ "attribute": "max",
16968
+ "reflects": false,
16969
+ "default": "100"
16970
+ },
16971
+ {
16972
+ "kind": "field",
16973
+ "name": "color",
16974
+ "type": {
16975
+ "text": "string"
16976
+ },
16977
+ "description": "A palette color or any CSS color.",
16978
+ "attribute": "color",
16979
+ "reflects": true
16980
+ },
16981
+ {
16982
+ "kind": "field",
16983
+ "name": "size",
16984
+ "type": {
16985
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
16986
+ },
16987
+ "description": "Bar height.",
16988
+ "attribute": "size",
16989
+ "reflects": true,
16990
+ "default": "md"
16991
+ },
16992
+ {
16993
+ "kind": "field",
16994
+ "name": "radius",
16995
+ "type": {
16996
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
16997
+ },
16998
+ "description": "Corner radius. Default: full.",
16999
+ "attribute": "radius",
17000
+ "reflects": false
17001
+ },
17002
+ {
17003
+ "kind": "field",
17004
+ "name": "striped",
17005
+ "type": {
17006
+ "text": "boolean"
17007
+ },
17008
+ "description": "Diagonal stripes.",
17009
+ "attribute": "striped",
17010
+ "reflects": true
17011
+ },
17012
+ {
17013
+ "kind": "field",
17014
+ "name": "animated",
17015
+ "type": {
17016
+ "text": "boolean"
17017
+ },
17018
+ "description": "Moving stripes (with striped).",
17019
+ "attribute": "animated",
17020
+ "reflects": true
17021
+ },
17022
+ {
17023
+ "kind": "field",
17024
+ "name": "showValue",
17025
+ "type": {
17026
+ "text": "boolean"
17027
+ },
17028
+ "description": "Shows the percentage: inside the bar on lg and xl, beside it on smaller sizes.",
17029
+ "attribute": "show-value",
17030
+ "reflects": true
17031
+ },
17032
+ {
17033
+ "kind": "field",
17034
+ "name": "label",
17035
+ "type": {
17036
+ "text": "string"
17037
+ },
17038
+ "description": "Accessible name (default: Progress).",
17039
+ "attribute": "label",
17040
+ "reflects": false
17041
+ }
17042
+ ],
17043
+ "events": [],
17044
+ "slots": [],
17045
+ "cssParts": [
17046
+ {
17047
+ "name": "track",
17048
+ "description": "The background track."
17049
+ },
17050
+ {
17051
+ "name": "bar",
17052
+ "description": "The filled bar."
17053
+ },
17054
+ {
17055
+ "name": "value",
17056
+ "description": "The percentage beside the bar (show-value on xs, sm, md)."
17057
+ }
17058
+ ]
17059
+ }
17060
+ ],
17061
+ "exports": [
17062
+ {
17063
+ "kind": "js",
17064
+ "name": "RayProgress",
15905
17065
  "declaration": {
15906
- "name": "clearNotifications",
15907
- "module": "components/notification/notification.js"
17066
+ "name": "RayProgress",
17067
+ "module": "components/progress/progress.js"
15908
17068
  }
15909
17069
  },
15910
17070
  {
15911
- "kind": "js",
15912
- "name": "statusIcon",
17071
+ "kind": "custom-element-definition",
17072
+ "name": "ray-progress",
15913
17073
  "declaration": {
15914
- "name": "statusIcon",
15915
- "module": "components/notification/notification.js"
17074
+ "name": "RayProgress",
17075
+ "module": "components/progress/progress.js"
15916
17076
  }
15917
17077
  }
15918
17078
  ]
15919
17079
  },
15920
17080
  {
15921
17081
  "kind": "javascript-module",
15922
- "path": "components/progress/progress.js",
17082
+ "path": "components/ring-progress/ring-progress.js",
15923
17083
  "declarations": [
15924
17084
  {
15925
17085
  "kind": "class",
15926
- "name": "RayProgress",
15927
- "tagName": "ray-progress",
17086
+ "name": "RayRingProgress",
17087
+ "tagName": "ray-ring-progress",
15928
17088
  "customElement": true,
15929
- "description": "A determinate or (without value) indeterminate progress bar, announced as a progressbar.",
17089
+ "description": "The arc starts at 12 o'clock and runs clockwise; a countdown is a value that goes down. Without value it spins (indeterminate). The middle holds the default slot (a clock), or the percentage with show-value.",
15930
17090
  "superclass": {
15931
17091
  "name": "RayElement"
15932
17092
  },
@@ -15936,7 +17096,7 @@
15936
17096
  "type": {
15937
17097
  "text": "number"
15938
17098
  },
15939
- "description": "Progress, from 0 to max. Unset: indeterminate.",
17099
+ "description": "Progress, from 0 to max. Unset: indeterminate (a spinning arc).",
15940
17100
  "fieldName": "value"
15941
17101
  },
15942
17102
  {
@@ -15944,7 +17104,7 @@
15944
17104
  "type": {
15945
17105
  "text": "number"
15946
17106
  },
15947
- "description": "The value of a full bar.",
17107
+ "description": "The value of a full ring.",
15948
17108
  "fieldName": "max",
15949
17109
  "default": "100"
15950
17110
  },
@@ -15953,48 +17113,40 @@
15953
17113
  "type": {
15954
17114
  "text": "string"
15955
17115
  },
15956
- "description": "A palette color or any CSS color.",
17116
+ "description": "A palette color or any CSS color. Default: the primary color.",
15957
17117
  "fieldName": "color"
15958
17118
  },
15959
17119
  {
15960
17120
  "name": "size",
15961
17121
  "type": {
15962
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
17122
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
15963
17123
  },
15964
- "description": "Bar height.",
17124
+ "description": "Diameter: xs…xl (3, 5, 7.5, 10, 12.5rem) or any CSS length.",
15965
17125
  "fieldName": "size",
15966
17126
  "default": "md"
15967
17127
  },
15968
17128
  {
15969
- "name": "radius",
15970
- "type": {
15971
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
15972
- },
15973
- "description": "Corner radius. Default: full.",
15974
- "fieldName": "radius"
15975
- },
15976
- {
15977
- "name": "striped",
17129
+ "name": "thickness",
15978
17130
  "type": {
15979
- "text": "boolean"
17131
+ "text": "string"
15980
17132
  },
15981
- "description": "Diagonal stripes.",
15982
- "fieldName": "striped"
17133
+ "description": "Width of the ring: a CSS length (a bare number is px). Default: a tenth of the diameter.",
17134
+ "fieldName": "thickness"
15983
17135
  },
15984
17136
  {
15985
- "name": "animated",
17137
+ "name": "round-caps",
15986
17138
  "type": {
15987
17139
  "text": "boolean"
15988
17140
  },
15989
- "description": "Moving stripes (with striped).",
15990
- "fieldName": "animated"
17141
+ "description": "Rounded ends of the arc.",
17142
+ "fieldName": "roundCaps"
15991
17143
  },
15992
17144
  {
15993
17145
  "name": "show-value",
15994
17146
  "type": {
15995
17147
  "text": "boolean"
15996
17148
  },
15997
- "description": "Shows the percentage: inside the bar on lg and xl, beside it on smaller sizes.",
17149
+ "description": "Shows the percentage in the middle (when the default slot is empty).",
15998
17150
  "fieldName": "showValue"
15999
17151
  },
16000
17152
  {
@@ -16013,7 +17165,7 @@
16013
17165
  "type": {
16014
17166
  "text": "number"
16015
17167
  },
16016
- "description": "Progress, from 0 to max. Unset: indeterminate.",
17168
+ "description": "Progress, from 0 to max. Unset: indeterminate (a spinning arc).",
16017
17169
  "attribute": "value",
16018
17170
  "reflects": false
16019
17171
  },
@@ -16023,7 +17175,7 @@
16023
17175
  "type": {
16024
17176
  "text": "number"
16025
17177
  },
16026
- "description": "The value of a full bar.",
17178
+ "description": "The value of a full ring.",
16027
17179
  "attribute": "max",
16028
17180
  "reflects": false,
16029
17181
  "default": "100"
@@ -16034,7 +17186,7 @@
16034
17186
  "type": {
16035
17187
  "text": "string"
16036
17188
  },
16037
- "description": "A palette color or any CSS color.",
17189
+ "description": "A palette color or any CSS color. Default: the primary color.",
16038
17190
  "attribute": "color",
16039
17191
  "reflects": true
16040
17192
  },
@@ -16042,41 +17194,31 @@
16042
17194
  "kind": "field",
16043
17195
  "name": "size",
16044
17196
  "type": {
16045
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
17197
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
16046
17198
  },
16047
- "description": "Bar height.",
17199
+ "description": "Diameter: xs…xl (3, 5, 7.5, 10, 12.5rem) or any CSS length.",
16048
17200
  "attribute": "size",
16049
17201
  "reflects": true,
16050
17202
  "default": "md"
16051
17203
  },
16052
17204
  {
16053
17205
  "kind": "field",
16054
- "name": "radius",
16055
- "type": {
16056
- "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\""
16057
- },
16058
- "description": "Corner radius. Default: full.",
16059
- "attribute": "radius",
16060
- "reflects": false
16061
- },
16062
- {
16063
- "kind": "field",
16064
- "name": "striped",
17206
+ "name": "thickness",
16065
17207
  "type": {
16066
- "text": "boolean"
17208
+ "text": "string"
16067
17209
  },
16068
- "description": "Diagonal stripes.",
16069
- "attribute": "striped",
17210
+ "description": "Width of the ring: a CSS length (a bare number is px). Default: a tenth of the diameter.",
17211
+ "attribute": "thickness",
16070
17212
  "reflects": true
16071
17213
  },
16072
17214
  {
16073
17215
  "kind": "field",
16074
- "name": "animated",
17216
+ "name": "roundCaps",
16075
17217
  "type": {
16076
17218
  "text": "boolean"
16077
17219
  },
16078
- "description": "Moving stripes (with striped).",
16079
- "attribute": "animated",
17220
+ "description": "Rounded ends of the arc.",
17221
+ "attribute": "round-caps",
16080
17222
  "reflects": true
16081
17223
  },
16082
17224
  {
@@ -16085,7 +17227,7 @@
16085
17227
  "type": {
16086
17228
  "text": "boolean"
16087
17229
  },
16088
- "description": "Shows the percentage: inside the bar on lg and xl, beside it on smaller sizes.",
17230
+ "description": "Shows the percentage in the middle (when the default slot is empty).",
16089
17231
  "attribute": "show-value",
16090
17232
  "reflects": true
16091
17233
  },
@@ -16101,19 +17243,24 @@
16101
17243
  }
16102
17244
  ],
16103
17245
  "events": [],
16104
- "slots": [],
17246
+ "slots": [
17247
+ {
17248
+ "name": "",
17249
+ "description": "The middle of the ring (a clock, a figure, an icon); its font scales with size."
17250
+ }
17251
+ ],
16105
17252
  "cssParts": [
16106
17253
  {
16107
17254
  "name": "track",
16108
- "description": "The background track."
17255
+ "description": "The background circle."
16109
17256
  },
16110
17257
  {
16111
17258
  "name": "bar",
16112
- "description": "The filled bar."
17259
+ "description": "The arc."
16113
17260
  },
16114
17261
  {
16115
- "name": "value",
16116
- "description": "The percentage beside the bar (show-value on xs, sm, md)."
17262
+ "name": "center",
17263
+ "description": "The middle, around the default slot."
16117
17264
  }
16118
17265
  ]
16119
17266
  }
@@ -16121,18 +17268,18 @@
16121
17268
  "exports": [
16122
17269
  {
16123
17270
  "kind": "js",
16124
- "name": "RayProgress",
17271
+ "name": "RayRingProgress",
16125
17272
  "declaration": {
16126
- "name": "RayProgress",
16127
- "module": "components/progress/progress.js"
17273
+ "name": "RayRingProgress",
17274
+ "module": "components/ring-progress/ring-progress.js"
16128
17275
  }
16129
17276
  },
16130
17277
  {
16131
17278
  "kind": "custom-element-definition",
16132
- "name": "ray-progress",
17279
+ "name": "ray-ring-progress",
16133
17280
  "declaration": {
16134
- "name": "RayProgress",
16135
- "module": "components/progress/progress.js"
17281
+ "name": "RayRingProgress",
17282
+ "module": "components/ring-progress/ring-progress.js"
16136
17283
  }
16137
17284
  }
16138
17285
  ]
@@ -16424,6 +17571,172 @@
16424
17571
  }
16425
17572
  ]
16426
17573
  },
17574
+ {
17575
+ "kind": "javascript-module",
17576
+ "path": "components/step-dots/step-dots.js",
17577
+ "declarations": [
17578
+ {
17579
+ "kind": "class",
17580
+ "name": "RayStepDots",
17581
+ "tagName": "ray-step-dots",
17582
+ "customElement": true,
17583
+ "description": "Dots before value are done (filled), the one at value is current (a filled pill), the rest are to do (empty). Not interactive: for steps the user picks, use ray-stepper (or the dots of ray-carousel). Many dots wrap onto more lines.",
17584
+ "superclass": {
17585
+ "name": "RayElement"
17586
+ },
17587
+ "attributes": [
17588
+ {
17589
+ "name": "count",
17590
+ "type": {
17591
+ "text": "number"
17592
+ },
17593
+ "description": "Number of steps (dots).",
17594
+ "fieldName": "count",
17595
+ "default": "0"
17596
+ },
17597
+ {
17598
+ "name": "value",
17599
+ "type": {
17600
+ "text": "number"
17601
+ },
17602
+ "description": "The current step, 0-based; count means every step is done.",
17603
+ "fieldName": "value",
17604
+ "default": "0"
17605
+ },
17606
+ {
17607
+ "name": "color",
17608
+ "type": {
17609
+ "text": "string"
17610
+ },
17611
+ "description": "A palette color or any CSS color for done and current dots. Default: the primary color.",
17612
+ "fieldName": "color"
17613
+ },
17614
+ {
17615
+ "name": "size",
17616
+ "type": {
17617
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
17618
+ },
17619
+ "description": "Size of a dot.",
17620
+ "fieldName": "size",
17621
+ "default": "sm"
17622
+ },
17623
+ {
17624
+ "name": "align",
17625
+ "type": {
17626
+ "text": "\"start\" | \"center\" | \"end\""
17627
+ },
17628
+ "description": "Where the row sits in its width.",
17629
+ "fieldName": "align",
17630
+ "default": "center"
17631
+ },
17632
+ {
17633
+ "name": "label",
17634
+ "type": {
17635
+ "text": "string"
17636
+ },
17637
+ "description": "What a step is called: \"Round\" is announced \"Round 4 of 12\" and names the element. Default: Step (named Steps).",
17638
+ "fieldName": "label"
17639
+ }
17640
+ ],
17641
+ "members": [
17642
+ {
17643
+ "kind": "field",
17644
+ "name": "count",
17645
+ "type": {
17646
+ "text": "number"
17647
+ },
17648
+ "description": "Number of steps (dots).",
17649
+ "attribute": "count",
17650
+ "reflects": false,
17651
+ "default": "0"
17652
+ },
17653
+ {
17654
+ "kind": "field",
17655
+ "name": "value",
17656
+ "type": {
17657
+ "text": "number"
17658
+ },
17659
+ "description": "The current step, 0-based; count means every step is done.",
17660
+ "attribute": "value",
17661
+ "reflects": false,
17662
+ "default": "0"
17663
+ },
17664
+ {
17665
+ "kind": "field",
17666
+ "name": "color",
17667
+ "type": {
17668
+ "text": "string"
17669
+ },
17670
+ "description": "A palette color or any CSS color for done and current dots. Default: the primary color.",
17671
+ "attribute": "color",
17672
+ "reflects": true
17673
+ },
17674
+ {
17675
+ "kind": "field",
17676
+ "name": "size",
17677
+ "type": {
17678
+ "text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\""
17679
+ },
17680
+ "description": "Size of a dot.",
17681
+ "attribute": "size",
17682
+ "reflects": true,
17683
+ "default": "sm"
17684
+ },
17685
+ {
17686
+ "kind": "field",
17687
+ "name": "align",
17688
+ "type": {
17689
+ "text": "\"start\" | \"center\" | \"end\""
17690
+ },
17691
+ "description": "Where the row sits in its width.",
17692
+ "attribute": "align",
17693
+ "reflects": true,
17694
+ "default": "center"
17695
+ },
17696
+ {
17697
+ "kind": "field",
17698
+ "name": "label",
17699
+ "type": {
17700
+ "text": "string"
17701
+ },
17702
+ "description": "What a step is called: \"Round\" is announced \"Round 4 of 12\" and names the element. Default: Step (named Steps).",
17703
+ "attribute": "label",
17704
+ "reflects": false
17705
+ }
17706
+ ],
17707
+ "events": [],
17708
+ "slots": [],
17709
+ "cssParts": [
17710
+ {
17711
+ "name": "dots",
17712
+ "description": "The row."
17713
+ },
17714
+ {
17715
+ "name": "dot",
17716
+ "description": "Each dot ([data-state] done, current or todo)."
17717
+ }
17718
+ ]
17719
+ }
17720
+ ],
17721
+ "exports": [
17722
+ {
17723
+ "kind": "js",
17724
+ "name": "RayStepDots",
17725
+ "declaration": {
17726
+ "name": "RayStepDots",
17727
+ "module": "components/step-dots/step-dots.js"
17728
+ }
17729
+ },
17730
+ {
17731
+ "kind": "custom-element-definition",
17732
+ "name": "ray-step-dots",
17733
+ "declaration": {
17734
+ "name": "RayStepDots",
17735
+ "module": "components/step-dots/step-dots.js"
17736
+ }
17737
+ }
17738
+ ]
17739
+ },
16427
17740
  {
16428
17741
  "kind": "javascript-module",
16429
17742
  "path": "components/app-bar/app-bar.js",