@warp-ds/elements 2.9.0-next.5 → 2.9.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/dist/custom-elements.json +221 -118
- package/dist/docs/affix/affix.md +49 -61
- package/dist/docs/affix/api.md +25 -23
- package/dist/docs/affix/examples.md +24 -38
- package/dist/docs/alert/accessibility.md +4 -9
- package/dist/docs/alert/alert.md +36 -51
- package/dist/docs/alert/api.md +12 -12
- package/dist/docs/alert/examples.md +20 -30
- package/dist/docs/attention/accessibility.md +50 -0
- package/dist/docs/attention/api.md +72 -59
- package/dist/docs/attention/attention.md +305 -56
- package/dist/docs/attention/examples.md +91 -0
- package/dist/docs/attention/usage.md +91 -0
- package/dist/docs/badge/accessibility.md +44 -0
- package/dist/docs/badge/api.md +12 -8
- package/dist/docs/badge/badge.md +178 -10
- package/dist/docs/badge/examples.md +69 -0
- package/dist/docs/badge/usage.md +53 -0
- package/dist/docs/button/api.md +46 -42
- package/dist/docs/button/button.md +46 -42
- package/dist/docs/card/api.md +11 -11
- package/dist/docs/card/card.md +11 -11
- package/dist/docs/combobox/api.md +62 -62
- package/dist/docs/combobox/combobox.md +62 -62
- package/dist/docs/datepicker/api.md +74 -66
- package/dist/docs/datepicker/datepicker.md +74 -66
- package/dist/docs/expandable/api.md +26 -26
- package/dist/docs/expandable/expandable.md +26 -26
- package/dist/docs/link/api.md +28 -28
- package/dist/docs/link/link.md +28 -28
- package/dist/docs/page-indicator/api.md +6 -6
- package/dist/docs/page-indicator/page-indicator.md +6 -6
- package/dist/docs/pagination/api.md +3 -3
- package/dist/docs/pagination/pagination.md +3 -3
- package/dist/docs/pill/api.md +19 -15
- package/dist/docs/pill/pill.md +19 -15
- package/dist/docs/select/api.md +44 -44
- package/dist/docs/select/select.md +44 -44
- package/dist/docs/slider/api.md +80 -78
- package/dist/docs/slider/slider.md +80 -78
- package/dist/docs/slider-thumb/api.md +28 -76
- package/dist/docs/slider-thumb/slider-thumb.md +28 -76
- package/dist/docs/switch/api.md +16 -16
- package/dist/docs/switch/switch.md +16 -16
- package/dist/docs/tab/api.md +26 -40
- package/dist/docs/tab/tab.md +26 -40
- package/dist/docs/tab-panel/api.md +1 -17
- package/dist/docs/tab-panel/tab-panel.md +1 -17
- package/dist/docs/tabs/api.md +3 -3
- package/dist/docs/tabs/tabs.md +3 -3
- package/dist/docs/textarea/accessibility.md +5 -0
- package/dist/docs/textarea/api.md +52 -65
- package/dist/docs/textarea/examples.md +81 -0
- package/dist/docs/textarea/textarea.md +151 -65
- package/dist/docs/textarea/usage.md +9 -0
- package/dist/docs/textfield/accessibility.md +15 -0
- package/dist/docs/textfield/api.md +86 -83
- package/dist/docs/textfield/examples.md +130 -0
- package/dist/docs/textfield/textfield.md +258 -86
- package/dist/docs/textfield/usage.md +26 -0
- package/dist/index.d.ts +456 -330
- package/dist/packages/attention/attention.d.ts +46 -37
- package/dist/packages/attention/attention.js +20 -20
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/badge/badge.d.ts +7 -5
- package/dist/packages/badge/badge.js.map +2 -2
- package/dist/packages/datepicker/datepicker.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
- package/dist/packages/datepicker/react.d.ts +4 -0
- package/dist/packages/datepicker/react.js +4 -0
- package/dist/packages/textarea/textarea.d.ts +38 -29
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textfield/textfield.d.ts +57 -60
- package/dist/packages/textfield/textfield.js +5 -5
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/web-types.json +573 -153
- package/package.json +1 -2
|
@@ -4,99 +4,105 @@
|
|
|
4
4
|
|
|
5
5
|
| Name | Type | Default | Summary |
|
|
6
6
|
|-|-|-|-|
|
|
7
|
-
|
|
|
7
|
+
| calendar | `HTMLDivElement` | `-` | - |
|
|
8
|
+
| dayFormat | `string` | `'PPPP'` | Decides the format of the day in the calendar as read to screen readers. |
|
|
9
|
+
| headerFormat | `string` | `'MMMM yyyy'` | Decides the format of the date as shown in the calendar header. |
|
|
10
|
+
| input | `HTMLInputElement` | `-` | - |
|
|
11
|
+
| isCalendarOpen | `boolean` | `false` | - |
|
|
12
|
+
| isDayDisabled | `(day: Date) => boolean` | `-` | Lets you control if a date in the calendar should be disabled. |
|
|
8
13
|
| label | `string` | `-` | - |
|
|
9
|
-
| lang | `string` | `-` |
|
|
14
|
+
| lang | `string` | `-` | Takes precedence over the `<html>` lang attribute. |
|
|
15
|
+
| month | `unknown` | `-` | - |
|
|
10
16
|
| name | `string` | `-` | - |
|
|
11
|
-
| value | `string` | `-` | - |
|
|
12
|
-
| headerFormat | `string` | `'MMMM yyyy'` | - |
|
|
13
|
-
| weekdayFormat | `string` | `'EEEEEE'` | - |
|
|
14
|
-
| isDayDisabled | `(day: Date) => boolean` | `-` | - |
|
|
15
|
-
| dayFormat | `string` | `'PPPP'` | - |
|
|
16
|
-
| isCalendarOpen | `boolean` | `false` | - |
|
|
17
17
|
| navigationDate | `Date` | `-` | - |
|
|
18
|
-
|
|
|
19
|
-
|
|
|
20
|
-
|
|
|
21
|
-
|
|
|
22
|
-
|
|
|
18
|
+
| previousMonthButton | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
|
|
19
|
+
| selectedCell | `HTMLTableCellElement` | `-` | - |
|
|
20
|
+
| selectedDate | `Date \| null` | `-` | - |
|
|
21
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
22
|
+
| todayCell | `HTMLTableCellElement` | `-` | - |
|
|
23
23
|
| toggleButton | `HTMLButtonElement` | `-` | - |
|
|
24
|
+
| value | `string` | `-` | - |
|
|
25
|
+
| weekdayFormat | `string` | `'EEEEEE'` | Decides the format of the weekday as shown above the grid of dates in the calendar. |
|
|
26
|
+
| weeks | `unknown` | `-` | - |
|
|
24
27
|
| wrapper | `HTMLDivElement` | `-` | - |
|
|
25
|
-
| previousMonthButton | `HTMLButtonElement` | `-` | - |
|
|
26
|
-
| todayCell | `HTMLTableCellElement` | `-` | - |
|
|
27
|
-
| selectedCell | `HTMLTableCellElement` | `-` | - |
|
|
28
28
|
|
|
29
29
|
### Property Details
|
|
30
30
|
|
|
31
|
-
####
|
|
31
|
+
#### calendar
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
- Type: `
|
|
36
|
-
- Default:
|
|
35
|
+
- Type: `HTMLDivElement`
|
|
36
|
+
- Default: `-`
|
|
37
37
|
|
|
38
|
-
####
|
|
38
|
+
#### dayFormat
|
|
39
39
|
|
|
40
|
+
Decides the format of the day in the calendar as read to screen readers.
|
|
40
41
|
|
|
42
|
+
The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
|
|
41
43
|
|
|
42
44
|
- Type: `string`
|
|
43
|
-
- Default:
|
|
45
|
+
- Default: `'PPPP'`
|
|
44
46
|
|
|
45
|
-
####
|
|
47
|
+
#### headerFormat
|
|
46
48
|
|
|
49
|
+
Decides the format of the date as shown in the calendar header.
|
|
47
50
|
|
|
51
|
+
The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
|
|
48
52
|
|
|
49
53
|
- Type: `string`
|
|
50
|
-
- Default:
|
|
54
|
+
- Default: `'MMMM yyyy'`
|
|
51
55
|
|
|
52
|
-
####
|
|
56
|
+
#### input
|
|
53
57
|
|
|
54
58
|
|
|
55
59
|
|
|
56
|
-
- Type: `
|
|
60
|
+
- Type: `HTMLInputElement`
|
|
57
61
|
- Default: `-`
|
|
58
62
|
|
|
59
|
-
####
|
|
63
|
+
#### isCalendarOpen
|
|
60
64
|
|
|
61
65
|
|
|
62
66
|
|
|
63
|
-
- Type: `
|
|
64
|
-
- Default:
|
|
67
|
+
- Type: `boolean`
|
|
68
|
+
- Default: `false`
|
|
65
69
|
|
|
66
|
-
####
|
|
70
|
+
#### isDayDisabled
|
|
67
71
|
|
|
72
|
+
Lets you control if a date in the calendar should be disabled.
|
|
68
73
|
|
|
74
|
+
This needs to be set on the element instance in JavaScript, not as an HTML attribute.
|
|
69
75
|
|
|
70
|
-
- Type: `
|
|
71
|
-
- Default:
|
|
76
|
+
- Type: `(day: Date) => boolean`
|
|
77
|
+
- Default: `-`
|
|
72
78
|
|
|
73
|
-
####
|
|
79
|
+
#### label
|
|
74
80
|
|
|
75
81
|
|
|
76
82
|
|
|
77
83
|
- Type: `string`
|
|
78
|
-
- Default:
|
|
79
|
-
|
|
80
|
-
#### isDayDisabled
|
|
84
|
+
- Default: `-`
|
|
81
85
|
|
|
86
|
+
#### lang
|
|
82
87
|
|
|
88
|
+
Takes precedence over the `<html>` lang attribute.
|
|
83
89
|
|
|
84
|
-
- Type: `
|
|
90
|
+
- Type: `string`
|
|
85
91
|
- Default: `-`
|
|
86
92
|
|
|
87
|
-
####
|
|
93
|
+
#### month
|
|
88
94
|
|
|
89
95
|
|
|
90
96
|
|
|
91
|
-
- Type: `
|
|
92
|
-
- Default:
|
|
97
|
+
- Type: `unknown`
|
|
98
|
+
- Default: `-`
|
|
93
99
|
|
|
94
|
-
####
|
|
100
|
+
#### name
|
|
95
101
|
|
|
96
102
|
|
|
97
103
|
|
|
98
|
-
- Type: `
|
|
99
|
-
- Default:
|
|
104
|
+
- Type: `string`
|
|
105
|
+
- Default: `-`
|
|
100
106
|
|
|
101
107
|
#### navigationDate
|
|
102
108
|
|
|
@@ -105,39 +111,43 @@
|
|
|
105
111
|
- Type: `Date`
|
|
106
112
|
- Default: `-`
|
|
107
113
|
|
|
108
|
-
####
|
|
114
|
+
#### previousMonthButton
|
|
109
115
|
|
|
116
|
+
This is the first focusable element, needed for the modal focus trap.
|
|
110
117
|
|
|
118
|
+
Don't cache this and other `@query` fields from inside the calendar modal.
|
|
119
|
+
They work the first time, but once the calendar is closed and reopened
|
|
120
|
+
the query will point to an element that doesn't exist anymore.
|
|
111
121
|
|
|
112
|
-
- Type: `
|
|
122
|
+
- Type: `HTMLButtonElement`
|
|
113
123
|
- Default: `-`
|
|
114
124
|
|
|
115
|
-
####
|
|
125
|
+
#### selectedCell
|
|
116
126
|
|
|
117
127
|
|
|
118
128
|
|
|
119
|
-
- Type: `
|
|
129
|
+
- Type: `HTMLTableCellElement`
|
|
120
130
|
- Default: `-`
|
|
121
131
|
|
|
122
|
-
####
|
|
132
|
+
#### selectedDate
|
|
123
133
|
|
|
124
134
|
|
|
125
135
|
|
|
126
|
-
- Type: `
|
|
136
|
+
- Type: `Date \| null`
|
|
127
137
|
- Default: `-`
|
|
128
138
|
|
|
129
|
-
####
|
|
139
|
+
#### shadowRootOptions
|
|
130
140
|
|
|
131
141
|
|
|
132
142
|
|
|
133
|
-
- Type: `
|
|
134
|
-
- Default:
|
|
143
|
+
- Type: `object`
|
|
144
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
135
145
|
|
|
136
|
-
####
|
|
146
|
+
#### todayCell
|
|
137
147
|
|
|
138
148
|
|
|
139
149
|
|
|
140
|
-
- Type: `
|
|
150
|
+
- Type: `HTMLTableCellElement`
|
|
141
151
|
- Default: `-`
|
|
142
152
|
|
|
143
153
|
#### toggleButton
|
|
@@ -147,36 +157,34 @@
|
|
|
147
157
|
- Type: `HTMLButtonElement`
|
|
148
158
|
- Default: `-`
|
|
149
159
|
|
|
150
|
-
####
|
|
160
|
+
#### value
|
|
151
161
|
|
|
152
162
|
|
|
153
163
|
|
|
154
|
-
- Type: `
|
|
164
|
+
- Type: `string`
|
|
155
165
|
- Default: `-`
|
|
156
166
|
|
|
157
|
-
####
|
|
167
|
+
#### weekdayFormat
|
|
158
168
|
|
|
159
|
-
|
|
169
|
+
Decides the format of the weekday as shown above the grid of dates in the calendar.
|
|
160
170
|
|
|
161
|
-
|
|
162
|
-
They work the first time, but once the calendar is closed and reopened
|
|
163
|
-
the query will point to an element that doesn't exist anymore.
|
|
171
|
+
The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
|
|
164
172
|
|
|
165
|
-
- Type: `
|
|
166
|
-
- Default:
|
|
173
|
+
- Type: `string`
|
|
174
|
+
- Default: `'EEEEEE'`
|
|
167
175
|
|
|
168
|
-
####
|
|
176
|
+
#### weeks
|
|
169
177
|
|
|
170
178
|
|
|
171
179
|
|
|
172
|
-
- Type: `
|
|
180
|
+
- Type: `unknown`
|
|
173
181
|
- Default: `-`
|
|
174
182
|
|
|
175
|
-
####
|
|
183
|
+
#### wrapper
|
|
176
184
|
|
|
177
185
|
|
|
178
186
|
|
|
179
|
-
- Type: `
|
|
187
|
+
- Type: `HTMLDivElement`
|
|
180
188
|
- Default: `-`
|
|
181
189
|
|
|
182
190
|
### Types
|
|
@@ -20,99 +20,105 @@ Uses the `lang` attribute on either the element or on `<html>` to determine the
|
|
|
20
20
|
|
|
21
21
|
| Name | Type | Default | Summary |
|
|
22
22
|
|-|-|-|-|
|
|
23
|
-
|
|
|
23
|
+
| calendar | `HTMLDivElement` | `-` | - |
|
|
24
|
+
| dayFormat | `string` | `'PPPP'` | Decides the format of the day in the calendar as read to screen readers. |
|
|
25
|
+
| headerFormat | `string` | `'MMMM yyyy'` | Decides the format of the date as shown in the calendar header. |
|
|
26
|
+
| input | `HTMLInputElement` | `-` | - |
|
|
27
|
+
| isCalendarOpen | `boolean` | `false` | - |
|
|
28
|
+
| isDayDisabled | `(day: Date) => boolean` | `-` | Lets you control if a date in the calendar should be disabled. |
|
|
24
29
|
| label | `string` | `-` | - |
|
|
25
|
-
| lang | `string` | `-` |
|
|
30
|
+
| lang | `string` | `-` | Takes precedence over the `<html>` lang attribute. |
|
|
31
|
+
| month | `unknown` | `-` | - |
|
|
26
32
|
| name | `string` | `-` | - |
|
|
27
|
-
| value | `string` | `-` | - |
|
|
28
|
-
| headerFormat | `string` | `'MMMM yyyy'` | - |
|
|
29
|
-
| weekdayFormat | `string` | `'EEEEEE'` | - |
|
|
30
|
-
| isDayDisabled | `(day: Date) => boolean` | `-` | - |
|
|
31
|
-
| dayFormat | `string` | `'PPPP'` | - |
|
|
32
|
-
| isCalendarOpen | `boolean` | `false` | - |
|
|
33
33
|
| navigationDate | `Date` | `-` | - |
|
|
34
|
-
|
|
|
35
|
-
|
|
|
36
|
-
|
|
|
37
|
-
|
|
|
38
|
-
|
|
|
34
|
+
| previousMonthButton | `HTMLButtonElement` | `-` | This is the first focusable element, needed for the modal focus trap. |
|
|
35
|
+
| selectedCell | `HTMLTableCellElement` | `-` | - |
|
|
36
|
+
| selectedDate | `Date \| null` | `-` | - |
|
|
37
|
+
| shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
|
|
38
|
+
| todayCell | `HTMLTableCellElement` | `-` | - |
|
|
39
39
|
| toggleButton | `HTMLButtonElement` | `-` | - |
|
|
40
|
+
| value | `string` | `-` | - |
|
|
41
|
+
| weekdayFormat | `string` | `'EEEEEE'` | Decides the format of the weekday as shown above the grid of dates in the calendar. |
|
|
42
|
+
| weeks | `unknown` | `-` | - |
|
|
40
43
|
| wrapper | `HTMLDivElement` | `-` | - |
|
|
41
|
-
| previousMonthButton | `HTMLButtonElement` | `-` | - |
|
|
42
|
-
| todayCell | `HTMLTableCellElement` | `-` | - |
|
|
43
|
-
| selectedCell | `HTMLTableCellElement` | `-` | - |
|
|
44
44
|
|
|
45
45
|
### Property Details
|
|
46
46
|
|
|
47
|
-
####
|
|
47
|
+
#### calendar
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
- Type: `
|
|
52
|
-
- Default:
|
|
51
|
+
- Type: `HTMLDivElement`
|
|
52
|
+
- Default: `-`
|
|
53
53
|
|
|
54
|
-
####
|
|
54
|
+
#### dayFormat
|
|
55
55
|
|
|
56
|
+
Decides the format of the day in the calendar as read to screen readers.
|
|
56
57
|
|
|
58
|
+
The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
|
|
57
59
|
|
|
58
60
|
- Type: `string`
|
|
59
|
-
- Default:
|
|
61
|
+
- Default: `'PPPP'`
|
|
60
62
|
|
|
61
|
-
####
|
|
63
|
+
#### headerFormat
|
|
62
64
|
|
|
65
|
+
Decides the format of the date as shown in the calendar header.
|
|
63
66
|
|
|
67
|
+
The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
|
|
64
68
|
|
|
65
69
|
- Type: `string`
|
|
66
|
-
- Default:
|
|
70
|
+
- Default: `'MMMM yyyy'`
|
|
67
71
|
|
|
68
|
-
####
|
|
72
|
+
#### input
|
|
69
73
|
|
|
70
74
|
|
|
71
75
|
|
|
72
|
-
- Type: `
|
|
76
|
+
- Type: `HTMLInputElement`
|
|
73
77
|
- Default: `-`
|
|
74
78
|
|
|
75
|
-
####
|
|
79
|
+
#### isCalendarOpen
|
|
76
80
|
|
|
77
81
|
|
|
78
82
|
|
|
79
|
-
- Type: `
|
|
80
|
-
- Default:
|
|
83
|
+
- Type: `boolean`
|
|
84
|
+
- Default: `false`
|
|
81
85
|
|
|
82
|
-
####
|
|
86
|
+
#### isDayDisabled
|
|
83
87
|
|
|
88
|
+
Lets you control if a date in the calendar should be disabled.
|
|
84
89
|
|
|
90
|
+
This needs to be set on the element instance in JavaScript, not as an HTML attribute.
|
|
85
91
|
|
|
86
|
-
- Type: `
|
|
87
|
-
- Default:
|
|
92
|
+
- Type: `(day: Date) => boolean`
|
|
93
|
+
- Default: `-`
|
|
88
94
|
|
|
89
|
-
####
|
|
95
|
+
#### label
|
|
90
96
|
|
|
91
97
|
|
|
92
98
|
|
|
93
99
|
- Type: `string`
|
|
94
|
-
- Default:
|
|
95
|
-
|
|
96
|
-
#### isDayDisabled
|
|
100
|
+
- Default: `-`
|
|
97
101
|
|
|
102
|
+
#### lang
|
|
98
103
|
|
|
104
|
+
Takes precedence over the `<html>` lang attribute.
|
|
99
105
|
|
|
100
|
-
- Type: `
|
|
106
|
+
- Type: `string`
|
|
101
107
|
- Default: `-`
|
|
102
108
|
|
|
103
|
-
####
|
|
109
|
+
#### month
|
|
104
110
|
|
|
105
111
|
|
|
106
112
|
|
|
107
|
-
- Type: `
|
|
108
|
-
- Default:
|
|
113
|
+
- Type: `unknown`
|
|
114
|
+
- Default: `-`
|
|
109
115
|
|
|
110
|
-
####
|
|
116
|
+
#### name
|
|
111
117
|
|
|
112
118
|
|
|
113
119
|
|
|
114
|
-
- Type: `
|
|
115
|
-
- Default:
|
|
120
|
+
- Type: `string`
|
|
121
|
+
- Default: `-`
|
|
116
122
|
|
|
117
123
|
#### navigationDate
|
|
118
124
|
|
|
@@ -121,39 +127,43 @@ Uses the `lang` attribute on either the element or on `<html>` to determine the
|
|
|
121
127
|
- Type: `Date`
|
|
122
128
|
- Default: `-`
|
|
123
129
|
|
|
124
|
-
####
|
|
130
|
+
#### previousMonthButton
|
|
125
131
|
|
|
132
|
+
This is the first focusable element, needed for the modal focus trap.
|
|
126
133
|
|
|
134
|
+
Don't cache this and other `@query` fields from inside the calendar modal.
|
|
135
|
+
They work the first time, but once the calendar is closed and reopened
|
|
136
|
+
the query will point to an element that doesn't exist anymore.
|
|
127
137
|
|
|
128
|
-
- Type: `
|
|
138
|
+
- Type: `HTMLButtonElement`
|
|
129
139
|
- Default: `-`
|
|
130
140
|
|
|
131
|
-
####
|
|
141
|
+
#### selectedCell
|
|
132
142
|
|
|
133
143
|
|
|
134
144
|
|
|
135
|
-
- Type: `
|
|
145
|
+
- Type: `HTMLTableCellElement`
|
|
136
146
|
- Default: `-`
|
|
137
147
|
|
|
138
|
-
####
|
|
148
|
+
#### selectedDate
|
|
139
149
|
|
|
140
150
|
|
|
141
151
|
|
|
142
|
-
- Type: `
|
|
152
|
+
- Type: `Date \| null`
|
|
143
153
|
- Default: `-`
|
|
144
154
|
|
|
145
|
-
####
|
|
155
|
+
#### shadowRootOptions
|
|
146
156
|
|
|
147
157
|
|
|
148
158
|
|
|
149
|
-
- Type: `
|
|
150
|
-
- Default:
|
|
159
|
+
- Type: `object`
|
|
160
|
+
- Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
|
|
151
161
|
|
|
152
|
-
####
|
|
162
|
+
#### todayCell
|
|
153
163
|
|
|
154
164
|
|
|
155
165
|
|
|
156
|
-
- Type: `
|
|
166
|
+
- Type: `HTMLTableCellElement`
|
|
157
167
|
- Default: `-`
|
|
158
168
|
|
|
159
169
|
#### toggleButton
|
|
@@ -163,36 +173,34 @@ Uses the `lang` attribute on either the element or on `<html>` to determine the
|
|
|
163
173
|
- Type: `HTMLButtonElement`
|
|
164
174
|
- Default: `-`
|
|
165
175
|
|
|
166
|
-
####
|
|
176
|
+
#### value
|
|
167
177
|
|
|
168
178
|
|
|
169
179
|
|
|
170
|
-
- Type: `
|
|
180
|
+
- Type: `string`
|
|
171
181
|
- Default: `-`
|
|
172
182
|
|
|
173
|
-
####
|
|
183
|
+
#### weekdayFormat
|
|
174
184
|
|
|
175
|
-
|
|
185
|
+
Decides the format of the weekday as shown above the grid of dates in the calendar.
|
|
176
186
|
|
|
177
|
-
|
|
178
|
-
They work the first time, but once the calendar is closed and reopened
|
|
179
|
-
the query will point to an element that doesn't exist anymore.
|
|
187
|
+
The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
|
|
180
188
|
|
|
181
|
-
- Type: `
|
|
182
|
-
- Default:
|
|
189
|
+
- Type: `string`
|
|
190
|
+
- Default: `'EEEEEE'`
|
|
183
191
|
|
|
184
|
-
####
|
|
192
|
+
#### weeks
|
|
185
193
|
|
|
186
194
|
|
|
187
195
|
|
|
188
|
-
- Type: `
|
|
196
|
+
- Type: `unknown`
|
|
189
197
|
- Default: `-`
|
|
190
198
|
|
|
191
|
-
####
|
|
199
|
+
#### wrapper
|
|
192
200
|
|
|
193
201
|
|
|
194
202
|
|
|
195
|
-
- Type: `
|
|
203
|
+
- Type: `HTMLDivElement`
|
|
196
204
|
- Default: `-`
|
|
197
205
|
|
|
198
206
|
### Types
|
|
@@ -4,35 +4,35 @@
|
|
|
4
4
|
|
|
5
5
|
| Name | Type | Default | Summary |
|
|
6
6
|
|-|-|-|-|
|
|
7
|
-
|
|
|
8
|
-
|
|
|
9
|
-
|
|
|
7
|
+
| _hasTitle | `boolean` | `true` | - |
|
|
8
|
+
| _showChevronUp | `boolean` | `false` | - |
|
|
9
|
+
| animated | `boolean` | `false` | - |
|
|
10
10
|
| bleed | `boolean` | `false` | - |
|
|
11
|
+
| box | `boolean` | `false` | - |
|
|
11
12
|
| buttonClass | `string` | `-` | - |
|
|
12
13
|
| contentClass | `string` | `-` | - |
|
|
13
|
-
|
|
|
14
|
-
| animated | `boolean` | `false` | - |
|
|
14
|
+
| expanded | `boolean` | `false` | - |
|
|
15
15
|
| headingLevel | `number` | `-` | - |
|
|
16
|
-
|
|
|
17
|
-
|
|
|
16
|
+
| noChevron | `boolean` | `false` | - |
|
|
17
|
+
| title | `string` | `-` | - |
|
|
18
18
|
|
|
19
19
|
### Property Details
|
|
20
20
|
|
|
21
|
-
####
|
|
21
|
+
#### _hasTitle
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
- Type: `boolean`
|
|
26
|
-
- Default: `
|
|
26
|
+
- Default: `true`
|
|
27
27
|
|
|
28
|
-
####
|
|
28
|
+
#### _showChevronUp
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
- Type: `
|
|
33
|
-
- Default:
|
|
32
|
+
- Type: `boolean`
|
|
33
|
+
- Default: `false`
|
|
34
34
|
|
|
35
|
-
####
|
|
35
|
+
#### animated
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
@@ -46,28 +46,28 @@
|
|
|
46
46
|
- Type: `boolean`
|
|
47
47
|
- Default: `false`
|
|
48
48
|
|
|
49
|
-
####
|
|
49
|
+
#### box
|
|
50
50
|
|
|
51
51
|
|
|
52
52
|
|
|
53
|
-
- Type: `
|
|
54
|
-
- Default:
|
|
53
|
+
- Type: `boolean`
|
|
54
|
+
- Default: `false`
|
|
55
55
|
|
|
56
|
-
####
|
|
56
|
+
#### buttonClass
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
|
|
60
60
|
- Type: `string`
|
|
61
61
|
- Default: `-`
|
|
62
62
|
|
|
63
|
-
####
|
|
63
|
+
#### contentClass
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
- Type: `
|
|
68
|
-
- Default:
|
|
67
|
+
- Type: `string`
|
|
68
|
+
- Default: `-`
|
|
69
69
|
|
|
70
|
-
####
|
|
70
|
+
#### expanded
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
|
|
@@ -81,19 +81,19 @@
|
|
|
81
81
|
- Type: `number`
|
|
82
82
|
- Default: `-`
|
|
83
83
|
|
|
84
|
-
####
|
|
84
|
+
#### noChevron
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
|
|
88
88
|
- Type: `boolean`
|
|
89
|
-
- Default: `
|
|
89
|
+
- Default: `false`
|
|
90
90
|
|
|
91
|
-
####
|
|
91
|
+
#### title
|
|
92
92
|
|
|
93
93
|
|
|
94
94
|
|
|
95
|
-
- Type: `
|
|
96
|
-
- Default:
|
|
95
|
+
- Type: `string`
|
|
96
|
+
- Default: `-`
|
|
97
97
|
|
|
98
98
|
### Types
|
|
99
99
|
|