@warp-ds/elements 2.9.0-next.4 → 2.9.0-next.6

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 (99) hide show
  1. package/dist/custom-elements.json +3554 -3442
  2. package/dist/docs/affix/accessibility.md +7 -0
  3. package/dist/docs/affix/affix.md +174 -10
  4. package/dist/docs/affix/api.md +28 -10
  5. package/dist/docs/affix/examples.md +92 -0
  6. package/dist/docs/affix/usage.md +47 -0
  7. package/dist/docs/alert/alert.md +12 -12
  8. package/dist/docs/alert/api.md +12 -12
  9. package/dist/docs/attention/api.md +46 -46
  10. package/dist/docs/attention/attention.md +46 -46
  11. package/dist/docs/badge/accessibility.md +44 -0
  12. package/dist/docs/badge/api.md +12 -8
  13. package/dist/docs/badge/badge.md +191 -10
  14. package/dist/docs/badge/examples.md +82 -0
  15. package/dist/docs/badge/usage.md +53 -0
  16. package/dist/docs/button/api.md +46 -42
  17. package/dist/docs/button/button.md +46 -42
  18. package/dist/docs/card/api.md +11 -11
  19. package/dist/docs/card/card.md +11 -11
  20. package/dist/docs/combobox/api.md +62 -62
  21. package/dist/docs/combobox/combobox.md +62 -62
  22. package/dist/docs/datepicker/api.md +74 -66
  23. package/dist/docs/datepicker/datepicker.md +74 -66
  24. package/dist/docs/expandable/api.md +26 -26
  25. package/dist/docs/expandable/expandable.md +26 -26
  26. package/dist/docs/link/api.md +28 -28
  27. package/dist/docs/link/link.md +28 -28
  28. package/dist/docs/page-indicator/api.md +6 -6
  29. package/dist/docs/page-indicator/page-indicator.md +6 -6
  30. package/dist/docs/pagination/api.md +3 -3
  31. package/dist/docs/pagination/pagination.md +3 -3
  32. package/dist/docs/pill/api.md +19 -15
  33. package/dist/docs/pill/pill.md +19 -15
  34. package/dist/docs/select/api.md +44 -44
  35. package/dist/docs/select/select.md +44 -44
  36. package/dist/docs/slider/api.md +80 -78
  37. package/dist/docs/slider/slider.md +80 -78
  38. package/dist/docs/slider-thumb/api.md +28 -76
  39. package/dist/docs/slider-thumb/slider-thumb.md +28 -76
  40. package/dist/docs/switch/api.md +16 -16
  41. package/dist/docs/switch/switch.md +16 -16
  42. package/dist/docs/tab/api.md +26 -40
  43. package/dist/docs/tab/tab.md +26 -40
  44. package/dist/docs/tab-panel/api.md +1 -17
  45. package/dist/docs/tab-panel/tab-panel.md +1 -17
  46. package/dist/docs/tabs/api.md +3 -3
  47. package/dist/docs/tabs/tabs.md +3 -3
  48. package/dist/docs/textarea/api.md +42 -40
  49. package/dist/docs/textarea/textarea.md +42 -40
  50. package/dist/docs/textfield/accessibility.md +15 -0
  51. package/dist/docs/textfield/api.md +86 -83
  52. package/dist/docs/textfield/examples.md +147 -0
  53. package/dist/docs/textfield/textfield.md +279 -86
  54. package/dist/docs/textfield/usage.md +30 -0
  55. package/dist/index.d.ts +343 -319
  56. package/dist/packages/affix/affix.d.ts +23 -14
  57. package/dist/packages/affix/affix.js +24 -11
  58. package/dist/packages/affix/affix.js.map +4 -4
  59. package/dist/packages/affix/affix.stories.d.ts +3 -0
  60. package/dist/packages/affix/affix.stories.js +16 -0
  61. package/dist/packages/affix/affix.test.js +7 -0
  62. package/dist/packages/affix/locales/da/messages.d.mts +1 -0
  63. package/dist/packages/affix/locales/da/messages.mjs +1 -0
  64. package/dist/packages/affix/locales/en/messages.d.mts +1 -0
  65. package/dist/packages/affix/locales/en/messages.mjs +1 -0
  66. package/dist/packages/affix/locales/fi/messages.d.mts +1 -0
  67. package/dist/packages/affix/locales/fi/messages.mjs +1 -0
  68. package/dist/packages/affix/locales/nb/messages.d.mts +1 -0
  69. package/dist/packages/affix/locales/nb/messages.mjs +1 -0
  70. package/dist/packages/affix/locales/sv/messages.d.mts +1 -0
  71. package/dist/packages/affix/locales/sv/messages.mjs +1 -0
  72. package/dist/packages/badge/badge.d.ts +7 -5
  73. package/dist/packages/badge/badge.js.map +2 -2
  74. package/dist/packages/badge/badge.react.stories.d.ts +1 -1
  75. package/dist/packages/box/box.react.stories.d.ts +1 -1
  76. package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +1 -1
  77. package/dist/packages/button/button.react.stories.d.ts +1 -1
  78. package/dist/packages/card/card.react.stories.d.ts +1 -1
  79. package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
  80. package/dist/packages/datepicker/datepicker.js +1 -1
  81. package/dist/packages/datepicker/datepicker.js.map +2 -2
  82. package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
  83. package/dist/packages/datepicker/react.d.ts +4 -0
  84. package/dist/packages/datepicker/react.js +4 -0
  85. package/dist/packages/expandable/expandable.react.stories.d.ts +1 -1
  86. package/dist/packages/link/link.react.stories.d.ts +1 -1
  87. package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +1 -1
  88. package/dist/packages/pagination/pagination.react.stories.d.ts +1 -1
  89. package/dist/packages/pill/pill.react.stories.d.ts +1 -1
  90. package/dist/packages/select/select.react.stories.d.ts +1 -1
  91. package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
  92. package/dist/packages/textfield/textfield.d.ts +57 -60
  93. package/dist/packages/textfield/textfield.js +5 -5
  94. package/dist/packages/textfield/textfield.js.map +2 -2
  95. package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
  96. package/dist/packages/textfield/textfield.stories.d.ts +3 -0
  97. package/dist/packages/textfield/textfield.stories.js +45 -0
  98. package/dist/web-types.json +452 -147
  99. package/package.json +2 -2
package/dist/docs/slider/api.md CHANGED
@@ -4,120 +4,113 @@
4
4
 
5
5
  | Name | Type | Default | Summary |
6
6
  |-|-|-|-|
7
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
8
- | label | `string` | `-` | - |
7
+ | _hasInternalError | `boolean` | `false` | - |
8
+ | _invalidMessage | `string` | `''` | - |
9
+ | _showError | `boolean` | `false` | - |
10
+ | _tabbableElements | `Array<HTMLElement>` | `[]` | - |
11
+ | componentHasError | `boolean` | `-` | - |
9
12
  | disabled | `boolean` | `false` | - |
10
- | openEnded | `boolean` | `false` | - |
13
+ | edgeMax | `unknown` | `-` | - |
14
+ | edgeMin | `unknown` | `-` | - |
11
15
  | error | `string` | `-` | - |
16
+ | errorText | `string` | `-` | - |
17
+ | fieldset | `HTMLFieldSetElement` | `-` | - |
12
18
  | helpText | `string` | `-` | - |
19
+ | hiddenTextfield | `boolean` | `false` | - |
13
20
  | invalid | `boolean` | `false` | - |
14
- | required | `boolean` | `false` | - |
15
- | min | `string` | `-` | - |
21
+ | label | `string` | `-` | The slider fieldset label. Required for proper accessibility. |
22
+ | labelFormatter | `(slot: SliderSlot) => string` | `-` | Formatter for the min and max labels below the range. |
23
+ | markers | `number` | `-` | Pass a value similar to step to create visual markers at that interval |
16
24
  | max | `string` | `-` | - |
17
- | markers | `number` | `-` | - |
25
+ | min | `string` | `-` | - |
26
+ | openEnded | `boolean` | `false` | Whether or not to allow values outside the range such as "Before 1950" and "2025+". |
27
+ | required | `boolean` | `false` | Ensures a child slider thumb has a value before allowing the containing form to submit. |
28
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
18
29
  | step | `number` | `-` | - |
19
- | suffix | `string` | `-` | - |
20
- | hiddenTextfield | `boolean` | `false` | - |
21
- | valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
22
- | tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
23
- | labelFormatter | `(slot: SliderSlot) => string` | `-` | - |
24
- | fieldset | `HTMLFieldSetElement` | `-` | - |
25
- | _invalidMessage | `string` | `''` | - |
26
- | _hasInternalError | `boolean` | `false` | - |
27
- | _showError | `boolean` | `false` | - |
28
- | _tabbableElements | `Array<HTMLElement>` | `[]` | - |
29
- | edgeMin | `unknown` | `-` | - |
30
- | edgeMax | `unknown` | `-` | - |
31
- | componentHasError | `boolean` | `-` | - |
32
- | errorText | `string` | `-` | - |
30
+ | suffix | `string` | `-` | Suffix used in text input fields and for the min and max values of the slider. |
31
+ | tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. |
32
+ | valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | Formatter for the tooltip and input mask values. |
33
33
 
34
34
  ### Property Details
35
35
 
36
- #### shadowRootOptions
36
+ #### _hasInternalError
37
37
 
38
38
 
39
39
 
40
- - Type: `object`
41
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
40
+ - Type: `boolean`
41
+ - Default: `false`
42
42
 
43
- #### label
43
+ #### _invalidMessage
44
44
 
45
45
 
46
46
 
47
47
  - Type: `string`
48
- - Default: `-`
49
-
50
- #### disabled
51
-
52
-
53
-
54
- - Type: `boolean`
55
- - Default: `false`
48
+ - Default: `''`
56
49
 
57
- #### openEnded
50
+ #### _showError
58
51
 
59
52
 
60
53
 
61
54
  - Type: `boolean`
62
55
  - Default: `false`
63
56
 
64
- #### error
57
+ #### _tabbableElements
65
58
 
66
59
 
67
60
 
68
- - Type: `string`
69
- - Default: `-`
61
+ - Type: `Array<HTMLElement>`
62
+ - Default: `[]`
70
63
 
71
- #### helpText
64
+ #### componentHasError
72
65
 
73
66
 
74
67
 
75
- - Type: `string`
68
+ - Type: `boolean`
76
69
  - Default: `-`
77
70
 
78
- #### invalid
71
+ #### disabled
79
72
 
80
73
 
81
74
 
82
75
  - Type: `boolean`
83
76
  - Default: `false`
84
77
 
85
- #### required
78
+ #### edgeMax
86
79
 
87
80
 
88
81
 
89
- - Type: `boolean`
90
- - Default: `false`
82
+ - Type: `unknown`
83
+ - Default: `-`
91
84
 
92
- #### min
85
+ #### edgeMin
93
86
 
94
87
 
95
88
 
96
- - Type: `string`
89
+ - Type: `unknown`
97
90
  - Default: `-`
98
91
 
99
- #### max
92
+ #### error
100
93
 
101
94
 
102
95
 
103
96
  - Type: `string`
104
97
  - Default: `-`
105
98
 
106
- #### markers
99
+ #### errorText
107
100
 
108
101
 
109
102
 
110
- - Type: `number`
103
+ - Type: `string`
111
104
  - Default: `-`
112
105
 
113
- #### step
106
+ #### fieldset
114
107
 
115
108
 
116
109
 
117
- - Type: `number`
110
+ - Type: `HTMLFieldSetElement`
118
111
  - Default: `-`
119
112
 
120
- #### suffix
113
+ #### helpText
121
114
 
122
115
 
123
116
 
@@ -131,88 +124,97 @@
131
124
  - Type: `boolean`
132
125
  - Default: `false`
133
126
 
134
- #### valueFormatter
127
+ #### invalid
135
128
 
136
129
 
137
130
 
138
- - Type: `(value: string, slot: SliderSlot) => string`
139
- - Default: `-`
131
+ - Type: `boolean`
132
+ - Default: `false`
140
133
 
141
- #### tooltipFormatter
134
+ #### label
142
135
 
136
+ The slider fieldset label. Required for proper accessibility.
143
137
 
138
+ If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
144
139
 
145
- - Type: `(value: string, slot: SliderSlot) => string`
140
+ - Type: `string`
146
141
  - Default: `-`
147
142
 
148
143
  #### labelFormatter
149
144
 
150
-
145
+ Formatter for the min and max labels below the range.
151
146
 
152
147
  - Type: `(slot: SliderSlot) => string`
153
148
  - Default: `-`
154
149
 
155
- #### fieldset
156
-
150
+ #### markers
157
151
 
152
+ Pass a value similar to step to create visual markers at that interval
158
153
 
159
- - Type: `HTMLFieldSetElement`
154
+ - Type: `number`
160
155
  - Default: `-`
161
156
 
162
- #### _invalidMessage
157
+ #### max
163
158
 
164
159
 
165
160
 
166
161
  - Type: `string`
167
- - Default: `''`
162
+ - Default: `-`
163
+
164
+ #### min
168
165
 
169
- #### _hasInternalError
170
166
 
171
167
 
168
+ - Type: `string`
169
+ - Default: `-`
170
+
171
+ #### openEnded
172
+
173
+ Whether or not to allow values outside the range such as "Before 1950" and "2025+".
172
174
 
173
175
  - Type: `boolean`
174
176
  - Default: `false`
175
177
 
176
- #### _showError
177
-
178
+ #### required
178
179
 
180
+ Ensures a child slider thumb has a value before allowing the containing form to submit.
179
181
 
180
182
  - Type: `boolean`
181
183
  - Default: `false`
182
184
 
183
- #### _tabbableElements
185
+ #### shadowRootOptions
184
186
 
185
187
 
186
188
 
187
- - Type: `Array<HTMLElement>`
188
- - Default: `[]`
189
+ - Type: `object`
190
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
189
191
 
190
- #### edgeMin
192
+ #### step
191
193
 
192
194
 
193
195
 
194
- - Type: `unknown`
196
+ - Type: `number`
195
197
  - Default: `-`
196
198
 
197
- #### edgeMax
198
-
199
+ #### suffix
199
200
 
201
+ Suffix used in text input fields and for the min and max values of the slider.
200
202
 
201
- - Type: `unknown`
203
+ - Type: `string`
202
204
  - Default: `-`
203
205
 
204
- #### componentHasError
205
-
206
+ #### tooltipFormatter
206
207
 
208
+ Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip.
207
209
 
208
- - Type: `boolean`
210
+ - Type: `(value: string, slot: SliderSlot) => string`
209
211
  - Default: `-`
210
212
 
211
- #### errorText
212
-
213
+ #### valueFormatter
213
214
 
215
+ Formatter for the tooltip and input mask values.
214
216
 
215
- - Type: `string`
217
+ - Type: `(value: string, slot: SliderSlot) => string`
216
218
  - Default: `-`
217
219
 
218
220
  ### Types
package/dist/docs/slider/slider.md CHANGED
@@ -18,120 +18,113 @@ Parent component for sliders (both single and range sliders). Used in combinatio
18
18
 
19
19
  | Name | Type | Default | Summary |
20
20
  |-|-|-|-|
21
- | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
22
- | label | `string` | `-` | - |
21
+ | _hasInternalError | `boolean` | `false` | - |
22
+ | _invalidMessage | `string` | `''` | - |
23
+ | _showError | `boolean` | `false` | - |
24
+ | _tabbableElements | `Array<HTMLElement>` | `[]` | - |
25
+ | componentHasError | `boolean` | `-` | - |
23
26
  | disabled | `boolean` | `false` | - |
24
- | openEnded | `boolean` | `false` | - |
27
+ | edgeMax | `unknown` | `-` | - |
28
+ | edgeMin | `unknown` | `-` | - |
25
29
  | error | `string` | `-` | - |
30
+ | errorText | `string` | `-` | - |
31
+ | fieldset | `HTMLFieldSetElement` | `-` | - |
26
32
  | helpText | `string` | `-` | - |
33
+ | hiddenTextfield | `boolean` | `false` | - |
27
34
  | invalid | `boolean` | `false` | - |
28
- | required | `boolean` | `false` | - |
29
- | min | `string` | `-` | - |
35
+ | label | `string` | `-` | The slider fieldset label. Required for proper accessibility. |
36
+ | labelFormatter | `(slot: SliderSlot) => string` | `-` | Formatter for the min and max labels below the range. |
37
+ | markers | `number` | `-` | Pass a value similar to step to create visual markers at that interval |
30
38
  | max | `string` | `-` | - |
31
- | markers | `number` | `-` | - |
39
+ | min | `string` | `-` | - |
40
+ | openEnded | `boolean` | `false` | Whether or not to allow values outside the range such as "Before 1950" and "2025+". |
41
+ | required | `boolean` | `false` | Ensures a child slider thumb has a value before allowing the containing form to submit. |
42
+ | shadowRootOptions | `object` | `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }` | - |
32
43
  | step | `number` | `-` | - |
33
- | suffix | `string` | `-` | - |
34
- | hiddenTextfield | `boolean` | `false` | - |
35
- | valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
36
- | tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | - |
37
- | labelFormatter | `(slot: SliderSlot) => string` | `-` | - |
38
- | fieldset | `HTMLFieldSetElement` | `-` | - |
39
- | _invalidMessage | `string` | `''` | - |
40
- | _hasInternalError | `boolean` | `false` | - |
41
- | _showError | `boolean` | `false` | - |
42
- | _tabbableElements | `Array<HTMLElement>` | `[]` | - |
43
- | edgeMin | `unknown` | `-` | - |
44
- | edgeMax | `unknown` | `-` | - |
45
- | componentHasError | `boolean` | `-` | - |
46
- | errorText | `string` | `-` | - |
44
+ | suffix | `string` | `-` | Suffix used in text input fields and for the min and max values of the slider. |
45
+ | tooltipFormatter | `(value: string, slot: SliderSlot) => string` | `-` | Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip. |
46
+ | valueFormatter | `(value: string, slot: SliderSlot) => string` | `-` | Formatter for the tooltip and input mask values. |
47
47
 
48
48
  ### Property Details
49
49
 
50
- #### shadowRootOptions
50
+ #### _hasInternalError
51
51
 
52
52
 
53
53
 
54
- - Type: `object`
55
- - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
54
+ - Type: `boolean`
55
+ - Default: `false`
56
56
 
57
- #### label
57
+ #### _invalidMessage
58
58
 
59
59
 
60
60
 
61
61
  - Type: `string`
62
- - Default: `-`
63
-
64
- #### disabled
65
-
66
-
67
-
68
- - Type: `boolean`
69
- - Default: `false`
62
+ - Default: `''`
70
63
 
71
- #### openEnded
64
+ #### _showError
72
65
 
73
66
 
74
67
 
75
68
  - Type: `boolean`
76
69
  - Default: `false`
77
70
 
78
- #### error
71
+ #### _tabbableElements
79
72
 
80
73
 
81
74
 
82
- - Type: `string`
83
- - Default: `-`
75
+ - Type: `Array<HTMLElement>`
76
+ - Default: `[]`
84
77
 
85
- #### helpText
78
+ #### componentHasError
86
79
 
87
80
 
88
81
 
89
- - Type: `string`
82
+ - Type: `boolean`
90
83
  - Default: `-`
91
84
 
92
- #### invalid
85
+ #### disabled
93
86
 
94
87
 
95
88
 
96
89
  - Type: `boolean`
97
90
  - Default: `false`
98
91
 
99
- #### required
92
+ #### edgeMax
100
93
 
101
94
 
102
95
 
103
- - Type: `boolean`
104
- - Default: `false`
96
+ - Type: `unknown`
97
+ - Default: `-`
105
98
 
106
- #### min
99
+ #### edgeMin
107
100
 
108
101
 
109
102
 
110
- - Type: `string`
103
+ - Type: `unknown`
111
104
  - Default: `-`
112
105
 
113
- #### max
106
+ #### error
114
107
 
115
108
 
116
109
 
117
110
  - Type: `string`
118
111
  - Default: `-`
119
112
 
120
- #### markers
113
+ #### errorText
121
114
 
122
115
 
123
116
 
124
- - Type: `number`
117
+ - Type: `string`
125
118
  - Default: `-`
126
119
 
127
- #### step
120
+ #### fieldset
128
121
 
129
122
 
130
123
 
131
- - Type: `number`
124
+ - Type: `HTMLFieldSetElement`
132
125
  - Default: `-`
133
126
 
134
- #### suffix
127
+ #### helpText
135
128
 
136
129
 
137
130
 
@@ -145,88 +138,97 @@ Parent component for sliders (both single and range sliders). Used in combinatio
145
138
  - Type: `boolean`
146
139
  - Default: `false`
147
140
 
148
- #### valueFormatter
141
+ #### invalid
149
142
 
150
143
 
151
144
 
152
- - Type: `(value: string, slot: SliderSlot) => string`
153
- - Default: `-`
145
+ - Type: `boolean`
146
+ - Default: `false`
154
147
 
155
- #### tooltipFormatter
148
+ #### label
156
149
 
150
+ The slider fieldset label. Required for proper accessibility.
157
151
 
152
+ If you need to display HTML, use the `label` slot instead (f. ex. `<legend class="sr-only" slot="label">Production year</legend>`)
158
153
 
159
- - Type: `(value: string, slot: SliderSlot) => string`
154
+ - Type: `string`
160
155
  - Default: `-`
161
156
 
162
157
  #### labelFormatter
163
158
 
164
-
159
+ Formatter for the min and max labels below the range.
165
160
 
166
161
  - Type: `(slot: SliderSlot) => string`
167
162
  - Default: `-`
168
163
 
169
- #### fieldset
170
-
164
+ #### markers
171
165
 
166
+ Pass a value similar to step to create visual markers at that interval
172
167
 
173
- - Type: `HTMLFieldSetElement`
168
+ - Type: `number`
174
169
  - Default: `-`
175
170
 
176
- #### _invalidMessage
171
+ #### max
177
172
 
178
173
 
179
174
 
180
175
  - Type: `string`
181
- - Default: `''`
176
+ - Default: `-`
177
+
178
+ #### min
182
179
 
183
- #### _hasInternalError
184
180
 
185
181
 
182
+ - Type: `string`
183
+ - Default: `-`
184
+
185
+ #### openEnded
186
+
187
+ Whether or not to allow values outside the range such as "Before 1950" and "2025+".
186
188
 
187
189
  - Type: `boolean`
188
190
  - Default: `false`
189
191
 
190
- #### _showError
191
-
192
+ #### required
192
193
 
194
+ Ensures a child slider thumb has a value before allowing the containing form to submit.
193
195
 
194
196
  - Type: `boolean`
195
197
  - Default: `false`
196
198
 
197
- #### _tabbableElements
199
+ #### shadowRootOptions
198
200
 
199
201
 
200
202
 
201
- - Type: `Array<HTMLElement>`
202
- - Default: `[]`
203
+ - Type: `object`
204
+ - Default: `{ ...LitElement.shadowRootOptions, delegatesFocus: true, }`
203
205
 
204
- #### edgeMin
206
+ #### step
205
207
 
206
208
 
207
209
 
208
- - Type: `unknown`
210
+ - Type: `number`
209
211
  - Default: `-`
210
212
 
211
- #### edgeMax
212
-
213
+ #### suffix
213
214
 
215
+ Suffix used in text input fields and for the min and max values of the slider.
214
216
 
215
- - Type: `unknown`
217
+ - Type: `string`
216
218
  - Default: `-`
217
219
 
218
- #### componentHasError
219
-
220
+ #### tooltipFormatter
220
221
 
222
+ Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example "300+ hk" instead of "Max" in the tooltip.
221
223
 
222
- - Type: `boolean`
224
+ - Type: `(value: string, slot: SliderSlot) => string`
223
225
  - Default: `-`
224
226
 
225
- #### errorText
226
-
227
+ #### valueFormatter
227
228
 
229
+ Formatter for the tooltip and input mask values.
228
230
 
229
- - Type: `string`
231
+ - Type: `(value: string, slot: SliderSlot) => string`
230
232
  - Default: `-`
231
233
 
232
234
  ### Types