@shortfuse/materialdesignweb 0.9.0 → 0.9.2

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 (282) hide show
  1. package/README.md +50 -206
  2. package/components/Badge.js +5 -2
  3. package/components/Body.js +4 -0
  4. package/components/BottomAppBar.js +6 -2
  5. package/components/BottomSheet.js +62 -14
  6. package/components/Button.js +20 -0
  7. package/components/Card.js +20 -3
  8. package/components/Checkbox.js +8 -0
  9. package/components/CheckboxIcon.js +9 -3
  10. package/components/Chip.js +5 -2
  11. package/components/Dialog.js +22 -3
  12. package/components/DialogActions.js +4 -0
  13. package/components/Display.js +9 -0
  14. package/components/Divider.js +5 -0
  15. package/components/Fab.js +11 -0
  16. package/components/FabContainer.js +9 -0
  17. package/components/FilterChip.js +9 -0
  18. package/components/Grid.js +11 -0
  19. package/components/Headline.js +4 -0
  20. package/components/Icon.js +27 -3
  21. package/components/IconButton.js +8 -2
  22. package/components/Input.js +87 -14
  23. package/components/InputChip.js +33 -1
  24. package/components/Label.js +4 -0
  25. package/components/List.js +10 -0
  26. package/components/ListItem.js +53 -0
  27. package/components/ListOption.js +62 -1
  28. package/components/Listbox.js +44 -13
  29. package/components/Menu.js +31 -9
  30. package/components/MenuItem.js +24 -10
  31. package/components/NavBar.js +14 -3
  32. package/components/NavBarItem.js +5 -0
  33. package/components/NavDrawer.js +17 -0
  34. package/components/NavDrawerItem.js +5 -0
  35. package/components/NavItem.js +22 -2
  36. package/components/NavRail.js +9 -0
  37. package/components/NavRailItem.js +5 -0
  38. package/components/Page.js +15 -1
  39. package/components/Pane.js +7 -1
  40. package/components/Popup.js +6 -0
  41. package/components/Progress.js +25 -5
  42. package/components/Radio.js +6 -2
  43. package/components/RadioIcon.js +14 -1
  44. package/components/Ripple.js +14 -0
  45. package/components/Root.js +16 -0
  46. package/components/Scrim.js +10 -2
  47. package/components/Search.js +18 -5
  48. package/components/SegmentedButton.js +22 -6
  49. package/components/SegmentedButtonGroup.js +7 -10
  50. package/components/Select.js +13 -3
  51. package/components/Shape.js +4 -0
  52. package/components/SideSheet.js +31 -2
  53. package/components/Slider.js +22 -2
  54. package/components/Snackbar.js +30 -4
  55. package/components/SnackbarContainer.js +9 -0
  56. package/components/Surface.js +5 -0
  57. package/components/Switch.js +18 -2
  58. package/components/SwitchIcon.js +22 -1
  59. package/components/Tab.js +21 -0
  60. package/components/TabContent.js +32 -12
  61. package/components/TabList.js +36 -3
  62. package/components/TabPanel.js +9 -0
  63. package/components/Table.js +38 -3
  64. package/components/TextArea.js +32 -1
  65. package/components/Title.js +4 -0
  66. package/components/Tooltip.js +9 -2
  67. package/components/TopAppBar.js +15 -0
  68. package/core/Composition.js +45 -16
  69. package/core/CompositionAdapter.js +24 -6
  70. package/core/CustomElement.js +77 -49
  71. package/core/customTypes.js +43 -26
  72. package/core/dom.js +1 -0
  73. package/core/jsonMergePatch.js +15 -1
  74. package/core/observe.js +28 -21
  75. package/dist/CustomElement.min.js +2 -0
  76. package/dist/CustomElement.min.js.map +7 -0
  77. package/dist/core/CustomElement.min.js +2 -0
  78. package/dist/core/CustomElement.min.js.map +7 -0
  79. package/dist/index.min.js +9 -9
  80. package/dist/index.min.js.map +3 -3
  81. package/dist/meta.json +1 -1
  82. package/dom/HTMLOptionsCollectionProxy.js +5 -3
  83. package/mixins/AriaReflectorMixin.js +22 -13
  84. package/mixins/AriaToolbarMixin.js +3 -0
  85. package/mixins/ControlMixin.js +3 -0
  86. package/mixins/DelegatesFocusMixin.js +9 -1
  87. package/mixins/DensityMixin.js +5 -1
  88. package/mixins/ElevationMixin.js +1 -2
  89. package/mixins/FlexableMixin.js +21 -2
  90. package/mixins/FormAssociatedMixin.js +19 -5
  91. package/mixins/HyperlinkMixin.js +11 -1
  92. package/mixins/InputMixin.js +22 -0
  93. package/mixins/KeyboardNavMixin.js +3 -1
  94. package/mixins/PopupMixin.js +41 -12
  95. package/mixins/RTLObserverMixin.js +2 -0
  96. package/mixins/ResizeObserverMixin.js +2 -0
  97. package/mixins/RippleMixin.js +3 -1
  98. package/mixins/ScrollListenerMixin.js +13 -1
  99. package/mixins/SemiStickyMixin.js +7 -0
  100. package/mixins/ShapeMaskedMixin.js +9 -1
  101. package/mixins/ShapeMixin.js +9 -0
  102. package/mixins/StateMixin.js +4 -0
  103. package/mixins/TextFieldMixin.js +21 -2
  104. package/mixins/ThemableMixin.js +13 -0
  105. package/mixins/TooltipTriggerMixin.js +17 -3
  106. package/mixins/TouchTargetMixin.js +4 -1
  107. package/mixins/TypographyMixin.js +8 -1
  108. package/package.json +53 -45
  109. package/services/theme.js +4 -5
  110. package/types/components/BottomAppBar.d.ts +3 -4
  111. package/types/components/BottomSheet.d.ts +33 -7
  112. package/types/components/BottomSheet.d.ts.map +1 -1
  113. package/types/components/Button.d.ts +3 -472
  114. package/types/components/Button.d.ts.map +1 -1
  115. package/types/components/Card.d.ts +9 -274
  116. package/types/components/Card.d.ts.map +1 -1
  117. package/types/components/Checkbox.d.ts +2 -0
  118. package/types/components/Checkbox.d.ts.map +1 -1
  119. package/types/components/Chip.d.ts +3 -1180
  120. package/types/components/Dialog.d.ts +8 -191
  121. package/types/components/Dialog.d.ts.map +1 -1
  122. package/types/components/Display.d.ts +5 -4
  123. package/types/components/Display.d.ts.map +1 -1
  124. package/types/components/Fab.d.ts +2 -470
  125. package/types/components/FilterChip.d.ts +5 -4032
  126. package/types/components/Grid.d.ts +1 -0
  127. package/types/components/Grid.d.ts.map +1 -1
  128. package/types/components/Headline.d.ts +3 -4
  129. package/types/components/Icon.d.ts +1 -49
  130. package/types/components/Icon.d.ts.map +1 -1
  131. package/types/components/IconButton.d.ts +3 -1205
  132. package/types/components/Input.d.ts +1485 -50245
  133. package/types/components/Input.d.ts.map +1 -1
  134. package/types/components/InputChip.d.ts +2 -160
  135. package/types/components/List.d.ts +8 -4
  136. package/types/components/List.d.ts.map +1 -1
  137. package/types/components/ListItem.d.ts +10 -235
  138. package/types/components/ListItem.d.ts.map +1 -1
  139. package/types/components/ListOption.d.ts +17 -1352
  140. package/types/components/ListOption.d.ts.map +1 -1
  141. package/types/components/Listbox.d.ts +199 -11448
  142. package/types/components/Listbox.d.ts.map +1 -1
  143. package/types/components/Menu.d.ts +21 -10
  144. package/types/components/Menu.d.ts.map +1 -1
  145. package/types/components/MenuItem.d.ts +17 -2894
  146. package/types/components/MenuItem.d.ts.map +1 -1
  147. package/types/components/NavBar.d.ts +2 -0
  148. package/types/components/NavBar.d.ts.map +1 -1
  149. package/types/components/NavBarItem.d.ts +1 -90
  150. package/types/components/NavDrawer.d.ts +3 -4
  151. package/types/components/NavDrawerItem.d.ts +1 -90
  152. package/types/components/NavItem.d.ts +1 -92
  153. package/types/components/NavItem.d.ts.map +1 -1
  154. package/types/components/NavRail.d.ts +3 -4
  155. package/types/components/NavRailItem.d.ts +1 -90
  156. package/types/components/Page.d.ts +1 -0
  157. package/types/components/Page.d.ts.map +1 -1
  158. package/types/components/Popup.d.ts +5 -3
  159. package/types/components/Popup.d.ts.map +1 -1
  160. package/types/components/Progress.d.ts +2 -0
  161. package/types/components/Progress.d.ts.map +1 -1
  162. package/types/components/Radio.d.ts +2 -0
  163. package/types/components/Radio.d.ts.map +1 -1
  164. package/types/components/Ripple.d.ts +1 -0
  165. package/types/components/Ripple.d.ts.map +1 -1
  166. package/types/components/Root.d.ts +1 -1
  167. package/types/components/Root.d.ts.map +1 -1
  168. package/types/components/Search.d.ts +502 -2
  169. package/types/components/Search.d.ts.map +1 -1
  170. package/types/components/SegmentedButton.d.ts +4 -470
  171. package/types/components/SegmentedButton.d.ts.map +1 -1
  172. package/types/components/SegmentedButtonGroup.d.ts +3 -4
  173. package/types/components/SegmentedButtonGroup.d.ts.map +1 -1
  174. package/types/components/Select.d.ts +5 -1208
  175. package/types/components/Select.d.ts.map +1 -1
  176. package/types/components/SideSheet.d.ts +9 -4
  177. package/types/components/SideSheet.d.ts.map +1 -1
  178. package/types/components/Slider.d.ts +10 -189
  179. package/types/components/Slider.d.ts.map +1 -1
  180. package/types/components/Snackbar.d.ts +13 -5
  181. package/types/components/Snackbar.d.ts.map +1 -1
  182. package/types/components/Switch.d.ts +4 -0
  183. package/types/components/Switch.d.ts.map +1 -1
  184. package/types/components/SwitchIcon.d.ts +2 -110
  185. package/types/components/SwitchIcon.d.ts.map +1 -1
  186. package/types/components/Tab.d.ts +12 -752
  187. package/types/components/Tab.d.ts.map +1 -1
  188. package/types/components/TabContent.d.ts +23 -21
  189. package/types/components/TabContent.d.ts.map +1 -1
  190. package/types/components/TabList.d.ts +646 -5801
  191. package/types/components/TabList.d.ts.map +1 -1
  192. package/types/components/TabPanel.d.ts +4 -4
  193. package/types/components/TabPanel.d.ts.map +1 -1
  194. package/types/components/Table.d.ts +24 -1
  195. package/types/components/Table.d.ts.map +1 -1
  196. package/types/components/TextArea.d.ts +15 -1208
  197. package/types/components/TextArea.d.ts.map +1 -1
  198. package/types/components/Title.d.ts +3 -4
  199. package/types/components/Tooltip.d.ts +4 -4
  200. package/types/components/Tooltip.d.ts.map +1 -1
  201. package/types/components/TopAppBar.d.ts +4 -5
  202. package/types/components/TopAppBar.d.ts.map +1 -1
  203. package/types/constants/shapes.d.ts.map +1 -1
  204. package/types/core/Composition.d.ts +19 -11
  205. package/types/core/Composition.d.ts.map +1 -1
  206. package/types/core/CompositionAdapter.d.ts +30 -8
  207. package/types/core/CompositionAdapter.d.ts.map +1 -1
  208. package/types/core/CustomElement.d.ts +27 -25
  209. package/types/core/CustomElement.d.ts.map +1 -1
  210. package/types/core/customTypes.d.ts +2 -6
  211. package/types/core/customTypes.d.ts.map +1 -1
  212. package/types/core/dom.d.ts.map +1 -1
  213. package/types/core/jsonMergePatch.d.ts.map +1 -1
  214. package/types/core/observe.d.ts +20 -19
  215. package/types/core/observe.d.ts.map +1 -1
  216. package/types/core/template.d.ts.map +1 -1
  217. package/types/dom/HTMLOptionsCollectionProxy.d.ts +4 -4
  218. package/types/dom/HTMLOptionsCollectionProxy.d.ts.map +1 -1
  219. package/types/mixins/AriaReflectorMixin.d.ts +18 -10
  220. package/types/mixins/AriaReflectorMixin.d.ts.map +1 -1
  221. package/types/mixins/AriaToolbarMixin.d.ts +6 -4
  222. package/types/mixins/AriaToolbarMixin.d.ts.map +1 -1
  223. package/types/mixins/ControlMixin.d.ts +1 -1
  224. package/types/mixins/ControlMixin.d.ts.map +1 -1
  225. package/types/mixins/DelegatesFocusMixin.d.ts +9 -1
  226. package/types/mixins/DelegatesFocusMixin.d.ts.map +1 -1
  227. package/types/mixins/DensityMixin.d.ts +4 -1
  228. package/types/mixins/DensityMixin.d.ts.map +1 -1
  229. package/types/mixins/ElevationMixin.d.ts +1 -2
  230. package/types/mixins/ElevationMixin.d.ts.map +1 -1
  231. package/types/mixins/FlexableMixin.d.ts +1 -0
  232. package/types/mixins/FlexableMixin.d.ts.map +1 -1
  233. package/types/mixins/FormAssociatedMixin.d.ts +3 -2
  234. package/types/mixins/FormAssociatedMixin.d.ts.map +1 -1
  235. package/types/mixins/HyperlinkMixin.d.ts +4 -1
  236. package/types/mixins/HyperlinkMixin.d.ts.map +1 -1
  237. package/types/mixins/InputMixin.d.ts +1 -7
  238. package/types/mixins/InputMixin.d.ts.map +1 -1
  239. package/types/mixins/KeyboardNavMixin.d.ts +4 -5
  240. package/types/mixins/KeyboardNavMixin.d.ts.map +1 -1
  241. package/types/mixins/PopupMixin.d.ts +22 -6
  242. package/types/mixins/PopupMixin.d.ts.map +1 -1
  243. package/types/mixins/RTLObserverMixin.d.ts +1 -0
  244. package/types/mixins/RTLObserverMixin.d.ts.map +1 -1
  245. package/types/mixins/ResizeObserverMixin.d.ts +1 -0
  246. package/types/mixins/ResizeObserverMixin.d.ts.map +1 -1
  247. package/types/mixins/RippleMixin.d.ts +3 -1
  248. package/types/mixins/RippleMixin.d.ts.map +1 -1
  249. package/types/mixins/ScrollListenerMixin.d.ts +7 -2
  250. package/types/mixins/ScrollListenerMixin.d.ts.map +1 -1
  251. package/types/mixins/SemiStickyMixin.d.ts +1 -1
  252. package/types/mixins/SemiStickyMixin.d.ts.map +1 -1
  253. package/types/mixins/ShapeMaskedMixin.d.ts +4 -1
  254. package/types/mixins/ShapeMaskedMixin.d.ts.map +1 -1
  255. package/types/mixins/ShapeMixin.d.ts +1 -0
  256. package/types/mixins/ShapeMixin.d.ts.map +1 -1
  257. package/types/mixins/StateMixin.d.ts +2 -0
  258. package/types/mixins/StateMixin.d.ts.map +1 -1
  259. package/types/mixins/TextFieldMixin.d.ts +7 -1208
  260. package/types/mixins/TextFieldMixin.d.ts.map +1 -1
  261. package/types/mixins/ThemableMixin.d.ts +1 -0
  262. package/types/mixins/ThemableMixin.d.ts.map +1 -1
  263. package/types/mixins/TooltipTriggerMixin.d.ts +12 -4
  264. package/types/mixins/TooltipTriggerMixin.d.ts.map +1 -1
  265. package/types/mixins/TouchTargetMixin.d.ts +4 -1
  266. package/types/mixins/TouchTargetMixin.d.ts.map +1 -1
  267. package/types/mixins/TypographyMixin.d.ts +4 -1
  268. package/types/mixins/TypographyMixin.d.ts.map +1 -1
  269. package/types/services/theme.d.ts.map +1 -1
  270. package/types/utils/jsx-runtime.d.ts +3 -3
  271. package/types/utils/jsx-runtime.d.ts.map +1 -1
  272. package/types/utils/material-color/hct/Hct.d.ts.map +1 -1
  273. package/types/utils/material-color/palettes/CorePalette.d.ts +1 -1
  274. package/types/utils/material-color/palettes/CorePalette.d.ts.map +1 -1
  275. package/types/utils/material-color/scheme/Scheme.d.ts.map +1 -1
  276. package/types/utils/pixelmatch.d.ts +3 -3
  277. package/types/utils/pixelmatch.d.ts.map +1 -1
  278. package/types/utils/searchParams.d.ts.map +1 -1
  279. package/utils/jsx-runtime.js +9 -4
  280. package/utils/pixelmatch.js +10 -7
  281. package/utils/searchParams.js +3 -0
  282. package/components/Button.md +0 -61
@@ -140,1223 +140,25 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
140
140
  }, any[]> & import("../core/CustomElement.js").Class<{
141
141
  erroredState: boolean;
142
142
  }, any[]> & import("../core/CustomElement.js").Class<{
143
- computePlaceholder: () => ReturnType<({ filled, outlined, label, placeholder }: CustomElement & {
144
- disabled: boolean;
145
- focused: boolean;
146
- hovered: boolean;
147
- pressed: boolean;
148
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
149
- _hovered: boolean;
150
- _focused: boolean;
151
- _focusedSynthetic: boolean;
152
- _keyPressed: boolean;
153
- _keyReleased: boolean;
154
- _pointerPressed: boolean;
155
- stateLayer: boolean;
156
- } & {
157
- disabledState: boolean;
158
- hoveredState: boolean;
159
- focusedState: boolean;
160
- pressedState: boolean;
161
- touchedState: boolean;
162
- pointedState: boolean;
163
- } & {
164
- stateTargetElement: HTMLElement;
165
- } & {
166
- color: string;
167
- ink: string;
168
- typeStyle: string;
169
- } & {
170
- shapeTop: boolean;
171
- shapeBottom: boolean;
172
- shapeStart: boolean;
173
- shapeEnd: boolean;
174
- shapeStyle: string;
175
- outlined: boolean;
176
- } & {
177
- density: number;
178
- } & {
179
- delegatesFocus: boolean;
180
- } & {
181
- _ipcListener: EventListener;
182
- _ipcTarget: EventTarget;
183
- _files: FileList;
184
- } & {
185
- ariaControls: string;
186
- autocomplete: string;
187
- name: string;
188
- readOnly: boolean;
189
- formNoValidate: boolean;
190
- defaultChecked: boolean;
191
- _checkedDirty: boolean;
192
- _checked: boolean;
193
- required: boolean;
194
- type: string;
195
- _defaultValue: string;
196
- _value: string;
197
- _valueDirty: boolean;
198
- _userInteracted: boolean;
199
- _invalid: boolean;
200
- _badInput: boolean;
201
- _validationMessage: string;
202
- _formDisabled: boolean;
203
- _formReset: boolean;
204
- } & {
205
- erroredState: boolean;
206
- defaultValue: string;
207
- _valueBehavior: "default" | "value" | "default/on" | "filename";
208
- } & {
209
- _onSetValue(value: string): void;
210
- _onSetChecked(checked: boolean): void;
211
- } & {
212
- value: string;
213
- checked: boolean;
214
- } & {
215
- form: HTMLFormElement;
216
- validity: ValidityState;
217
- validationMessage: string;
218
- willValidate: boolean;
219
- labels: NodeList;
220
- } & {
221
- disabledState: boolean;
222
- } & {
223
- checkValidity(): boolean;
224
- reportValidity(): boolean;
225
- setCustomValidity(error: string): void;
226
- _notifyRadioChange(key: string, value: string): void;
227
- refreshFormAssociation(): void;
228
- formAssociatedCallback(form: HTMLFormElement | null): void;
229
- formIPCEvent(event: CustomEvent<[string, string]>): void;
230
- formDisabledCallback(disabled: boolean): void;
231
- formResetCallback(): void;
232
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
233
- _updateFormAssociatedValue(): void;
234
- } & {
235
- ariaLabel: string;
236
- _slotInnerText: string;
237
- } & {
238
- focusableOnDisabled: boolean;
239
- controlTagName: string;
240
- controlVoidElement: boolean;
241
- _slotMutationObserver: any;
242
- } & {
243
- _onControlValue(value: string): void;
244
- onValueChangingContentAttribute(): void;
245
- focus(options?: FocusOptions): void;
246
- click(): void;
247
- } & {
248
- stateTargetElement: HTMLElement;
249
- } & {
250
- checkValidity(): boolean;
251
- reportValidity(): boolean;
252
- setCustomValidity(error: string): void;
253
- } & {
254
- _computedAriaLabel: string;
255
- } & {
256
- _computedAriaLabelledby: never;
257
- } & {
258
- stateLayer: boolean;
259
- } & {
260
- type: string;
261
- icon: string;
262
- iconVariation: string;
263
- label: string;
264
- filled: boolean;
265
- outlined: boolean;
266
- inputPrefix: string;
267
- inputSuffix: string;
268
- trailingIcon: string;
269
- trailingIconInk: string;
270
- trailingIconLabel: string;
271
- supporting: string;
272
- error: string;
273
- placeholder: string;
274
- } & {
275
- erroredState: boolean;
276
- }) => string>;
277
- shouldShowSupporting: () => ReturnType<({ erroredState, supporting }: CustomElement & {
278
- disabled: boolean;
279
- focused: boolean;
280
- hovered: boolean;
281
- pressed: boolean;
282
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
283
- _hovered: boolean;
284
- _focused: boolean;
285
- _focusedSynthetic: boolean;
286
- _keyPressed: boolean;
287
- _keyReleased: boolean;
288
- _pointerPressed: boolean;
289
- stateLayer: boolean;
290
- } & {
291
- disabledState: boolean;
292
- hoveredState: boolean;
293
- focusedState: boolean;
294
- pressedState: boolean;
295
- touchedState: boolean;
296
- pointedState: boolean;
297
- } & {
298
- stateTargetElement: HTMLElement;
299
- } & {
300
- color: string;
301
- ink: string;
302
- typeStyle: string;
303
- } & {
304
- shapeTop: boolean;
305
- shapeBottom: boolean;
306
- shapeStart: boolean;
307
- shapeEnd: boolean;
308
- shapeStyle: string;
309
- outlined: boolean;
310
- } & {
311
- density: number;
312
- } & {
313
- delegatesFocus: boolean;
314
- } & {
315
- _ipcListener: EventListener;
316
- _ipcTarget: EventTarget;
317
- _files: FileList;
318
- } & {
319
- ariaControls: string;
320
- autocomplete: string;
321
- name: string;
322
- readOnly: boolean;
323
- formNoValidate: boolean;
324
- defaultChecked: boolean;
325
- _checkedDirty: boolean;
326
- _checked: boolean;
327
- required: boolean;
328
- type: string;
329
- _defaultValue: string;
330
- _value: string;
331
- _valueDirty: boolean;
332
- _userInteracted: boolean;
333
- _invalid: boolean;
334
- _badInput: boolean;
335
- _validationMessage: string;
336
- _formDisabled: boolean;
337
- _formReset: boolean;
338
- } & {
339
- erroredState: boolean;
340
- defaultValue: string;
341
- _valueBehavior: "default" | "value" | "default/on" | "filename";
342
- } & {
343
- _onSetValue(value: string): void;
344
- _onSetChecked(checked: boolean): void;
345
- } & {
346
- value: string;
347
- checked: boolean;
348
- } & {
349
- form: HTMLFormElement;
350
- validity: ValidityState;
351
- validationMessage: string;
352
- willValidate: boolean;
353
- labels: NodeList;
354
- } & {
355
- disabledState: boolean;
356
- } & {
357
- checkValidity(): boolean;
358
- reportValidity(): boolean;
359
- setCustomValidity(error: string): void;
360
- _notifyRadioChange(key: string, value: string): void;
361
- refreshFormAssociation(): void;
362
- formAssociatedCallback(form: HTMLFormElement | null): void;
363
- formIPCEvent(event: CustomEvent<[string, string]>): void;
364
- formDisabledCallback(disabled: boolean): void;
365
- formResetCallback(): void;
366
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
367
- _updateFormAssociatedValue(): void;
368
- } & {
369
- ariaLabel: string;
370
- _slotInnerText: string;
371
- } & {
372
- focusableOnDisabled: boolean;
373
- controlTagName: string;
374
- controlVoidElement: boolean;
375
- _slotMutationObserver: any;
376
- } & {
377
- _onControlValue(value: string): void;
378
- onValueChangingContentAttribute(): void;
379
- focus(options?: FocusOptions): void;
380
- click(): void;
381
- } & {
382
- stateTargetElement: HTMLElement;
383
- } & {
384
- checkValidity(): boolean;
385
- reportValidity(): boolean;
386
- setCustomValidity(error: string): void;
387
- } & {
388
- _computedAriaLabel: string;
389
- } & {
390
- _computedAriaLabelledby: never;
391
- } & {
392
- stateLayer: boolean;
393
- } & {
394
- type: string;
395
- icon: string;
396
- iconVariation: string;
397
- label: string;
398
- filled: boolean;
399
- outlined: boolean;
400
- inputPrefix: string;
401
- inputSuffix: string;
402
- trailingIcon: string;
403
- trailingIconInk: string;
404
- trailingIconLabel: string;
405
- supporting: string;
406
- error: string;
407
- placeholder: string;
408
- } & {
409
- erroredState: boolean;
410
- }) => boolean>;
411
- computeSupportingText: () => ReturnType<({ error, erroredState, _validationMessage, supporting }: CustomElement & {
412
- disabled: boolean;
413
- focused: boolean;
414
- hovered: boolean;
415
- pressed: boolean;
416
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
417
- _hovered: boolean;
418
- _focused: boolean;
419
- _focusedSynthetic: boolean;
420
- _keyPressed: boolean;
421
- _keyReleased: boolean;
422
- _pointerPressed: boolean;
423
- stateLayer: boolean;
424
- } & {
425
- disabledState: boolean;
426
- hoveredState: boolean;
427
- focusedState: boolean;
428
- pressedState: boolean;
429
- touchedState: boolean;
430
- pointedState: boolean;
431
- } & {
432
- stateTargetElement: HTMLElement;
433
- } & {
434
- color: string;
435
- ink: string;
436
- typeStyle: string;
437
- } & {
438
- shapeTop: boolean;
439
- shapeBottom: boolean;
440
- shapeStart: boolean;
441
- shapeEnd: boolean;
442
- shapeStyle: string;
443
- outlined: boolean;
444
- } & {
445
- density: number;
446
- } & {
447
- delegatesFocus: boolean;
448
- } & {
449
- _ipcListener: EventListener;
450
- _ipcTarget: EventTarget;
451
- _files: FileList;
452
- } & {
453
- ariaControls: string;
454
- autocomplete: string;
455
- name: string;
456
- readOnly: boolean;
457
- formNoValidate: boolean;
458
- defaultChecked: boolean;
459
- _checkedDirty: boolean;
460
- _checked: boolean;
461
- required: boolean;
462
- type: string;
463
- _defaultValue: string;
464
- _value: string;
465
- _valueDirty: boolean;
466
- _userInteracted: boolean;
467
- _invalid: boolean;
468
- _badInput: boolean;
469
- _validationMessage: string;
470
- _formDisabled: boolean;
471
- _formReset: boolean;
472
- } & {
473
- erroredState: boolean;
474
- defaultValue: string;
475
- _valueBehavior: "default" | "value" | "default/on" | "filename";
476
- } & {
477
- _onSetValue(value: string): void;
478
- _onSetChecked(checked: boolean): void;
479
- } & {
480
- value: string;
481
- checked: boolean;
482
- } & {
483
- form: HTMLFormElement;
484
- validity: ValidityState;
485
- validationMessage: string;
486
- willValidate: boolean;
487
- labels: NodeList;
488
- } & {
489
- disabledState: boolean;
490
- } & {
491
- checkValidity(): boolean;
492
- reportValidity(): boolean;
493
- setCustomValidity(error: string): void;
494
- _notifyRadioChange(key: string, value: string): void;
495
- refreshFormAssociation(): void;
496
- formAssociatedCallback(form: HTMLFormElement | null): void;
497
- formIPCEvent(event: CustomEvent<[string, string]>): void;
498
- formDisabledCallback(disabled: boolean): void;
499
- formResetCallback(): void;
500
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
501
- _updateFormAssociatedValue(): void;
502
- } & {
503
- ariaLabel: string;
504
- _slotInnerText: string;
505
- } & {
506
- focusableOnDisabled: boolean;
507
- controlTagName: string;
508
- controlVoidElement: boolean;
509
- _slotMutationObserver: any;
510
- } & {
511
- _onControlValue(value: string): void;
512
- onValueChangingContentAttribute(): void;
513
- focus(options?: FocusOptions): void;
514
- click(): void;
515
- } & {
516
- stateTargetElement: HTMLElement;
517
- } & {
518
- checkValidity(): boolean;
519
- reportValidity(): boolean;
520
- setCustomValidity(error: string): void;
521
- } & {
522
- _computedAriaLabel: string;
523
- } & {
524
- _computedAriaLabelledby: never;
525
- } & {
526
- stateLayer: boolean;
527
- } & {
528
- type: string;
529
- icon: string;
530
- iconVariation: string;
531
- label: string;
532
- filled: boolean;
533
- outlined: boolean;
534
- inputPrefix: string;
535
- inputSuffix: string;
536
- trailingIcon: string;
537
- trailingIconInk: string;
538
- trailingIconLabel: string;
539
- supporting: string;
540
- error: string;
541
- placeholder: string;
542
- } & {
543
- erroredState: boolean;
544
- }) => string>;
545
- populatedState: () => ReturnType<({ value, _badInput }: CustomElement & {
546
- disabled: boolean;
547
- focused: boolean;
548
- hovered: boolean;
549
- pressed: boolean;
550
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
551
- _hovered: boolean;
552
- _focused: boolean;
553
- _focusedSynthetic: boolean;
554
- _keyPressed: boolean;
555
- _keyReleased: boolean;
556
- _pointerPressed: boolean;
557
- stateLayer: boolean;
558
- } & {
559
- disabledState: boolean;
560
- hoveredState: boolean;
561
- focusedState: boolean;
562
- pressedState: boolean;
563
- touchedState: boolean;
564
- pointedState: boolean;
565
- } & {
566
- stateTargetElement: HTMLElement;
567
- } & {
568
- color: string;
569
- ink: string;
570
- typeStyle: string;
571
- } & {
572
- shapeTop: boolean;
573
- shapeBottom: boolean;
574
- shapeStart: boolean;
575
- shapeEnd: boolean;
576
- shapeStyle: string;
577
- outlined: boolean;
578
- } & {
579
- density: number;
580
- } & {
581
- delegatesFocus: boolean;
582
- } & {
583
- _ipcListener: EventListener;
584
- _ipcTarget: EventTarget;
585
- _files: FileList;
586
- } & {
587
- ariaControls: string;
588
- autocomplete: string;
589
- name: string;
590
- readOnly: boolean;
591
- formNoValidate: boolean;
592
- defaultChecked: boolean;
593
- _checkedDirty: boolean;
594
- _checked: boolean;
595
- required: boolean;
596
- type: string;
597
- _defaultValue: string;
598
- _value: string;
599
- _valueDirty: boolean;
600
- _userInteracted: boolean;
601
- _invalid: boolean;
602
- _badInput: boolean;
603
- _validationMessage: string;
604
- _formDisabled: boolean;
605
- _formReset: boolean;
606
- } & {
607
- erroredState: boolean;
608
- defaultValue: string;
609
- _valueBehavior: "default" | "value" | "default/on" | "filename";
610
- } & {
611
- _onSetValue(value: string): void;
612
- _onSetChecked(checked: boolean): void;
613
- } & {
614
- value: string;
615
- checked: boolean;
616
- } & {
617
- form: HTMLFormElement;
618
- validity: ValidityState;
619
- validationMessage: string;
620
- willValidate: boolean;
621
- labels: NodeList;
622
- } & {
623
- disabledState: boolean;
624
- } & {
625
- checkValidity(): boolean;
626
- reportValidity(): boolean;
627
- setCustomValidity(error: string): void;
628
- _notifyRadioChange(key: string, value: string): void;
629
- refreshFormAssociation(): void;
630
- formAssociatedCallback(form: HTMLFormElement | null): void;
631
- formIPCEvent(event: CustomEvent<[string, string]>): void;
632
- formDisabledCallback(disabled: boolean): void;
633
- formResetCallback(): void;
634
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
635
- _updateFormAssociatedValue(): void;
636
- } & {
637
- ariaLabel: string;
638
- _slotInnerText: string;
639
- } & {
640
- focusableOnDisabled: boolean;
641
- controlTagName: string;
642
- controlVoidElement: boolean;
643
- _slotMutationObserver: any;
644
- } & {
645
- _onControlValue(value: string): void;
646
- onValueChangingContentAttribute(): void;
647
- focus(options?: FocusOptions): void;
648
- click(): void;
649
- } & {
650
- stateTargetElement: HTMLElement;
651
- } & {
652
- checkValidity(): boolean;
653
- reportValidity(): boolean;
654
- setCustomValidity(error: string): void;
655
- } & {
656
- _computedAriaLabel: string;
657
- } & {
658
- _computedAriaLabelledby: never;
659
- } & {
660
- stateLayer: boolean;
661
- } & {
662
- type: string;
663
- icon: string;
664
- iconVariation: string;
665
- label: string;
666
- filled: boolean;
667
- outlined: boolean;
668
- inputPrefix: string;
669
- inputSuffix: string;
670
- trailingIcon: string;
671
- trailingIconInk: string;
672
- trailingIconLabel: string;
673
- supporting: string;
674
- error: string;
675
- placeholder: string;
676
- } & {
677
- erroredState: boolean;
678
- }) => boolean>;
143
+ computePlaceholder: () => string;
144
+ shouldShowSupporting: () => boolean;
145
+ computeSupportingText: () => string;
146
+ populatedState: () => boolean;
679
147
  _showLabelText: never;
680
148
  }, any[]> & import("../core/CustomElement.js").Class<{
681
149
  _shapeShapeTop: never;
682
- computedIconVariation: () => ReturnType<({ iconVariation, outlined }: CustomElement & {
683
- disabled: boolean;
684
- focused: boolean;
685
- hovered: boolean;
686
- pressed: boolean;
687
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
688
- _hovered: boolean;
689
- _focused: boolean;
690
- _focusedSynthetic: boolean;
691
- _keyPressed: boolean;
692
- _keyReleased: boolean;
693
- _pointerPressed: boolean;
694
- stateLayer: boolean;
695
- } & {
696
- disabledState: boolean;
697
- hoveredState: boolean;
698
- focusedState: boolean;
699
- pressedState: boolean;
700
- touchedState: boolean;
701
- pointedState: boolean;
702
- } & {
703
- stateTargetElement: HTMLElement;
704
- } & {
705
- color: string;
706
- ink: string;
707
- typeStyle: string;
708
- } & {
709
- shapeTop: boolean;
710
- shapeBottom: boolean;
711
- shapeStart: boolean;
712
- shapeEnd: boolean;
713
- shapeStyle: string;
714
- outlined: boolean;
715
- } & {
716
- density: number;
717
- } & {
718
- delegatesFocus: boolean;
719
- } & {
720
- _ipcListener: EventListener;
721
- _ipcTarget: EventTarget;
722
- _files: FileList;
723
- } & {
724
- ariaControls: string;
725
- autocomplete: string;
726
- name: string;
727
- readOnly: boolean;
728
- formNoValidate: boolean;
729
- defaultChecked: boolean;
730
- _checkedDirty: boolean;
731
- _checked: boolean;
732
- required: boolean;
733
- type: string;
734
- _defaultValue: string;
735
- _value: string;
736
- _valueDirty: boolean;
737
- _userInteracted: boolean;
738
- _invalid: boolean;
739
- _badInput: boolean;
740
- _validationMessage: string;
741
- _formDisabled: boolean;
742
- _formReset: boolean;
743
- } & {
744
- erroredState: boolean;
745
- defaultValue: string;
746
- _valueBehavior: "default" | "value" | "default/on" | "filename";
747
- } & {
748
- _onSetValue(value: string): void;
749
- _onSetChecked(checked: boolean): void;
750
- } & {
751
- value: string;
752
- checked: boolean;
753
- } & {
754
- form: HTMLFormElement;
755
- validity: ValidityState;
756
- validationMessage: string;
757
- willValidate: boolean;
758
- labels: NodeList;
759
- } & {
760
- disabledState: boolean;
761
- } & {
762
- checkValidity(): boolean;
763
- reportValidity(): boolean;
764
- setCustomValidity(error: string): void;
765
- _notifyRadioChange(key: string, value: string): void;
766
- refreshFormAssociation(): void;
767
- formAssociatedCallback(form: HTMLFormElement | null): void;
768
- formIPCEvent(event: CustomEvent<[string, string]>): void;
769
- formDisabledCallback(disabled: boolean): void;
770
- formResetCallback(): void;
771
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
772
- _updateFormAssociatedValue(): void;
773
- } & {
774
- ariaLabel: string;
775
- _slotInnerText: string;
776
- } & {
777
- focusableOnDisabled: boolean;
778
- controlTagName: string;
779
- controlVoidElement: boolean;
780
- _slotMutationObserver: any;
781
- } & {
782
- _onControlValue(value: string): void;
783
- onValueChangingContentAttribute(): void;
784
- focus(options?: FocusOptions): void;
785
- click(): void;
786
- } & {
787
- stateTargetElement: HTMLElement;
788
- } & {
789
- checkValidity(): boolean;
790
- reportValidity(): boolean;
791
- setCustomValidity(error: string): void;
792
- } & {
793
- _computedAriaLabel: string;
794
- } & {
795
- _computedAriaLabelledby: never;
796
- } & {
797
- stateLayer: boolean;
798
- } & {
799
- type: string;
800
- icon: string;
801
- iconVariation: string;
802
- label: string;
803
- filled: boolean;
804
- outlined: boolean;
805
- inputPrefix: string;
806
- inputSuffix: string;
807
- trailingIcon: string;
808
- trailingIconInk: string;
809
- trailingIconLabel: string;
810
- supporting: string;
811
- error: string;
812
- placeholder: string;
813
- } & {
814
- erroredState: boolean;
815
- } & {
816
- computePlaceholder: () => ReturnType<({ filled, outlined, label, placeholder }: CustomElement & {
817
- disabled: boolean;
818
- focused: boolean;
819
- hovered: boolean;
820
- pressed: boolean;
821
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
822
- _hovered: boolean;
823
- _focused: boolean;
824
- _focusedSynthetic: boolean;
825
- _keyPressed: boolean;
826
- _keyReleased: boolean;
827
- _pointerPressed: boolean;
828
- stateLayer: boolean;
829
- } & {
830
- disabledState: boolean;
831
- hoveredState: boolean;
832
- focusedState: boolean;
833
- pressedState: boolean;
834
- touchedState: boolean;
835
- pointedState: boolean;
836
- } & {
837
- stateTargetElement: HTMLElement;
838
- } & {
839
- color: string;
840
- ink: string;
841
- typeStyle: string;
842
- } & {
843
- shapeTop: boolean;
844
- shapeBottom: boolean;
845
- shapeStart: boolean;
846
- shapeEnd: boolean;
847
- shapeStyle: string;
848
- outlined: boolean;
849
- } & {
850
- density: number;
851
- } & {
852
- delegatesFocus: boolean;
853
- } & {
854
- _ipcListener: EventListener;
855
- _ipcTarget: EventTarget;
856
- _files: FileList;
857
- } & {
858
- ariaControls: string;
859
- autocomplete: string;
860
- name: string;
861
- readOnly: boolean;
862
- formNoValidate: boolean;
863
- defaultChecked: boolean;
864
- _checkedDirty: boolean;
865
- _checked: boolean;
866
- required: boolean;
867
- type: string;
868
- _defaultValue: string;
869
- _value: string;
870
- _valueDirty: boolean;
871
- _userInteracted: boolean;
872
- _invalid: boolean;
873
- _badInput: boolean;
874
- _validationMessage: string;
875
- _formDisabled: boolean;
876
- _formReset: boolean;
877
- } & {
878
- erroredState: boolean;
879
- defaultValue: string;
880
- _valueBehavior: "default" | "value" | "default/on" | "filename";
881
- } & {
882
- _onSetValue(value: string): void;
883
- _onSetChecked(checked: boolean): void;
884
- } & {
885
- value: string;
886
- checked: boolean;
887
- } & {
888
- form: HTMLFormElement;
889
- validity: ValidityState;
890
- validationMessage: string;
891
- willValidate: boolean;
892
- labels: NodeList;
893
- } & {
894
- disabledState: boolean;
895
- } & {
896
- checkValidity(): boolean;
897
- reportValidity(): boolean;
898
- setCustomValidity(error: string): void;
899
- _notifyRadioChange(key: string, value: string): void;
900
- refreshFormAssociation(): void;
901
- formAssociatedCallback(form: HTMLFormElement | null): void;
902
- formIPCEvent(event: CustomEvent<[string, string]>): void;
903
- formDisabledCallback(disabled: boolean): void;
904
- formResetCallback(): void;
905
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
906
- _updateFormAssociatedValue(): void;
907
- } & {
908
- ariaLabel: string;
909
- _slotInnerText: string;
910
- } & {
911
- focusableOnDisabled: boolean;
912
- controlTagName: string;
913
- controlVoidElement: boolean;
914
- _slotMutationObserver: any;
915
- } & {
916
- _onControlValue(value: string): void;
917
- onValueChangingContentAttribute(): void;
918
- focus(options?: FocusOptions): void;
919
- click(): void;
920
- } & {
921
- stateTargetElement: HTMLElement;
922
- } & {
923
- checkValidity(): boolean;
924
- reportValidity(): boolean;
925
- setCustomValidity(error: string): void;
926
- } & {
927
- _computedAriaLabel: string;
928
- } & {
929
- _computedAriaLabelledby: never;
930
- } & {
931
- stateLayer: boolean;
932
- } & {
933
- type: string;
934
- icon: string;
935
- iconVariation: string;
936
- label: string;
937
- filled: boolean;
938
- outlined: boolean;
939
- inputPrefix: string;
940
- inputSuffix: string;
941
- trailingIcon: string;
942
- trailingIconInk: string;
943
- trailingIconLabel: string;
944
- supporting: string;
945
- error: string;
946
- placeholder: string;
947
- } & {
948
- erroredState: boolean;
949
- }) => string>;
950
- shouldShowSupporting: () => ReturnType<({ erroredState, supporting }: CustomElement & {
951
- disabled: boolean;
952
- focused: boolean;
953
- hovered: boolean;
954
- pressed: boolean;
955
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
956
- _hovered: boolean;
957
- _focused: boolean;
958
- _focusedSynthetic: boolean;
959
- _keyPressed: boolean;
960
- _keyReleased: boolean;
961
- _pointerPressed: boolean;
962
- stateLayer: boolean;
963
- } & {
964
- disabledState: boolean;
965
- hoveredState: boolean;
966
- focusedState: boolean;
967
- pressedState: boolean;
968
- touchedState: boolean;
969
- pointedState: boolean;
970
- } & {
971
- stateTargetElement: HTMLElement;
972
- } & {
973
- color: string;
974
- ink: string;
975
- typeStyle: string;
976
- } & {
977
- shapeTop: boolean;
978
- shapeBottom: boolean;
979
- shapeStart: boolean;
980
- shapeEnd: boolean;
981
- shapeStyle: string;
982
- outlined: boolean;
983
- } & {
984
- density: number;
985
- } & {
986
- delegatesFocus: boolean;
987
- } & {
988
- _ipcListener: EventListener;
989
- _ipcTarget: EventTarget;
990
- _files: FileList;
991
- } & {
992
- ariaControls: string;
993
- autocomplete: string;
994
- name: string;
995
- readOnly: boolean;
996
- formNoValidate: boolean;
997
- defaultChecked: boolean;
998
- _checkedDirty: boolean;
999
- _checked: boolean;
1000
- required: boolean;
1001
- type: string;
1002
- _defaultValue: string;
1003
- _value: string;
1004
- _valueDirty: boolean;
1005
- _userInteracted: boolean;
1006
- _invalid: boolean;
1007
- _badInput: boolean;
1008
- _validationMessage: string;
1009
- _formDisabled: boolean;
1010
- _formReset: boolean;
1011
- } & {
1012
- erroredState: boolean;
1013
- defaultValue: string;
1014
- _valueBehavior: "default" | "value" | "default/on" | "filename";
1015
- } & {
1016
- _onSetValue(value: string): void;
1017
- _onSetChecked(checked: boolean): void;
1018
- } & {
1019
- value: string;
1020
- checked: boolean;
1021
- } & {
1022
- form: HTMLFormElement;
1023
- validity: ValidityState;
1024
- validationMessage: string;
1025
- willValidate: boolean;
1026
- labels: NodeList;
1027
- } & {
1028
- disabledState: boolean;
1029
- } & {
1030
- checkValidity(): boolean;
1031
- reportValidity(): boolean;
1032
- setCustomValidity(error: string): void;
1033
- _notifyRadioChange(key: string, value: string): void;
1034
- refreshFormAssociation(): void;
1035
- formAssociatedCallback(form: HTMLFormElement | null): void;
1036
- formIPCEvent(event: CustomEvent<[string, string]>): void;
1037
- formDisabledCallback(disabled: boolean): void;
1038
- formResetCallback(): void;
1039
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
1040
- _updateFormAssociatedValue(): void;
1041
- } & {
1042
- ariaLabel: string;
1043
- _slotInnerText: string;
1044
- } & {
1045
- focusableOnDisabled: boolean;
1046
- controlTagName: string;
1047
- controlVoidElement: boolean;
1048
- _slotMutationObserver: any;
1049
- } & {
1050
- _onControlValue(value: string): void;
1051
- onValueChangingContentAttribute(): void;
1052
- focus(options?: FocusOptions): void;
1053
- click(): void;
1054
- } & {
1055
- stateTargetElement: HTMLElement;
1056
- } & {
1057
- checkValidity(): boolean;
1058
- reportValidity(): boolean;
1059
- setCustomValidity(error: string): void;
1060
- } & {
1061
- _computedAriaLabel: string;
1062
- } & {
1063
- _computedAriaLabelledby: never;
1064
- } & {
1065
- stateLayer: boolean;
1066
- } & {
1067
- type: string;
1068
- icon: string;
1069
- iconVariation: string;
1070
- label: string;
1071
- filled: boolean;
1072
- outlined: boolean;
1073
- inputPrefix: string;
1074
- inputSuffix: string;
1075
- trailingIcon: string;
1076
- trailingIconInk: string;
1077
- trailingIconLabel: string;
1078
- supporting: string;
1079
- error: string;
1080
- placeholder: string;
1081
- } & {
1082
- erroredState: boolean;
1083
- }) => boolean>;
1084
- computeSupportingText: () => ReturnType<({ error, erroredState, _validationMessage, supporting }: CustomElement & {
1085
- disabled: boolean;
1086
- focused: boolean;
1087
- hovered: boolean;
1088
- pressed: boolean;
1089
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
1090
- _hovered: boolean;
1091
- _focused: boolean;
1092
- _focusedSynthetic: boolean;
1093
- _keyPressed: boolean;
1094
- _keyReleased: boolean;
1095
- _pointerPressed: boolean;
1096
- stateLayer: boolean;
1097
- } & {
1098
- disabledState: boolean;
1099
- hoveredState: boolean;
1100
- focusedState: boolean;
1101
- pressedState: boolean;
1102
- touchedState: boolean;
1103
- pointedState: boolean;
1104
- } & {
1105
- stateTargetElement: HTMLElement;
1106
- } & {
1107
- color: string;
1108
- ink: string;
1109
- typeStyle: string;
1110
- } & {
1111
- shapeTop: boolean;
1112
- shapeBottom: boolean;
1113
- shapeStart: boolean;
1114
- shapeEnd: boolean;
1115
- shapeStyle: string;
1116
- outlined: boolean;
1117
- } & {
1118
- density: number;
1119
- } & {
1120
- delegatesFocus: boolean;
1121
- } & {
1122
- _ipcListener: EventListener;
1123
- _ipcTarget: EventTarget;
1124
- _files: FileList;
1125
- } & {
1126
- ariaControls: string;
1127
- autocomplete: string;
1128
- name: string;
1129
- readOnly: boolean;
1130
- formNoValidate: boolean;
1131
- defaultChecked: boolean;
1132
- _checkedDirty: boolean;
1133
- _checked: boolean;
1134
- required: boolean;
1135
- type: string;
1136
- _defaultValue: string;
1137
- _value: string;
1138
- _valueDirty: boolean;
1139
- _userInteracted: boolean;
1140
- _invalid: boolean;
1141
- _badInput: boolean;
1142
- _validationMessage: string;
1143
- _formDisabled: boolean;
1144
- _formReset: boolean;
1145
- } & {
1146
- erroredState: boolean;
1147
- defaultValue: string;
1148
- _valueBehavior: "default" | "value" | "default/on" | "filename";
1149
- } & {
1150
- _onSetValue(value: string): void;
1151
- _onSetChecked(checked: boolean): void;
1152
- } & {
1153
- value: string;
1154
- checked: boolean;
1155
- } & {
1156
- form: HTMLFormElement;
1157
- validity: ValidityState;
1158
- validationMessage: string;
1159
- willValidate: boolean;
1160
- labels: NodeList;
1161
- } & {
1162
- disabledState: boolean;
1163
- } & {
1164
- checkValidity(): boolean;
1165
- reportValidity(): boolean;
1166
- setCustomValidity(error: string): void;
1167
- _notifyRadioChange(key: string, value: string): void;
1168
- refreshFormAssociation(): void;
1169
- formAssociatedCallback(form: HTMLFormElement | null): void;
1170
- formIPCEvent(event: CustomEvent<[string, string]>): void;
1171
- formDisabledCallback(disabled: boolean): void;
1172
- formResetCallback(): void;
1173
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
1174
- _updateFormAssociatedValue(): void;
1175
- } & {
1176
- ariaLabel: string;
1177
- _slotInnerText: string;
1178
- } & {
1179
- focusableOnDisabled: boolean;
1180
- controlTagName: string;
1181
- controlVoidElement: boolean;
1182
- _slotMutationObserver: any;
1183
- } & {
1184
- _onControlValue(value: string): void;
1185
- onValueChangingContentAttribute(): void;
1186
- focus(options?: FocusOptions): void;
1187
- click(): void;
1188
- } & {
1189
- stateTargetElement: HTMLElement;
1190
- } & {
1191
- checkValidity(): boolean;
1192
- reportValidity(): boolean;
1193
- setCustomValidity(error: string): void;
1194
- } & {
1195
- _computedAriaLabel: string;
1196
- } & {
1197
- _computedAriaLabelledby: never;
1198
- } & {
1199
- stateLayer: boolean;
1200
- } & {
1201
- type: string;
1202
- icon: string;
1203
- iconVariation: string;
1204
- label: string;
1205
- filled: boolean;
1206
- outlined: boolean;
1207
- inputPrefix: string;
1208
- inputSuffix: string;
1209
- trailingIcon: string;
1210
- trailingIconInk: string;
1211
- trailingIconLabel: string;
1212
- supporting: string;
1213
- error: string;
1214
- placeholder: string;
1215
- } & {
1216
- erroredState: boolean;
1217
- }) => string>;
1218
- populatedState: () => ReturnType<({ value, _badInput }: CustomElement & {
1219
- disabled: boolean;
1220
- focused: boolean;
1221
- hovered: boolean;
1222
- pressed: boolean;
1223
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
1224
- _hovered: boolean;
1225
- _focused: boolean;
1226
- _focusedSynthetic: boolean;
1227
- _keyPressed: boolean;
1228
- _keyReleased: boolean;
1229
- _pointerPressed: boolean;
1230
- stateLayer: boolean;
1231
- } & {
1232
- disabledState: boolean;
1233
- hoveredState: boolean;
1234
- focusedState: boolean;
1235
- pressedState: boolean;
1236
- touchedState: boolean;
1237
- pointedState: boolean;
1238
- } & {
1239
- stateTargetElement: HTMLElement;
1240
- } & {
1241
- color: string;
1242
- ink: string;
1243
- typeStyle: string;
1244
- } & {
1245
- shapeTop: boolean;
1246
- shapeBottom: boolean;
1247
- shapeStart: boolean;
1248
- shapeEnd: boolean;
1249
- shapeStyle: string;
1250
- outlined: boolean;
1251
- } & {
1252
- density: number;
1253
- } & {
1254
- delegatesFocus: boolean;
1255
- } & {
1256
- _ipcListener: EventListener;
1257
- _ipcTarget: EventTarget;
1258
- _files: FileList;
1259
- } & {
1260
- ariaControls: string;
1261
- autocomplete: string;
1262
- name: string;
1263
- readOnly: boolean;
1264
- formNoValidate: boolean;
1265
- defaultChecked: boolean;
1266
- _checkedDirty: boolean;
1267
- _checked: boolean;
1268
- required: boolean;
1269
- type: string;
1270
- _defaultValue: string;
1271
- _value: string;
1272
- _valueDirty: boolean;
1273
- _userInteracted: boolean;
1274
- _invalid: boolean;
1275
- _badInput: boolean;
1276
- _validationMessage: string;
1277
- _formDisabled: boolean;
1278
- _formReset: boolean;
1279
- } & {
1280
- erroredState: boolean;
1281
- defaultValue: string;
1282
- _valueBehavior: "default" | "value" | "default/on" | "filename";
1283
- } & {
1284
- _onSetValue(value: string): void;
1285
- _onSetChecked(checked: boolean): void;
1286
- } & {
1287
- value: string;
1288
- checked: boolean;
1289
- } & {
1290
- form: HTMLFormElement;
1291
- validity: ValidityState;
1292
- validationMessage: string;
1293
- willValidate: boolean;
1294
- labels: NodeList;
1295
- } & {
1296
- disabledState: boolean;
1297
- } & {
1298
- checkValidity(): boolean;
1299
- reportValidity(): boolean;
1300
- setCustomValidity(error: string): void;
1301
- _notifyRadioChange(key: string, value: string): void;
1302
- refreshFormAssociation(): void;
1303
- formAssociatedCallback(form: HTMLFormElement | null): void;
1304
- formIPCEvent(event: CustomEvent<[string, string]>): void;
1305
- formDisabledCallback(disabled: boolean): void;
1306
- formResetCallback(): void;
1307
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
1308
- _updateFormAssociatedValue(): void;
1309
- } & {
1310
- ariaLabel: string;
1311
- _slotInnerText: string;
1312
- } & {
1313
- focusableOnDisabled: boolean;
1314
- controlTagName: string;
1315
- controlVoidElement: boolean;
1316
- _slotMutationObserver: any;
1317
- } & {
1318
- _onControlValue(value: string): void;
1319
- onValueChangingContentAttribute(): void;
1320
- focus(options?: FocusOptions): void;
1321
- click(): void;
1322
- } & {
1323
- stateTargetElement: HTMLElement;
1324
- } & {
1325
- checkValidity(): boolean;
1326
- reportValidity(): boolean;
1327
- setCustomValidity(error: string): void;
1328
- } & {
1329
- _computedAriaLabel: string;
1330
- } & {
1331
- _computedAriaLabelledby: never;
1332
- } & {
1333
- stateLayer: boolean;
1334
- } & {
1335
- type: string;
1336
- icon: string;
1337
- iconVariation: string;
1338
- label: string;
1339
- filled: boolean;
1340
- outlined: boolean;
1341
- inputPrefix: string;
1342
- inputSuffix: string;
1343
- trailingIcon: string;
1344
- trailingIconInk: string;
1345
- trailingIconLabel: string;
1346
- supporting: string;
1347
- error: string;
1348
- placeholder: string;
1349
- } & {
1350
- erroredState: boolean;
1351
- }) => boolean>;
1352
- _showLabelText: never;
1353
- }) => string>;
150
+ computedIconVariation: () => string;
1354
151
  }, any[]> & import("../core/CustomElement.js").Class<{
152
+ /** Whether the UA supports the `lh` CSS unit for line-height. */
1355
153
  supportsCSSLineHeightUnit: boolean;
154
+ /** The control type used by the component. */
1356
155
  type: string;
156
+ /** Internal flag used while performing auto-resize logic. */
1357
157
  _resizing: boolean;
1358
158
  }, any[]> & import("../core/CustomElement.js").Class<{
159
+ /** Tag name used for the native control element. */
1359
160
  controlTagName: string;
161
+ /** Textareas are not void elements. */
1360
162
  controlVoidElement: boolean;
1361
163
  }, any[]> & import("../core/CustomElement.js").Class<{
1362
164
  fixed: boolean;
@@ -1386,7 +188,12 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
1386
188
  };
1387
189
  setSelectionRange: (start: number | null, end: number | null, direction?: "forward" | "backward" | "none") => void;
1388
190
  }, any[]> & import("../core/CustomElement.js").Class<{
191
+ /**
192
+ * Resize the textarea to fit content up to `maxRows` and not below
193
+ * `minRows`. This updates the `rows` property and internal layout state.
194
+ */
1389
195
  resize(): void;
196
+ /** Called by the ResizeObserver mixin; triggers a resize unless active. */
1390
197
  onResizeObserved(): void;
1391
198
  }, any[]>;
1392
199
  export default _default;