@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
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../components/Select.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAuBwB,iBAAiB;;;;;0BAvBf,0BAA0B"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../components/Select.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAA0B,0BAA0B"}
@@ -9,11 +9,10 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
9
9
  }, any[]> & import("../core/CustomElement.js").Class<{
10
10
  _ariaRole: string;
11
11
  }, any[]> & import("../core/CustomElement.js").Class<{
12
- onConnectAriaValues: Map<string, string>;
13
- hasFiredConnected: boolean;
12
+ _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
14
13
  }, any[]> & import("../core/CustomElement.js").Class<{
15
- readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
16
- updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
14
+ readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
15
+ updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
17
16
  }, any[]> & import("../core/CustomElement.js").Class<{
18
17
  disabled: boolean;
19
18
  focused: boolean;
@@ -95,8 +94,14 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
95
94
  };
96
95
  };
97
96
  }, any[]> & import("../core/CustomElement.js").Class<{
97
+ /**
98
+ * Ensure a scrim is present when the sheet is modal (open && !fixed).
99
+ * When `animate` is true, keep the scrim around to run its fade-out.
100
+ */
98
101
  checkForScrim(animate?: boolean): void;
102
+ /** Evaluate drag state and decide whether to close or snap open. */
99
103
  checkDragFinished(): void;
104
+ /** Recompute `fixed`/`open` state based on the window width and breakpoints. */
100
105
  onWindowResize(): void;
101
106
  }, any[]> & import("../core/CustomElement.js").Class<{
102
107
  onResizeObserved(entry: ResizeObserverEntry): void;
@@ -1 +1 @@
1
- {"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../components/SideSheet.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6EI,kCAAkC;YAAvB,YAAY;;cAAO;;;;;;;;;;;;;;;;;;;;;;;;0BA7ER,0BAA0B"}
1
+ {"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../components/SideSheet.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGI,kCAAkC;YAAvB,YAAY;;cAAO;;;;;;;;;;;;;;;;;IAqC9B;;;OAGG;;IAwBH,oEAAoE;;IAmBpE,gFAAgF;;;;;;0BAvL1D,0BAA0B"}
@@ -163,7 +163,7 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
163
163
  stateLayer: boolean;
164
164
  type: string;
165
165
  }, any[]> & import("../core/CustomElement.js").Class<{
166
- ticks: string;
166
+ ticks: number;
167
167
  _valueAsText: string;
168
168
  thumbLabel: string;
169
169
  _roundedValue: number;
@@ -171,15 +171,22 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
171
171
  _lastDispatchedChangeValue: string;
172
172
  }, any[]> & import("../core/CustomElement.js").Class<{
173
173
  /**
174
+ * Handle pointer or touch interactions on the native control to compute
175
+ * position and update the intermediate rounded value while dragging.
174
176
  * @param {(MouseEvent|TouchEvent) & {currentTarget:HTMLInputElement}} event
175
177
  * @return {void}
176
178
  */
177
179
  onControlMouseOrTouch(event: (MouseEvent | TouchEvent) & {
178
180
  currentTarget: HTMLInputElement;
179
181
  }): void;
180
- /** @param {Event} event */
182
+ /**
183
+ * Pointer leave/blur handler for the control; hides the thumb label when focus is lost.
184
+ * @param {Event} event
185
+ */
181
186
  onLeaveEvent({ currentTarget }: Event): void;
182
187
  /**
188
+ * Finalize interaction with the control: commit the rounded value to the
189
+ * native input and dispatch a `change` event if the value changed.
183
190
  * @param {(MouseEvent|TouchEvent) & {currentTarget:HTMLInputElement}} event
184
191
  * @return {void}
185
192
  */
@@ -187,193 +194,7 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
187
194
  currentTarget: HTMLInputElement;
188
195
  }): void;
189
196
  }, any[]> & import("../core/CustomElement.js").Class<{
190
- computeTrackStyle: () => ReturnType<({ ticks, _valueAsText, min, max }: CustomElement & {
191
- delegatesFocus: boolean;
192
- } & {
193
- disabled: boolean;
194
- focused: boolean;
195
- hovered: boolean;
196
- pressed: boolean;
197
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
198
- _hovered: boolean;
199
- _focused: boolean;
200
- _focusedSynthetic: boolean;
201
- _keyPressed: boolean;
202
- _keyReleased: boolean;
203
- _pointerPressed: boolean;
204
- stateLayer: boolean;
205
- } & {
206
- disabledState: boolean;
207
- hoveredState: boolean;
208
- focusedState: boolean;
209
- pressedState: boolean;
210
- touchedState: boolean;
211
- pointedState: boolean;
212
- } & {
213
- stateTargetElement: HTMLElement;
214
- } & {
215
- _ipcListener: EventListener;
216
- _ipcTarget: EventTarget;
217
- _files: FileList;
218
- } & {
219
- ariaControls: string;
220
- autocomplete: string;
221
- name: string;
222
- readOnly: boolean;
223
- formNoValidate: boolean;
224
- defaultChecked: boolean;
225
- _checkedDirty: boolean;
226
- _checked: boolean;
227
- required: boolean;
228
- type: string;
229
- _defaultValue: string;
230
- _value: string;
231
- _valueDirty: boolean;
232
- _userInteracted: boolean;
233
- _invalid: boolean;
234
- _badInput: boolean;
235
- _validationMessage: string;
236
- _formDisabled: boolean;
237
- _formReset: boolean;
238
- } & {
239
- erroredState: boolean;
240
- defaultValue: string;
241
- _valueBehavior: "default" | "value" | "default/on" | "filename";
242
- } & {
243
- _onSetValue(value: string): void;
244
- _onSetChecked(checked: boolean): void;
245
- } & {
246
- value: string;
247
- checked: boolean;
248
- } & {
249
- form: HTMLFormElement;
250
- validity: ValidityState;
251
- validationMessage: string;
252
- willValidate: boolean;
253
- labels: NodeList;
254
- } & {
255
- disabledState: boolean;
256
- } & {
257
- checkValidity(): boolean;
258
- reportValidity(): boolean;
259
- setCustomValidity(error: string): void;
260
- _notifyRadioChange(key: string, value: string): void;
261
- refreshFormAssociation(): void;
262
- formAssociatedCallback(form: HTMLFormElement | null): void;
263
- formIPCEvent(event: CustomEvent<[string, string]>): void;
264
- formDisabledCallback(disabled: boolean): void;
265
- formResetCallback(): void;
266
- formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
267
- _updateFormAssociatedValue(): void;
268
- } & {
269
- ariaLabel: string;
270
- _slotInnerText: string;
271
- } & {
272
- focusableOnDisabled: boolean;
273
- controlTagName: string;
274
- controlVoidElement: boolean;
275
- _slotMutationObserver: any;
276
- } & {
277
- _onControlValue(value: string): void;
278
- onValueChangingContentAttribute(): void;
279
- focus(options?: FocusOptions): void;
280
- click(): void;
281
- } & {
282
- stateTargetElement: HTMLElement;
283
- } & {
284
- checkValidity(): boolean;
285
- reportValidity(): boolean;
286
- setCustomValidity(error: string): void;
287
- } & {
288
- _computedAriaLabel: string;
289
- } & {
290
- _computedAriaLabelledby: never;
291
- } & {
292
- accept: string;
293
- alt: string;
294
- dirName: string;
295
- _formAction: string;
296
- formEnctype: string;
297
- formMethod: string;
298
- formTarget: string;
299
- _height: number;
300
- _indeterminate: boolean;
301
- max: string;
302
- maxLength: number;
303
- min: string;
304
- minLength: number;
305
- multiple: boolean;
306
- pattern: string;
307
- placeholder: string;
308
- size: number;
309
- src: string;
310
- step: string;
311
- _width: number;
312
- } & {
313
- _useFormImplicitSubmission: boolean;
314
- } & {
315
- _input: HTMLInputElement;
316
- } & {
317
- indeterminate: boolean;
318
- } & {
319
- controlTagName: string;
320
- } & {
321
- _onSetChecked(checked: boolean): void;
322
- _onSetValue(value: string): void;
323
- } & {
324
- performImplicitSubmission(event: Event): void;
325
- _redispatchControlClickEvent(event: Event): boolean;
326
- _handleInputClick(event: MouseEvent): void;
327
- } & {
328
- setRangeText(replacement: string): void;
329
- setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;
330
- setSelectionRange(start: number | null, end: number | null, direction?: "forward" | "backward" | "none"): void;
331
- showPicker(): void;
332
- stepDown(n?: number): void;
333
- stepUp(n?: number): void;
334
- select(): void;
335
- } & {
336
- files: FileList;
337
- selectionDirection: "none" | "forward" | "backward";
338
- selectionEnd: number;
339
- selectionStart: number;
340
- valueAsDate: Date;
341
- valueAsNumber: number;
342
- height: number;
343
- formAction: string;
344
- width: number;
345
- } & {
346
- color: string;
347
- ink: string;
348
- typeStyle: string;
349
- } & {
350
- stateLayer: boolean;
351
- type: string;
352
- } & {
353
- ticks: string;
354
- _valueAsText: string;
355
- thumbLabel: string;
356
- _roundedValue: number;
357
- _isHoveringThumb: boolean;
358
- _lastDispatchedChangeValue: string;
359
- } & {
360
- /**
361
- * @param {(MouseEvent|TouchEvent) & {currentTarget:HTMLInputElement}} event
362
- * @return {void}
363
- */
364
- onControlMouseOrTouch(event: (MouseEvent | TouchEvent) & {
365
- currentTarget: HTMLInputElement;
366
- }): void;
367
- /** @param {Event} event */
368
- onLeaveEvent({ currentTarget }: Event): void;
369
- /**
370
- * @param {(MouseEvent|TouchEvent) & {currentTarget:HTMLInputElement}} event
371
- * @return {void}
372
- */
373
- onControlFinish(event: (MouseEvent | TouchEvent) & {
374
- currentTarget: HTMLInputElement;
375
- }): void;
376
- }) => string>;
197
+ computeTrackStyle: () => string;
377
198
  _thumbLabelHidden: never;
378
199
  _computedThumbLabel: never;
379
200
  }, any[]>;
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../components/Slider.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuDI;;;OAGG;iCAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;QAAC,aAAa,EAAC,gBAAgB,CAAA;KAAC,GACzD,IAAI;IAoGhB,2BAA2B;oCAAf,KAAK;IAMjB;;;OAGG;2BAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;QAAC,aAAa,EAAC,gBAAgB,CAAA;KAAC,GACzD,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA9GhB;;;WAGG;qCAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;YAAC,aAAa,EAAC,gBAAgB,CAAA;SAAC,GACzD,IAAI;QAoGhB,2BAA2B;wCAAf,KAAK;QAMjB;;;WAGG;+BAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;YAAC,aAAa,EAAC,gBAAgB,CAAA;SAAC,GACzD,IAAI;;;;;;0BArKM,0BAA0B"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../components/Slider.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiEI;;;;;OAKG;iCAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;QAAC,aAAa,EAAC,gBAAgB,CAAA;KAAC,GACzD,IAAI;IAoGhB;;;OAGG;oCADQ,KAAK;IAOhB;;;;;OAKG;2BAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;QAAC,aAAa,EAAC,gBAAgB,CAAA;KAAC,GACzD,IAAI;;;;;;;0BAtLM,0BAA0B"}
@@ -27,11 +27,10 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
27
27
  }, any[]> & import("../core/CustomElement.js").Class<{
28
28
  _ariaRole: string;
29
29
  }, any[]> & import("../core/CustomElement.js").Class<{
30
- onConnectAriaValues: Map<string, string>;
31
- hasFiredConnected: boolean;
30
+ _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
32
31
  }, any[]> & import("../core/CustomElement.js").Class<{
33
- readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
34
- updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
32
+ readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
33
+ updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
35
34
  }, any[]> & import("../core/CustomElement.js").Class<{
36
35
  density: number;
37
36
  }, any[]> & import("../core/CustomElement.js").Class<{
@@ -54,10 +53,19 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
54
53
  closeIcon: string;
55
54
  closeInk: string;
56
55
  onaction: EventListener;
56
+ ontoggle: EventListener;
57
57
  }, any[]> & import("../core/CustomElement.js").Class<{
58
+ /**
59
+ * Close the snackbar. Dispatches a cancelable `close` event; if not
60
+ * prevented the snackbar will hide and await the closing transition.
61
+ */
58
62
  close(): Promise<void>;
63
+ /** Show the snackbar (set `open` true). */
59
64
  show(): void;
60
- /** @param {string} text */
65
+ /**
66
+ * Update the snackbar text content.
67
+ * @param {string} text
68
+ */
61
69
  update(text: string): void;
62
70
  }, any[]>;
63
71
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../components/Snackbar.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDI,2BAA2B;iBAAf,MAAM;;;0BA9CI,0BAA0B"}
1
+ {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../components/Snackbar.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmDI;;;OAGG;;IAUH,2CAA2C;;IAI3C;;;OAGG;iBADQ,MAAM;;;0BApEK,0BAA0B"}
@@ -160,7 +160,9 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
160
160
  ink: string;
161
161
  typeStyle: string;
162
162
  }, any[]> & import("../core/CustomElement.js").Class<{
163
+ /** The control `type` used for the underlying input element (always 'checkbox'). */
163
164
  type: string;
165
+ /** Enables the state-layer visual treatment for pressed/hover states. */
164
166
  stateLayer: boolean;
165
167
  }, any[]> & import("../core/CustomElement.js").Class<{
166
168
  icon: string;
@@ -171,6 +173,8 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
171
173
  unselectedSrc: string;
172
174
  }, any[]> & import("../core/CustomElement.js").Class<{
173
175
  /**
176
+ * Handle pointer/touch input on the native control to compute dragging
177
+ * position and update the thumb drag state.
174
178
  * @param {(MouseEvent|TouchEvent) & {currentTarget:HTMLInputElement}} event
175
179
  * @return {void}
176
180
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../components/Switch.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6CI;;;OAGG;iCAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;QAAC,aAAa,EAAC,gBAAgB,CAAA;KAAC,GACzD,IAAI;;;0BA9CM,0BAA0B"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../components/Switch.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBI,oFAAoF;;IAEpF,yEAAyE;;;;;;;;;;IAoCzE;;;;;OAKG;iCAFQ,CAAC,UAAU,GAAC,UAAU,CAAC,GAAG;QAAC,aAAa,EAAC,gBAAgB,CAAA;KAAC,GACzD,IAAI;;;0BA5DM,0BAA0B"}
@@ -53,116 +53,8 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
53
53
  _thumbColor: string;
54
54
  _iconInk: string;
55
55
  }, any[]> & import("../core/CustomElement.js").Class<{
56
- hasIcon: () => ReturnType<({ icon, src, unselectedIcon, unselectedSrc }: CustomElement & {
57
- disabled: boolean;
58
- focused: boolean;
59
- hovered: boolean;
60
- pressed: boolean;
61
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
62
- _hovered: boolean;
63
- _focused: boolean;
64
- _focusedSynthetic: boolean;
65
- _keyPressed: boolean;
66
- _keyReleased: boolean;
67
- _pointerPressed: boolean;
68
- stateLayer: boolean;
69
- } & {
70
- disabledState: boolean;
71
- hoveredState: boolean;
72
- focusedState: boolean;
73
- pressedState: boolean;
74
- touchedState: boolean;
75
- pointedState: boolean;
76
- } & {
77
- stateTargetElement: HTMLElement;
78
- } & {
79
- color: string;
80
- ink: string;
81
- typeStyle: string;
82
- } & {
83
- shapeTop: boolean;
84
- shapeBottom: boolean;
85
- shapeStart: boolean;
86
- shapeEnd: boolean;
87
- shapeStyle: string;
88
- outlined: boolean;
89
- } & {
90
- selected: boolean;
91
- icon: string;
92
- errored: boolean;
93
- disabled: boolean;
94
- selectedIcon: string;
95
- unselectedIcon: string;
96
- src: string;
97
- selectedSrc: string;
98
- unselectedSrc: string;
99
- hovered: boolean;
100
- pressed: boolean;
101
- focused: boolean;
102
- dragValue: number;
103
- color: string;
104
- } & {
105
- checked: boolean;
106
- _active: boolean;
107
- } & {
108
- _thumbColor: string;
109
- _iconInk: string;
110
- }) => boolean>;
111
- iconVariation: () => ReturnType<({ selected }: CustomElement & {
112
- disabled: boolean;
113
- focused: boolean;
114
- hovered: boolean;
115
- pressed: boolean;
116
- _lastInteraction: "key" | "mouse" | "touch" | "pen";
117
- _hovered: boolean;
118
- _focused: boolean;
119
- _focusedSynthetic: boolean;
120
- _keyPressed: boolean;
121
- _keyReleased: boolean;
122
- _pointerPressed: boolean;
123
- stateLayer: boolean;
124
- } & {
125
- disabledState: boolean;
126
- hoveredState: boolean;
127
- focusedState: boolean;
128
- pressedState: boolean;
129
- touchedState: boolean;
130
- pointedState: boolean;
131
- } & {
132
- stateTargetElement: HTMLElement;
133
- } & {
134
- color: string;
135
- ink: string;
136
- typeStyle: string;
137
- } & {
138
- shapeTop: boolean;
139
- shapeBottom: boolean;
140
- shapeStart: boolean;
141
- shapeEnd: boolean;
142
- shapeStyle: string;
143
- outlined: boolean;
144
- } & {
145
- selected: boolean;
146
- icon: string;
147
- errored: boolean;
148
- disabled: boolean;
149
- selectedIcon: string;
150
- unselectedIcon: string;
151
- src: string;
152
- selectedSrc: string;
153
- unselectedSrc: string;
154
- hovered: boolean;
155
- pressed: boolean;
156
- focused: boolean;
157
- dragValue: number;
158
- color: string;
159
- } & {
160
- checked: boolean;
161
- _active: boolean;
162
- } & {
163
- _thumbColor: string;
164
- _iconInk: string;
165
- }) => string>;
56
+ hasIcon: () => boolean;
57
+ iconVariation: () => string;
166
58
  }, any[]>;
167
59
  export default _default;
168
60
  import CustomElement from '../core/CustomElement.js';
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchIcon.d.ts","sourceRoot":"","sources":["../../components/SwitchIcon.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAE0B,0BAA0B"}
1
+ {"version":3,"file":"SwitchIcon.d.ts","sourceRoot":"","sources":["../../components/SwitchIcon.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAE0B,0BAA0B"}