@material/web 1.0.0-pre.13 → 1.0.0-pre.14

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 (941) hide show
  1. package/README.md +5 -5
  2. package/all.d.ts +97 -0
  3. package/all.js +106 -0
  4. package/all.js.map +1 -0
  5. package/button/_elevated-button.scss +1 -1
  6. package/button/_filled-button.scss +1 -1
  7. package/button/_outlined-button.scss +1 -1
  8. package/button/_text-button.scss +1 -1
  9. package/button/_tonal-button.scss +1 -1
  10. package/button/elevated-button.d.ts +1 -1
  11. package/button/elevated-button.js +4 -4
  12. package/button/elevated-button.js.map +1 -1
  13. package/button/filled-button.d.ts +1 -1
  14. package/button/filled-button.js +4 -4
  15. package/button/filled-button.js.map +1 -1
  16. package/button/harness.d.ts +1 -1
  17. package/button/harness.js +1 -1
  18. package/button/harness.js.map +1 -1
  19. package/button/{lib → internal}/_elevation.scss +1 -4
  20. package/button/{lib → internal}/_icon.scss +5 -8
  21. package/button/{lib → internal}/_outlined-button.scss +6 -9
  22. package/button/{lib → internal}/_shared.scss +15 -23
  23. package/button/{lib → internal}/_touch-target.scss +1 -4
  24. package/button/{lib → internal}/button.d.ts +3 -3
  25. package/button/{lib → internal}/button.js +12 -12
  26. package/button/internal/button.js.map +1 -0
  27. package/button/{lib → internal}/elevated-button.d.ts +0 -5
  28. package/button/{lib → internal}/elevated-button.js +0 -6
  29. package/button/internal/elevated-button.js.map +1 -0
  30. package/button/{lib → internal}/filled-button.d.ts +0 -5
  31. package/button/{lib → internal}/filled-button.js +0 -6
  32. package/button/internal/filled-button.js.map +1 -0
  33. package/button/{lib → internal}/outlined-button.d.ts +0 -5
  34. package/button/{lib → internal}/outlined-button.js +1 -7
  35. package/button/internal/outlined-button.js.map +1 -0
  36. package/button/{lib → internal}/outlined-styles.css.js +1 -1
  37. package/button/{lib → internal}/outlined-styles.css.js.map +1 -1
  38. package/button/internal/shared-elevation-styles.css.js +9 -0
  39. package/button/internal/shared-elevation-styles.css.js.map +1 -0
  40. package/button/internal/shared-styles.css.js +9 -0
  41. package/button/internal/shared-styles.css.js.map +1 -0
  42. package/button/{lib → internal}/text-button.d.ts +0 -5
  43. package/button/{lib → internal}/text-button.js +0 -6
  44. package/button/internal/text-button.js.map +1 -0
  45. package/button/{lib → internal}/tonal-button.d.ts +0 -5
  46. package/button/{lib → internal}/tonal-button.js +0 -6
  47. package/button/internal/tonal-button.js.map +1 -0
  48. package/button/outlined-button.d.ts +1 -1
  49. package/button/outlined-button.js +3 -3
  50. package/button/outlined-button.js.map +1 -1
  51. package/button/text-button.d.ts +1 -1
  52. package/button/text-button.js +3 -3
  53. package/button/text-button.js.map +1 -1
  54. package/button/tonal-button.d.ts +1 -1
  55. package/button/tonal-button.js +4 -4
  56. package/button/tonal-button.js.map +1 -1
  57. package/checkbox/_checkbox.scss +1 -1
  58. package/checkbox/checkbox.d.ts +1 -1
  59. package/checkbox/checkbox.js +3 -4
  60. package/checkbox/checkbox.js.map +1 -1
  61. package/checkbox/harness.d.ts +1 -1
  62. package/checkbox/harness.js.map +1 -1
  63. package/checkbox/{lib → internal}/_checkbox.scss +75 -55
  64. package/checkbox/internal/checkbox-styles.css.js +9 -0
  65. package/checkbox/internal/checkbox-styles.css.js.map +1 -0
  66. package/checkbox/{lib → internal}/checkbox.d.ts +1 -1
  67. package/checkbox/{lib → internal}/checkbox.js +15 -12
  68. package/checkbox/internal/checkbox.js.map +1 -0
  69. package/chips/_assist-chip.scss +1 -1
  70. package/chips/_filter-chip.scss +1 -1
  71. package/chips/_input-chip.scss +1 -1
  72. package/chips/_suggestion-chip.scss +1 -1
  73. package/chips/assist-chip.d.ts +1 -1
  74. package/chips/assist-chip.js +5 -5
  75. package/chips/assist-chip.js.map +1 -1
  76. package/chips/chip-set.d.ts +1 -1
  77. package/chips/chip-set.js +2 -2
  78. package/chips/chip-set.js.map +1 -1
  79. package/chips/filter-chip.d.ts +1 -1
  80. package/chips/filter-chip.js +7 -7
  81. package/chips/filter-chip.js.map +1 -1
  82. package/chips/harness.d.ts +1 -1
  83. package/chips/harness.js.map +1 -1
  84. package/chips/input-chip.d.ts +1 -1
  85. package/chips/input-chip.js +6 -6
  86. package/chips/input-chip.js.map +1 -1
  87. package/chips/{lib → internal}/_shared.scss +2 -0
  88. package/chips/{lib → internal}/_trailing-icon.scss +2 -0
  89. package/chips/{lib → internal}/chip.d.ts +1 -1
  90. package/chips/{lib → internal}/chip.js +2 -2
  91. package/chips/internal/chip.js.map +1 -0
  92. package/chips/internal/shared-styles.css.js +9 -0
  93. package/chips/internal/shared-styles.css.js.map +1 -0
  94. package/chips/internal/trailing-icon-styles.css.js +9 -0
  95. package/chips/internal/trailing-icon-styles.css.js.map +1 -0
  96. package/chips/{lib → internal}/trailing-icons.d.ts +1 -1
  97. package/chips/{lib → internal}/trailing-icons.js +2 -2
  98. package/chips/internal/trailing-icons.js.map +1 -0
  99. package/chips/suggestion-chip.d.ts +1 -1
  100. package/chips/suggestion-chip.js +5 -5
  101. package/chips/suggestion-chip.js.map +1 -1
  102. package/common.d.ts +61 -0
  103. package/common.js +70 -0
  104. package/common.js.map +1 -0
  105. package/dialog/_dialog.scss +1 -1
  106. package/dialog/dialog.d.ts +1 -1
  107. package/dialog/dialog.js +2 -2
  108. package/dialog/dialog.js.map +1 -1
  109. package/dialog/harness.d.ts +1 -1
  110. package/dialog/harness.js.map +1 -1
  111. package/dialog/{lib → internal}/_tokens.scss +1 -3
  112. package/dialog/{lib → internal}/dialog.js +19 -18
  113. package/dialog/internal/dialog.js.map +1 -0
  114. package/divider/_divider.scss +1 -1
  115. package/divider/divider.d.ts +1 -1
  116. package/divider/divider.js +2 -2
  117. package/divider/divider.js.map +1 -1
  118. package/elevation/_elevation.scss +1 -1
  119. package/elevation/elevation.d.ts +1 -1
  120. package/elevation/elevation.js +2 -2
  121. package/elevation/elevation.js.map +1 -1
  122. package/fab/_fab.scss +2 -2
  123. package/fab/branded-fab.d.ts +3 -3
  124. package/fab/branded-fab.js +4 -4
  125. package/fab/branded-fab.js.map +1 -1
  126. package/fab/fab.d.ts +3 -3
  127. package/fab/fab.js +4 -4
  128. package/fab/fab.js.map +1 -1
  129. package/fab/harness.d.ts +1 -1
  130. package/fab/harness.js.map +1 -1
  131. package/fab/{lib → internal}/_fab.scss +3 -0
  132. package/fab/{lib → internal}/_shared.scss +5 -0
  133. package/fab/{lib → internal}/fab-styles.css.js +1 -1
  134. package/fab/{lib → internal}/fab-styles.css.js.map +1 -1
  135. package/fab/{lib → internal}/fab.d.ts +2 -2
  136. package/fab/internal/fab.js.map +1 -0
  137. package/fab/internal/forced-colors-styles.css.js +9 -0
  138. package/fab/{lib → internal}/forced-colors-styles.css.js.map +1 -1
  139. package/fab/{lib → internal}/forced-colors-styles.scss +9 -6
  140. package/fab/internal/shared-styles.css.js +9 -0
  141. package/fab/internal/shared-styles.css.js.map +1 -0
  142. package/fab/{lib → internal}/shared.d.ts +1 -1
  143. package/fab/{lib → internal}/shared.js +4 -4
  144. package/fab/internal/shared.js.map +1 -0
  145. package/field/_filled-field.scss +1 -1
  146. package/field/_outlined-field.scss +1 -1
  147. package/field/filled-field.d.ts +1 -1
  148. package/field/filled-field.js +3 -3
  149. package/field/filled-field.js.map +1 -1
  150. package/field/harness.d.ts +1 -1
  151. package/field/harness.js.map +1 -1
  152. package/field/{lib → internal}/_content.scss +20 -4
  153. package/field/{lib → internal}/_filled-field.scss +24 -10
  154. package/field/{lib → internal}/_label.scss +26 -9
  155. package/field/{lib → internal}/_outlined-field.scss +18 -8
  156. package/field/{lib → internal}/_shared.scss +9 -4
  157. package/field/{lib → internal}/_supporting-text.scss +5 -4
  158. package/field/{lib → internal}/field.d.ts +1 -2
  159. package/field/{lib → internal}/field.js +6 -9
  160. package/field/internal/field.js.map +1 -0
  161. package/field/internal/filled-styles.css.js +9 -0
  162. package/field/internal/filled-styles.css.js.map +1 -0
  163. package/field/internal/outlined-styles.css.js +9 -0
  164. package/field/internal/outlined-styles.css.js.map +1 -0
  165. package/field/internal/shared-styles.css.js +9 -0
  166. package/field/internal/shared-styles.css.js.map +1 -0
  167. package/field/outlined-field.d.ts +1 -1
  168. package/field/outlined-field.js +3 -3
  169. package/field/outlined-field.js.map +1 -1
  170. package/focus/_focus-ring.scss +1 -1
  171. package/focus/{lib → internal}/_focus-ring.scss +32 -26
  172. package/focus/internal/focus-ring-styles.css.js +9 -0
  173. package/focus/internal/focus-ring-styles.css.js.map +1 -0
  174. package/focus/{focus-ring.d.ts → md-focus-ring.d.ts} +1 -1
  175. package/focus/{focus-ring.js → md-focus-ring.js} +3 -3
  176. package/focus/md-focus-ring.js.map +1 -0
  177. package/icon/_icon.scss +1 -1
  178. package/icon/icon.d.ts +1 -1
  179. package/icon/icon.js +2 -2
  180. package/icon/icon.js.map +1 -1
  181. package/icon/{lib → internal}/_icon.scss +7 -8
  182. package/icon/{lib → internal}/icon-styles.css.js +1 -1
  183. package/icon/{lib → internal}/icon-styles.css.js.map +1 -1
  184. package/icon/{lib → internal}/icon.js +1 -1
  185. package/icon/internal/icon.js.map +1 -0
  186. package/iconbutton/_filled-icon-button.scss +1 -1
  187. package/iconbutton/_filled-tonal-icon-button.scss +1 -1
  188. package/iconbutton/_outlined-icon-button.scss +1 -1
  189. package/iconbutton/_standard-icon-button.scss +1 -1
  190. package/iconbutton/filled-icon-button.d.ts +1 -1
  191. package/iconbutton/filled-icon-button.js +3 -3
  192. package/iconbutton/filled-icon-button.js.map +1 -1
  193. package/iconbutton/filled-tonal-icon-button.d.ts +1 -1
  194. package/iconbutton/filled-tonal-icon-button.js +3 -3
  195. package/iconbutton/filled-tonal-icon-button.js.map +1 -1
  196. package/iconbutton/harness.d.ts +1 -1
  197. package/iconbutton/harness.js.map +1 -1
  198. package/iconbutton/{lib → internal}/_shared.scss +2 -0
  199. package/iconbutton/{lib → internal}/_standard-icon-button.scss +6 -1
  200. package/iconbutton/{lib → internal}/icon-button.d.ts +1 -1
  201. package/iconbutton/{lib → internal}/icon-button.js +2 -2
  202. package/iconbutton/internal/icon-button.js.map +1 -0
  203. package/iconbutton/internal/shared-styles.css.js +9 -0
  204. package/iconbutton/internal/shared-styles.css.js.map +1 -0
  205. package/iconbutton/{lib → internal}/standard-styles.css.js +1 -1
  206. package/iconbutton/{lib → internal}/standard-styles.css.js.map +1 -1
  207. package/iconbutton/outlined-icon-button.d.ts +1 -1
  208. package/iconbutton/outlined-icon-button.js +3 -3
  209. package/iconbutton/outlined-icon-button.js.map +1 -1
  210. package/iconbutton/standard-icon-button.d.ts +1 -1
  211. package/iconbutton/standard-icon-button.js +3 -3
  212. package/iconbutton/standard-icon-button.js.map +1 -1
  213. package/labs/badge/_badge.scss +1 -1
  214. package/labs/badge/badge.d.ts +1 -1
  215. package/labs/badge/badge.js +2 -2
  216. package/labs/badge/badge.js.map +1 -1
  217. package/labs/navigationbar/_navigation-bar.scss +1 -1
  218. package/labs/navigationbar/harness.d.ts +1 -1
  219. package/labs/navigationbar/harness.js.map +1 -1
  220. package/labs/navigationbar/{lib → internal}/constants.d.ts +1 -1
  221. package/labs/navigationbar/internal/constants.js.map +1 -0
  222. package/labs/navigationbar/{lib → internal}/navigation-bar.d.ts +1 -1
  223. package/labs/navigationbar/{lib → internal}/navigation-bar.js.map +1 -1
  224. package/labs/navigationbar/{lib → internal}/state.d.ts +1 -1
  225. package/labs/navigationbar/internal/state.js.map +1 -0
  226. package/labs/navigationbar/navigation-bar.d.ts +1 -1
  227. package/labs/navigationbar/navigation-bar.js +2 -2
  228. package/labs/navigationbar/navigation-bar.js.map +1 -1
  229. package/labs/navigationdrawer/_navigation-drawer-modal.scss +1 -1
  230. package/labs/navigationdrawer/_navigation-drawer.scss +1 -1
  231. package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal.js +2 -2
  232. package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal.js.map +1 -1
  233. package/labs/navigationdrawer/navigation-drawer-modal.d.ts +1 -1
  234. package/labs/navigationdrawer/navigation-drawer-modal.js +3 -3
  235. package/labs/navigationdrawer/navigation-drawer-modal.js.map +1 -1
  236. package/labs/navigationdrawer/navigation-drawer.d.ts +1 -1
  237. package/labs/navigationdrawer/navigation-drawer.js +3 -3
  238. package/labs/navigationdrawer/navigation-drawer.js.map +1 -1
  239. package/labs/navigationtab/_navigation-tab.scss +1 -1
  240. package/labs/navigationtab/harness.d.ts +1 -1
  241. package/labs/navigationtab/harness.js.map +1 -1
  242. package/labs/navigationtab/{lib → internal}/_navigation-tab.scss +5 -3
  243. package/labs/navigationtab/{lib → internal}/navigation-tab-styles.css.js +1 -1
  244. package/labs/navigationtab/{lib → internal}/navigation-tab-styles.css.js.map +1 -1
  245. package/labs/navigationtab/{lib → internal}/navigation-tab.d.ts +1 -1
  246. package/labs/navigationtab/{lib → internal}/navigation-tab.js +2 -2
  247. package/labs/navigationtab/internal/navigation-tab.js.map +1 -0
  248. package/labs/navigationtab/navigation-tab.d.ts +1 -1
  249. package/labs/navigationtab/navigation-tab.js +2 -2
  250. package/labs/navigationtab/navigation-tab.js.map +1 -1
  251. package/labs/segmentedbutton/{lib → internal}/segmented-button.d.ts +1 -1
  252. package/labs/segmentedbutton/{lib → internal}/segmented-button.js +2 -2
  253. package/labs/segmentedbutton/internal/segmented-button.js.map +1 -0
  254. package/labs/segmentedbutton/outlined-segmented-button.d.ts +1 -1
  255. package/labs/segmentedbutton/outlined-segmented-button.js +3 -3
  256. package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -1
  257. package/labs/segmentedbuttonset/{lib → internal}/segmented-button-set.d.ts +1 -1
  258. package/labs/segmentedbuttonset/{lib → internal}/segmented-button-set.js +2 -2
  259. package/labs/segmentedbuttonset/internal/segmented-button-set.js.map +1 -0
  260. package/labs/segmentedbuttonset/outlined-segmented-button-set.d.ts +1 -1
  261. package/labs/segmentedbuttonset/outlined-segmented-button-set.js +3 -3
  262. package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -1
  263. package/list/_list-item.scss +1 -1
  264. package/list/_list.scss +1 -1
  265. package/list/harness.d.ts +3 -3
  266. package/list/harness.js +2 -2
  267. package/list/harness.js.map +1 -1
  268. package/list/{lib → internal}/list.js +2 -2
  269. package/list/{lib → internal}/list.js.map +1 -1
  270. package/list/{lib → internal}/listitem/_list-item.scss +11 -7
  271. package/list/internal/listitem/list-item-styles.css.js +9 -0
  272. package/list/{lib → internal}/listitem/list-item-styles.css.js.map +1 -1
  273. package/list/{lib → internal}/listitem/list-item.d.ts +1 -1
  274. package/list/{lib → internal}/listitem/list-item.js +2 -2
  275. package/list/internal/listitem/list-item.js.map +1 -0
  276. package/list/list-item-link.d.ts +1 -1
  277. package/list/list-item-link.js +3 -3
  278. package/list/list-item-link.js.map +1 -1
  279. package/list/list-item.d.ts +2 -2
  280. package/list/list-item.js +3 -3
  281. package/list/list-item.js.map +1 -1
  282. package/list/list.d.ts +1 -1
  283. package/list/list.js +2 -2
  284. package/list/list.js.map +1 -1
  285. package/menu/_menu-item.scss +1 -1
  286. package/menu/_menu.scss +1 -1
  287. package/menu/harness.d.ts +3 -3
  288. package/menu/harness.js +2 -2
  289. package/menu/harness.js.map +1 -1
  290. package/menu/{lib → internal}/_menu.scss +4 -2
  291. package/menu/internal/menu-styles.css.js +9 -0
  292. package/menu/{lib → internal}/menu-styles.css.js.map +1 -1
  293. package/menu/{lib → internal}/menu.d.ts +1 -1
  294. package/menu/{lib → internal}/menu.js +24 -24
  295. package/menu/internal/menu.js.map +1 -0
  296. package/menu/{lib → internal}/menuitem/harness.d.ts +1 -1
  297. package/menu/{lib → internal}/menuitem/harness.js +1 -1
  298. package/menu/{lib → internal}/menuitem/harness.js.map +1 -1
  299. package/menu/{lib → internal}/menuitem/menu-item.d.ts +3 -3
  300. package/menu/{lib → internal}/menuitem/menu-item.js +5 -5
  301. package/menu/internal/menuitem/menu-item.js.map +1 -0
  302. package/menu/{lib → internal}/menuitemlink/menu-item-link.d.ts +2 -2
  303. package/menu/{lib → internal}/menuitemlink/menu-item-link.js +5 -5
  304. package/menu/internal/menuitemlink/menu-item-link.js.map +1 -0
  305. package/menu/{lib → internal}/shared.d.ts +1 -1
  306. package/menu/internal/shared.js.map +1 -0
  307. package/menu/{lib → internal}/submenuitem/harness.d.ts +1 -1
  308. package/menu/{lib → internal}/submenuitem/harness.js +1 -1
  309. package/menu/{lib → internal}/submenuitem/harness.js.map +1 -1
  310. package/menu/{lib → internal}/submenuitem/sub-menu-item.d.ts +1 -1
  311. package/menu/{lib → internal}/submenuitem/sub-menu-item.js +16 -16
  312. package/menu/internal/submenuitem/sub-menu-item.js.map +1 -0
  313. package/menu/{lib → internal}/typeaheadController.d.ts +2 -2
  314. package/menu/{lib → internal}/typeaheadController.js +15 -15
  315. package/menu/internal/typeaheadController.js.map +1 -0
  316. package/menu/menu-item-link.d.ts +3 -3
  317. package/menu/menu-item-link.js +6 -6
  318. package/menu/menu-item-link.js.map +1 -1
  319. package/menu/menu-item.d.ts +3 -3
  320. package/menu/menu-item.js +6 -6
  321. package/menu/menu-item.js.map +1 -1
  322. package/menu/menu.d.ts +4 -4
  323. package/menu/menu.js +4 -4
  324. package/menu/menu.js.map +1 -1
  325. package/menu/sub-menu-item.d.ts +3 -3
  326. package/menu/sub-menu-item.js +6 -6
  327. package/menu/sub-menu-item.js.map +1 -1
  328. package/package.json +3 -2
  329. package/{circularprogress → progress}/_circular-progress.scss +1 -1
  330. package/{linearprogress → progress}/_linear-progress.scss +1 -1
  331. package/{circularprogress → progress}/circular-progress.d.ts +1 -1
  332. package/{circularprogress → progress}/circular-progress.js +2 -2
  333. package/progress/circular-progress.js.map +1 -0
  334. package/{circularprogress → progress}/harness.d.ts +8 -1
  335. package/{linearprogress → progress}/harness.js +9 -0
  336. package/progress/harness.js.map +1 -0
  337. package/{circularprogress/lib → progress/internal}/_circular-progress.scss +3 -6
  338. package/{linearprogress/lib → progress/internal}/_linear-progress.scss +7 -14
  339. package/progress/internal/circular-progress-styles.css.js +9 -0
  340. package/progress/internal/circular-progress-styles.css.js.map +1 -0
  341. package/progress/internal/circular-progress.d.ts +14 -0
  342. package/progress/internal/circular-progress.js +49 -0
  343. package/progress/internal/circular-progress.js.map +1 -0
  344. package/progress/internal/linear-progress-styles.css.js +9 -0
  345. package/progress/internal/linear-progress-styles.css.js.map +1 -0
  346. package/progress/internal/linear-progress.d.ts +27 -0
  347. package/{linearprogress/lib → progress/internal}/linear-progress.js +22 -58
  348. package/progress/internal/linear-progress.js.map +1 -0
  349. package/progress/internal/progress.d.ts +34 -0
  350. package/progress/internal/progress.js +72 -0
  351. package/progress/internal/progress.js.map +1 -0
  352. package/{linearprogress → progress}/linear-progress.d.ts +1 -1
  353. package/{linearprogress → progress}/linear-progress.js +2 -2
  354. package/progress/linear-progress.js.map +1 -0
  355. package/radio/_radio.scss +1 -1
  356. package/radio/harness.d.ts +1 -1
  357. package/radio/harness.js.map +1 -1
  358. package/radio/{lib → internal}/_radio.scss +8 -6
  359. package/radio/{lib → internal}/radio-styles.css.js +1 -1
  360. package/radio/{lib → internal}/radio-styles.css.js.map +1 -1
  361. package/radio/{lib → internal}/radio.d.ts +2 -1
  362. package/radio/{lib → internal}/radio.js +8 -4
  363. package/radio/internal/radio.js.map +1 -0
  364. package/radio/{lib → internal}/single-selection-controller.js +5 -1
  365. package/radio/internal/single-selection-controller.js.map +1 -0
  366. package/radio/radio.d.ts +1 -1
  367. package/radio/radio.js +3 -3
  368. package/radio/radio.js.map +1 -1
  369. package/ripple/_ripple.scss +1 -1
  370. package/ripple/{lib → internal}/ripple.js +8 -0
  371. package/ripple/internal/ripple.js.map +1 -0
  372. package/ripple/ripple.d.ts +1 -1
  373. package/ripple/ripple.js +2 -2
  374. package/ripple/ripple.js.map +1 -1
  375. package/select/_filled-select.scss +1 -1
  376. package/select/_outlined-select.scss +1 -1
  377. package/select/filled-select.d.ts +1 -1
  378. package/select/filled-select.js +4 -4
  379. package/select/filled-select.js.map +1 -1
  380. package/select/harness.d.ts +3 -3
  381. package/select/harness.js +1 -1
  382. package/select/harness.js.map +1 -1
  383. package/select/{lib → internal}/_shared.scss +1 -5
  384. package/select/{lib → internal}/select.js +24 -22
  385. package/select/internal/select.js.map +1 -0
  386. package/select/{lib → internal}/selectoption/harness.d.ts +1 -1
  387. package/select/{lib → internal}/selectoption/harness.js +1 -1
  388. package/select/{lib → internal}/selectoption/harness.js.map +1 -1
  389. package/select/{lib → internal}/selectoption/select-option.d.ts +1 -1
  390. package/select/{lib → internal}/selectoption/select-option.js +1 -1
  391. package/select/internal/selectoption/select-option.js.map +1 -0
  392. package/select/{lib → internal}/shared-styles.css.js +1 -1
  393. package/select/{lib → internal}/shared-styles.css.js.map +1 -1
  394. package/select/{lib → internal}/shared.d.ts +1 -1
  395. package/select/internal/shared.js.map +1 -0
  396. package/select/outlined-select.d.ts +1 -1
  397. package/select/outlined-select.js +4 -4
  398. package/select/outlined-select.js.map +1 -1
  399. package/select/select-option.d.ts +1 -1
  400. package/select/select-option.js +5 -5
  401. package/select/select-option.js.map +1 -1
  402. package/slider/_slider.scss +1 -1
  403. package/slider/harness.d.ts +1 -1
  404. package/slider/harness.js.map +1 -1
  405. package/slider/{lib → internal}/_slider.scss +3 -1
  406. package/slider/internal/slider-styles.css.js +9 -0
  407. package/slider/internal/slider-styles.css.js.map +1 -0
  408. package/slider/{lib → internal}/slider.d.ts +1 -1
  409. package/slider/{lib → internal}/slider.js +30 -30
  410. package/slider/internal/slider.js.map +1 -0
  411. package/slider/slider.d.ts +1 -1
  412. package/slider/slider.js +3 -3
  413. package/slider/slider.js.map +1 -1
  414. package/switch/_switch.scss +1 -1
  415. package/switch/harness.d.ts +1 -1
  416. package/switch/harness.js.map +1 -1
  417. package/switch/{lib → internal}/_switch.scss +2 -0
  418. package/switch/{lib → internal}/switch-styles.css.js +1 -1
  419. package/switch/{lib → internal}/switch-styles.css.js.map +1 -1
  420. package/switch/{lib → internal}/switch.d.ts +1 -1
  421. package/switch/{lib → internal}/switch.js +2 -2
  422. package/switch/internal/switch.js.map +1 -0
  423. package/switch/switch.d.ts +1 -1
  424. package/switch/switch.js +3 -3
  425. package/switch/switch.js.map +1 -1
  426. package/tabs/_tab.scss +1 -1
  427. package/tabs/harness.d.ts +2 -2
  428. package/tabs/harness.js.map +1 -1
  429. package/tabs/{lib → internal}/_tab.scss +2 -0
  430. package/tabs/internal/tab-styles.css.js +9 -0
  431. package/tabs/internal/tab-styles.css.js.map +1 -0
  432. package/tabs/{lib → internal}/tab.d.ts +3 -3
  433. package/tabs/{lib → internal}/tab.js +2 -2
  434. package/tabs/internal/tab.js.map +1 -0
  435. package/tabs/{lib → internal}/tabs.d.ts +2 -2
  436. package/tabs/{lib → internal}/tabs.js +1 -1
  437. package/tabs/internal/tabs.js.map +1 -0
  438. package/tabs/tab.d.ts +2 -2
  439. package/tabs/tab.js +2 -2
  440. package/tabs/tab.js.map +1 -1
  441. package/tabs/tabs.d.ts +2 -2
  442. package/tabs/tabs.js +2 -2
  443. package/tabs/tabs.js.map +1 -1
  444. package/textfield/_filled-text-field.scss +1 -1
  445. package/textfield/_outlined-text-field.scss +1 -1
  446. package/textfield/filled-text-field.d.ts +2 -2
  447. package/textfield/filled-text-field.js +4 -4
  448. package/textfield/filled-text-field.js.map +1 -1
  449. package/textfield/harness.d.ts +5 -5
  450. package/textfield/harness.js +1 -1
  451. package/textfield/harness.js.map +1 -1
  452. package/textfield/{lib → internal}/_filled-text-field.scss +23 -34
  453. package/textfield/{lib → internal}/_input.scss +25 -14
  454. package/textfield/{lib → internal}/_outlined-text-field.scss +16 -10
  455. package/textfield/{lib → internal}/_shared.scss +12 -2
  456. package/textfield/internal/filled-styles.css.js +9 -0
  457. package/textfield/internal/filled-styles.css.js.map +1 -0
  458. package/textfield/internal/outlined-styles.css.js +9 -0
  459. package/textfield/internal/outlined-styles.css.js.map +1 -0
  460. package/textfield/internal/shared-styles.css.js +9 -0
  461. package/textfield/internal/shared-styles.css.js.map +1 -0
  462. package/textfield/{lib → internal}/text-field.d.ts +9 -3
  463. package/textfield/{lib → internal}/text-field.js +121 -57
  464. package/textfield/internal/text-field.js.map +1 -0
  465. package/textfield/outlined-text-field.d.ts +2 -2
  466. package/textfield/outlined-text-field.js +4 -4
  467. package/textfield/outlined-text-field.js.map +1 -1
  468. package/tokens/_md-comp-checkbox.scss +46 -22
  469. package/tokens/_md-comp-filled-field.scss +18 -11
  470. package/tokens/_md-comp-filled-text-field.scss +2 -1
  471. package/tokens/_md-comp-list-item.scss +1 -1
  472. package/tokens/_md-comp-outlined-field.scss +14 -8
  473. package/tokens/_md-comp-outlined-text-field.scss +2 -1
  474. package/button/lib/button.js.map +0 -1
  475. package/button/lib/elevated-button.js.map +0 -1
  476. package/button/lib/filled-button.js.map +0 -1
  477. package/button/lib/outlined-button.js.map +0 -1
  478. package/button/lib/shared-elevation-styles.css.js +0 -9
  479. package/button/lib/shared-elevation-styles.css.js.map +0 -1
  480. package/button/lib/shared-styles.css.js +0 -9
  481. package/button/lib/shared-styles.css.js.map +0 -1
  482. package/button/lib/text-button.js.map +0 -1
  483. package/button/lib/tonal-button.js.map +0 -1
  484. package/checkbox/lib/checkbox-styles.css.js +0 -9
  485. package/checkbox/lib/checkbox-styles.css.js.map +0 -1
  486. package/checkbox/lib/checkbox.js.map +0 -1
  487. package/checkbox/lib/forced-colors-styles.css.js +0 -9
  488. package/checkbox/lib/forced-colors-styles.css.js.map +0 -1
  489. package/checkbox/lib/forced-colors-styles.scss +0 -49
  490. package/chips/lib/chip.js.map +0 -1
  491. package/chips/lib/shared-styles.css.js +0 -9
  492. package/chips/lib/shared-styles.css.js.map +0 -1
  493. package/chips/lib/trailing-icon-styles.css.js +0 -9
  494. package/chips/lib/trailing-icon-styles.css.js.map +0 -1
  495. package/chips/lib/trailing-icons.js.map +0 -1
  496. package/circularprogress/circular-progress.js.map +0 -1
  497. package/circularprogress/harness.js +0 -16
  498. package/circularprogress/harness.js.map +0 -1
  499. package/circularprogress/lib/circular-progress-styles.css.js +0 -9
  500. package/circularprogress/lib/circular-progress-styles.css.js.map +0 -1
  501. package/circularprogress/lib/circular-progress.d.ts +0 -27
  502. package/circularprogress/lib/circular-progress.js +0 -94
  503. package/circularprogress/lib/circular-progress.js.map +0 -1
  504. package/dialog/lib/dialog.js.map +0 -1
  505. package/fab/lib/fab.js.map +0 -1
  506. package/fab/lib/forced-colors-styles.css.js +0 -9
  507. package/fab/lib/shared-styles.css.js +0 -9
  508. package/fab/lib/shared-styles.css.js.map +0 -1
  509. package/fab/lib/shared.js.map +0 -1
  510. package/field/lib/field.js.map +0 -1
  511. package/field/lib/filled-styles.css.js +0 -9
  512. package/field/lib/filled-styles.css.js.map +0 -1
  513. package/field/lib/outlined-styles.css.js +0 -9
  514. package/field/lib/outlined-styles.css.js.map +0 -1
  515. package/field/lib/shared-styles.css.js +0 -9
  516. package/field/lib/shared-styles.css.js.map +0 -1
  517. package/focus/focus-ring.js.map +0 -1
  518. package/focus/lib/focus-ring-styles.css.js +0 -9
  519. package/focus/lib/focus-ring-styles.css.js.map +0 -1
  520. package/icon/lib/icon.js.map +0 -1
  521. package/iconbutton/lib/icon-button.js.map +0 -1
  522. package/iconbutton/lib/shared-styles.css.js +0 -9
  523. package/iconbutton/lib/shared-styles.css.js.map +0 -1
  524. package/labs/navigationbar/lib/constants.js.map +0 -1
  525. package/labs/navigationbar/lib/state.js.map +0 -1
  526. package/labs/navigationtab/lib/navigation-tab.js.map +0 -1
  527. package/labs/segmentedbutton/lib/segmented-button.js.map +0 -1
  528. package/labs/segmentedbuttonset/lib/segmented-button-set.js.map +0 -1
  529. package/linearprogress/harness.d.ts +0 -13
  530. package/linearprogress/harness.js.map +0 -1
  531. package/linearprogress/lib/linear-progress-styles.css.js +0 -9
  532. package/linearprogress/lib/linear-progress-styles.css.js.map +0 -1
  533. package/linearprogress/lib/linear-progress.d.ts +0 -35
  534. package/linearprogress/lib/linear-progress.js.map +0 -1
  535. package/linearprogress/linear-progress.js.map +0 -1
  536. package/list/lib/listitem/list-item-styles.css.js +0 -9
  537. package/list/lib/listitem/list-item.js.map +0 -1
  538. package/menu/lib/menu-styles.css.js +0 -9
  539. package/menu/lib/menu.js.map +0 -1
  540. package/menu/lib/menuitem/menu-item.js.map +0 -1
  541. package/menu/lib/menuitemlink/menu-item-link.js.map +0 -1
  542. package/menu/lib/shared.js.map +0 -1
  543. package/menu/lib/submenuitem/sub-menu-item.js.map +0 -1
  544. package/menu/lib/typeaheadController.js.map +0 -1
  545. package/radio/lib/radio.js.map +0 -1
  546. package/radio/lib/single-selection-controller.js.map +0 -1
  547. package/ripple/lib/ripple.js.map +0 -1
  548. package/select/lib/select.js.map +0 -1
  549. package/select/lib/selectoption/select-option.js.map +0 -1
  550. package/select/lib/shared.js.map +0 -1
  551. package/slider/lib/slider-styles.css.js +0 -9
  552. package/slider/lib/slider-styles.css.js.map +0 -1
  553. package/slider/lib/slider.js.map +0 -1
  554. package/switch/lib/forced-colors-styles.css.d.ts +0 -1
  555. package/switch/lib/switch.js.map +0 -1
  556. package/tabs/lib/tab-styles.css.js +0 -9
  557. package/tabs/lib/tab-styles.css.js.map +0 -1
  558. package/tabs/lib/tab.js.map +0 -1
  559. package/tabs/lib/tabs.js.map +0 -1
  560. package/textfield/lib/filled-styles.css.js +0 -9
  561. package/textfield/lib/filled-styles.css.js.map +0 -1
  562. package/textfield/lib/outlined-styles.css.js +0 -9
  563. package/textfield/lib/outlined-styles.css.js.map +0 -1
  564. package/textfield/lib/shared-styles.css.js +0 -9
  565. package/textfield/lib/shared-styles.css.js.map +0 -1
  566. package/textfield/lib/text-field.js.map +0 -1
  567. /package/button/{lib → internal}/_elevated-button.scss +0 -0
  568. /package/button/{lib → internal}/_filled-button.scss +0 -0
  569. /package/button/{lib → internal}/_text-button.scss +0 -0
  570. /package/button/{lib → internal}/_tonal-button.scss +0 -0
  571. /package/button/{lib → internal}/elevated-styles.css.d.ts +0 -0
  572. /package/button/{lib → internal}/elevated-styles.css.js +0 -0
  573. /package/button/{lib → internal}/elevated-styles.css.js.map +0 -0
  574. /package/button/{lib → internal}/elevated-styles.scss +0 -0
  575. /package/button/{lib → internal}/filled-styles.css.d.ts +0 -0
  576. /package/button/{lib → internal}/filled-styles.css.js +0 -0
  577. /package/button/{lib → internal}/filled-styles.css.js.map +0 -0
  578. /package/button/{lib → internal}/filled-styles.scss +0 -0
  579. /package/button/{lib → internal}/outlined-styles.css.d.ts +0 -0
  580. /package/button/{lib → internal}/outlined-styles.scss +0 -0
  581. /package/button/{lib → internal}/shared-elevation-styles.css.d.ts +0 -0
  582. /package/button/{lib → internal}/shared-elevation-styles.scss +0 -0
  583. /package/button/{lib → internal}/shared-styles.css.d.ts +0 -0
  584. /package/button/{lib → internal}/shared-styles.scss +0 -0
  585. /package/button/{lib → internal}/text-styles.css.d.ts +0 -0
  586. /package/button/{lib → internal}/text-styles.css.js +0 -0
  587. /package/button/{lib → internal}/text-styles.css.js.map +0 -0
  588. /package/button/{lib → internal}/text-styles.scss +0 -0
  589. /package/button/{lib → internal}/tonal-styles.css.d.ts +0 -0
  590. /package/button/{lib → internal}/tonal-styles.css.js +0 -0
  591. /package/button/{lib → internal}/tonal-styles.css.js.map +0 -0
  592. /package/button/{lib → internal}/tonal-styles.scss +0 -0
  593. /package/checkbox/{lib → internal}/checkbox-styles.css.d.ts +0 -0
  594. /package/checkbox/{lib → internal}/checkbox-styles.scss +0 -0
  595. /package/chips/{lib → internal}/_assist-chip.scss +0 -0
  596. /package/chips/{lib → internal}/_chip-set.scss +0 -0
  597. /package/chips/{lib → internal}/_elevated.scss +0 -0
  598. /package/chips/{lib → internal}/_filter-chip.scss +0 -0
  599. /package/chips/{lib → internal}/_input-chip.scss +0 -0
  600. /package/chips/{lib → internal}/_selectable.scss +0 -0
  601. /package/chips/{lib → internal}/_suggestion-chip.scss +0 -0
  602. /package/chips/{lib → internal}/assist-chip.d.ts +0 -0
  603. /package/chips/{lib → internal}/assist-chip.js +0 -0
  604. /package/chips/{lib → internal}/assist-chip.js.map +0 -0
  605. /package/chips/{lib → internal}/assist-forced-colors-styles.css.d.ts +0 -0
  606. /package/chips/{lib → internal}/assist-forced-colors-styles.css.js +0 -0
  607. /package/chips/{lib → internal}/assist-forced-colors-styles.css.js.map +0 -0
  608. /package/chips/{lib → internal}/assist-forced-colors-styles.scss +0 -0
  609. /package/chips/{lib → internal}/assist-styles.css.d.ts +0 -0
  610. /package/chips/{lib → internal}/assist-styles.css.js +0 -0
  611. /package/chips/{lib → internal}/assist-styles.css.js.map +0 -0
  612. /package/chips/{lib → internal}/assist-styles.scss +0 -0
  613. /package/chips/{lib → internal}/chip-set-styles.css.d.ts +0 -0
  614. /package/chips/{lib → internal}/chip-set-styles.css.js +0 -0
  615. /package/chips/{lib → internal}/chip-set-styles.css.js.map +0 -0
  616. /package/chips/{lib → internal}/chip-set-styles.scss +0 -0
  617. /package/chips/{lib → internal}/chip-set.d.ts +0 -0
  618. /package/chips/{lib → internal}/chip-set.js +0 -0
  619. /package/chips/{lib → internal}/chip-set.js.map +0 -0
  620. /package/chips/{lib → internal}/elevated-styles.css.d.ts +0 -0
  621. /package/chips/{lib → internal}/elevated-styles.css.js +0 -0
  622. /package/chips/{lib → internal}/elevated-styles.css.js.map +0 -0
  623. /package/chips/{lib → internal}/elevated-styles.scss +0 -0
  624. /package/chips/{lib → internal}/filter-chip.d.ts +0 -0
  625. /package/chips/{lib → internal}/filter-chip.js +0 -0
  626. /package/chips/{lib → internal}/filter-chip.js.map +0 -0
  627. /package/chips/{lib → internal}/filter-forced-colors-styles.css.d.ts +0 -0
  628. /package/chips/{lib → internal}/filter-forced-colors-styles.css.js +0 -0
  629. /package/chips/{lib → internal}/filter-forced-colors-styles.css.js.map +0 -0
  630. /package/chips/{lib → internal}/filter-forced-colors-styles.scss +0 -0
  631. /package/chips/{lib → internal}/filter-styles.css.d.ts +0 -0
  632. /package/chips/{lib → internal}/filter-styles.css.js +0 -0
  633. /package/chips/{lib → internal}/filter-styles.css.js.map +0 -0
  634. /package/chips/{lib → internal}/filter-styles.scss +0 -0
  635. /package/chips/{lib → internal}/input-chip.d.ts +0 -0
  636. /package/chips/{lib → internal}/input-chip.js +0 -0
  637. /package/chips/{lib → internal}/input-chip.js.map +0 -0
  638. /package/chips/{lib → internal}/input-forced-colors-styles.css.d.ts +0 -0
  639. /package/chips/{lib → internal}/input-forced-colors-styles.css.js +0 -0
  640. /package/chips/{lib → internal}/input-forced-colors-styles.css.js.map +0 -0
  641. /package/chips/{lib → internal}/input-forced-colors-styles.scss +0 -0
  642. /package/chips/{lib → internal}/input-styles.css.d.ts +0 -0
  643. /package/chips/{lib → internal}/input-styles.css.js +0 -0
  644. /package/chips/{lib → internal}/input-styles.css.js.map +0 -0
  645. /package/chips/{lib → internal}/input-styles.scss +0 -0
  646. /package/chips/{lib → internal}/multi-action-chip.d.ts +0 -0
  647. /package/chips/{lib → internal}/multi-action-chip.js +0 -0
  648. /package/chips/{lib → internal}/multi-action-chip.js.map +0 -0
  649. /package/chips/{lib → internal}/selectable-styles.css.d.ts +0 -0
  650. /package/chips/{lib → internal}/selectable-styles.css.js +0 -0
  651. /package/chips/{lib → internal}/selectable-styles.css.js.map +0 -0
  652. /package/chips/{lib → internal}/selectable-styles.scss +0 -0
  653. /package/chips/{lib → internal}/shared-styles.css.d.ts +0 -0
  654. /package/chips/{lib → internal}/shared-styles.scss +0 -0
  655. /package/chips/{lib → internal}/suggestion-chip.d.ts +0 -0
  656. /package/chips/{lib → internal}/suggestion-chip.js +0 -0
  657. /package/chips/{lib → internal}/suggestion-chip.js.map +0 -0
  658. /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.d.ts +0 -0
  659. /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.js +0 -0
  660. /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.js.map +0 -0
  661. /package/chips/{lib → internal}/suggestion-forced-colors-styles.scss +0 -0
  662. /package/chips/{lib → internal}/suggestion-styles.css.d.ts +0 -0
  663. /package/chips/{lib → internal}/suggestion-styles.css.js +0 -0
  664. /package/chips/{lib → internal}/suggestion-styles.css.js.map +0 -0
  665. /package/chips/{lib → internal}/suggestion-styles.scss +0 -0
  666. /package/chips/{lib → internal}/trailing-icon-styles.css.d.ts +0 -0
  667. /package/chips/{lib → internal}/trailing-icon-styles.scss +0 -0
  668. /package/dialog/{lib → internal}/_dialog.scss +0 -0
  669. /package/dialog/{lib → internal}/dialog-styles.css.d.ts +0 -0
  670. /package/dialog/{lib → internal}/dialog-styles.css.js +0 -0
  671. /package/dialog/{lib → internal}/dialog-styles.css.js.map +0 -0
  672. /package/dialog/{lib → internal}/dialog-styles.scss +0 -0
  673. /package/dialog/{lib → internal}/dialog.d.ts +0 -0
  674. /package/divider/{lib → internal}/_divider.scss +0 -0
  675. /package/divider/{lib → internal}/divider-styles.css.d.ts +0 -0
  676. /package/divider/{lib → internal}/divider-styles.css.js +0 -0
  677. /package/divider/{lib → internal}/divider-styles.css.js.map +0 -0
  678. /package/divider/{lib → internal}/divider-styles.scss +0 -0
  679. /package/divider/{lib → internal}/divider.d.ts +0 -0
  680. /package/divider/{lib → internal}/divider.js +0 -0
  681. /package/divider/{lib → internal}/divider.js.map +0 -0
  682. /package/elevation/{lib → internal}/_elevation.scss +0 -0
  683. /package/elevation/{lib → internal}/elevation-styles.css.d.ts +0 -0
  684. /package/elevation/{lib → internal}/elevation-styles.css.js +0 -0
  685. /package/elevation/{lib → internal}/elevation-styles.css.js.map +0 -0
  686. /package/elevation/{lib → internal}/elevation-styles.scss +0 -0
  687. /package/elevation/{lib → internal}/elevation.d.ts +0 -0
  688. /package/elevation/{lib → internal}/elevation.js +0 -0
  689. /package/elevation/{lib → internal}/elevation.js.map +0 -0
  690. /package/fab/{lib → internal}/_fab-branded.scss +0 -0
  691. /package/fab/{lib → internal}/fab-branded-styles.css.d.ts +0 -0
  692. /package/fab/{lib → internal}/fab-branded-styles.css.js +0 -0
  693. /package/fab/{lib → internal}/fab-branded-styles.css.js.map +0 -0
  694. /package/fab/{lib → internal}/fab-branded-styles.scss +0 -0
  695. /package/fab/{lib → internal}/fab-styles.css.d.ts +0 -0
  696. /package/fab/{lib → internal}/fab-styles.scss +0 -0
  697. /package/fab/{lib → internal}/fab.js +0 -0
  698. /package/{checkbox/lib → fab/internal}/forced-colors-styles.css.d.ts +0 -0
  699. /package/fab/{lib → internal}/shared-styles.css.d.ts +0 -0
  700. /package/fab/{lib → internal}/shared-styles.scss +0 -0
  701. /package/field/{lib → internal}/filled-field.d.ts +0 -0
  702. /package/field/{lib → internal}/filled-field.js +0 -0
  703. /package/field/{lib → internal}/filled-field.js.map +0 -0
  704. /package/field/{lib → internal}/filled-styles.css.d.ts +0 -0
  705. /package/field/{lib → internal}/filled-styles.scss +0 -0
  706. /package/field/{lib → internal}/outlined-field.d.ts +0 -0
  707. /package/field/{lib → internal}/outlined-field.js +0 -0
  708. /package/field/{lib → internal}/outlined-field.js.map +0 -0
  709. /package/field/{lib → internal}/outlined-styles.css.d.ts +0 -0
  710. /package/field/{lib → internal}/outlined-styles.scss +0 -0
  711. /package/field/{lib → internal}/shared-styles.css.d.ts +0 -0
  712. /package/field/{lib → internal}/shared-styles.scss +0 -0
  713. /package/focus/{lib → internal}/focus-ring-styles.css.d.ts +0 -0
  714. /package/focus/{lib → internal}/focus-ring-styles.scss +0 -0
  715. /package/focus/{lib → internal}/focus-ring.d.ts +0 -0
  716. /package/focus/{lib → internal}/focus-ring.js +0 -0
  717. /package/focus/{lib → internal}/focus-ring.js.map +0 -0
  718. /package/icon/{lib → internal}/_md-comp-icon.scss +0 -0
  719. /package/icon/{lib → internal}/icon-styles.css.d.ts +0 -0
  720. /package/icon/{lib → internal}/icon-styles.scss +0 -0
  721. /package/icon/{lib → internal}/icon.d.ts +0 -0
  722. /package/iconbutton/{lib → internal}/_filled-icon-button.scss +0 -0
  723. /package/iconbutton/{lib → internal}/_filled-tonal-icon-button.scss +0 -0
  724. /package/iconbutton/{lib → internal}/_outlined-icon-button.scss +0 -0
  725. /package/iconbutton/{lib → internal}/filled-styles.css.d.ts +0 -0
  726. /package/iconbutton/{lib → internal}/filled-styles.css.js +0 -0
  727. /package/iconbutton/{lib → internal}/filled-styles.css.js.map +0 -0
  728. /package/iconbutton/{lib → internal}/filled-styles.scss +0 -0
  729. /package/iconbutton/{lib → internal}/filled-tonal-styles.css.d.ts +0 -0
  730. /package/iconbutton/{lib → internal}/filled-tonal-styles.css.js +0 -0
  731. /package/iconbutton/{lib → internal}/filled-tonal-styles.css.js.map +0 -0
  732. /package/iconbutton/{lib → internal}/filled-tonal-styles.scss +0 -0
  733. /package/iconbutton/{lib → internal}/outlined-styles.css.d.ts +0 -0
  734. /package/iconbutton/{lib → internal}/outlined-styles.css.js +0 -0
  735. /package/iconbutton/{lib → internal}/outlined-styles.css.js.map +0 -0
  736. /package/iconbutton/{lib → internal}/outlined-styles.scss +0 -0
  737. /package/iconbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
  738. /package/iconbutton/{lib → internal}/shared-styles.scss +0 -0
  739. /package/iconbutton/{lib → internal}/standard-styles.css.d.ts +0 -0
  740. /package/iconbutton/{lib → internal}/standard-styles.scss +0 -0
  741. /package/labs/badge/{lib → internal}/_badge.scss +0 -0
  742. /package/labs/badge/{lib → internal}/badge-styles.css.d.ts +0 -0
  743. /package/labs/badge/{lib → internal}/badge-styles.css.js +0 -0
  744. /package/labs/badge/{lib → internal}/badge-styles.css.js.map +0 -0
  745. /package/labs/badge/{lib → internal}/badge-styles.scss +0 -0
  746. /package/labs/badge/{lib → internal}/badge.d.ts +0 -0
  747. /package/labs/badge/{lib → internal}/badge.js +0 -0
  748. /package/labs/badge/{lib → internal}/badge.js.map +0 -0
  749. /package/labs/navigationbar/{lib → internal}/_navigation-bar.scss +0 -0
  750. /package/labs/navigationbar/{lib → internal}/constants.js +0 -0
  751. /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.d.ts +0 -0
  752. /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.js +0 -0
  753. /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.js.map +0 -0
  754. /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.scss +0 -0
  755. /package/labs/navigationbar/{lib → internal}/navigation-bar.js +0 -0
  756. /package/labs/navigationbar/{lib → internal}/state.js +0 -0
  757. /package/labs/navigationdrawer/{lib → internal}/_navigation-drawer-modal.scss +0 -0
  758. /package/labs/navigationdrawer/{lib → internal}/_navigation-drawer.scss +0 -0
  759. /package/labs/navigationdrawer/{lib → internal}/_shared.scss +0 -0
  760. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.d.ts +0 -0
  761. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.js +0 -0
  762. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.js.map +0 -0
  763. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.scss +0 -0
  764. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal.d.ts +0 -0
  765. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.d.ts +0 -0
  766. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.js +0 -0
  767. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.js.map +0 -0
  768. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.scss +0 -0
  769. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer.d.ts +0 -0
  770. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer.js +0 -0
  771. /package/labs/navigationdrawer/{lib → internal}/navigation-drawer.js.map +0 -0
  772. /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.d.ts +0 -0
  773. /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.js +0 -0
  774. /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.js.map +0 -0
  775. /package/labs/navigationdrawer/{lib → internal}/shared-styles.scss +0 -0
  776. /package/labs/navigationtab/{lib → internal}/navigation-tab-styles.css.d.ts +0 -0
  777. /package/labs/navigationtab/{lib → internal}/navigation-tab-styles.scss +0 -0
  778. /package/labs/navigationtab/{lib → internal}/state.d.ts +0 -0
  779. /package/labs/navigationtab/{lib → internal}/state.js +0 -0
  780. /package/labs/navigationtab/{lib → internal}/state.js.map +0 -0
  781. /package/labs/segmentedbutton/{lib → internal}/_outlined-segmented-button.scss +0 -0
  782. /package/labs/segmentedbutton/{lib → internal}/_shared.scss +0 -0
  783. /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.d.ts +0 -0
  784. /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.js +0 -0
  785. /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.js.map +0 -0
  786. /package/labs/segmentedbutton/{lib → internal}/outlined-styles.css.d.ts +0 -0
  787. /package/labs/segmentedbutton/{lib → internal}/outlined-styles.css.js +0 -0
  788. /package/labs/segmentedbutton/{lib → internal}/outlined-styles.css.js.map +0 -0
  789. /package/labs/segmentedbutton/{lib → internal}/outlined-styles.scss +0 -0
  790. /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
  791. /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.js +0 -0
  792. /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.js.map +0 -0
  793. /package/labs/segmentedbutton/{lib → internal}/shared-styles.scss +0 -0
  794. /package/labs/segmentedbuttonset/{lib → internal}/_outlined-segmented-button-set.scss +0 -0
  795. /package/labs/segmentedbuttonset/{lib → internal}/_shared.scss +0 -0
  796. /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.d.ts +0 -0
  797. /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.js +0 -0
  798. /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.js.map +0 -0
  799. /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.css.d.ts +0 -0
  800. /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.css.js +0 -0
  801. /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.css.js.map +0 -0
  802. /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.scss +0 -0
  803. /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.d.ts +0 -0
  804. /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.js +0 -0
  805. /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.js.map +0 -0
  806. /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.scss +0 -0
  807. /package/list/{lib → internal}/_list.scss +0 -0
  808. /package/list/{lib → internal}/list-styles.css.d.ts +0 -0
  809. /package/list/{lib → internal}/list-styles.css.js +0 -0
  810. /package/list/{lib → internal}/list-styles.css.js.map +0 -0
  811. /package/list/{lib → internal}/list-styles.scss +0 -0
  812. /package/list/{lib → internal}/list.d.ts +0 -0
  813. /package/{fab/lib → list/internal/listitem}/forced-colors-styles.css.d.ts +0 -0
  814. /package/list/{lib → internal}/listitem/forced-colors-styles.css.js +0 -0
  815. /package/list/{lib → internal}/listitem/forced-colors-styles.css.js.map +0 -0
  816. /package/list/{lib → internal}/listitem/forced-colors-styles.scss +0 -0
  817. /package/list/{lib → internal}/listitem/harness.d.ts +0 -0
  818. /package/list/{lib → internal}/listitem/harness.js +0 -0
  819. /package/list/{lib → internal}/listitem/harness.js.map +0 -0
  820. /package/list/{lib → internal}/listitem/list-item-only.d.ts +0 -0
  821. /package/list/{lib → internal}/listitem/list-item-only.js +0 -0
  822. /package/list/{lib → internal}/listitem/list-item-only.js.map +0 -0
  823. /package/list/{lib → internal}/listitem/list-item-styles.css.d.ts +0 -0
  824. /package/list/{lib → internal}/listitem/list-item-styles.scss +0 -0
  825. /package/list/{lib → internal}/listitemlink/list-item-link-only.d.ts +0 -0
  826. /package/list/{lib → internal}/listitemlink/list-item-link-only.js +0 -0
  827. /package/list/{lib → internal}/listitemlink/list-item-link-only.js.map +0 -0
  828. /package/list/{lib → internal}/listitemlink/list-item-link.d.ts +0 -0
  829. /package/list/{lib → internal}/listitemlink/list-item-link.js +0 -0
  830. /package/list/{lib → internal}/listitemlink/list-item-link.js.map +0 -0
  831. /package/{list/lib/listitem → menu/internal}/forced-colors-styles.css.d.ts +0 -0
  832. /package/menu/{lib → internal}/forced-colors-styles.css.js +0 -0
  833. /package/menu/{lib → internal}/forced-colors-styles.css.js.map +0 -0
  834. /package/menu/{lib → internal}/forced-colors-styles.scss +0 -0
  835. /package/menu/{lib → internal}/menu-styles.css.d.ts +0 -0
  836. /package/menu/{lib → internal}/menu-styles.scss +0 -0
  837. /package/menu/{lib → internal}/menuitem/_menu-item.scss +0 -0
  838. /package/menu/{lib → internal/menuitem}/forced-colors-styles.css.d.ts +0 -0
  839. /package/menu/{lib → internal}/menuitem/forced-colors-styles.css.js +0 -0
  840. /package/menu/{lib → internal}/menuitem/forced-colors-styles.css.js.map +0 -0
  841. /package/menu/{lib → internal}/menuitem/forced-colors-styles.scss +0 -0
  842. /package/menu/{lib → internal}/menuitem/menu-item-styles.css.d.ts +0 -0
  843. /package/menu/{lib → internal}/menuitem/menu-item-styles.css.js +0 -0
  844. /package/menu/{lib → internal}/menuitem/menu-item-styles.css.js.map +0 -0
  845. /package/menu/{lib → internal}/menuitem/menu-item-styles.scss +0 -0
  846. /package/menu/{lib → internal}/shared.js +0 -0
  847. /package/menu/{lib → internal}/surfacePositionController.d.ts +0 -0
  848. /package/menu/{lib → internal}/surfacePositionController.js +0 -0
  849. /package/menu/{lib → internal}/surfacePositionController.js.map +0 -0
  850. /package/menu/{lib → internal}/types.d.ts +0 -0
  851. /package/menu/{lib → internal}/types.js +0 -0
  852. /package/menu/{lib → internal}/types.js.map +0 -0
  853. /package/{circularprogress/lib → progress/internal}/circular-progress-styles.css.d.ts +0 -0
  854. /package/{circularprogress/lib → progress/internal}/circular-progress-styles.scss +0 -0
  855. /package/{linearprogress/lib → progress/internal}/linear-progress-styles.css.d.ts +0 -0
  856. /package/{linearprogress/lib → progress/internal}/linear-progress-styles.scss +0 -0
  857. /package/{menu/lib/menuitem → radio/internal}/forced-colors-styles.css.d.ts +0 -0
  858. /package/radio/{lib → internal}/forced-colors-styles.css.js +0 -0
  859. /package/radio/{lib → internal}/forced-colors-styles.css.js.map +0 -0
  860. /package/radio/{lib → internal}/forced-colors-styles.scss +0 -0
  861. /package/radio/{lib → internal}/radio-styles.css.d.ts +0 -0
  862. /package/radio/{lib → internal}/radio-styles.scss +0 -0
  863. /package/radio/{lib → internal}/single-selection-controller.d.ts +0 -0
  864. /package/ripple/{lib → internal}/_ripple.scss +0 -0
  865. /package/ripple/{lib → internal}/ripple-styles.css.d.ts +0 -0
  866. /package/ripple/{lib → internal}/ripple-styles.css.js +0 -0
  867. /package/ripple/{lib → internal}/ripple-styles.css.js.map +0 -0
  868. /package/ripple/{lib → internal}/ripple-styles.scss +0 -0
  869. /package/ripple/{lib → internal}/ripple.d.ts +0 -0
  870. /package/select/{lib → internal}/_filled-select.scss +0 -0
  871. /package/select/{lib → internal}/_outlined-select.scss +0 -0
  872. /package/select/{lib → internal}/filled-forced-colors-styles.css.d.ts +0 -0
  873. /package/select/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
  874. /package/select/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
  875. /package/select/{lib → internal}/filled-forced-colors-styles.scss +0 -0
  876. /package/select/{lib → internal}/filled-select-styles.css.d.ts +0 -0
  877. /package/select/{lib → internal}/filled-select-styles.css.js +0 -0
  878. /package/select/{lib → internal}/filled-select-styles.css.js.map +0 -0
  879. /package/select/{lib → internal}/filled-select-styles.scss +0 -0
  880. /package/select/{lib → internal}/filled-select.d.ts +0 -0
  881. /package/select/{lib → internal}/filled-select.js +0 -0
  882. /package/select/{lib → internal}/filled-select.js.map +0 -0
  883. /package/select/{lib → internal}/outlined-forced-colors-styles.css.d.ts +0 -0
  884. /package/select/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
  885. /package/select/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
  886. /package/select/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
  887. /package/select/{lib → internal}/outlined-select-styles.css.d.ts +0 -0
  888. /package/select/{lib → internal}/outlined-select-styles.css.js +0 -0
  889. /package/select/{lib → internal}/outlined-select-styles.css.js.map +0 -0
  890. /package/select/{lib → internal}/outlined-select-styles.scss +0 -0
  891. /package/select/{lib → internal}/outlined-select.d.ts +0 -0
  892. /package/select/{lib → internal}/outlined-select.js +0 -0
  893. /package/select/{lib → internal}/outlined-select.js.map +0 -0
  894. /package/select/{lib → internal}/select.d.ts +0 -0
  895. /package/select/{lib → internal}/shared-styles.css.d.ts +0 -0
  896. /package/select/{lib → internal}/shared-styles.scss +0 -0
  897. /package/select/{lib → internal}/shared.js +0 -0
  898. /package/{radio/lib → slider/internal}/forced-colors-styles.css.d.ts +0 -0
  899. /package/slider/{lib → internal}/forced-colors-styles.css.js +0 -0
  900. /package/slider/{lib → internal}/forced-colors-styles.css.js.map +0 -0
  901. /package/slider/{lib → internal}/forced-colors-styles.scss +0 -0
  902. /package/slider/{lib → internal}/slider-styles.css.d.ts +0 -0
  903. /package/slider/{lib → internal}/slider-styles.scss +0 -0
  904. /package/switch/{lib → internal}/README.md +0 -0
  905. /package/switch/{lib → internal}/_handle.scss +0 -0
  906. /package/switch/{lib → internal}/_icon.scss +0 -0
  907. /package/switch/{lib → internal}/_track.scss +0 -0
  908. /package/{slider/lib → switch/internal}/forced-colors-styles.css.d.ts +0 -0
  909. /package/switch/{lib → internal}/forced-colors-styles.css.js +0 -0
  910. /package/switch/{lib → internal}/forced-colors-styles.css.js.map +0 -0
  911. /package/switch/{lib → internal}/forced-colors-styles.scss +0 -0
  912. /package/switch/{lib → internal}/switch-styles.css.d.ts +0 -0
  913. /package/switch/{lib → internal}/switch-styles.scss +0 -0
  914. /package/tabs/{lib → internal}/_tabs.scss +0 -0
  915. /package/tabs/{lib → internal}/tab-styles.css.d.ts +0 -0
  916. /package/tabs/{lib → internal}/tab-styles.scss +0 -0
  917. /package/tabs/{lib → internal}/tabs-styles.css.d.ts +0 -0
  918. /package/tabs/{lib → internal}/tabs-styles.css.js +0 -0
  919. /package/tabs/{lib → internal}/tabs-styles.css.js.map +0 -0
  920. /package/tabs/{lib → internal}/tabs-styles.scss +0 -0
  921. /package/textfield/{lib → internal}/_icon.scss +0 -0
  922. /package/textfield/{lib → internal}/filled-forced-colors-styles.css.d.ts +0 -0
  923. /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
  924. /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
  925. /package/textfield/{lib → internal}/filled-forced-colors-styles.scss +0 -0
  926. /package/textfield/{lib → internal}/filled-styles.css.d.ts +0 -0
  927. /package/textfield/{lib → internal}/filled-styles.scss +0 -0
  928. /package/textfield/{lib → internal}/filled-text-field.d.ts +0 -0
  929. /package/textfield/{lib → internal}/filled-text-field.js +0 -0
  930. /package/textfield/{lib → internal}/filled-text-field.js.map +0 -0
  931. /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.d.ts +0 -0
  932. /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
  933. /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
  934. /package/textfield/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
  935. /package/textfield/{lib → internal}/outlined-styles.css.d.ts +0 -0
  936. /package/textfield/{lib → internal}/outlined-styles.scss +0 -0
  937. /package/textfield/{lib → internal}/outlined-text-field.d.ts +0 -0
  938. /package/textfield/{lib → internal}/outlined-text-field.js +0 -0
  939. /package/textfield/{lib → internal}/outlined-text-field.js.map +0 -0
  940. /package/textfield/{lib → internal}/shared-styles.css.d.ts +0 -0
  941. /package/textfield/{lib → internal}/shared-styles.scss +0 -0
@@ -88,7 +88,8 @@ $supported-tokens: (
88
88
  'supporting-text-color',
89
89
  'supporting-text-type',
90
90
  'trailing-icon-color',
91
- 'trailing-icon-size' // go/keep-sorted end
91
+ 'trailing-icon-size',
92
+ // go/keep-sorted end
92
93
  );
93
94
 
94
95
  $unsupported-tokens: (
@@ -155,7 +155,7 @@ $_default: (
155
155
  // 'list-item-leading-item-bottom-space': if($exclude-hardcoded-values, null, 8px),
156
156
  // 'list-item-leading-video-bottom-space': if($exclude-hardcoded-values, null, 0px),
157
157
  'list-item-trailing-element-headline-trailing-element-space': 16px,
158
- 'list-item-trailing-space': if($exclude-hardcoded-values, null, 16px),
158
+ 'list-item-trailing-space': if($exclude-hardcoded-values, null, 24px),
159
159
  // go/keep-sorted end
160
160
  );
161
161
  }
@@ -17,8 +17,7 @@
17
17
 
18
18
  $supported-tokens: (
19
19
  // go/keep-sorted start
20
- 'container-padding-horizontal',
21
- 'container-padding-vertical',
20
+ 'bottom-space',
22
21
  'container-shape',
23
22
  'content-color',
24
23
  'content-type',
@@ -73,14 +72,18 @@ $supported-tokens: (
73
72
  'label-text-populated-size',
74
73
  'label-text-type',
75
74
  'leading-content-color',
75
+ 'leading-space',
76
76
  'outline-color',
77
77
  'outline-label-padding',
78
78
  'outline-width',
79
79
  'supporting-text-color',
80
- 'supporting-text-padding',
81
- 'supporting-text-padding-top',
80
+ 'supporting-text-leading-space',
81
+ 'supporting-text-top-space',
82
+ 'supporting-text-trailing-space',
82
83
  'supporting-text-type',
84
+ 'top-space',
83
85
  'trailing-content-color',
86
+ 'trailing-space',
84
87
  // go/keep-sorted end
85
88
  );
86
89
 
@@ -99,8 +102,7 @@ $_default: (
99
102
 
100
103
  $tokens: (
101
104
  // go/keep-sorted start
102
- 'container-padding-horizontal': if($exclude-hardcoded-values, null, 16px),
103
- 'container-padding-vertical': if($exclude-hardcoded-values, null, 16px),
105
+ 'bottom-space': if($exclude-hardcoded-values, null, 16px),
104
106
  'container-shape': map.get($text-field, 'container-shape'),
105
107
  'content-color': map.get($text-field, 'input-text-color'),
106
108
  'content-type': map.get($text-field, 'input-text-type'),
@@ -187,14 +189,18 @@ $_default: (
187
189
  map.get($text-field, 'label-text-populated-size'),
188
190
  'label-text-type': map.get($text-field, 'label-text-type'),
189
191
  'leading-content-color': map.get($text-field, 'leading-icon-color'),
192
+ 'leading-space': if($exclude-hardcoded-values, null, 16px),
190
193
  'outline-color': map.get($text-field, 'outline-color'),
191
194
  'outline-label-padding': if($exclude-hardcoded-values, null, 4px),
192
195
  'outline-width': map.get($text-field, 'outline-width'),
193
196
  'supporting-text-color': map.get($text-field, 'supporting-text-color'),
194
- 'supporting-text-padding': if($exclude-hardcoded-values, null, 16px),
195
- 'supporting-text-padding-top': if($exclude-hardcoded-values, null, 4px),
197
+ 'supporting-text-leading-space': if($exclude-hardcoded-values, null, 16px),
198
+ 'supporting-text-top-space': if($exclude-hardcoded-values, null, 4px),
199
+ 'supporting-text-trailing-space': if($exclude-hardcoded-values, null, 16px),
196
200
  'supporting-text-type': map.get($text-field, 'supporting-text-type'),
201
+ 'top-space': if($exclude-hardcoded-values, null, 16px),
197
202
  'trailing-content-color': map.get($text-field, 'trailing-icon-color'),
203
+ 'trailing-space': if($exclude-hardcoded-values, null, 16px),
198
204
  // go/keep-sorted end
199
205
  );
200
206
 
@@ -100,7 +100,8 @@ $unsupported-tokens: (
100
100
  'supporting-text-line-height',
101
101
  'supporting-text-size',
102
102
  'supporting-text-tracking',
103
- 'supporting-text-weight' // go/keep-sorted end
103
+ 'supporting-text-weight',
104
+ // go/keep-sorted end
104
105
  );
105
106
 
106
107
  $_default: (
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, isServer, LitElement, nothing, TemplateResult} from 'lit';\nimport {property, query, queryAssignedElements} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {html as staticHtml, literal} from 'lit/static-html.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\nimport {dispatchActivationClick, isActivationClick, redispatchEvent} from '../../internal/controller/events.js';\n\n/**\n * A button component.\n */\nexport abstract class Button extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n /** @nocollapse */\n static get formAssociated() {\n return true;\n }\n\n /** @nocollapse */\n static override shadowRootOptions:\n ShadowRootInit = {mode: 'open', delegatesFocus: true};\n\n /**\n * Whether or not the button is disabled.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * The URL that the link button points to.\n */\n @property() href?: string;\n\n /**\n * Where to display the linked `href` URL for a link button. Common options\n * include `_blank` to open in a new tab.\n */\n @property() target?: string;\n\n /**\n * Whether to render the icon at the inline end of the label rather than the\n * inline start.\n *\n * _Note:_ Link buttons cannot have trailing icons.\n */\n @property({type: Boolean, attribute: 'trailing-icon'}) trailingIcon = false;\n\n /**\n * Whether to display the icon or not.\n */\n @property({type: Boolean, attribute: 'has-icon'}) hasIcon = false;\n\n /**\n * Specifies the type of button, used for controlling forms. When type\n * is `submit`, the containing form is submitted; when it is `reset` the\n * form is reset.\n */\n @property() type: ''|'submit'|'reset' = '';\n\n @query('.md3-button') private readonly buttonElement!: HTMLElement|null;\n\n @queryAssignedElements({slot: 'icon', flatten: true})\n private readonly assignedIcons!: HTMLElement[];\n\n private readonly internals =\n (this as HTMLElement /* needed for closure */).attachInternals();\n\n // flag to avoid processing redispatched event.\n private isRedispatchingEvent = false;\n\n constructor() {\n super();\n if (!isServer) {\n this.addEventListener('click', this.handleActivationClick);\n }\n }\n\n override focus() {\n this.buttonElement?.focus();\n }\n\n override blur() {\n this.buttonElement?.blur();\n }\n\n protected override render() {\n // Link buttons may not be disabled\n const isDisabled = this.disabled && !this.href;\n\n const button = this.href ? literal`a` : literal`button`;\n // Needed for closure conformance\n const {ariaLabel, ariaHasPopup, ariaExpanded} = this as ARIAMixinStrict;\n return staticHtml`\n <${button}\n class=\"md3-button ${classMap(this.getRenderClasses())}\"\n ?disabled=${isDisabled}\n aria-label=\"${ariaLabel || nothing}\"\n aria-haspopup=\"${ariaHasPopup || nothing}\"\n aria-expanded=\"${ariaExpanded || nothing}\"\n href=${this.href || nothing}\n target=${this.target || nothing}\n @click=\"${this.handleClick}\"\n >\n ${this.renderFocusRing()}\n ${this.renderElevation()}\n ${this.renderRipple()}\n ${this.renderOutline()}\n ${this.renderTouchTarget()}\n ${this.renderLeadingIcon()}\n ${this.renderLabel()}\n ${this.renderTrailingIcon()}\n </${button}>`;\n }\n\n protected getRenderClasses() {\n return {\n 'md3-button--icon-leading': !this.trailingIcon && this.hasIcon,\n 'md3-button--icon-trailing': this.trailingIcon && this.hasIcon,\n };\n }\n\n protected renderElevation(): TemplateResult|typeof nothing {\n return nothing;\n }\n\n protected renderOutline(): TemplateResult|typeof nothing {\n return nothing;\n }\n\n private renderTouchTarget() {\n return html`\n <span class=\"md3-button__touch\"></span>\n `;\n }\n\n private readonly handleActivationClick = (event: MouseEvent) => {\n if (!isActivationClick((event)) || !this.buttonElement) {\n return;\n }\n this.focus();\n dispatchActivationClick(this.buttonElement);\n };\n\n private renderRipple() {\n return html`<md-ripple class=\"md3-button__ripple\" ?disabled=\"${\n this.disabled}\"></md-ripple>`;\n }\n\n private renderFocusRing() {\n return html`<md-focus-ring></md-focus-ring>`;\n }\n\n private renderLabel() {\n return html`<span class=\"md3-button__label\"><slot></slot></span>`;\n }\n\n private renderLeadingIcon() {\n return this.trailingIcon ? nothing : this.renderIcon();\n }\n\n private renderTrailingIcon() {\n return this.trailingIcon ? this.renderIcon() : nothing;\n }\n\n private renderIcon() {\n return html`<slot name=\"icon\" @slotchange=\"${\n this.handleSlotChange}\"></slot>`;\n }\n\n private handleClick(e: MouseEvent) {\n if (this.isRedispatchingEvent) {\n return;\n }\n // based on type, trigger form action.\n const {type, internals: {form}} = this;\n if (!form) {\n return;\n }\n const isSubmit = type === 'submit', isReset = type === 'reset';\n if (!(isSubmit || isReset)) {\n return;\n }\n e.stopPropagation();\n this.isRedispatchingEvent = true;\n const prevented = !redispatchEvent(this, e);\n this.isRedispatchingEvent = false;\n if (prevented) {\n return;\n }\n if (isSubmit) {\n form.requestSubmit();\n } else if (isReset) {\n form.reset();\n }\n }\n\n private handleSlotChange() {\n this.hasIcon = this.assignedIcons.length > 0;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"elevated-button.js","sourceRoot":"","sources":["elevated-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,MAAM;IACrB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,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} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * An elevated button component.\n */\nexport class ElevatedButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--elevated': true,\n };\n }\n\n protected override renderElevation() {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"filled-button.js","sourceRoot":"","sources":["filled-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,MAAM;IACnB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,oBAAoB,EAAE,IAAI;SAC3B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,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} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * A filled button component.\n */\nexport class FilledButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--filled': true,\n };\n }\n\n protected override renderElevation() {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"outlined-button.js","sourceRoot":"","sources":["outlined-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,MAAM;IACrB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA,2CAA2C,CAAC;IACzD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * An outlined button component.\n */\nexport class OutlinedButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--outlined': true,\n };\n }\n\n protected override renderOutline() {\n return html`<span class=\"md3-button__outline\"></span>`;\n }\n}\n"]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `md-elevation{transition-duration:280ms}.md3-button{--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color)}.md3-button:focus{--md-elevation-level:var(--_focus-container-elevation)}.md3-button:hover{--md-elevation-level:var(--_hover-container-elevation)}.md3-button:active{--md-elevation-level:var(--_pressed-container-elevation)}.md3-button:disabled{--md-elevation-level:var(--_disabled-container-elevation)}/*# sourceMappingURL=shared-elevation-styles.css.map */
8
- `;
9
- //# sourceMappingURL=shared-elevation-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"shared-elevation-styles.css.js","sourceRoot":"","sources":["shared-elevation-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`md-elevation{transition-duration:280ms}.md3-button{--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color)}.md3-button:focus{--md-elevation-level:var(--_focus-container-elevation)}.md3-button:hover{--md-elevation-level:var(--_hover-container-elevation)}.md3-button:active{--md-elevation-level:var(--_pressed-container-elevation)}.md3-button:disabled{--md-elevation-level:var(--_disabled-container-elevation)}/*# sourceMappingURL=shared-elevation-styles.css.map */\n`;\n "]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:root{--md-filled-button-container-shape-start-start: 12px;--md-filled-button-container-shape: 8px}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.md3-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:64px;border:none;outline:none;user-select:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;inline-size:100%;position:relative;z-index:0;block-size:var(--_container-height);font:var(--_label-text-type);color:var(--_label-text-color);padding-inline-start:var(--_spacing-leading);padding-inline-end:var(--_spacing-trailing);gap:8px}.md3-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:hover{color:var(--_hover-label-text-color);cursor:pointer}.md3-button:focus{color:var(--_focus-label-text-color)}.md3-button:active{color:var(--_pressed-label-text-color);outline:none}.md3-button:disabled .md3-button__label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.md3-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.md3-button::before{content:"";box-sizing:border-box;border:1px solid rgba(0,0,0,0);border-radius:inherit;inset:0;pointer-events:none;position:absolute}}.md3-button,.md3-button__ripple{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-button::after,.md3-button::before,md-elevation,.md3-button__ripple{z-index:-1}.md3-button--icon-leading{padding-inline-start:var(--_with-icon-spacing-leading);padding-inline-end:var(--_with-icon-spacing-trailing)}.md3-button--icon-trailing{padding-inline-start:var(--_with-trailing-icon-spacing-leading);padding-inline-end:var(--_with-trailing-icon-spacing-trailing)}.md3-link-button-wrapper{inline-size:100%}.md3-button ::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md3-button:hover ::slotted([slot=icon]){color:var(--_hover-icon-color)}.md3-button:focus ::slotted([slot=icon]){color:var(--_focus-icon-color)}.md3-button:active ::slotted([slot=icon]){color:var(--_pressed-icon-color)}.md3-button:disabled ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.md3-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}/*# sourceMappingURL=shared-styles.css.map */
8
- `;
9
- //# sourceMappingURL=shared-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:root{--md-filled-button-container-shape-start-start: 12px;--md-filled-button-container-shape: 8px}:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.md3-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:64px;border:none;outline:none;user-select:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;inline-size:100%;position:relative;z-index:0;block-size:var(--_container-height);font:var(--_label-text-type);color:var(--_label-text-color);padding-inline-start:var(--_spacing-leading);padding-inline-end:var(--_spacing-trailing);gap:8px}.md3-button::before{background-color:var(--_container-color);border-radius:inherit;content:\"\";inset:0;position:absolute}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:hover{color:var(--_hover-label-text-color);cursor:pointer}.md3-button:focus{color:var(--_focus-label-text-color)}.md3-button:active{color:var(--_pressed-label-text-color);outline:none}.md3-button:disabled .md3-button__label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.md3-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.md3-button::before{content:\"\";box-sizing:border-box;border:1px solid rgba(0,0,0,0);border-radius:inherit;inset:0;pointer-events:none;position:absolute}}.md3-button,.md3-button__ripple{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.md3-button::after,.md3-button::before,md-elevation,.md3-button__ripple{z-index:-1}.md3-button--icon-leading{padding-inline-start:var(--_with-icon-spacing-leading);padding-inline-end:var(--_with-icon-spacing-trailing)}.md3-button--icon-trailing{padding-inline-start:var(--_with-trailing-icon-spacing-leading);padding-inline-end:var(--_with-trailing-icon-spacing-trailing)}.md3-link-button-wrapper{inline-size:100%}.md3-button ::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md3-button:hover ::slotted([slot=icon]){color:var(--_hover-icon-color)}.md3-button:focus ::slotted([slot=icon]){color:var(--_focus-icon-color)}.md3-button:active ::slotted([slot=icon]){color:var(--_pressed-icon-color)}.md3-button:disabled ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.md3-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"text-button.js","sourceRoot":"","sources":["text-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,MAAM;IACjB,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 {Button} from './button.js';\n\n/**\n * A text button component.\n */\nexport class TextButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--text': true,\n };\n }\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,MAAM;IAClB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,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} from 'lit';\n\nimport {Button} from './button.js';\n\n/**\n * A tonal button component.\n */\nexport class TonalButton extends Button {\n protected override getRenderClasses() {\n return {\n ...super.getRenderClasses(),\n 'md3-button--tonal': true,\n };\n }\n\n protected override renderElevation() {\n return html`<md-elevation></md-elevation>`;\n }\n}\n"]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:host{--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-size: var(--md-checkbox-container-size, 18px);--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: var( --md-checkbox-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-checkbox-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-checkbox-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-checkbox-container-shape-end-start, var(--_container-shape) );border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-focus-ring-outward-offset: -2px}input{appearance:none;inset:0;margin:0;outline:none;position:absolute;opacity:0;block-size:100%;inline-size:100%}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-size);width:var(--_container-size)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--_state-layer-shape);height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-hover-color: var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_unselected-pressed-state-layer-opacity)}.selected md-ripple{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-hover-color: var(--_error-hover-state-layer-color);--md-ripple-hover-opacity: var(--_error-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_error-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */
8
- `;
9
- //# sourceMappingURL=checkbox-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-styles.css.js","sourceRoot":"","sources":["checkbox-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-size: var(--md-checkbox-container-size, 18px);--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: var( --md-checkbox-container-shape-start-start, var(--_container-shape) );--_container-shape-start-end: var( --md-checkbox-container-shape-start-end, var(--_container-shape) );--_container-shape-end-end: var( --md-checkbox-container-shape-end-end, var(--_container-shape) );--_container-shape-end-start: var( --md-checkbox-container-shape-end-start, var(--_container-shape) );border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-focus-ring-outward-offset: -2px}input{appearance:none;inset:0;margin:0;outline:none;position:absolute;opacity:0;block-size:100%;inline-size:100%}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-size);width:var(--_container-size)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--_state-layer-shape);height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-hover-color: var(--_unselected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_unselected-pressed-state-layer-opacity)}.selected md-ripple{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-hover-color: var(--_error-hover-state-layer-color);--md-ripple-hover-opacity: var(--_error-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_error-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */\n`;\n "]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, isServer, LitElement, nothing, PropertyValues} from 'lit';\nimport {property, query, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\nimport {dispatchActivationClick, isActivationClick, redispatchEvent} from '../../internal/controller/events.js';\n\n/**\n * A checkbox component.\n */\nexport class Checkbox extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n /** @nocollapse */\n static formAssociated = true;\n\n /**\n * Whether or not the checkbox is selected.\n */\n @property({type: Boolean}) checked = false;\n\n /**\n * Whether or not the checkbox is disabled.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * Whether or not the checkbox is invalid.\n */\n @property({type: Boolean}) error = false;\n\n /**\n * Whether or not the checkbox is indeterminate.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes\n */\n @property({type: Boolean}) indeterminate = false;\n\n /**\n * The value of the checkbox that is submitted with a form when selected.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value\n */\n @property() value = 'on';\n\n /**\n * The HTML name to use in form submission.\n */\n get name() {\n return this.getAttribute('name') ?? '';\n }\n set name(name: string) {\n this.setAttribute('name', name);\n }\n\n /**\n * The associated form element with which this element's value will submit.\n */\n get form() {\n return this.internals.form;\n }\n\n /**\n * The labels this element is associated with.\n */\n get labels() {\n return this.internals.labels;\n }\n\n @state() private prevChecked = false;\n @state() private prevDisabled = false;\n @state() private prevIndeterminate = false;\n @query('input') private readonly input!: HTMLInputElement|null;\n private readonly internals =\n (this as HTMLElement /* needed for closure */).attachInternals();\n\n constructor() {\n super();\n if (!isServer) {\n this.addEventListener('click', (event: MouseEvent) => {\n if (!isActivationClick(event)) {\n return;\n }\n this.focus();\n dispatchActivationClick(this.input!);\n });\n }\n }\n\n override focus() {\n this.input?.focus();\n }\n\n protected override update(changed: PropertyValues<Checkbox>) {\n if (changed.has('checked') || changed.has('disabled') ||\n changed.has('indeterminate')) {\n this.prevChecked = changed.get('checked') ?? this.checked;\n this.prevDisabled = changed.get('disabled') ?? this.disabled;\n this.prevIndeterminate =\n changed.get('indeterminate') ?? this.indeterminate;\n }\n\n const shouldAddFormValue = this.checked && !this.indeterminate;\n const state = String(this.checked);\n this.internals.setFormValue(shouldAddFormValue ? this.value : null, state);\n super.update(changed);\n }\n\n protected override render() {\n const prevNone = !this.prevChecked && !this.prevIndeterminate;\n const prevChecked = this.prevChecked && !this.prevIndeterminate;\n const prevIndeterminate = this.prevIndeterminate;\n const isChecked = this.checked && !this.indeterminate;\n const isIndeterminate = this.indeterminate;\n\n const containerClasses = classMap({\n 'selected': isChecked || isIndeterminate,\n 'unselected': !isChecked && !isIndeterminate,\n 'checked': isChecked,\n 'indeterminate': isIndeterminate,\n 'error': this.error && !this.disabled,\n 'prev-unselected': prevNone,\n 'prev-checked': prevChecked,\n 'prev-indeterminate': prevIndeterminate,\n 'prev-disabled': this.prevDisabled,\n });\n\n // Needed for closure conformance\n const {ariaLabel} = this as ARIAMixinStrict;\n return html`\n <div class=\"container ${containerClasses}\">\n <div class=\"outline\"></div>\n <div class=\"background\"></div>\n <md-focus-ring for=\"input\"></md-focus-ring>\n <md-ripple for=\"input\" ?disabled=${this.disabled}></md-ripple>\n <svg class=\"icon\" viewBox=\"0 0 18 18\">\n <rect class=\"mark short\" />\n <rect class=\"mark long\" />\n </svg>\n </div>\n <input type=\"checkbox\"\n id=\"input\"\n aria-checked=${isIndeterminate ? 'mixed' : nothing}\n aria-label=${ariaLabel || nothing}\n ?disabled=${this.disabled}\n .indeterminate=${this.indeterminate}\n .checked=${this.checked}\n @change=${this.handleChange}\n >\n `;\n }\n\n private handleChange(event: Event) {\n const target = event.target as HTMLInputElement;\n this.checked = target.checked;\n this.indeterminate = target.indeterminate;\n\n redispatchEvent(this, event);\n }\n\n /** @private */\n formResetCallback() {\n // The checked property does not reflect, so the original attribute set by\n // the user is used to determine the default value.\n this.checked = this.hasAttribute('checked');\n }\n\n /** @private */\n formStateRestoreCallback(state: string) {\n this.checked = state === 'true';\n }\n}\n"]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `@media(forced-colors: active){:host{--md-checkbox-selected-container-color: CanvasText;--md-checkbox-selected-disabled-container-color: GrayText;--md-checkbox-selected-disabled-container-opacity: 1;--md-checkbox-selected-disabled-icon-color: Canvas;--md-checkbox-selected-error-container-color: CanvasText;--md-checkbox-selected-error-focus-container-color: CanvasText;--md-checkbox-selected-error-focus-icon-color: Canvas;--md-checkbox-selected-error-hover-container-color: CanvasText;--md-checkbox-selected-error-hover-icon-color: Canvas;--md-checkbox-selected-error-icon-color: Canvas;--md-checkbox-selected-error-pressed-container-color: CanvasText;--md-checkbox-selected-error-pressed-icon-color: Canvas;--md-checkbox-selected-focus-container-color: CanvasText;--md-checkbox-selected-focus-icon-color: Canvas;--md-checkbox-selected-hover-container-color: CanvasText;--md-checkbox-selected-hover-icon-color: Canvas;--md-checkbox-selected-icon-color: Canvas;--md-checkbox-selected-pressed-container-color: CanvasText;--md-checkbox-selected-pressed-icon-color: Canvas;--md-checkbox-unselected-disabled-container-opacity: 1;--md-checkbox-unselected-disabled-outline-color: GrayText;--md-checkbox-unselected-error-focus-outline-color: CanvasText;--md-checkbox-unselected-error-hover-outline-color: CanvasText;--md-checkbox-unselected-error-outline-color: CanvasText;--md-checkbox-unselected-error-pressed-outline-color: CanvasText;--md-checkbox-unselected-focus-outline-color: CanvasText;--md-checkbox-unselected-hover-outline-color: CanvasText;--md-checkbox-unselected-outline-color: CanvasText;--md-checkbox-unselected-pressed-outline-color: CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */
8
- `;
9
- //# sourceMappingURL=forced-colors-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-checkbox-selected-container-color: CanvasText;--md-checkbox-selected-disabled-container-color: GrayText;--md-checkbox-selected-disabled-container-opacity: 1;--md-checkbox-selected-disabled-icon-color: Canvas;--md-checkbox-selected-error-container-color: CanvasText;--md-checkbox-selected-error-focus-container-color: CanvasText;--md-checkbox-selected-error-focus-icon-color: Canvas;--md-checkbox-selected-error-hover-container-color: CanvasText;--md-checkbox-selected-error-hover-icon-color: Canvas;--md-checkbox-selected-error-icon-color: Canvas;--md-checkbox-selected-error-pressed-container-color: CanvasText;--md-checkbox-selected-error-pressed-icon-color: Canvas;--md-checkbox-selected-focus-container-color: CanvasText;--md-checkbox-selected-focus-icon-color: Canvas;--md-checkbox-selected-hover-container-color: CanvasText;--md-checkbox-selected-hover-icon-color: Canvas;--md-checkbox-selected-icon-color: Canvas;--md-checkbox-selected-pressed-container-color: CanvasText;--md-checkbox-selected-pressed-icon-color: Canvas;--md-checkbox-unselected-disabled-container-opacity: 1;--md-checkbox-unselected-disabled-outline-color: GrayText;--md-checkbox-unselected-error-focus-outline-color: CanvasText;--md-checkbox-unselected-error-hover-outline-color: CanvasText;--md-checkbox-unselected-error-outline-color: CanvasText;--md-checkbox-unselected-error-pressed-outline-color: CanvasText;--md-checkbox-unselected-focus-outline-color: CanvasText;--md-checkbox-unselected-hover-outline-color: CanvasText;--md-checkbox-unselected-outline-color: CanvasText;--md-checkbox-unselected-pressed-outline-color: CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}
@@ -1,49 +0,0 @@
1
- //
2
- // Copyright 2022 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './checkbox';
8
- // go/keep-sorted end
9
-
10
- @media (forced-colors: active) {
11
- :host {
12
- $container-color: CanvasText;
13
- $icon-color: Canvas;
14
- $outline-color: CanvasText;
15
- @include checkbox.theme(
16
- (
17
- selected-container-color: $container-color,
18
- selected-disabled-container-color: GrayText,
19
- selected-disabled-container-opacity: 1,
20
- selected-disabled-icon-color: $icon-color,
21
- selected-error-container-color: $container-color,
22
- selected-error-focus-container-color: $container-color,
23
- selected-error-focus-icon-color: $icon-color,
24
- selected-error-hover-container-color: $container-color,
25
- selected-error-hover-icon-color: $icon-color,
26
- selected-error-icon-color: $icon-color,
27
- selected-error-pressed-container-color: $container-color,
28
- selected-error-pressed-icon-color: $icon-color,
29
- selected-focus-container-color: $container-color,
30
- selected-focus-icon-color: $icon-color,
31
- selected-hover-container-color: $container-color,
32
- selected-hover-icon-color: $icon-color,
33
- selected-icon-color: $icon-color,
34
- selected-pressed-container-color: $container-color,
35
- selected-pressed-icon-color: $icon-color,
36
- unselected-disabled-container-opacity: 1,
37
- unselected-disabled-outline-color: GrayText,
38
- unselected-error-focus-outline-color: $outline-color,
39
- unselected-error-hover-outline-color: $outline-color,
40
- unselected-error-outline-color: $outline-color,
41
- unselected-error-pressed-outline-color: $outline-color,
42
- unselected-focus-outline-color: $outline-color,
43
- unselected-hover-outline-color: $outline-color,
44
- unselected-outline-color: $outline-color,
45
- unselected-pressed-outline-color: $outline-color,
46
- )
47
- );
48
- }
49
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.js","sourceRoot":"","sources":["chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAE1E;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,UAAU;IAA7C;;QAW6B,aAAQ,GAAG,KAAK,CAAC;QAChC,UAAK,GAAG,EAAE,CAAC;QAevB;;;WAGG;QACgB,kBAAa,GAAW,KAAK,CAAC;IAqDnD,CAAC;IAjEC;;;OAGG;IACH,IAAc,cAAc;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAQkB,MAAM;QACvB,OAAO,IAAI,CAAA;8BACe,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;iBACjD,IAAI,CAAC,aAAa,IAAI,OAAO;UACpC,IAAI,CAAC,aAAa,EAAE;6BACD,IAAI,CAAC,SAAS;yBAClB,IAAI,CAAC,SAAS;sBACjB,IAAI,CAAC,cAAc;UAC/B,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAES,mBAAmB;QAC3B,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACpD,CAAC;IAES,gBAAgB,CAAC,OACc;QACvC,IAAI,OAAO,KAAK,OAAO,EAAE;YACvB,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,IAAI,CAAA,iCAAiC,OAAO,QAAQ,CAAC;IAC9D,CAAC;IAIS,aAAa;QACrB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,iBAAiB,EAAE;;4BAEN,IAAI,CAAC,KAAK;;KAEjC,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAA,2BAA2B,CAAC;IACzC,CAAC;;;AAlFD;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAED,kBAAkB;AACF,sBAAiB,GAAG;IAClC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAEyB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;sCAAkB;AAChC;IAAX,QAAQ,EAAE;mCAAY;AAmBd;IAAR,KAAK,EAAE;2CAAyC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, LitElement, nothing, TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\n\n/**\n * A chip component.\n */\nexport abstract class Chip extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n /** @nocollapse */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true\n };\n\n @property({type: Boolean}) disabled = false;\n @property() label = '';\n\n /**\n * The `id` of the action the primary focus ring and ripple are for.\n */\n protected abstract readonly primaryId: string;\n\n /**\n * Whether or not the primary ripple is disabled (defaults to `disabled`).\n * Some chip actions such as links cannot be disabled.\n */\n protected get rippleDisabled() {\n return this.disabled;\n }\n\n /**\n * The aria role of the container. Defaults to `row` for grid chip sets.\n * Listbox chip sets should remove this since they do not contain cells.\n */\n @state() protected containerRole?: 'row' = 'row';\n\n protected override render() {\n return html`\n <div class=\"container ${classMap(this.getContainerClasses())}\"\n role=${this.containerRole || nothing}>\n ${this.renderOutline()}\n <md-focus-ring for=${this.primaryId}></md-focus-ring>\n <md-ripple for=${this.primaryId}\n ?disabled=${this.rippleDisabled}></md-ripple>\n ${this.renderActions()}\n </div>\n `;\n }\n\n protected getContainerClasses() {\n return {\n disabled: this.disabled,\n };\n }\n\n protected renderActions() {\n return this.renderActionCell(this.renderAction());\n }\n\n protected renderActionCell(content: TemplateResult|\n typeof nothing): TemplateResult|typeof nothing {\n if (content === nothing) {\n return content;\n }\n\n return html`<div class=\"cell\" role=\"cell\">${content}</div>`;\n }\n\n protected abstract renderAction(): TemplateResult;\n\n protected renderContent() {\n return html`\n <span class=\"leading icon\" aria-hidden=\"true\">\n ${this.renderLeadingIcon()}\n </span>\n <span class=\"label\">${this.label}</span>\n <span class=\"touch\"></span>\n `;\n }\n\n protected renderOutline() {\n return html`<span class=\"outline\"></span>`;\n }\n\n protected renderLeadingIcon(): TemplateResult {\n return html`<slot name=\"icon\"></slot>`;\n }\n}\n"]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;gap:8px;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:8px;padding-inline-end:16px}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:focus .outline{border-color:var(--_focus-outline-color)}.disabled .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font:var(--_label-text-type);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:hover .label{color:var(--_hover-label-text-color)}:focus .label{color:var(--_focus-label-text-color)}:active .label{color:var(--_pressed-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}:hover .leading.icon{color:var(--_hover-leading-icon-color)}:focus .leading.icon{color:var(--_focus-leading-icon-color)}:active .leading.icon{color:var(--_pressed-leading-icon-color)}.disabled .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}/*# sourceMappingURL=shared-styles.css.map */
8
- `;
9
- //# sourceMappingURL=shared-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;gap:8px;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:8px;padding-inline-end:16px}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:focus .outline{border-color:var(--_focus-outline-color)}.disabled .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font:var(--_label-text-type);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:hover .label{color:var(--_hover-label-text-color)}:focus .label{color:var(--_focus-label-text-color)}:active .label{color:var(--_pressed-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}:hover .leading.icon{color:var(--_hover-leading-icon-color)}:focus .leading.icon{color:var(--_focus-leading-icon-color)}:active .leading.icon{color:var(--_pressed-leading-icon-color)}.disabled .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `.trailing.action{align-items:center;justify-content:center;padding:0 8px;--md-focus-ring-shape-start-start: var(--_container-shape-start-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-outward-offset: -2px}.trailing.action md-ripple{border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:hover .trailing.icon{color:var(--_hover-trailing-icon-color)}:focus .trailing.icon{color:var(--_focus-trailing-icon-color)}:active .trailing.icon{color:var(--_pressed-trailing-icon-color)}.disabled .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.selected .trailing.icon{color:var(--_selected-trailing-icon-color)}.selected:hover .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}.selected:focus .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}.selected:active .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}/*# sourceMappingURL=trailing-icon-styles.css.map */
8
- `;
9
- //# sourceMappingURL=trailing-icon-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"trailing-icon-styles.css.js","sourceRoot":"","sources":["trailing-icon-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`.trailing.action{align-items:center;justify-content:center;padding:0 8px;--md-focus-ring-shape-start-start: var(--_container-shape-start-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-outward-offset: -2px}.trailing.action md-ripple{border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:hover .trailing.icon{color:var(--_hover-trailing-icon-color)}:focus .trailing.icon{color:var(--_focus-trailing-icon-color)}:active .trailing.icon{color:var(--_pressed-trailing-icon-color)}.disabled .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.selected .trailing.icon{color:var(--_selected-trailing-icon-color)}.selected:hover .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}.selected:focus .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}.selected:active .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}/*# sourceMappingURL=trailing-icon-styles.css.map */\n`;\n "]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"trailing-icons.js","sourceRoot":"","sources":["trailing-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AAUlC,iBAAiB;AACjB,MAAM,UAAU,kBAAkB,CAC9B,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAyB;IACjE,OAAO,IAAI,CAAA;;mBAEM,SAAS;kBACV,QAAQ;iBACT,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;eAC1B,iBAAiB;;;;;;;;;GAS7B,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAa,KAAY;IACjD,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,OAAO;KACR;IAED,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,MAAM,cAAc,GAChB,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IACjE,IAAI,cAAc,EAAE;QAClB,OAAO;KACR;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, nothing} from 'lit';\n\nimport {Chip} from './chip.js';\n\ninterface RemoveButtonProperties {\n ariaLabel: string;\n disabled: boolean;\n tabbable?: boolean;\n}\n\n/** @protected */\nexport function renderRemoveButton(\n {ariaLabel, disabled, tabbable = false}: RemoveButtonProperties) {\n return html`\n <button class=\"trailing action\"\n aria-label=${ariaLabel}\n ?disabled=${disabled}\n tabindex=${!tabbable ? -1 : nothing}\n @click=${handleRemoveClick}\n >\n <md-focus-ring></md-focus-ring>\n <md-ripple></md-ripple>\n <svg class=\"trailing icon\" viewBox=\"0 96 960 960\">\n <path d=\"m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\" />\n </svg>\n <span class=\"touch\"></span>\n </button>\n `;\n}\n\nfunction handleRemoveClick(this: Chip, event: Event) {\n if (this.disabled) {\n return;\n }\n\n event.stopPropagation();\n const preventDefault =\n !this.dispatchEvent(new Event('remove', {cancelable: true}));\n if (preventDefault) {\n return;\n }\n\n this.remove();\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["circular-progress.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,MAAM,EAAC,MAAM,uCAAuC,CAAC;AAQ7D;;;;;;;;;GASG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,gBAAgB;;AACtC,yBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AADvB,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAE9B;SAFY,kBAAkB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {CircularProgress} from './lib/circular-progress.js';\nimport {styles} from './lib/circular-progress-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-circular-progress': MdCircularProgress;\n }\n}\n\n/**\n * @summary Circular progress indicators display progress by animating along an\n * invisible circular track in a clockwise direction. They can be applied\n * directly to a surface, such as a button or card.\n *\n * @description\n * Progress indicators inform users about the status of ongoing processes.\n * - Determinate indicators display how long a process will take.\n * - Indeterminate indicators express an unspecified amount of wait time.\n */\n@customElement('md-circular-progress')\nexport class MdCircularProgress extends CircularProgress {\n static override styles = [styles];\n}\n"]}
@@ -1,16 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { Harness } from '../testing/harness.js';
7
- /**
8
- * Test harness for circular-progress.
9
- */
10
- export class CircularProgressHarness extends Harness {
11
- async getInteractiveElement() {
12
- await this.element.updateComplete;
13
- return this.element.querySelector('.circularProgresss');
14
- }
15
- }
16
- //# sourceMappingURL=harness.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAI9C;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,OAAyB;IAC3D,KAAK,CAAC,qBAAqB;QAClC,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClC,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAc,oBAAoB,CAAE,CAAC;IACxE,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Harness} from '../testing/harness.js';\n\nimport {CircularProgress} from './lib/circular-progress.js';\n\n/**\n * Test harness for circular-progress.\n */\nexport class CircularProgressHarness extends Harness<CircularProgress> {\n override async getInteractiveElement() {\n await this.element.updateComplete;\n return this.element.querySelector<HTMLElement>('.circularProgresss')!;\n }\n}\n"]}
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 8.3333333333);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;min-block-size:var(--_size);min-inline-size:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.circular-progress{flex:1;align-self:stretch;margin:4px}.circular-progress,.spinner,.left,.right,.circle,svg,.track,.progress{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.progress{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.circular-progress.indeterminate{will-change:transform;animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{will-change:transform;animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);will-change:transform;animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media screen and (forced-colors: active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}}/*# sourceMappingURL=circular-progress-styles.css.map */
8
- `;
9
- //# sourceMappingURL=circular-progress-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"circular-progress-styles.css.js","sourceRoot":"","sources":["circular-progress-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 8.3333333333);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;min-block-size:var(--_size);min-inline-size:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.circular-progress{flex:1;align-self:stretch;margin:4px}.circular-progress,.spinner,.left,.right,.circle,svg,.track,.progress{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.progress{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.circular-progress.indeterminate{will-change:transform;animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{will-change:transform;animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);will-change:transform;animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media screen and (forced-colors: active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}}/*# sourceMappingURL=circular-progress-styles.css.map */\n`;\n "]}
@@ -1,27 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { LitElement } from 'lit';
7
- /**
8
- * A circular progress component.
9
- */
10
- export declare class CircularProgress extends LitElement {
11
- /**
12
- * Progress to display, a fraction between 0 and 1.
13
- */
14
- progress: number;
15
- /**
16
- * Whether or not to display an animated spinner representing indeterminate
17
- * progress.
18
- */
19
- indeterminate: boolean;
20
- /**
21
- * Whether or not to render indeterminate mode using 4 colors instead of one.
22
- */
23
- fourColor: boolean;
24
- protected render(): import("lit-html").TemplateResult<1>;
25
- private renderDeterminateContainer;
26
- private renderIndeterminateContainer;
27
- }
@@ -1,94 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2023 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- var _a;
7
- import { __decorate } from "tslib";
8
- import { html, LitElement, nothing } from 'lit';
9
- import { property } from 'lit/decorators.js';
10
- import { classMap } from 'lit/directives/class-map.js';
11
- import { requestUpdateOnAriaChange } from '../../internal/aria/delegate.js';
12
- /**
13
- * A circular progress component.
14
- */
15
- export class CircularProgress extends LitElement {
16
- constructor() {
17
- super(...arguments);
18
- /**
19
- * Progress to display, a fraction between 0 and 1.
20
- */
21
- this.progress = 0;
22
- /**
23
- * Whether or not to display an animated spinner representing indeterminate
24
- * progress.
25
- */
26
- this.indeterminate = false;
27
- /**
28
- * Whether or not to render indeterminate mode using 4 colors instead of one.
29
- */
30
- this.fourColor = false;
31
- }
32
- render() {
33
- const classes = {
34
- 'indeterminate': this.indeterminate,
35
- 'four-color': this.fourColor
36
- };
37
- // Needed for closure conformance
38
- const { ariaLabel } = this;
39
- return html `
40
- <div
41
- class="circular-progress ${classMap(classes)}"
42
- role="progressbar"
43
- aria-label="${ariaLabel || nothing}"
44
- aria-valuemin="0"
45
- aria-valuemax="1"
46
- aria-valuenow="${this.indeterminate ? nothing : this.progress}">
47
- ${this.indeterminate ? this.renderIndeterminateContainer() :
48
- this.renderDeterminateContainer()}
49
- </div>
50
- <slot></slot>`;
51
- }
52
- // Determinate mode is rendered with an svg so the progress arc can be
53
- // easily animated via stroke-dashoffset.
54
- renderDeterminateContainer() {
55
- const dashOffset = (1 - this.progress) * 100;
56
- // note, dash-array/offset are relative to Setting `pathLength` but
57
- // Chrome seems to render this inaccurately and using a large viewbox helps.
58
- const pathLength = 100;
59
- return html `<svg viewBox="0 0 4800 4800">
60
- <circle class="track" pathLength="${pathLength}"></circle>
61
- <circle class="progress" pathLength="${pathLength}" stroke-dashoffset="${dashOffset}"></circle>
62
- </svg>`;
63
- }
64
- // Indeterminate mode rendered with 2 bordered-divs. The borders are
65
- // clipped into half circles by their containers. The divs are then carefully
66
- // animated to produce changes to the spinner arc size.
67
- // This approach has 4.5x the FPS of rendering via svg on Chrome 111.
68
- // See https://lit.dev/playground/#gist=febb773565272f75408ab06a0eb49746.
69
- renderIndeterminateContainer() {
70
- return html `
71
- <div class="spinner">
72
- <div class="left">
73
- <div class="circle"></div>
74
- </div>
75
- <div class="right">
76
- <div class="circle"></div>
77
- </div>
78
- </div>`;
79
- }
80
- }
81
- _a = CircularProgress;
82
- (() => {
83
- requestUpdateOnAriaChange(_a);
84
- })();
85
- __decorate([
86
- property({ type: Number })
87
- ], CircularProgress.prototype, "progress", void 0);
88
- __decorate([
89
- property({ type: Boolean })
90
- ], CircularProgress.prototype, "indeterminate", void 0);
91
- __decorate([
92
- property({ type: Boolean, attribute: 'four-color' })
93
- ], CircularProgress.prototype, "fourColor", void 0);
94
- //# sourceMappingURL=circular-progress.js.map