@material/web 1.0.0-pre.5 → 1.0.0-pre.7

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 (707) hide show
  1. package/README.md +7 -7
  2. package/aria/aria.d.ts +43 -0
  3. package/aria/aria.js +56 -0
  4. package/aria/aria.js.map +1 -0
  5. package/aria/delegate.d.ts +37 -0
  6. package/aria/delegate.js +53 -0
  7. package/aria/delegate.js.map +1 -0
  8. package/badge/badge.d.ts +0 -1
  9. package/badge/badge.js +0 -1
  10. package/badge/badge.js.map +1 -1
  11. package/badge/lib/badge-styles.css.js +1 -1
  12. package/badge/lib/badge-styles.css.js.map +1 -1
  13. package/badge/lib/badge.d.ts +8 -7
  14. package/badge/lib/badge.js +5 -6
  15. package/badge/lib/badge.js.map +1 -1
  16. package/button/lib/_elevation.scss +15 -11
  17. package/button/lib/_outlined-button.scss +1 -1
  18. package/button/lib/_shared.scss +5 -0
  19. package/button/lib/_text-button.scss +1 -1
  20. package/button/lib/_tonal-button.scss +1 -1
  21. package/button/lib/button.d.ts +13 -11
  22. package/button/lib/button.js +51 -60
  23. package/button/lib/button.js.map +1 -1
  24. package/button/lib/elevated-button.d.ts +3 -0
  25. package/button/lib/elevated-button.js +4 -2
  26. package/button/lib/elevated-button.js.map +1 -1
  27. package/button/lib/elevated-styles.css.js +1 -1
  28. package/button/lib/elevated-styles.css.js.map +1 -1
  29. package/button/lib/filled-button.d.ts +3 -1
  30. package/button/lib/filled-button.js +4 -3
  31. package/button/lib/filled-button.js.map +1 -1
  32. package/button/lib/filled-styles.css.js +1 -1
  33. package/button/lib/filled-styles.css.js.map +1 -1
  34. package/button/lib/outlined-button.d.ts +3 -0
  35. package/button/lib/outlined-button.js +3 -1
  36. package/button/lib/outlined-button.js.map +1 -1
  37. package/button/lib/outlined-styles.css.js +1 -1
  38. package/button/lib/outlined-styles.css.js.map +1 -1
  39. package/button/lib/shared-elevation-styles.css.js +1 -1
  40. package/button/lib/shared-elevation-styles.css.js.map +1 -1
  41. package/button/lib/shared-styles.css.js +1 -1
  42. package/button/lib/shared-styles.css.js.map +1 -1
  43. package/button/lib/text-button.d.ts +3 -0
  44. package/button/lib/text-button.js +3 -1
  45. package/button/lib/text-button.js.map +1 -1
  46. package/button/lib/text-styles.css.js +1 -1
  47. package/button/lib/text-styles.css.js.map +1 -1
  48. package/button/lib/tonal-button.d.ts +3 -1
  49. package/button/lib/tonal-button.js +4 -3
  50. package/button/lib/tonal-button.js.map +1 -1
  51. package/button/lib/tonal-styles.css.js +1 -1
  52. package/button/lib/tonal-styles.css.js.map +1 -1
  53. package/checkbox/lib/checkbox-styles.css.js +1 -1
  54. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  55. package/checkbox/lib/checkbox.d.ts +0 -1
  56. package/checkbox/lib/checkbox.js +33 -43
  57. package/checkbox/lib/checkbox.js.map +1 -1
  58. package/chips/_filter-chip.scss +6 -0
  59. package/chips/filter-chip.d.ts +20 -0
  60. package/chips/filter-chip.js +24 -0
  61. package/chips/filter-chip.js.map +1 -0
  62. package/chips/lib/_filter-chip.scss +141 -0
  63. package/chips/lib/_shared.scss +71 -37
  64. package/chips/lib/assist-styles.css.js +1 -1
  65. package/chips/lib/assist-styles.css.js.map +1 -1
  66. package/chips/lib/chip.d.ts +8 -3
  67. package/chips/lib/chip.js +30 -31
  68. package/chips/lib/chip.js.map +1 -1
  69. package/chips/lib/filter-chip.d.ts +21 -0
  70. package/chips/lib/filter-chip.js +47 -0
  71. package/chips/lib/filter-chip.js.map +1 -0
  72. package/chips/lib/filter-styles.css.js +9 -0
  73. package/chips/lib/filter-styles.css.js.map +1 -0
  74. package/{fab/lib/fab-extended-styles.scss → chips/lib/filter-styles.scss} +3 -3
  75. package/chips/lib/shared-styles.css.js +1 -1
  76. package/chips/lib/shared-styles.css.js.map +1 -1
  77. package/chips/lib/suggestion-styles.css.js +1 -1
  78. package/chips/lib/suggestion-styles.css.js.map +1 -1
  79. package/circularprogress/_circular-progress.scss +6 -0
  80. package/circularprogress/circular-progress.d.ts +24 -0
  81. package/circularprogress/circular-progress.js +27 -0
  82. package/circularprogress/circular-progress.js.map +1 -0
  83. package/circularprogress/harness.d.ts +13 -0
  84. package/circularprogress/harness.js +16 -0
  85. package/circularprogress/harness.js.map +1 -0
  86. package/circularprogress/lib/_circular-progress.scss +282 -0
  87. package/circularprogress/lib/circular-progress-styles.css.js +9 -0
  88. package/circularprogress/lib/circular-progress-styles.css.js.map +1 -0
  89. package/circularprogress/lib/circular-progress-styles.scss +8 -0
  90. package/circularprogress/lib/circular-progress.d.ts +28 -0
  91. package/circularprogress/lib/circular-progress.js +95 -0
  92. package/circularprogress/lib/circular-progress.js.map +1 -0
  93. package/dialog/lib/_dialog.scss +9 -14
  94. package/dialog/lib/dialog-styles.css.js +1 -1
  95. package/dialog/lib/dialog-styles.css.js.map +1 -1
  96. package/dialog/lib/dialog.js +26 -50
  97. package/dialog/lib/dialog.js.map +1 -1
  98. package/divider/lib/divider.js +4 -7
  99. package/divider/lib/divider.js.map +1 -1
  100. package/elevation/lib/_elevation.scss +14 -51
  101. package/elevation/lib/elevation-styles.css.js +1 -1
  102. package/elevation/lib/elevation-styles.css.js.map +1 -1
  103. package/elevation/lib/elevation.d.ts +0 -8
  104. package/elevation/lib/elevation.js +1 -25
  105. package/elevation/lib/elevation.js.map +1 -1
  106. package/fab/_fab.scss +1 -0
  107. package/fab/branded-fab.d.ts +53 -0
  108. package/fab/branded-fab.js +56 -0
  109. package/fab/branded-fab.js.map +1 -0
  110. package/fab/fab.d.ts +25 -5
  111. package/fab/fab.js +27 -10
  112. package/fab/fab.js.map +1 -1
  113. package/fab/harness.d.ts +1 -2
  114. package/fab/harness.js +1 -1
  115. package/fab/harness.js.map +1 -1
  116. package/fab/lib/_fab-branded.scss +27 -0
  117. package/fab/lib/_fab.scss +144 -16
  118. package/fab/lib/_shared.scss +153 -131
  119. package/fab/lib/fab-branded-styles.css.js +9 -0
  120. package/fab/lib/fab-branded-styles.css.js.map +1 -0
  121. package/fab/lib/fab-branded-styles.scss +10 -0
  122. package/fab/lib/fab-styles.css.js +1 -1
  123. package/fab/lib/fab-styles.css.js.map +1 -1
  124. package/fab/lib/fab.d.ts +14 -10
  125. package/fab/lib/fab.js +19 -12
  126. package/fab/lib/fab.js.map +1 -1
  127. package/fab/lib/forced-colors-styles.css.js +9 -0
  128. package/fab/lib/forced-colors-styles.css.js.map +1 -0
  129. package/fab/lib/forced-colors-styles.scss +26 -0
  130. package/fab/lib/shared-styles.css.d.ts +1 -0
  131. package/fab/lib/shared-styles.css.js +9 -0
  132. package/fab/lib/shared-styles.css.js.map +1 -0
  133. package/fab/lib/{fab-shared-styles.scss → shared-styles.scss} +1 -1
  134. package/fab/lib/{fab-shared.d.ts → shared.d.ts} +24 -16
  135. package/fab/lib/shared.js +137 -0
  136. package/fab/lib/shared.js.map +1 -0
  137. package/field/lib/field.js +14 -27
  138. package/field/lib/field.js.map +1 -1
  139. package/field/lib/filled-styles.css.js +1 -1
  140. package/field/lib/filled-styles.css.js.map +1 -1
  141. package/field/lib/outlined-styles.css.js +1 -1
  142. package/field/lib/outlined-styles.css.js.map +1 -1
  143. package/focus/focus-ring.d.ts +0 -1
  144. package/focus/focus-ring.js +0 -1
  145. package/focus/focus-ring.js.map +1 -1
  146. package/focus/lib/_focus-ring.scss +30 -20
  147. package/focus/lib/focus-ring-styles.css.js +1 -1
  148. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  149. package/focus/lib/focus-ring.js +2 -3
  150. package/focus/lib/focus-ring.js.map +1 -1
  151. package/focus/strong-focus.d.ts +11 -0
  152. package/focus/strong-focus.js +16 -1
  153. package/focus/strong-focus.js.map +1 -1
  154. package/icon/icon.d.ts +0 -1
  155. package/icon/icon.js +0 -1
  156. package/icon/icon.js.map +1 -1
  157. package/icon/lib/_icon.scss +2 -0
  158. package/icon/lib/icon-styles.css.js +1 -1
  159. package/icon/lib/icon-styles.css.js.map +1 -1
  160. package/icon/lib/icon.d.ts +5 -4
  161. package/icon/lib/icon.js +3 -2
  162. package/icon/lib/icon.js.map +1 -1
  163. package/iconbutton/filled-icon-button.js +1 -0
  164. package/iconbutton/filled-icon-button.js.map +1 -1
  165. package/iconbutton/filled-tonal-icon-button.js +1 -0
  166. package/iconbutton/filled-tonal-icon-button.js.map +1 -1
  167. package/iconbutton/harness.d.ts +1 -2
  168. package/iconbutton/harness.js.map +1 -1
  169. package/iconbutton/lib/filled-styles.css.js +1 -1
  170. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  171. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  172. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  173. package/iconbutton/lib/icon-button.d.ts +31 -4
  174. package/iconbutton/lib/icon-button.js +105 -37
  175. package/iconbutton/lib/icon-button.js.map +1 -1
  176. package/iconbutton/lib/outlined-styles.css.js +1 -1
  177. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  178. package/iconbutton/lib/standard-styles.css.js +1 -1
  179. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  180. package/linearprogress/_linear-progress.scss +6 -0
  181. package/linearprogress/harness.d.ts +13 -0
  182. package/linearprogress/harness.js +18 -0
  183. package/linearprogress/harness.js.map +1 -0
  184. package/linearprogress/lib/_linear-progress.scss +380 -0
  185. package/linearprogress/lib/linear-progress-styles.css.d.ts +1 -0
  186. package/linearprogress/lib/linear-progress-styles.css.js +9 -0
  187. package/linearprogress/lib/linear-progress-styles.css.js.map +1 -0
  188. package/linearprogress/lib/linear-progress-styles.scss +8 -0
  189. package/linearprogress/lib/linear-progress.d.ts +35 -0
  190. package/linearprogress/lib/linear-progress.js +127 -0
  191. package/linearprogress/lib/linear-progress.js.map +1 -0
  192. package/linearprogress/linear-progress.d.ts +23 -0
  193. package/linearprogress/linear-progress.js +26 -0
  194. package/linearprogress/linear-progress.js.map +1 -0
  195. package/list/harness.d.ts +1 -0
  196. package/list/harness.js +1 -0
  197. package/list/harness.js.map +1 -1
  198. package/list/lib/_list.scss +6 -50
  199. package/list/lib/list-styles.css.js +1 -1
  200. package/list/lib/list-styles.css.js.map +1 -1
  201. package/list/lib/list.d.ts +1 -3
  202. package/list/lib/list.js +20 -34
  203. package/list/lib/list.js.map +1 -1
  204. package/list/lib/listitem/_list-item.scss +19 -82
  205. package/list/lib/listitem/forced-colors-styles.css.d.ts +1 -0
  206. package/list/lib/listitem/forced-colors-styles.css.js +9 -0
  207. package/list/lib/listitem/forced-colors-styles.css.js.map +1 -0
  208. package/list/lib/listitem/forced-colors-styles.scss +23 -0
  209. package/list/lib/listitem/list-item-styles.css.js +1 -1
  210. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  211. package/list/lib/listitem/list-item.d.ts +5 -7
  212. package/list/lib/listitem/list-item.js +27 -56
  213. package/list/lib/listitem/list-item.js.map +1 -1
  214. package/list/lib/listitemlink/list-item-link.js +4 -6
  215. package/list/lib/listitemlink/list-item-link.js.map +1 -1
  216. package/list/list-item-link.js +2 -1
  217. package/list/list-item-link.js.map +1 -1
  218. package/list/list-item.js +2 -1
  219. package/list/list-item.js.map +1 -1
  220. package/menu/harness.d.ts +1 -0
  221. package/menu/harness.js +1 -0
  222. package/menu/harness.js.map +1 -1
  223. package/menu/lib/_menu.scss +10 -37
  224. package/menu/lib/forced-colors-styles.css.d.ts +1 -0
  225. package/menu/lib/forced-colors-styles.css.js +9 -0
  226. package/menu/lib/forced-colors-styles.css.js.map +1 -0
  227. package/menu/lib/forced-colors-styles.scss +12 -0
  228. package/menu/lib/menu-styles.css.js +1 -1
  229. package/menu/lib/menu-styles.css.js.map +1 -1
  230. package/menu/lib/menu.d.ts +13 -3
  231. package/menu/lib/menu.js +78 -65
  232. package/menu/lib/menu.js.map +1 -1
  233. package/menu/lib/menuitem/_menu-item.scss +18 -43
  234. package/menu/lib/menuitem/forced-colors-styles.css.d.ts +1 -0
  235. package/menu/lib/menuitem/forced-colors-styles.css.js +9 -0
  236. package/menu/lib/menuitem/forced-colors-styles.css.js.map +1 -0
  237. package/menu/lib/menuitem/forced-colors-styles.scss +22 -0
  238. package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
  239. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
  240. package/menu/lib/menuitem/menu-item.d.ts +1 -1
  241. package/menu/lib/menuitem/menu-item.js +4 -6
  242. package/menu/lib/menuitem/menu-item.js.map +1 -1
  243. package/menu/lib/menuitemlink/menu-item-link.d.ts +0 -2
  244. package/menu/lib/menuitemlink/menu-item-link.js +3 -6
  245. package/menu/lib/menuitemlink/menu-item-link.js.map +1 -1
  246. package/menu/lib/shared.d.ts +16 -2
  247. package/menu/lib/shared.js +23 -0
  248. package/menu/lib/shared.js.map +1 -1
  249. package/menu/lib/submenuitem/sub-menu-item.d.ts +4 -2
  250. package/menu/lib/submenuitem/sub-menu-item.js +17 -13
  251. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  252. package/menu/lib/typeaheadController.d.ts +10 -2
  253. package/menu/lib/typeaheadController.js +20 -14
  254. package/menu/lib/typeaheadController.js.map +1 -1
  255. package/menu/menu-item-link.js +3 -1
  256. package/menu/menu-item-link.js.map +1 -1
  257. package/menu/menu-item.js +4 -2
  258. package/menu/menu-item.js.map +1 -1
  259. package/menu/menu.js +2 -1
  260. package/menu/menu.js.map +1 -1
  261. package/menu/sub-menu-item.js +3 -1
  262. package/menu/sub-menu-item.js.map +1 -1
  263. package/navigationbar/lib/_navigation-bar.scss +9 -6
  264. package/navigationbar/lib/navigation-bar-styles.css.js +1 -1
  265. package/navigationbar/lib/navigation-bar-styles.css.js.map +1 -1
  266. package/navigationbar/lib/navigation-bar.d.ts +5 -5
  267. package/navigationbar/lib/navigation-bar.js +19 -20
  268. package/navigationbar/lib/navigation-bar.js.map +1 -1
  269. package/navigationbar/navigation-bar.d.ts +0 -1
  270. package/navigationbar/navigation-bar.js +0 -1
  271. package/navigationbar/navigation-bar.js.map +1 -1
  272. package/navigationdrawer/lib/_navigation-drawer-modal.scss +10 -11
  273. package/navigationdrawer/lib/_navigation-drawer.scss +9 -14
  274. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +1 -1
  275. package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -1
  276. package/navigationdrawer/lib/navigation-drawer-modal.d.ts +5 -10
  277. package/navigationdrawer/lib/navigation-drawer-modal.js +19 -41
  278. package/navigationdrawer/lib/navigation-drawer-modal.js.map +1 -1
  279. package/navigationdrawer/lib/navigation-drawer-styles.css.js +1 -1
  280. package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -1
  281. package/navigationdrawer/lib/navigation-drawer.d.ts +5 -9
  282. package/navigationdrawer/lib/navigation-drawer.js +18 -39
  283. package/navigationdrawer/lib/navigation-drawer.js.map +1 -1
  284. package/navigationdrawer/navigation-drawer-modal.d.ts +0 -1
  285. package/navigationdrawer/navigation-drawer-modal.js +0 -1
  286. package/navigationdrawer/navigation-drawer-modal.js.map +1 -1
  287. package/navigationdrawer/navigation-drawer.d.ts +0 -1
  288. package/navigationdrawer/navigation-drawer.js +0 -1
  289. package/navigationdrawer/navigation-drawer.js.map +1 -1
  290. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  291. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  292. package/navigationtab/lib/navigation-tab.d.ts +19 -24
  293. package/navigationtab/lib/navigation-tab.js +48 -68
  294. package/navigationtab/lib/navigation-tab.js.map +1 -1
  295. package/navigationtab/navigation-tab.d.ts +0 -1
  296. package/navigationtab/navigation-tab.js +0 -1
  297. package/navigationtab/navigation-tab.js.map +1 -1
  298. package/package.json +2 -1
  299. package/radio/lib/radio-styles.css.js +1 -1
  300. package/radio/lib/radio-styles.css.js.map +1 -1
  301. package/radio/lib/radio.d.ts +0 -1
  302. package/radio/lib/radio.js +30 -37
  303. package/radio/lib/radio.js.map +1 -1
  304. package/ripple/lib/_md-comp-ripple.scss +3 -3
  305. package/ripple/lib/ripple-styles.css.js +1 -1
  306. package/ripple/lib/ripple-styles.css.js.map +1 -1
  307. package/ripple/lib/ripple.js +7 -13
  308. package/ripple/lib/ripple.js.map +1 -1
  309. package/segmentedbutton/lib/outlined-segmented-button.d.ts +16 -7
  310. package/segmentedbutton/lib/outlined-segmented-button.js +3 -3
  311. package/segmentedbutton/lib/outlined-segmented-button.js.map +1 -1
  312. package/segmentedbutton/lib/outlined-styles.css.js +1 -1
  313. package/segmentedbutton/lib/outlined-styles.css.js.map +1 -1
  314. package/segmentedbutton/lib/segmented-button.d.ts +27 -33
  315. package/segmentedbutton/lib/segmented-button.js +42 -75
  316. package/segmentedbutton/lib/segmented-button.js.map +1 -1
  317. package/segmentedbutton/outlined-segmented-button.d.ts +0 -1
  318. package/segmentedbutton/outlined-segmented-button.js +0 -1
  319. package/segmentedbutton/outlined-segmented-button.js.map +1 -1
  320. package/segmentedbuttonset/lib/outlined-segmented-button-set.d.ts +6 -4
  321. package/segmentedbuttonset/lib/outlined-segmented-button-set.js +3 -2
  322. package/segmentedbuttonset/lib/outlined-segmented-button-set.js.map +1 -1
  323. package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
  324. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
  325. package/segmentedbuttonset/lib/segmented-button-set.d.ts +3 -9
  326. package/segmentedbuttonset/lib/segmented-button-set.js +14 -20
  327. package/segmentedbuttonset/lib/segmented-button-set.js.map +1 -1
  328. package/segmentedbuttonset/outlined-segmented-button-set.d.ts +0 -1
  329. package/segmentedbuttonset/outlined-segmented-button-set.js +0 -1
  330. package/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -1
  331. package/select/_filled-select.scss +6 -0
  332. package/select/_outlined-select.scss +6 -0
  333. package/select/filled-select.d.ts +41 -0
  334. package/select/filled-select.js +46 -0
  335. package/select/filled-select.js.map +1 -0
  336. package/select/harness.d.ts +24 -0
  337. package/select/harness.js +53 -0
  338. package/select/harness.js.map +1 -0
  339. package/select/lib/_filled-select.scss +163 -0
  340. package/select/lib/_outlined-select.scss +146 -0
  341. package/select/lib/_shared.scss +48 -0
  342. package/select/lib/filled-forced-colors-styles.css.d.ts +1 -0
  343. package/select/lib/filled-forced-colors-styles.css.js +9 -0
  344. package/select/lib/filled-forced-colors-styles.css.js.map +1 -0
  345. package/select/lib/filled-forced-colors-styles.scss +29 -0
  346. package/select/lib/filled-select-styles.css.d.ts +1 -0
  347. package/select/lib/filled-select-styles.css.js +9 -0
  348. package/select/lib/filled-select-styles.css.js.map +1 -0
  349. package/select/lib/filled-select-styles.scss +10 -0
  350. package/select/lib/filled-select.d.ts +10 -0
  351. package/select/lib/filled-select.js +16 -0
  352. package/select/lib/filled-select.js.map +1 -0
  353. package/select/lib/outlined-forced-colors-styles.css.d.ts +1 -0
  354. package/select/lib/outlined-forced-colors-styles.css.js +9 -0
  355. package/select/lib/outlined-forced-colors-styles.css.js.map +1 -0
  356. package/select/lib/outlined-forced-colors-styles.scss +29 -0
  357. package/select/lib/outlined-select-styles.css.d.ts +1 -0
  358. package/select/lib/outlined-select-styles.css.js +9 -0
  359. package/select/lib/outlined-select-styles.css.js.map +1 -0
  360. package/select/lib/outlined-select-styles.scss +10 -0
  361. package/select/lib/outlined-select.d.ts +10 -0
  362. package/select/lib/outlined-select.js +16 -0
  363. package/select/lib/outlined-select.js.map +1 -0
  364. package/select/lib/select.d.ts +218 -0
  365. package/select/lib/select.js +587 -0
  366. package/select/lib/select.js.map +1 -0
  367. package/select/lib/selectoption/harness.d.ts +11 -0
  368. package/select/lib/selectoption/harness.js +12 -0
  369. package/select/lib/selectoption/harness.js.map +1 -0
  370. package/select/lib/selectoption/select-option.d.ts +30 -0
  371. package/select/lib/selectoption/select-option.js +71 -0
  372. package/select/lib/selectoption/select-option.js.map +1 -0
  373. package/select/lib/shared-styles.css.d.ts +1 -0
  374. package/select/lib/shared-styles.css.js +9 -0
  375. package/select/lib/shared-styles.css.js.map +1 -0
  376. package/select/lib/shared-styles.scss +10 -0
  377. package/select/lib/shared.d.ts +52 -0
  378. package/select/lib/shared.js +41 -0
  379. package/select/lib/shared.js.map +1 -0
  380. package/select/outlined-select.d.ts +41 -0
  381. package/select/outlined-select.js +46 -0
  382. package/select/outlined-select.js.map +1 -0
  383. package/select/select-option.d.ts +44 -0
  384. package/select/select-option.js +51 -0
  385. package/select/select-option.js.map +1 -0
  386. package/slider/harness.d.ts +1 -0
  387. package/slider/harness.js +5 -0
  388. package/slider/harness.js.map +1 -1
  389. package/slider/lib/_slider.scss +147 -171
  390. package/slider/lib/forced-colors-styles.css.js +1 -1
  391. package/slider/lib/forced-colors-styles.css.js.map +1 -1
  392. package/slider/lib/forced-colors-styles.scss +2 -2
  393. package/slider/lib/slider-styles.css.js +1 -1
  394. package/slider/lib/slider-styles.css.js.map +1 -1
  395. package/slider/lib/slider.d.ts +2 -7
  396. package/slider/lib/slider.js +65 -119
  397. package/slider/lib/slider.js.map +1 -1
  398. package/switch/lib/switch-styles.css.js +1 -1
  399. package/switch/lib/switch-styles.css.js.map +1 -1
  400. package/switch/lib/switch.d.ts +0 -2
  401. package/switch/lib/switch.js +32 -54
  402. package/switch/lib/switch.js.map +1 -1
  403. package/textfield/lib/filled-styles.css.js +1 -1
  404. package/textfield/lib/filled-styles.css.js.map +1 -1
  405. package/textfield/lib/outlined-styles.css.js +1 -1
  406. package/textfield/lib/outlined-styles.css.js.map +1 -1
  407. package/textfield/lib/text-field.d.ts +0 -10
  408. package/textfield/lib/text-field.js +45 -115
  409. package/textfield/lib/text-field.js.map +1 -1
  410. package/tokens/_index.scss +6 -0
  411. package/tokens/_md-comp-assist-chip.scss +81 -21
  412. package/tokens/_md-comp-badge.scss +8 -1
  413. package/tokens/_md-comp-banner.scss +1 -1
  414. package/tokens/_md-comp-bottom-app-bar.scss +1 -1
  415. package/tokens/_md-comp-carousel-item.scss +1 -1
  416. package/tokens/_md-comp-checkbox.scss +1 -1
  417. package/tokens/_md-comp-circular-progress-indicator.scss +17 -2
  418. package/tokens/_md-comp-data-table.scss +1 -1
  419. package/tokens/_md-comp-date-input-modal.scss +1 -1
  420. package/tokens/_md-comp-date-picker-docked.scss +1 -1
  421. package/tokens/_md-comp-date-picker-modal.scss +1 -1
  422. package/tokens/_md-comp-dialog.scss +10 -1
  423. package/tokens/_md-comp-divider.scss +1 -1
  424. package/tokens/_md-comp-elevated-button.scss +80 -20
  425. package/tokens/_md-comp-elevated-card.scss +1 -1
  426. package/tokens/_md-comp-elevation.scss +24 -0
  427. package/tokens/_md-comp-extended-fab-branded.scss +8 -1
  428. package/tokens/_md-comp-extended-fab-primary.scss +8 -1
  429. package/tokens/_md-comp-extended-fab-secondary.scss +8 -1
  430. package/tokens/_md-comp-extended-fab-surface.scss +8 -1
  431. package/tokens/_md-comp-extended-fab-tertiary.scss +8 -1
  432. package/tokens/_md-comp-fab-branded-large.scss +1 -1
  433. package/tokens/_md-comp-fab-branded.scss +110 -2
  434. package/tokens/_md-comp-fab-primary-large.scss +1 -1
  435. package/tokens/_md-comp-fab-primary-small.scss +1 -1
  436. package/tokens/_md-comp-fab-primary.scss +1 -1
  437. package/tokens/_md-comp-fab-secondary-large.scss +1 -1
  438. package/tokens/_md-comp-fab-secondary-small.scss +1 -1
  439. package/tokens/_md-comp-fab-secondary.scss +1 -1
  440. package/tokens/_md-comp-fab-surface-large.scss +1 -1
  441. package/tokens/_md-comp-fab-surface-small.scss +1 -1
  442. package/tokens/_md-comp-fab-surface.scss +1 -1
  443. package/tokens/_md-comp-fab-tertiary-large.scss +1 -1
  444. package/tokens/_md-comp-fab-tertiary-small.scss +1 -1
  445. package/tokens/_md-comp-fab-tertiary.scss +1 -1
  446. package/tokens/_md-comp-fab.scss +290 -0
  447. package/tokens/_md-comp-filled-autocomplete.scss +1 -1
  448. package/tokens/_md-comp-filled-button.scss +80 -20
  449. package/tokens/_md-comp-filled-card.scss +1 -1
  450. package/tokens/_md-comp-filled-icon-button.scss +1 -1
  451. package/tokens/_md-comp-filled-menu-button.scss +1 -1
  452. package/tokens/_md-comp-filled-select.scss +151 -2
  453. package/tokens/_md-comp-filled-text-field.scss +10 -1
  454. package/tokens/_md-comp-filled-tonal-button.scss +80 -20
  455. package/tokens/_md-comp-filled-tonal-icon-button.scss +1 -1
  456. package/tokens/_md-comp-filter-chip.scss +211 -11
  457. package/tokens/_md-comp-focus-ring.scss +46 -0
  458. package/tokens/_md-comp-full-screen-dialog.scss +1 -1
  459. package/tokens/_md-comp-icon-button.scss +1 -1
  460. package/tokens/_md-comp-input-chip.scss +186 -11
  461. package/tokens/_md-comp-linear-progress-indicator.scss +15 -2
  462. package/tokens/_md-comp-list-item.scss +201 -0
  463. package/tokens/_md-comp-list.scss +110 -12
  464. package/tokens/_md-comp-menu-item.scss +76 -0
  465. package/tokens/_md-comp-menu.scss +53 -3
  466. package/tokens/_md-comp-navigation-bar.scss +1 -1
  467. package/tokens/_md-comp-navigation-drawer.scss +1 -1
  468. package/tokens/_md-comp-navigation-rail.scss +1 -1
  469. package/tokens/_md-comp-outlined-autocomplete.scss +1 -1
  470. package/tokens/_md-comp-outlined-button.scss +77 -19
  471. package/tokens/_md-comp-outlined-card.scss +1 -1
  472. package/tokens/_md-comp-outlined-icon-button.scss +1 -1
  473. package/tokens/_md-comp-outlined-menu-button.scss +1 -1
  474. package/tokens/_md-comp-outlined-segmented-button.scss +10 -1
  475. package/tokens/_md-comp-outlined-select.scss +151 -2
  476. package/tokens/_md-comp-outlined-text-field.scss +10 -1
  477. package/tokens/_md-comp-plain-tooltip.scss +1 -1
  478. package/tokens/_md-comp-primary-navigation-tab.scss +10 -1
  479. package/tokens/_md-comp-radio-button.scss +1 -1
  480. package/tokens/_md-comp-rich-tooltip.scss +1 -1
  481. package/tokens/_md-comp-scrim.scss +1 -1
  482. package/tokens/_md-comp-search-bar.scss +1 -1
  483. package/tokens/_md-comp-search-view.scss +1 -1
  484. package/tokens/_md-comp-secondary-navigation-tab.scss +9 -1
  485. package/tokens/_md-comp-sheet-bottom.scss +1 -1
  486. package/tokens/_md-comp-sheet-floating.scss +1 -1
  487. package/tokens/_md-comp-sheet-side.scss +1 -1
  488. package/tokens/_md-comp-slider.scss +23 -2
  489. package/tokens/_md-comp-snackbar.scss +1 -1
  490. package/tokens/_md-comp-standard-menu-button.scss +1 -1
  491. package/tokens/_md-comp-suggestion-chip.scss +83 -24
  492. package/tokens/_md-comp-switch.scss +1 -1
  493. package/tokens/_md-comp-test-table.scss +31 -0
  494. package/tokens/_md-comp-text-button.scss +70 -19
  495. package/tokens/_md-comp-time-input.scss +1 -1
  496. package/tokens/_md-comp-time-picker.scss +1 -1
  497. package/tokens/_md-comp-top-app-bar-large.scss +1 -1
  498. package/tokens/_md-comp-top-app-bar-medium.scss +1 -1
  499. package/tokens/_md-comp-top-app-bar-small-centered.scss +1 -1
  500. package/tokens/_md-comp-top-app-bar-small.scss +1 -1
  501. package/tokens/_md-ref-palette.scss +1 -1
  502. package/tokens/_md-ref-typeface.scss +24 -2
  503. package/tokens/_md-sys-color.scss +1 -1
  504. package/tokens/_md-sys-elevation.scss +1 -1
  505. package/tokens/_md-sys-motion.scss +1 -1
  506. package/tokens/_md-sys-shape.scss +1 -1
  507. package/tokens/_md-sys-state.scss +1 -1
  508. package/tokens/_md-sys-typescale.scss +36 -2
  509. package/tokens/_values.scss +114 -0
  510. package/tokens/{v0_161 → v0_172}/_md-comp-assist-chip.scss +3 -4
  511. package/tokens/{v0_161 → v0_172}/_md-comp-badge.scss +1 -1
  512. package/tokens/{v0_161 → v0_172}/_md-comp-banner.scss +2 -4
  513. package/tokens/{v0_161 → v0_172}/_md-comp-bottom-app-bar.scss +3 -5
  514. package/tokens/{v0_161 → v0_172}/_md-comp-carousel-item.scss +1 -3
  515. package/tokens/{v0_161 → v0_172}/_md-comp-checkbox.scss +1 -1
  516. package/tokens/{v0_161 → v0_172}/_md-comp-circular-progress-indicator.scss +1 -1
  517. package/tokens/{v0_161 → v0_172}/_md-comp-data-table.scss +2 -2
  518. package/tokens/{v0_161 → v0_172}/_md-comp-date-input-modal.scss +2 -4
  519. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-docked.scss +2 -4
  520. package/tokens/{v0_161 → v0_172}/_md-comp-date-picker-modal.scss +2 -4
  521. package/tokens/{v0_161 → v0_172}/_md-comp-dialog.scss +2 -4
  522. package/tokens/{v0_161 → v0_172}/_md-comp-divider.scss +1 -1
  523. package/tokens/{v0_161 → v0_172}/_md-comp-elevated-button.scss +2 -4
  524. package/tokens/{v0_161 → v0_172}/_md-comp-elevated-card.scss +2 -4
  525. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-branded.scss +4 -4
  526. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-primary.scss +1 -1
  527. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-secondary.scss +1 -1
  528. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-surface.scss +4 -4
  529. package/tokens/{v0_161 → v0_172}/_md-comp-extended-fab-tertiary.scss +1 -1
  530. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded-large.scss +4 -4
  531. package/tokens/{v0_161 → v0_172}/_md-comp-fab-branded.scss +4 -4
  532. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-large.scss +1 -1
  533. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary-small.scss +1 -1
  534. package/tokens/{v0_161 → v0_172}/_md-comp-fab-primary.scss +1 -1
  535. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-large.scss +1 -1
  536. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary-small.scss +1 -1
  537. package/tokens/{v0_161 → v0_172}/_md-comp-fab-secondary.scss +1 -1
  538. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-large.scss +4 -4
  539. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface-small.scss +4 -4
  540. package/tokens/{v0_161 → v0_172}/_md-comp-fab-surface.scss +4 -4
  541. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-large.scss +1 -1
  542. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary-small.scss +1 -1
  543. package/tokens/{v0_161 → v0_172}/_md-comp-fab-tertiary.scss +1 -1
  544. package/tokens/{v0_161 → v0_172}/_md-comp-filled-autocomplete.scss +4 -6
  545. package/tokens/{v0_161 → v0_172}/_md-comp-filled-button.scss +1 -1
  546. package/tokens/{v0_161 → v0_172}/_md-comp-filled-card.scss +3 -2
  547. package/tokens/{v0_161 → v0_172}/_md-comp-filled-icon-button.scss +2 -2
  548. package/tokens/{v0_161 → v0_172}/_md-comp-filled-menu-button.scss +1 -1
  549. package/tokens/{v0_161 → v0_172}/_md-comp-filled-select.scss +4 -6
  550. package/tokens/{v0_161 → v0_172}/_md-comp-filled-text-field.scss +3 -2
  551. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-button.scss +1 -1
  552. package/tokens/{v0_161 → v0_172}/_md-comp-filled-tonal-icon-button.scss +2 -2
  553. package/tokens/{v0_161 → v0_172}/_md-comp-filter-chip.scss +2 -4
  554. package/tokens/{v0_161 → v0_172}/_md-comp-full-screen-dialog.scss +3 -3
  555. package/tokens/{v0_161 → v0_172}/_md-comp-icon-button.scss +1 -1
  556. package/tokens/{v0_161 → v0_172}/_md-comp-input-chip.scss +1 -1
  557. package/tokens/{v0_161 → v0_172}/_md-comp-linear-progress-indicator.scss +2 -2
  558. package/tokens/{v0_161 → v0_172}/_md-comp-list.scss +1 -1
  559. package/tokens/{v0_161 → v0_172}/_md-comp-menu.scss +3 -5
  560. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-bar.scss +2 -4
  561. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-drawer.scss +4 -4
  562. package/tokens/{v0_161 → v0_172}/_md-comp-navigation-rail.scss +1 -16
  563. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-autocomplete.scss +4 -6
  564. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-button.scss +1 -1
  565. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-card.scss +1 -3
  566. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-icon-button.scss +1 -1
  567. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-menu-button.scss +1 -1
  568. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-segmented-button.scss +1 -1
  569. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-select.scss +4 -6
  570. package/tokens/{v0_161 → v0_172}/_md-comp-outlined-text-field.scss +1 -1
  571. package/tokens/{v0_161 → v0_172}/_md-comp-plain-tooltip.scss +1 -1
  572. package/tokens/{v0_161 → v0_172}/_md-comp-primary-navigation-tab.scss +1 -1
  573. package/tokens/{v0_161 → v0_172}/_md-comp-radio-button.scss +1 -1
  574. package/tokens/{v0_161 → v0_172}/_md-comp-rich-tooltip.scss +3 -5
  575. package/tokens/{v0_161 → v0_172}/_md-comp-scrim.scss +1 -1
  576. package/tokens/{v0_161 → v0_172}/_md-comp-search-bar.scss +2 -4
  577. package/tokens/{v0_161 → v0_172}/_md-comp-search-view.scss +2 -4
  578. package/tokens/{v0_161 → v0_172}/_md-comp-secondary-navigation-tab.scss +3 -3
  579. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-bottom.scss +3 -4
  580. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-floating.scss +3 -5
  581. package/tokens/{v0_161 → v0_172}/_md-comp-sheet-side.scss +4 -4
  582. package/tokens/{v0_161 → v0_172}/_md-comp-slider.scss +3 -2
  583. package/tokens/{v0_161 → v0_172}/_md-comp-snackbar.scss +1 -1
  584. package/tokens/{v0_161 → v0_172}/_md-comp-standard-menu-button.scss +1 -1
  585. package/tokens/{v0_161 → v0_172}/_md-comp-suggestion-chip.scss +3 -4
  586. package/tokens/{v0_161 → v0_172}/_md-comp-switch.scss +13 -11
  587. package/tokens/{v0_161 → v0_172}/_md-comp-text-button.scss +1 -1
  588. package/tokens/{v0_161 → v0_172}/_md-comp-time-input.scss +3 -4
  589. package/tokens/{v0_161 → v0_172}/_md-comp-time-picker.scss +5 -5
  590. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-large.scss +1 -3
  591. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-medium.scss +1 -3
  592. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small-centered.scss +3 -1
  593. package/tokens/{v0_161 → v0_172}/_md-comp-top-app-bar-small.scss +3 -3
  594. package/tokens/{v0_161 → v0_172}/_md-ref-palette.scss +23 -23
  595. package/tokens/{v0_161 → v0_172}/_md-ref-typeface.scss +1 -1
  596. package/tokens/{v0_161 → v0_172}/_md-sys-color.scss +9 -9
  597. package/tokens/{v0_161 → v0_172}/_md-sys-elevation.scss +1 -1
  598. package/tokens/{v0_161 → v0_172}/_md-sys-motion.scss +1 -1
  599. package/tokens/{v0_161 → v0_172}/_md-sys-shape.scss +1 -1
  600. package/tokens/{v0_161 → v0_172}/_md-sys-state.scss +1 -1
  601. package/tokens/{v0_161 → v0_172}/_md-sys-typescale.scss +1 -1
  602. package/tokens/v0_172/index.test.css.d.ts +1 -0
  603. package/tokens/v0_172/lib.test.css.d.ts +1 -0
  604. package/types/aria.d.ts +61 -1
  605. package/actionelement/action-element.d.ts +0 -79
  606. package/actionelement/action-element.js +0 -97
  607. package/actionelement/action-element.js.map +0 -1
  608. package/button/elevated-link-button.d.ts +0 -36
  609. package/button/elevated-link-button.js +0 -41
  610. package/button/elevated-link-button.js.map +0 -1
  611. package/button/filled-link-button.d.ts +0 -34
  612. package/button/filled-link-button.js +0 -39
  613. package/button/filled-link-button.js.map +0 -1
  614. package/button/lib/elevated-link-button.d.ts +0 -13
  615. package/button/lib/elevated-link-button.js +0 -21
  616. package/button/lib/elevated-link-button.js.map +0 -1
  617. package/button/lib/filled-link-button.d.ts +0 -14
  618. package/button/lib/filled-link-button.js +0 -22
  619. package/button/lib/filled-link-button.js.map +0 -1
  620. package/button/lib/link-button.d.ts +0 -24
  621. package/button/lib/link-button.js +0 -59
  622. package/button/lib/link-button.js.map +0 -1
  623. package/button/lib/outlined-link-button.d.ts +0 -12
  624. package/button/lib/outlined-link-button.js +0 -20
  625. package/button/lib/outlined-link-button.js.map +0 -1
  626. package/button/lib/state.d.ts +0 -10
  627. package/button/lib/state.js +0 -7
  628. package/button/lib/state.js.map +0 -1
  629. package/button/lib/text-link-button.d.ts +0 -10
  630. package/button/lib/text-link-button.js +0 -16
  631. package/button/lib/text-link-button.js.map +0 -1
  632. package/button/lib/tonal-link-button.d.ts +0 -14
  633. package/button/lib/tonal-link-button.js +0 -22
  634. package/button/lib/tonal-link-button.js.map +0 -1
  635. package/button/outlined-link-button.d.ts +0 -36
  636. package/button/outlined-link-button.js +0 -40
  637. package/button/outlined-link-button.js.map +0 -1
  638. package/button/text-link-button.d.ts +0 -34
  639. package/button/text-link-button.js +0 -38
  640. package/button/text-link-button.js.map +0 -1
  641. package/button/tonal-link-button.d.ts +0 -35
  642. package/button/tonal-link-button.js +0 -40
  643. package/button/tonal-link-button.js.map +0 -1
  644. package/controller/action-controller.d.ts +0 -147
  645. package/controller/action-controller.js +0 -286
  646. package/controller/action-controller.js.map +0 -1
  647. package/decorators/aria-property.d.ts +0 -32
  648. package/decorators/aria-property.js +0 -99
  649. package/decorators/aria-property.js.map +0 -1
  650. package/elevation/lib/_md-comp-elevation.scss +0 -27
  651. package/fab/_fab-extended.scss +0 -6
  652. package/fab/fab-extended.d.ts +0 -23
  653. package/fab/fab-extended.js +0 -29
  654. package/fab/fab-extended.js.map +0 -1
  655. package/fab/lib/_fab-extended.scss +0 -73
  656. package/fab/lib/fab-extended-styles.css.js +0 -9
  657. package/fab/lib/fab-extended-styles.css.js.map +0 -1
  658. package/fab/lib/fab-extended.d.ts +0 -19
  659. package/fab/lib/fab-extended.js +0 -28
  660. package/fab/lib/fab-extended.js.map +0 -1
  661. package/fab/lib/fab-shared-styles.css.js +0 -9
  662. package/fab/lib/fab-shared-styles.css.js.map +0 -1
  663. package/fab/lib/fab-shared.js +0 -121
  664. package/fab/lib/fab-shared.js.map +0 -1
  665. package/focus/lib/_md-comp-focus-ring.scss +0 -30
  666. package/iconbutton/filled-icon-button-toggle.d.ts +0 -31
  667. package/iconbutton/filled-icon-button-toggle.js +0 -40
  668. package/iconbutton/filled-icon-button-toggle.js.map +0 -1
  669. package/iconbutton/filled-link-icon-button.d.ts +0 -31
  670. package/iconbutton/filled-link-icon-button.js +0 -39
  671. package/iconbutton/filled-link-icon-button.js.map +0 -1
  672. package/iconbutton/filled-tonal-icon-button-toggle.d.ts +0 -31
  673. package/iconbutton/filled-tonal-icon-button-toggle.js +0 -40
  674. package/iconbutton/filled-tonal-icon-button-toggle.js.map +0 -1
  675. package/iconbutton/filled-tonal-link-icon-button.d.ts +0 -31
  676. package/iconbutton/filled-tonal-link-icon-button.js +0 -39
  677. package/iconbutton/filled-tonal-link-icon-button.js.map +0 -1
  678. package/iconbutton/lib/icon-button-toggle.d.ts +0 -34
  679. package/iconbutton/lib/icon-button-toggle.js +0 -87
  680. package/iconbutton/lib/icon-button-toggle.js.map +0 -1
  681. package/iconbutton/lib/link-icon-button.d.ts +0 -23
  682. package/iconbutton/lib/link-icon-button.js +0 -58
  683. package/iconbutton/lib/link-icon-button.js.map +0 -1
  684. package/iconbutton/outlined-icon-button-toggle.d.ts +0 -31
  685. package/iconbutton/outlined-icon-button-toggle.js +0 -39
  686. package/iconbutton/outlined-icon-button-toggle.js.map +0 -1
  687. package/iconbutton/outlined-link-icon-button.d.ts +0 -31
  688. package/iconbutton/outlined-link-icon-button.js +0 -39
  689. package/iconbutton/outlined-link-icon-button.js.map +0 -1
  690. package/iconbutton/standard-icon-button-toggle.d.ts +0 -31
  691. package/iconbutton/standard-icon-button-toggle.js +0 -39
  692. package/iconbutton/standard-icon-button-toggle.js.map +0 -1
  693. package/iconbutton/standard-link-icon-button.d.ts +0 -31
  694. package/iconbutton/standard-link-icon-button.js +0 -39
  695. package/iconbutton/standard-link-icon-button.js.map +0 -1
  696. package/slider/lib/_tokens.scss +0 -60
  697. /package/{fab/lib/fab-extended-styles.css.d.ts → chips/lib/filter-styles.css.d.ts} +0 -0
  698. /package/{fab/lib/fab-shared-styles.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
  699. /package/{tokens/v0_161/index.test.css.d.ts → fab/lib/fab-branded-styles.css.d.ts} +0 -0
  700. /package/{tokens/v0_161/lib.test.css.d.ts → fab/lib/forced-colors-styles.css.d.ts} +0 -0
  701. /package/tokens/{v0_161 → v0_172}/_index.scss +0 -0
  702. /package/tokens/{v0_161 → v0_172}/index.test.css.js +0 -0
  703. /package/tokens/{v0_161 → v0_172}/index.test.css.js.map +0 -0
  704. /package/tokens/{v0_161 → v0_172}/index.test.scss +0 -0
  705. /package/tokens/{v0_161 → v0_172}/lib.test.css.js +0 -0
  706. /package/tokens/{v0_161 → v0_172}/lib.test.css.js.map +0 -0
  707. /package/tokens/{v0_161 → v0_172}/lib.test.scss +0 -0
@@ -1,10 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- export interface ButtonState {
7
- disabled: boolean;
8
- label: string;
9
- trailingIcon: boolean;
10
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- export {};
7
- //# sourceMappingURL=state.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"state.js","sourceRoot":"","sources":["state.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport interface ButtonState {\n disabled: boolean;\n label: string;\n trailingIcon: boolean;\n}\n"]}
@@ -1,10 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { ClassInfo } from 'lit/directives/class-map.js';
7
- import { LinkButton } from './link-button.js';
8
- export declare class TextLinkButton extends LinkButton {
9
- protected getRenderClasses(): ClassInfo;
10
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { LinkButton } from './link-button.js';
7
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
8
- export class TextLinkButton extends LinkButton {
9
- getRenderClasses() {
10
- return {
11
- ...super.getRenderClasses(),
12
- 'md3-button--text': true,
13
- };
14
- }
15
- }
16
- //# sourceMappingURL=text-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,cAAe,SAAQ,UAAU;IACzB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TextLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
@@ -1,14 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../elevation/elevation.js';
7
- import { TemplateResult } from 'lit';
8
- import { ClassInfo } from 'lit/directives/class-map.js';
9
- import { LinkButton } from './link-button.js';
10
- export declare class TonalLinkButton extends LinkButton {
11
- protected getRenderClasses(): ClassInfo;
12
- /** @soyTemplate */
13
- protected renderElevation(): TemplateResult;
14
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../elevation/elevation.js';
7
- import { html } from 'lit';
8
- import { LinkButton } from './link-button.js';
9
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
10
- export class TonalLinkButton extends LinkButton {
11
- getRenderClasses() {
12
- return {
13
- ...super.getRenderClasses(),
14
- 'md3-button--tonal': true,
15
- };
16
- }
17
- /** @soyTemplate */
18
- renderElevation() {
19
- return html `<md-elevation shadow></md-elevation>`;
20
- }
21
- }
22
- //# sourceMappingURL=tonal-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC1B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,eAAe;QAChC,OAAO,IAAI,CAAA,sCAAsC,CAAC;IACpD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TonalLinkButton extends LinkButton {\n protected override getRenderClasses(): ClassInfo {\n return {\n ...super.getRenderClasses(),\n 'md3-button--tonal': true,\n };\n }\n\n /** @soyTemplate */\n protected override renderElevation(): TemplateResult {\n return html`<md-elevation shadow></md-elevation>`;\n }\n}\n"]}
@@ -1,36 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { OutlinedLinkButton } from './lib/outlined-link-button.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-outlined-link-button': MdOutlinedLinkButton;
10
- }
11
- }
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
18
- * from other onscreen elements.
19
- *
20
- * __Rationale:__ Use an outlined button for actions that need attention but
21
- * aren’t the primary action, such as “See all” or “Add to cart.” This is also
22
- * the button to use for giving someone the opportunity to change their mind or
23
- * escape a flow.
24
- *
25
- * __Example usages:__
26
- * - Reply
27
- * - View all
28
- * - Add to cart
29
- * - Take out of trash
30
- *
31
- * @final
32
- * @suppress {visibility}
33
- */
34
- export declare class MdOutlinedLinkButton extends OutlinedLinkButton {
35
- static styles: import("lit").CSSResult[];
36
- }
@@ -1,40 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { OutlinedLinkButton } from './lib/outlined-link-button.js';
9
- import { styles as outlinedStyles } from './lib/outlined-styles.css.js';
10
- import { styles as sharedStyles } from './lib/shared-styles.css.js';
11
- /**
12
- * @summary Buttons help people take action, such as sending an email, sharing a
13
- * document, or liking a comment. This is a linkable variant.
14
- *
15
- * @description
16
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
17
- * from other onscreen elements.
18
- *
19
- * __Rationale:__ Use an outlined button for actions that need attention but
20
- * aren’t the primary action, such as “See all” or “Add to cart.” This is also
21
- * the button to use for giving someone the opportunity to change their mind or
22
- * escape a flow.
23
- *
24
- * __Example usages:__
25
- * - Reply
26
- * - View all
27
- * - Add to cart
28
- * - Take out of trash
29
- *
30
- * @final
31
- * @suppress {visibility}
32
- */
33
- let MdOutlinedLinkButton = class MdOutlinedLinkButton extends OutlinedLinkButton {
34
- };
35
- MdOutlinedLinkButton.styles = [sharedStyles, outlinedStyles];
36
- MdOutlinedLinkButton = __decorate([
37
- customElement('md-outlined-link-button')
38
- ], MdOutlinedLinkButton);
39
- export { MdOutlinedLinkButton };
40
- //# sourceMappingURL=outlined-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;;AAC1C,2BAAM,GAAG,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAD7C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAEhC;SAFY,oBAAoB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {OutlinedLinkButton} from './lib/outlined-link-button.js';\nimport {styles as outlinedStyles} from './lib/outlined-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-outlined-link-button': MdOutlinedLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Use an outlined button for actions that need attention but\n * aren’t the primary action, such as “See all” or “Add to cart.” This is also\n * the button to use for giving someone the opportunity to change their mind or\n * escape a flow.\n *\n * __Example usages:__\n * - Reply\n * - View all\n * - Add to cart\n * - Take out of trash\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-link-button')\nexport class MdOutlinedLinkButton extends OutlinedLinkButton {\n static override styles = [sharedStyles, outlinedStyles];\n}\n"]}
@@ -1,34 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TextLinkButton } from './lib/text-link-button.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-text-link-button': MdTextLinkButton;
10
- }
11
- }
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
18
- * least amount of prominence
19
- *
20
- * __Rationale:__ Text buttons have less visual prominence, so should be used
21
- * for low emphasis actions, such as an alternative option.
22
- *
23
- * __Example usages:__
24
- * - Learn more
25
- * - View all
26
- * - Change account
27
- * - Turn on
28
- *
29
- * @final
30
- * @suppress {visibility}
31
- */
32
- export declare class MdTextLinkButton extends TextLinkButton {
33
- static styles: import("lit").CSSResult[];
34
- }
@@ -1,38 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { styles as sharedStyles } from './lib/shared-styles.css.js';
9
- import { TextLinkButton } from './lib/text-link-button.js';
10
- import { styles as textStyles } from './lib/text-styles.css.js';
11
- /**
12
- * @summary Buttons help people take action, such as sending an email, sharing a
13
- * document, or liking a comment. This is a linkable variant.
14
- *
15
- * @description
16
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
17
- * least amount of prominence
18
- *
19
- * __Rationale:__ Text buttons have less visual prominence, so should be used
20
- * for low emphasis actions, such as an alternative option.
21
- *
22
- * __Example usages:__
23
- * - Learn more
24
- * - View all
25
- * - Change account
26
- * - Turn on
27
- *
28
- * @final
29
- * @suppress {visibility}
30
- */
31
- let MdTextLinkButton = class MdTextLinkButton extends TextLinkButton {
32
- };
33
- MdTextLinkButton.styles = [sharedStyles, textStyles];
34
- MdTextLinkButton = __decorate([
35
- customElement('md-text-link-button')
36
- ], MdTextLinkButton);
37
- export { MdTextLinkButton };
38
- //# sourceMappingURL=text-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;GAmBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,cAAc;;AAClC,uBAAM,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AADzC,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAE5B;SAFY,gBAAgB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TextLinkButton} from './lib/text-link-button.js';\nimport {styles as textStyles} from './lib/text-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-text-link-button': MdTextLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence\n *\n * __Rationale:__ Text buttons have less visual prominence, so should be used\n * for low emphasis actions, such as an alternative option.\n *\n * __Example usages:__\n * - Learn more\n * - View all\n * - Change account\n * - Turn on\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-text-link-button')\nexport class MdTextLinkButton extends TextLinkButton {\n static override styles = [sharedStyles, textStyles];\n}\n"]}
@@ -1,35 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TonalLinkButton } from './lib/tonal-link-button.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-tonal-link-button': MdTonalLinkButton;
10
- }
11
- }
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
18
- * from other onscreen elements.
19
- *
20
- * __Rationale:__ Filled tonal buttons have a lighter background color and
21
- * darker label color, making them less visually prominent than a regular,
22
- * filled button. They’re still used for final or unblocking actions in a flow,
23
- * but do so with less emphasis.
24
- *
25
- * __Example usages:__
26
- * - Save
27
- * - Confirm
28
- * - Done
29
- *
30
- * @final
31
- * @suppress {visibility}
32
- */
33
- export declare class MdTonalLinkButton extends TonalLinkButton {
34
- static styles: import("lit").CSSResult[];
35
- }
@@ -1,40 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
9
- import { styles as sharedStyles } from './lib/shared-styles.css.js';
10
- import { TonalLinkButton } from './lib/tonal-link-button.js';
11
- import { styles as tonalStyles } from './lib/tonal-styles.css.js';
12
- /**
13
- * @summary Buttons help people take action, such as sending an email, sharing a
14
- * document, or liking a comment. This is a linkable variant.
15
- *
16
- * @description
17
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
18
- * from other onscreen elements.
19
- *
20
- * __Rationale:__ Filled tonal buttons have a lighter background color and
21
- * darker label color, making them less visually prominent than a regular,
22
- * filled button. They’re still used for final or unblocking actions in a flow,
23
- * but do so with less emphasis.
24
- *
25
- * __Example usages:__
26
- * - Save
27
- * - Confirm
28
- * - Done
29
- *
30
- * @final
31
- * @suppress {visibility}
32
- */
33
- let MdTonalLinkButton = class MdTonalLinkButton extends TonalLinkButton {
34
- };
35
- MdTonalLinkButton.styles = [sharedStyles, sharedElevationStyles, tonalStyles];
36
- MdTonalLinkButton = __decorate([
37
- customElement('md-tonal-link-button')
38
- ], MdTonalLinkButton);
39
- export { MdTonalLinkButton };
40
- //# sourceMappingURL=tonal-link-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,MAAM,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AAQhE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,eAAe;;AACpC,wBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;AADjE,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAE7B;SAFY,iBAAiB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TonalLinkButton} from './lib/tonal-link-button.js';\nimport {styles as tonalStyles} from './lib/tonal-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-tonal-link-button': MdTonalLinkButton;\n }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Filled tonal buttons have a lighter background color and\n * darker label color, making them less visually prominent than a regular,\n * filled button. They’re still used for final or unblocking actions in a flow,\n * but do so with less emphasis.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-tonal-link-button')\nexport class MdTonalLinkButton extends TonalLinkButton {\n static override styles = [sharedStyles, sharedElevationStyles, tonalStyles];\n}\n"]}
@@ -1,147 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { ReactiveController, ReactiveControllerHost } from 'lit';
7
- /**
8
- * Delay time from touchstart to when element#beginPress is invoked.
9
- */
10
- export declare const TOUCH_DELAY_MS = 150;
11
- /**
12
- * Delay time from beginning to wait for synthetic mouse events till giving up.
13
- */
14
- export declare const WAIT_FOR_MOUSE_CLICK_MS = 500;
15
- /**
16
- * Interface for argument to beginPress.
17
- */
18
- export interface BeginPressConfig {
19
- /**
20
- * Event that was recorded at the start of the interaction.
21
- * `null` if the press happened via keyboard.
22
- */
23
- positionEvent: Event | null;
24
- }
25
- /**
26
- * Interface for argument to endPress.
27
- */
28
- export interface EndPressConfig {
29
- /**
30
- * `true` if the press was cancelled.
31
- */
32
- cancelled: boolean;
33
- /**
34
- * Data object to pass along to clients in the `action` event, if relevant.
35
- */
36
- actionData?: {};
37
- }
38
- /**
39
- * The necessary interface for using an ActionController
40
- */
41
- export interface ActionControllerHost extends ReactiveControllerHost, HTMLElement {
42
- disabled: boolean;
43
- /**
44
- * Determines if pointerdown or click events containing modifier keys should
45
- * be ignored.
46
- */
47
- ignoreClicksWithModifiers?: boolean;
48
- /**
49
- * Called when a user interaction is determined to be a press.
50
- */
51
- beginPress(config: BeginPressConfig): void;
52
- /**
53
- * Called when a press ends or is cancelled.
54
- */
55
- endPress(config: EndPressConfig): void;
56
- }
57
- /**
58
- * ActionController normalizes user interaction on components and distills it
59
- * into calling `beginPress` and `endPress` on the component.
60
- *
61
- * `beginPress` is a good hook to affect visuals for pressed state, including
62
- * ripple.
63
- *
64
- * `endPress` is a good hook for firing events based on user interaction, and
65
- * cleaning up the pressed visual state.
66
- *
67
- * A component using an ActionController need only implement the ActionElement
68
- * interface and add the ActionController's event listeners to understand user
69
- * interaction.
70
- */
71
- export declare class ActionController implements ReactiveController {
72
- private readonly element;
73
- constructor(element: ActionControllerHost);
74
- private get disabled();
75
- private get ignoreClicksWithModifiers();
76
- private phase;
77
- private touchTimer;
78
- private clickTimer;
79
- private lastPositionEvent;
80
- private pressed;
81
- private checkBoundsAfterContextMenu;
82
- private setPhase;
83
- /**
84
- * Calls beginPress and then endPress. Allows us to programmatically click
85
- * on the element.
86
- */
87
- private press;
88
- /**
89
- * Call `beginPress` on element with triggering event, if applicable.
90
- */
91
- private beginPress;
92
- /**
93
- * Call `endPress` on element, and clean up timers.
94
- */
95
- private endPress;
96
- private cleanup;
97
- /**
98
- * Call `endPress` with cancelled state on element, and cleanup timers.
99
- */
100
- private cancelPress;
101
- private isTouch;
102
- private touchDelayFinished;
103
- private waitForClick;
104
- /**
105
- * Check if event should trigger actions on the element.
106
- */
107
- private shouldRespondToEvent;
108
- /**
109
- * Check if the event is within the bounds of the element.
110
- *
111
- * This is only needed for the "stuck" contextmenu longpress on Chrome.
112
- */
113
- private inBounds;
114
- private eventHasModifiers;
115
- /**
116
- * Cancel interactions if the element is removed from the DOM.
117
- */
118
- hostDisconnected(): void;
119
- /**
120
- * If the element becomes disabled, cancel interactions.
121
- */
122
- hostUpdated(): void;
123
- /**
124
- * Pointer down event handler.
125
- */
126
- pointerDown: (e: PointerEvent) => void;
127
- /**
128
- * Pointer up event handler.
129
- */
130
- pointerUp: (e: PointerEvent) => void;
131
- /**
132
- * Click event handler.
133
- */
134
- click: (e: MouseEvent) => void;
135
- /**
136
- * Pointer leave event handler.
137
- */
138
- pointerLeave: (e: PointerEvent) => void;
139
- /**
140
- * Pointer cancel event handler.
141
- */
142
- pointerCancel: (e: PointerEvent) => void;
143
- /**
144
- * Contextmenu event handler.
145
- */
146
- contextMenu: () => void;
147
- }