@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
@@ -235,483 +235,17 @@ declare const _default: typeof import("../index.js").CustomElement & import("../
235
235
  viewBox: string;
236
236
  svgPath: string;
237
237
  }, any[]> & import("../core/CustomElement.js").Class<{
238
- hasIcon: () => ReturnType<({ icon, svg, src, svgPath }?: import("../index.js").CustomElement & {
239
- href: string;
240
- target: string;
241
- download: string;
242
- ping: string;
243
- rel: string;
244
- hreflang: string;
245
- referrerPolicy: string;
246
- } & {
247
- origin: string;
248
- protocol: string;
249
- username: string;
250
- password: string;
251
- host: string;
252
- hostname: string;
253
- port: string;
254
- pathname: string;
255
- search: string;
256
- hash: string;
257
- } & object & {
258
- delegatesFocus: boolean;
259
- } & {
260
- disabled: boolean;
261
- focused: boolean;
262
- hovered: boolean;
263
- pressed: boolean;
264
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
265
- _hovered: boolean;
266
- _focused: boolean;
267
- _focusedSynthetic: boolean;
268
- _keyPressed: boolean;
269
- _keyReleased: boolean;
270
- _pointerPressed: boolean;
271
- stateLayer: boolean;
272
- } & {
273
- disabledState: boolean;
274
- hoveredState: boolean;
275
- focusedState: boolean;
276
- pressedState: boolean;
277
- touchedState: boolean;
278
- pointedState: boolean;
279
- } & {
280
- stateTargetElement: HTMLElement;
281
- } & {
282
- _ipcListener: EventListener;
283
- _ipcTarget: EventTarget;
284
- _files: FileList;
285
- } & {
286
- ariaControls: string;
287
- autocomplete: string;
288
- name: string;
289
- readOnly: boolean;
290
- formNoValidate: boolean;
291
- defaultChecked: boolean;
292
- _checkedDirty: boolean;
293
- _checked: boolean;
294
- required: boolean;
295
- type: string;
296
- _defaultValue: string;
297
- _value: string;
298
- _valueDirty: boolean;
299
- _userInteracted: boolean;
300
- _invalid: boolean;
301
- _badInput: boolean;
302
- _validationMessage: string;
303
- _formDisabled: boolean;
304
- _formReset: boolean;
305
- } & {
306
- erroredState: boolean;
307
- defaultValue: string;
308
- _valueBehavior: "default" | "value" | "default/on" | "filename";
309
- } & {
310
- _onSetValue(value: string): void;
311
- _onSetChecked(checked: boolean): void;
312
- } & {
313
- value: string;
314
- checked: boolean;
315
- } & {
316
- form: HTMLFormElement;
317
- validity: ValidityState;
318
- validationMessage: string;
319
- willValidate: boolean;
320
- labels: NodeList;
321
- } & {
322
- disabledState: boolean;
323
- } & {
324
- checkValidity(): boolean;
325
- reportValidity(): boolean;
326
- setCustomValidity(error: string): void;
327
- _notifyRadioChange(key: string, value: string): void;
328
- refreshFormAssociation(): void;
329
- formAssociatedCallback(form: HTMLFormElement | null): void;
330
- formIPCEvent(event: CustomEvent<[string, string]>): void;
331
- formDisabledCallback(disabled: boolean): void;
332
- formResetCallback(): void;
333
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
334
- _updateFormAssociatedValue(): void;
335
- } & {
336
- ariaLabel: string;
337
- _slotInnerText: string;
338
- } & {
339
- focusableOnDisabled: boolean;
340
- controlTagName: string;
341
- controlVoidElement: boolean;
342
- _slotMutationObserver: any;
343
- } & {
344
- _onControlValue(value: string): void;
345
- onValueChangingContentAttribute(): void;
346
- focus(options?: FocusOptions): void;
347
- click(): void;
348
- } & {
349
- stateTargetElement: HTMLElement;
350
- } & {
351
- checkValidity(): boolean;
352
- reportValidity(): boolean;
353
- setCustomValidity(error: string): void;
354
- } & {
355
- _computedAriaLabel: string;
356
- } & {
357
- _computedAriaLabelledby: never;
358
- } & {
359
- accept: string;
360
- alt: string;
361
- dirName: string;
362
- _formAction: string;
363
- formEnctype: string;
364
- formMethod: string;
365
- formTarget: string;
366
- _height: number;
367
- _indeterminate: boolean;
368
- max: string;
369
- maxLength: number;
370
- min: string;
371
- minLength: number;
372
- multiple: boolean;
373
- pattern: string;
374
- placeholder: string;
375
- size: number;
376
- src: string;
377
- step: string;
378
- _width: number;
379
- } & {
380
- _useFormImplicitSubmission: boolean;
381
- } & {
382
- _input: HTMLInputElement;
383
- } & {
384
- indeterminate: boolean;
385
- } & {
386
- controlTagName: string;
387
- } & {
388
- _onSetChecked(checked: boolean): void;
389
- _onSetValue(value: string): void;
390
- } & {
391
- performImplicitSubmission(event: Event): void;
392
- _redispatchControlClickEvent(event: Event): boolean;
393
- _handleInputClick(event: MouseEvent): void;
394
- } & {
395
- setRangeText(replacement: string): void;
396
- setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;
397
- setSelectionRange(start: number | null, end: number | null, direction?: "forward" | "backward" | "none"): void;
398
- showPicker(): void;
399
- stepDown(n?: number): void;
400
- stepUp(n?: number): void;
401
- select(): void;
402
- } & {
403
- files: FileList;
404
- selectionDirection: "none" | "forward" | "backward";
405
- selectionEnd: number;
406
- selectionStart: number;
407
- valueAsDate: Date;
408
- valueAsNumber: number;
409
- height: number;
410
- formAction: string;
411
- width: number;
412
- } & {
413
- _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
414
- _rippleAdded: boolean;
415
- } & {
416
- _lastRipple: import("../index.js").CustomElement & {
417
- hadRippleHeld: boolean;
418
- hadRippleReleased: boolean;
419
- rippleStarted: boolean;
420
- } & {
421
- rippleState: string;
422
- keepAlive: boolean;
423
- _positionX: number;
424
- _positionY: number;
425
- _radius: number;
426
- holdRipple: boolean;
427
- } & {
428
- _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
429
- styles: {
430
- minHeight: string;
431
- minWidth: string;
432
- boxShadow: string;
433
- top: string;
434
- left: string;
435
- };
436
- };
437
- } & {
438
- updatePosition(x?: number, y?: number, size?: number): void;
439
- handleRippleComplete(): void;
440
- };
441
- } & {
442
- addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
443
- } & {
444
- color: string;
445
- ink: string;
446
- typeStyle: string;
447
- } & {
448
- shapeTop: boolean;
449
- shapeBottom: boolean;
450
- shapeStart: boolean;
451
- shapeEnd: boolean;
452
- shapeStyle: string;
453
- outlined: boolean;
454
- } & {
455
- density: number;
456
- } & {
457
- stateTargetElement: HTMLElement;
458
- } & {
459
- stateLayer: boolean;
460
- _allowedTypes: string[];
461
- } & {
462
- type: string;
463
- elevated: boolean;
464
- filled: string;
465
- outlined: boolean;
466
- icon: string;
467
- iconInk: string;
468
- src: string;
469
- svg: string;
470
- viewBox: string;
471
- svgPath: string;
472
- }) => string>;
473
- iconVariation: () => ReturnType<({ outlined }?: import("../index.js").CustomElement & {
474
- href: string;
475
- target: string;
476
- download: string;
477
- ping: string;
478
- rel: string;
479
- hreflang: string;
480
- referrerPolicy: string;
481
- } & {
482
- origin: string;
483
- protocol: string;
484
- username: string;
485
- password: string;
486
- host: string;
487
- hostname: string;
488
- port: string;
489
- pathname: string;
490
- search: string;
491
- hash: string;
492
- } & object & {
493
- delegatesFocus: boolean;
494
- } & {
495
- disabled: boolean;
496
- focused: boolean;
497
- hovered: boolean;
498
- pressed: boolean;
499
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
500
- _hovered: boolean;
501
- _focused: boolean;
502
- _focusedSynthetic: boolean;
503
- _keyPressed: boolean;
504
- _keyReleased: boolean;
505
- _pointerPressed: boolean;
506
- stateLayer: boolean;
507
- } & {
508
- disabledState: boolean;
509
- hoveredState: boolean;
510
- focusedState: boolean;
511
- pressedState: boolean;
512
- touchedState: boolean;
513
- pointedState: boolean;
514
- } & {
515
- stateTargetElement: HTMLElement;
516
- } & {
517
- _ipcListener: EventListener;
518
- _ipcTarget: EventTarget;
519
- _files: FileList;
520
- } & {
521
- ariaControls: string;
522
- autocomplete: string;
523
- name: string;
524
- readOnly: boolean;
525
- formNoValidate: boolean;
526
- defaultChecked: boolean;
527
- _checkedDirty: boolean;
528
- _checked: boolean;
529
- required: boolean;
530
- type: string;
531
- _defaultValue: string;
532
- _value: string;
533
- _valueDirty: boolean;
534
- _userInteracted: boolean;
535
- _invalid: boolean;
536
- _badInput: boolean;
537
- _validationMessage: string;
538
- _formDisabled: boolean;
539
- _formReset: boolean;
540
- } & {
541
- erroredState: boolean;
542
- defaultValue: string;
543
- _valueBehavior: "default" | "value" | "default/on" | "filename";
544
- } & {
545
- _onSetValue(value: string): void;
546
- _onSetChecked(checked: boolean): void;
547
- } & {
548
- value: string;
549
- checked: boolean;
550
- } & {
551
- form: HTMLFormElement;
552
- validity: ValidityState;
553
- validationMessage: string;
554
- willValidate: boolean;
555
- labels: NodeList;
556
- } & {
557
- disabledState: boolean;
558
- } & {
559
- checkValidity(): boolean;
560
- reportValidity(): boolean;
561
- setCustomValidity(error: string): void;
562
- _notifyRadioChange(key: string, value: string): void;
563
- refreshFormAssociation(): void;
564
- formAssociatedCallback(form: HTMLFormElement | null): void;
565
- formIPCEvent(event: CustomEvent<[string, string]>): void;
566
- formDisabledCallback(disabled: boolean): void;
567
- formResetCallback(): void;
568
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
569
- _updateFormAssociatedValue(): void;
570
- } & {
571
- ariaLabel: string;
572
- _slotInnerText: string;
573
- } & {
574
- focusableOnDisabled: boolean;
575
- controlTagName: string;
576
- controlVoidElement: boolean;
577
- _slotMutationObserver: any;
578
- } & {
579
- _onControlValue(value: string): void;
580
- onValueChangingContentAttribute(): void;
581
- focus(options?: FocusOptions): void;
582
- click(): void;
583
- } & {
584
- stateTargetElement: HTMLElement;
585
- } & {
586
- checkValidity(): boolean;
587
- reportValidity(): boolean;
588
- setCustomValidity(error: string): void;
589
- } & {
590
- _computedAriaLabel: string;
591
- } & {
592
- _computedAriaLabelledby: never;
593
- } & {
594
- accept: string;
595
- alt: string;
596
- dirName: string;
597
- _formAction: string;
598
- formEnctype: string;
599
- formMethod: string;
600
- formTarget: string;
601
- _height: number;
602
- _indeterminate: boolean;
603
- max: string;
604
- maxLength: number;
605
- min: string;
606
- minLength: number;
607
- multiple: boolean;
608
- pattern: string;
609
- placeholder: string;
610
- size: number;
611
- src: string;
612
- step: string;
613
- _width: number;
614
- } & {
615
- _useFormImplicitSubmission: boolean;
616
- } & {
617
- _input: HTMLInputElement;
618
- } & {
619
- indeterminate: boolean;
620
- } & {
621
- controlTagName: string;
622
- } & {
623
- _onSetChecked(checked: boolean): void;
624
- _onSetValue(value: string): void;
625
- } & {
626
- performImplicitSubmission(event: Event): void;
627
- _redispatchControlClickEvent(event: Event): boolean;
628
- _handleInputClick(event: MouseEvent): void;
629
- } & {
630
- setRangeText(replacement: string): void;
631
- setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;
632
- setSelectionRange(start: number | null, end: number | null, direction?: "forward" | "backward" | "none"): void;
633
- showPicker(): void;
634
- stepDown(n?: number): void;
635
- stepUp(n?: number): void;
636
- select(): void;
637
- } & {
638
- files: FileList;
639
- selectionDirection: "none" | "forward" | "backward";
640
- selectionEnd: number;
641
- selectionStart: number;
642
- valueAsDate: Date;
643
- valueAsNumber: number;
644
- height: number;
645
- formAction: string;
646
- width: number;
647
- } & {
648
- _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
649
- _rippleAdded: boolean;
650
- } & {
651
- _lastRipple: import("../index.js").CustomElement & {
652
- hadRippleHeld: boolean;
653
- hadRippleReleased: boolean;
654
- rippleStarted: boolean;
655
- } & {
656
- rippleState: string;
657
- keepAlive: boolean;
658
- _positionX: number;
659
- _positionY: number;
660
- _radius: number;
661
- holdRipple: boolean;
662
- } & {
663
- _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
664
- styles: {
665
- minHeight: string;
666
- minWidth: string;
667
- boxShadow: string;
668
- top: string;
669
- left: string;
670
- };
671
- };
672
- } & {
673
- updatePosition(x?: number, y?: number, size?: number): void;
674
- handleRippleComplete(): void;
675
- };
676
- } & {
677
- addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
678
- } & {
679
- color: string;
680
- ink: string;
681
- typeStyle: string;
682
- } & {
683
- shapeTop: boolean;
684
- shapeBottom: boolean;
685
- shapeStart: boolean;
686
- shapeEnd: boolean;
687
- shapeStyle: string;
688
- outlined: boolean;
689
- } & {
690
- density: number;
691
- } & {
692
- stateTargetElement: HTMLElement;
693
- } & {
694
- stateLayer: boolean;
695
- _allowedTypes: string[];
696
- } & {
697
- type: string;
698
- elevated: boolean;
699
- filled: string;
700
- outlined: boolean;
701
- icon: string;
702
- iconInk: string;
703
- src: string;
704
- svg: string;
705
- viewBox: string;
706
- svgPath: string;
707
- }) => string>;
238
+ hasIcon: () => string;
239
+ iconVariation: () => string;
708
240
  }, any[]> & import("../core/CustomElement.js").Class<{
709
241
  focus(options?: FocusOptions): void;
710
242
  }, any[]> & import("../core/CustomElement.js").Class<{
711
243
  type: string;
712
244
  innerSegmentedButton: boolean;
713
245
  }, any[]> & import("../core/CustomElement.js").Class<{
246
+ /** Render the button with an outline style. */
714
247
  outlined: boolean;
248
+ /** Allow the control to receive focus even when disabled. */
715
249
  focusableOnDisabled: boolean;
716
250
  }, any[]>;
717
251
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedButton.d.ts","sourceRoot":"","sources":["../../components/SegmentedButton.js"],"names":[],"mappings":""}
1
+ {"version":3,"file":"SegmentedButton.d.ts","sourceRoot":"","sources":["../../components/SegmentedButton.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBI,+CAA+C;;IAE/C,6DAA6D"}
@@ -1,11 +1,10 @@
1
1
  declare const _default: typeof import("../index.js").CustomElement & import("../core/CustomElement.js").Class<{
2
2
  _ariaRole: string;
3
3
  }, any[]> & import("../core/CustomElement.js").Class<{
4
- onConnectAriaValues: Map<string, string>;
5
- hasFiredConnected: boolean;
4
+ _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
6
5
  }, any[]> & import("../core/CustomElement.js").Class<{
7
- readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
8
- updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
6
+ readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
7
+ updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
9
8
  }, any[]> & import("../core/CustomElement.js").Class<{
10
9
  kbdNav: string;
11
10
  _kbdFocusable: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedButtonGroup.d.ts","sourceRoot":"","sources":["../../components/SegmentedButtonGroup.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAKc,SAAS"}
1
+ {"version":3,"file":"SegmentedButtonGroup.d.ts","sourceRoot":"","sources":["../../components/SegmentedButtonGroup.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAKc,SAAS"}