@raylang/elements 0.5.2 → 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.
- package/check/check.js +10 -3
- package/components/button/button.js +17 -0
- package/components/number-input/number-input.js +54 -8
- package/components/radio/radio.js +68 -5
- package/components/ring-progress/ring-progress.js +127 -0
- package/components/step-dots/step-dots.js +86 -0
- package/custom-elements.json +647 -44
- package/index.js +3 -1
- package/llms-full.txt +83 -7
- package/llms.txt +5 -3
- package/package.json +9 -1
- package/ray-elements.d.ts +54 -6
- package/vscode.html-custom-data.json +184 -55
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"
|
|
@@ -4877,6 +4877,15 @@
|
|
|
4877
4877
|
"fieldName": "clamp",
|
|
4878
4878
|
"default": "blur"
|
|
4879
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
|
+
},
|
|
4880
4889
|
{
|
|
4881
4890
|
"name": "hide-controls",
|
|
4882
4891
|
"type": {
|
|
@@ -5089,6 +5098,17 @@
|
|
|
5089
5098
|
"reflects": false,
|
|
5090
5099
|
"default": "blur"
|
|
5091
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
|
+
},
|
|
5092
5112
|
{
|
|
5093
5113
|
"kind": "field",
|
|
5094
5114
|
"name": "hideControls",
|
|
@@ -6388,7 +6408,7 @@
|
|
|
6388
6408
|
{
|
|
6389
6409
|
"kind": "field",
|
|
6390
6410
|
"name": "radios",
|
|
6391
|
-
"description": "The radios of the group."
|
|
6411
|
+
"description": "The radios (and radio cards) of the group."
|
|
6392
6412
|
}
|
|
6393
6413
|
],
|
|
6394
6414
|
"events": [
|
|
@@ -6410,7 +6430,7 @@
|
|
|
6410
6430
|
"slots": [
|
|
6411
6431
|
{
|
|
6412
6432
|
"name": "",
|
|
6413
|
-
"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)."
|
|
6414
6434
|
}
|
|
6415
6435
|
],
|
|
6416
6436
|
"cssParts": []
|
|
@@ -6420,7 +6440,7 @@
|
|
|
6420
6440
|
"name": "RayRadio",
|
|
6421
6441
|
"tagName": "ray-radio",
|
|
6422
6442
|
"customElement": true,
|
|
6423
|
-
"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.",
|
|
6424
6444
|
"superclass": {
|
|
6425
6445
|
"name": "RayElement"
|
|
6426
6446
|
},
|
|
@@ -6586,6 +6606,200 @@
|
|
|
6586
6606
|
"description": "The label."
|
|
6587
6607
|
}
|
|
6588
6608
|
]
|
|
6609
|
+
},
|
|
6610
|
+
{
|
|
6611
|
+
"kind": "class",
|
|
6612
|
+
"name": "RayRadioCard",
|
|
6613
|
+
"tagName": "ray-radio-card",
|
|
6614
|
+
"customElement": true,
|
|
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.",
|
|
6616
|
+
"superclass": {
|
|
6617
|
+
"name": "RayRadio"
|
|
6618
|
+
},
|
|
6619
|
+
"attributes": [
|
|
6620
|
+
{
|
|
6621
|
+
"name": "hide-indicator",
|
|
6622
|
+
"type": {
|
|
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
|
+
]
|
|
6589
6803
|
}
|
|
6590
6804
|
],
|
|
6591
6805
|
"exports": [
|
|
@@ -6620,6 +6834,22 @@
|
|
|
6620
6834
|
"name": "RayRadio",
|
|
6621
6835
|
"module": "components/radio/radio.js"
|
|
6622
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
|
+
}
|
|
6623
6853
|
}
|
|
6624
6854
|
]
|
|
6625
6855
|
},
|
|
@@ -16849,69 +17079,276 @@
|
|
|
16849
17079
|
},
|
|
16850
17080
|
{
|
|
16851
17081
|
"kind": "javascript-module",
|
|
16852
|
-
"path": "components/
|
|
17082
|
+
"path": "components/ring-progress/ring-progress.js",
|
|
16853
17083
|
"declarations": [
|
|
16854
17084
|
{
|
|
16855
17085
|
"kind": "class",
|
|
16856
|
-
"name": "
|
|
16857
|
-
"tagName": "ray-
|
|
17086
|
+
"name": "RayRingProgress",
|
|
17087
|
+
"tagName": "ray-ring-progress",
|
|
16858
17088
|
"customElement": true,
|
|
16859
|
-
"description": "
|
|
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.",
|
|
16860
17090
|
"superclass": {
|
|
16861
17091
|
"name": "RayElement"
|
|
16862
17092
|
},
|
|
16863
17093
|
"attributes": [
|
|
16864
17094
|
{
|
|
16865
|
-
"name": "
|
|
17095
|
+
"name": "value",
|
|
16866
17096
|
"type": {
|
|
16867
|
-
"text": "
|
|
17097
|
+
"text": "number"
|
|
16868
17098
|
},
|
|
16869
|
-
"description": "
|
|
16870
|
-
"fieldName": "
|
|
17099
|
+
"description": "Progress, from 0 to max. Unset: indeterminate (a spinning arc).",
|
|
17100
|
+
"fieldName": "value"
|
|
16871
17101
|
},
|
|
16872
17102
|
{
|
|
16873
|
-
"name": "
|
|
17103
|
+
"name": "max",
|
|
16874
17104
|
"type": {
|
|
16875
|
-
"text": "
|
|
17105
|
+
"text": "number"
|
|
16876
17106
|
},
|
|
16877
|
-
"description": "
|
|
16878
|
-
"fieldName": "
|
|
17107
|
+
"description": "The value of a full ring.",
|
|
17108
|
+
"fieldName": "max",
|
|
17109
|
+
"default": "100"
|
|
16879
17110
|
},
|
|
16880
17111
|
{
|
|
16881
|
-
"name": "
|
|
17112
|
+
"name": "color",
|
|
16882
17113
|
"type": {
|
|
16883
|
-
"text": "
|
|
17114
|
+
"text": "string"
|
|
16884
17115
|
},
|
|
16885
|
-
"description": "A
|
|
16886
|
-
"fieldName": "
|
|
17116
|
+
"description": "A palette color or any CSS color. Default: the primary color.",
|
|
17117
|
+
"fieldName": "color"
|
|
16887
17118
|
},
|
|
16888
17119
|
{
|
|
16889
|
-
"name": "
|
|
17120
|
+
"name": "size",
|
|
16890
17121
|
"type": {
|
|
16891
|
-
"text": "
|
|
17122
|
+
"text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
|
|
16892
17123
|
},
|
|
16893
|
-
"description": "
|
|
16894
|
-
"fieldName": "
|
|
17124
|
+
"description": "Diameter: xs…xl (3, 5, 7.5, 10, 12.5rem) or any CSS length.",
|
|
17125
|
+
"fieldName": "size",
|
|
17126
|
+
"default": "md"
|
|
16895
17127
|
},
|
|
16896
17128
|
{
|
|
16897
|
-
"name": "
|
|
17129
|
+
"name": "thickness",
|
|
16898
17130
|
"type": {
|
|
16899
17131
|
"text": "string"
|
|
16900
17132
|
},
|
|
16901
|
-
"description": "
|
|
16902
|
-
"fieldName": "
|
|
17133
|
+
"description": "Width of the ring: a CSS length (a bare number is px). Default: a tenth of the diameter.",
|
|
17134
|
+
"fieldName": "thickness"
|
|
16903
17135
|
},
|
|
16904
17136
|
{
|
|
16905
|
-
"name": "
|
|
17137
|
+
"name": "round-caps",
|
|
16906
17138
|
"type": {
|
|
16907
|
-
"text": "
|
|
17139
|
+
"text": "boolean"
|
|
16908
17140
|
},
|
|
16909
|
-
"description": "
|
|
16910
|
-
"fieldName": "
|
|
16911
|
-
"default": "shimmer"
|
|
17141
|
+
"description": "Rounded ends of the arc.",
|
|
17142
|
+
"fieldName": "roundCaps"
|
|
16912
17143
|
},
|
|
16913
17144
|
{
|
|
16914
|
-
"name": "
|
|
17145
|
+
"name": "show-value",
|
|
17146
|
+
"type": {
|
|
17147
|
+
"text": "boolean"
|
|
17148
|
+
},
|
|
17149
|
+
"description": "Shows the percentage in the middle (when the default slot is empty).",
|
|
17150
|
+
"fieldName": "showValue"
|
|
17151
|
+
},
|
|
17152
|
+
{
|
|
17153
|
+
"name": "label",
|
|
17154
|
+
"type": {
|
|
17155
|
+
"text": "string"
|
|
17156
|
+
},
|
|
17157
|
+
"description": "Accessible name (default: Progress).",
|
|
17158
|
+
"fieldName": "label"
|
|
17159
|
+
}
|
|
17160
|
+
],
|
|
17161
|
+
"members": [
|
|
17162
|
+
{
|
|
17163
|
+
"kind": "field",
|
|
17164
|
+
"name": "value",
|
|
17165
|
+
"type": {
|
|
17166
|
+
"text": "number"
|
|
17167
|
+
},
|
|
17168
|
+
"description": "Progress, from 0 to max. Unset: indeterminate (a spinning arc).",
|
|
17169
|
+
"attribute": "value",
|
|
17170
|
+
"reflects": false
|
|
17171
|
+
},
|
|
17172
|
+
{
|
|
17173
|
+
"kind": "field",
|
|
17174
|
+
"name": "max",
|
|
17175
|
+
"type": {
|
|
17176
|
+
"text": "number"
|
|
17177
|
+
},
|
|
17178
|
+
"description": "The value of a full ring.",
|
|
17179
|
+
"attribute": "max",
|
|
17180
|
+
"reflects": false,
|
|
17181
|
+
"default": "100"
|
|
17182
|
+
},
|
|
17183
|
+
{
|
|
17184
|
+
"kind": "field",
|
|
17185
|
+
"name": "color",
|
|
17186
|
+
"type": {
|
|
17187
|
+
"text": "string"
|
|
17188
|
+
},
|
|
17189
|
+
"description": "A palette color or any CSS color. Default: the primary color.",
|
|
17190
|
+
"attribute": "color",
|
|
17191
|
+
"reflects": true
|
|
17192
|
+
},
|
|
17193
|
+
{
|
|
17194
|
+
"kind": "field",
|
|
17195
|
+
"name": "size",
|
|
17196
|
+
"type": {
|
|
17197
|
+
"text": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | (string & {})"
|
|
17198
|
+
},
|
|
17199
|
+
"description": "Diameter: xs…xl (3, 5, 7.5, 10, 12.5rem) or any CSS length.",
|
|
17200
|
+
"attribute": "size",
|
|
17201
|
+
"reflects": true,
|
|
17202
|
+
"default": "md"
|
|
17203
|
+
},
|
|
17204
|
+
{
|
|
17205
|
+
"kind": "field",
|
|
17206
|
+
"name": "thickness",
|
|
17207
|
+
"type": {
|
|
17208
|
+
"text": "string"
|
|
17209
|
+
},
|
|
17210
|
+
"description": "Width of the ring: a CSS length (a bare number is px). Default: a tenth of the diameter.",
|
|
17211
|
+
"attribute": "thickness",
|
|
17212
|
+
"reflects": true
|
|
17213
|
+
},
|
|
17214
|
+
{
|
|
17215
|
+
"kind": "field",
|
|
17216
|
+
"name": "roundCaps",
|
|
17217
|
+
"type": {
|
|
17218
|
+
"text": "boolean"
|
|
17219
|
+
},
|
|
17220
|
+
"description": "Rounded ends of the arc.",
|
|
17221
|
+
"attribute": "round-caps",
|
|
17222
|
+
"reflects": true
|
|
17223
|
+
},
|
|
17224
|
+
{
|
|
17225
|
+
"kind": "field",
|
|
17226
|
+
"name": "showValue",
|
|
17227
|
+
"type": {
|
|
17228
|
+
"text": "boolean"
|
|
17229
|
+
},
|
|
17230
|
+
"description": "Shows the percentage in the middle (when the default slot is empty).",
|
|
17231
|
+
"attribute": "show-value",
|
|
17232
|
+
"reflects": true
|
|
17233
|
+
},
|
|
17234
|
+
{
|
|
17235
|
+
"kind": "field",
|
|
17236
|
+
"name": "label",
|
|
17237
|
+
"type": {
|
|
17238
|
+
"text": "string"
|
|
17239
|
+
},
|
|
17240
|
+
"description": "Accessible name (default: Progress).",
|
|
17241
|
+
"attribute": "label",
|
|
17242
|
+
"reflects": false
|
|
17243
|
+
}
|
|
17244
|
+
],
|
|
17245
|
+
"events": [],
|
|
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
|
+
],
|
|
17252
|
+
"cssParts": [
|
|
17253
|
+
{
|
|
17254
|
+
"name": "track",
|
|
17255
|
+
"description": "The background circle."
|
|
17256
|
+
},
|
|
17257
|
+
{
|
|
17258
|
+
"name": "bar",
|
|
17259
|
+
"description": "The arc."
|
|
17260
|
+
},
|
|
17261
|
+
{
|
|
17262
|
+
"name": "center",
|
|
17263
|
+
"description": "The middle, around the default slot."
|
|
17264
|
+
}
|
|
17265
|
+
]
|
|
17266
|
+
}
|
|
17267
|
+
],
|
|
17268
|
+
"exports": [
|
|
17269
|
+
{
|
|
17270
|
+
"kind": "js",
|
|
17271
|
+
"name": "RayRingProgress",
|
|
17272
|
+
"declaration": {
|
|
17273
|
+
"name": "RayRingProgress",
|
|
17274
|
+
"module": "components/ring-progress/ring-progress.js"
|
|
17275
|
+
}
|
|
17276
|
+
},
|
|
17277
|
+
{
|
|
17278
|
+
"kind": "custom-element-definition",
|
|
17279
|
+
"name": "ray-ring-progress",
|
|
17280
|
+
"declaration": {
|
|
17281
|
+
"name": "RayRingProgress",
|
|
17282
|
+
"module": "components/ring-progress/ring-progress.js"
|
|
17283
|
+
}
|
|
17284
|
+
}
|
|
17285
|
+
]
|
|
17286
|
+
},
|
|
17287
|
+
{
|
|
17288
|
+
"kind": "javascript-module",
|
|
17289
|
+
"path": "components/skeleton/skeleton.js",
|
|
17290
|
+
"declarations": [
|
|
17291
|
+
{
|
|
17292
|
+
"kind": "class",
|
|
17293
|
+
"name": "RaySkeleton",
|
|
17294
|
+
"tagName": "ray-skeleton",
|
|
17295
|
+
"customElement": true,
|
|
17296
|
+
"description": "aria-busy=\"true\" on the host while loading; the placeholder is aria-hidden.",
|
|
17297
|
+
"superclass": {
|
|
17298
|
+
"name": "RayElement"
|
|
17299
|
+
},
|
|
17300
|
+
"attributes": [
|
|
17301
|
+
{
|
|
17302
|
+
"name": "width",
|
|
17303
|
+
"type": {
|
|
17304
|
+
"text": "string"
|
|
17305
|
+
},
|
|
17306
|
+
"description": "Width (CSS length, a number is px). Default: 100% (a circle: 2.5rem).",
|
|
17307
|
+
"fieldName": "width"
|
|
17308
|
+
},
|
|
17309
|
+
{
|
|
17310
|
+
"name": "height",
|
|
17311
|
+
"type": {
|
|
17312
|
+
"text": "string"
|
|
17313
|
+
},
|
|
17314
|
+
"description": "Height of a block or of each line (CSS length, a number is px). Default: 1rem.",
|
|
17315
|
+
"fieldName": "height"
|
|
17316
|
+
},
|
|
17317
|
+
{
|
|
17318
|
+
"name": "circle",
|
|
17319
|
+
"type": {
|
|
17320
|
+
"text": "boolean"
|
|
17321
|
+
},
|
|
17322
|
+
"description": "A circle (avatar placeholder): its diameter is width, else height.",
|
|
17323
|
+
"fieldName": "circle"
|
|
17324
|
+
},
|
|
17325
|
+
{
|
|
17326
|
+
"name": "lines",
|
|
17327
|
+
"type": {
|
|
17328
|
+
"text": "number"
|
|
17329
|
+
},
|
|
17330
|
+
"description": "Number of text lines (the last one is shorter).",
|
|
17331
|
+
"fieldName": "lines"
|
|
17332
|
+
},
|
|
17333
|
+
{
|
|
17334
|
+
"name": "radius",
|
|
17335
|
+
"type": {
|
|
17336
|
+
"text": "string"
|
|
17337
|
+
},
|
|
17338
|
+
"description": "Corner radius: xs…xl, full or a CSS length. Default: sm.",
|
|
17339
|
+
"fieldName": "radius"
|
|
17340
|
+
},
|
|
17341
|
+
{
|
|
17342
|
+
"name": "animation",
|
|
17343
|
+
"type": {
|
|
17344
|
+
"text": "\"shimmer\" | \"pulse\" | \"none\""
|
|
17345
|
+
},
|
|
17346
|
+
"description": "The loading effect (always none with reduced motion).",
|
|
17347
|
+
"fieldName": "animation",
|
|
17348
|
+
"default": "shimmer"
|
|
17349
|
+
},
|
|
17350
|
+
{
|
|
17351
|
+
"name": "loaded",
|
|
16915
17352
|
"type": {
|
|
16916
17353
|
"text": "boolean"
|
|
16917
17354
|
},
|
|
@@ -17134,6 +17571,172 @@
|
|
|
17134
17571
|
}
|
|
17135
17572
|
]
|
|
17136
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
|
+
},
|
|
17137
17740
|
{
|
|
17138
17741
|
"kind": "javascript-module",
|
|
17139
17742
|
"path": "components/app-bar/app-bar.js",
|